@charset "utf-8";
/*main{background:url(/chat/231004/img/pc.png) no-repeat center top;width: 1200px;margin:0 auto;}*/
* {box-sizing: border-box;}
body img{height: auto;}
.chat{color:#333;font-size:16px;}
.chat .note{padding:0 0 0 1em}
.chat .note li{font-size:13px;text-indent:-1em}
.chat .note li::before{content:'※'}
.chat a{transition:.3s}
.chat a:hover{opacity:.7}
.chat .breadcrumbs{line-height:1.65}
.chat .breadcrumbs li{font-size:11px;line-height:1.65}
.chat .breadcrumbs li,.breadcrumbsList__item:not(:last-child)::after{font-family: "NotoSansJP-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif}
.chat .button{display:flex}
.chat .button a{background:#425870 url(https://www.orihica.com/glob/chat/231004/img/icon_arrow_md_wht.svg) no-repeat 95.402298850575% center;color:#fff !important;display:block;font-size:18px;font-weight:500;letter-spacing:.05em;line-height:1;text-align:center;text-decoration:none !important;width:300px}
.chat .button.col_1 > a{margin:5.556% 0;padding:21px 0}
.chat h1,.chat h2{font-weight:600;line-height:1;position:relative;text-align: center;margin-top: 0;}
.chat .point h3,.chat .relation h3{border-bottom:2px solid #425870;font-size:19px;margin-bottom:40px;padding:0 0 10px;font-weight: 600!important;}
.mv_img img{margin: auto;}
.top{
background-color: #bdd6f0;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);}
.tit{
  color: #425870;
  display: flex;
  width: 75%;
  margin: 50px auto 40px;
  justify-content: space-between;
}
.fontBig{font-size: 26px; font-weight: bold;}
.txOr{color: #d68f05;}
.balloon_1{background:#fff;border:#425870 solid 2px;border-radius:24px;padding:28px 35px;position:relative;width:74%;height:66.913580246914%; margin-left: 3%; z-index:1;display: inline-block;}
.balloon_1 p{font-size: 18px!important;line-height: 1.7!important;}
.balloon_1::after{background:url(/chat/231004/img/chat_bg_balloon.png) top left no-repeat;background-size:contain;content:'';height:29px;margin-top:0;position:absolute;right:-47px;top:39%;width:47px;z-index:2}
.lead-box{padding:  0 0 70px;}
.lead-box .Closed-style01{
   max-width: 600px;
   margin: 30px auto 0;
   padding: 20px 50px;
   background-color: #e0edfb;
   border: 1px solid #C00;
   color: #C00;
}
.lead-box span,.chat .Closed-style02 span{
   font-size: 16px;
   font-weight: bold;
}
.chat .Closed-style01 ul,.chat .Closed-style02 ul{
   margin-top: 10px;
}
.chat .Closed-style02{
   padding: 20px 0 0;
   color: #C00;
}
   .chat .Closed-style02 .Closed-text li{
      line-height: 1.6;
   }
   .chat .Closed-style02 .Closed-text li+li{
      margin-top: 10px;
   }
.chat li{font-size:15px;line-height:2;margin:0}
.chat li > .note{margin-bottom:.5em}
.chat ol.number{list-style-type:decimal;padding-left:1.5em}
.chat p,.chat p.lead{font-size:16px;font-weight:400;line-height:2}
.chat .bnr{margin-bottom:3em}
.chat .bnr img{display:block;width:100%}
.chat p.lead{text-align:center}
.chat ul li a,.chat a{color:#014c8c;text-decoration:underline}
.chat ul,.chat ol{list-style:none;margin:0;padding:0}
.chat ul.dots{list-style:inherit;padding-left:1em}
.chat .Inner,
.chat #mv h1{margin:0 auto;max-width:1200px;padding:0;width:100%}
.chat .Inner section{margin:70px auto;padding-bottom: 50px; max-width:900px;}

.chat #mv{width:100%;max-width:1200px;padding:0}
.chat #mv h1 img{padding:3.334% 0 0;width:100%}
.chat #mv p,.chat #consult .inquiry p{color:#C00;font-size:16px;margin:1.5em 1em 0;text-align:center}
.chat .view_timer{display:none}
.chat .view_timer.is_active{display:block}

.chat #introduction{padding:0 0 5.4%}
.chat #introduction p{font-size:24px;line-height:2.08;margin:-10px 0 0;letter-spacing: 0.1em}

.chat #consult h2,.chat #time h2{margin:0 auto 70px;text-align:center;width:81.445%;}
.chat #howto h2{margin:0 auto 45px;text-align:center;width:81.445%;}

.step1_3 h3{margin: auto; display: flex; justify-content: center;}
.icon{margin: 25px 0;width: 53px;}
.h3Tx{font-size: 25px!important;font-weight: bold!important;  margin-left: 20px!important; margin-bottom: 2px!important; line-height: 1.8;}

.step1_3 + .step1_3{
  margin-top: 45px;
}
.howto{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.howto_2{
  margin: auto!important;
  width: 64%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chat #consult h2 img,.chat #howto h2 img,.chat #time h2 img{margin:0 auto}
.chat #consult #slider_wrap{position:relative}
.chat #consult #slide_list{left:0;position:relative;top:0;width:100%;z-index:2}
.chat #consult #slide_list > div{align-items:center;background:#bdd6f0;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:absolute}
.chat #consult #slide_list > div span{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);width:100%}
.chat #consult #slide_list > div:first-child{display:none}
.chat #consult #slide_list > div:hover{opacity:0.6}
.chat #consult #slide_list > div:nth-child(2){left:1%;padding:24% 0 0;top:-0.984117696060205%;width:24%}
.chat #consult #slide_list > div:nth-child(3){left:-7.555555555555556%;padding:17.78% 0 0;top:44.089291990987092%;width:17.78%}
.chat #consult #slide_list > div:nth-child(4){left:10%;padding:17.78% 0 0;top:68.064114363966248%;width:17.78%}
.chat #consult #slide_list > div:nth-child(5){padding:24% 0 0;right:-2%;top:-0.984117696060205%;width:24%}
.chat #consult #slide_list > div:nth-child(6){padding:17.78% 0 0;right:3.333333333333333%;top:64.24811503038504%;width:17.78%}
.chat #consult #slide_list > div:nth-child(7){padding:17.78% 0 0;right:-15.111111111111112%;top:34.089291990987092%;width:17.78%}

.chat #consult #slider{background:#fff;border:4px solid #425870;margin:0 auto;position:relative;width:45.777777777777778%;z-index:2}
.chat #consult #slider .slick-next{right:-38px}
.chat #consult #slider .slick-next.slick-arrow::before{background:url("/chat/231004/img/chat_icon_next.png") no-repeat 0 0;background-size:contain}
.chat #consult #slider .slick-prev{left:-38px}
.chat #consult #slider .slick-prev,.chat #consult #slider .slick-next{height:60px;overflow:hidden;position:absolute;text-indent:100%;top:50%;white-space:nowrap;width:60px;z-index:5}
.chat #consult #slider .slick-prev.slick-arrow::before{background:url("/chat/231004/img/chat_icon_prev.png") no-repeat 0 0;background-size:contain}
.chat #consult #slider .slick-prev.slick-arrow::before,.chat #consult #slider .slick-next.slick-arrow::before{content:"" !important;display:block;height:100%;opacity:1;width:100%}
.chat #consult #slider .slick-prev:hover,.chat #consult #slider .slick-next:hover{opacity:1}
.chat #consult .inquiry{border:4px solid #425870;margin:0 auto;max-width:600px;padding:5% 0;text-align:center}
.chat #consult .inquiry a{text-decoration: underline;}
.chat #consult .inquiry h3{border:none;margin:0 auto 4.7297297297297%;padding:0}
.chat #consult .inquiry h3,.chat #consult .inquiry a{color:#425870;font-size:18px;line-height:1}

.tap_1::after{background: url("/chat/231004/img/chat_tap1.png") no-repeat 0 0;}

.chat #time .row{display: flex;justify-content:space-between;margin:4.445% auto 0;width:90%}
.chat #time .row .balloon{background:#fff;border:#425870 solid 2px;border-radius:24px;padding:44px 80px;position:relative;width:66.913580246914%;height: 70%; z-index:1;display: inline-block;}
.chat #time .row .balloon table{color:#425870;margin:0 0 5.9259259259259%;width:100%}
.chat #time .row .balloon::after{background:url(/chat/231004/img/chat_bg_balloon.png) top left no-repeat;background-size:contain;content:'';height:29px;margin-top:0;position:absolute;right:-47px;top:44%;width:47px;z-index:2}
.chat #time .row .person{width:27%;height: auto;}
.chat #time .row .person p{color:#425870;font-size:15px;line-height:1.5;margin:10.948905109489% 0 1rem}
.chat #time .row .person div img{max-width:181px;width:66.058394160584%}
th{text-align: left;}

.chat #consult p{font-size:16px;padding-bottom: 50px;text-align:center;}
.chat #inquiry p{font-size:16px;padding-bottom: 50px;text-align:center;}
.chat #howto p{font-size:16px;margin:0 0 40px;text-align:center;}

.chat #time th{padding-right:1rem}
.chat #time th,.chat #time td{font-size:16px;font-weight:400;line-height:2}
.chusyaku{font-size: 13px;}

.chat #use .wrap_youtube{border:1px #fff solid;height:0;margin:0 auto;overflow:hidden;padding-top:56.25%;position:relative;width:100%}
.chat #use .wrap_youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.chat #use h2{margin:0 auto 8%;width:50%}
.chat #use .button.col_1 > a,.chat #point .button.col_1 > a{margin-bottom:0;}


.chat #relation h4 a{color:#333333;text-decoration:none;}
.chat #relation .item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto 60px;flex-wrap:nowrap;}
.chat #relation .item:nth-child(odd){flex-direction:row-reverse;}
.chat #relation .item div img{max-width:450px;}
.chat #relation .item:last-child{margin-bottom:0;}
.chat #relation .item:nth-child(even) div img{margin-left:40px;}
.chat #relation .item:nth-child(odd) div img{margin-right:40px;}
.chat #relation h4{margin: 0 0 0.5rem; font-size:19px;line-height:1.5}
.chat .item h4 a{text-decoration: underline!important;font-weight: 600!important;}

.chat section.line_contents{align-content:space-between;align-items:flex-start;background:#e5ebf2;display:flex;justify-content:space-around;margin-bottom:5.4%;padding:4%}
.chat section.line_contents > img{height:auto;max-width:180px;order:1;width:100%}
.chat section.line_contents > .wrap{align-content:space-between;display:flex;flex-direction:column;order:2}
.chat section.line_contents > .wrap .lead{font-size:16px;font-weight:500;letter-spacing:0.05em;text-align:left}
.chat section.line_contents > .wrap img[src$=svg]{margin:0 auto 2%;max-width:100px}
.chat .line_contents .button a{background:#06c755 url("/chat/231004/img/chat_icon_arrow_md_wht.png") no-repeat 90% center/3%;color:#fff !important;display:block;font-size:18px;font-weight:500!important;letter-spacing:.05em;line-height:1;text-align:center;text-decoration:none !important;width:275px}
.wrap{padding-top: 40px;}
.chat .pc_none{display:none!important}
.chat .wo_inbound{display:none}


/*************************
PC only
*************************/
@media(min-width:862px) {
   .breadcrumbs {
      background-color: #bdd6f0;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw);
      padding-right: calc(50vw - 50%);
      padding-left: 20px;
   }
   .chat #time .row .person p{
      height:6em
   }
   .tit .webstylist img{
      width: 70%;
      margin-left: 44px;
   }
   .STEP {
      display: flex;
      align-items: center;
   }
   .STEP:before,
   .STEP:after {
      content: "";
      height: 2px;
      flex-grow: 1;
      background-color: #bdd6f0;
   }

   .STEP:before {
      margin-right: 40px;
   }
   .STEP:after {
      margin-left: 40px;
   }
}


/*************************
SP only
*************************/
@media(max-width:861px) {
   .top {
      padding-right:0;
      padding-left:0;
   }
   .chat{width:100%}
   .lead-box{
      padding: 0px 16px 50px; 
   }
   .lead-box .Closed-style01{
    padding: 10px;
   }
   .chat .lead-box .Closed-style01 p,.chat .Closed-style02 p{
   font-size: 3.5vw;
   }
  .chat  .Closed-style01 span ,.chat .Closed-style02 span{
  font-size: 3.5vw;
}
   .chat .lead-box .Closed-style01 .Closed-text li{
      line-height: 1.6;
   }
   .chat .lead-box .Closed-style01 .Closed-text li+li{
      margin-top: 10px;
   }
.chat .button.col_1 > a{margin:6.0606060606061% 0 7.5757575757576%;padding:5.2424242424242% 0;width:100%}
.chat .Inner section{margin:35px 0 0;padding-bottom:25px;width:100%}
.chat .note li{font-size:12px}
.chat li,.chat dt,.chat dd{font-size:3.5vw;margin:0}
.chat p,.chat p.lead,.chat ul,.chat ol,.chat #consult .row .balloon table th,.chat #consult .row .balloon table td,.chat #consult .inquiry h3,.chat #consult .inquiry a{font-size:14px;}
.chat ul li{line-height:2}
.chat ul li a,.chat a{color:#333;text-decoration:underline}
.chat #mv h1 img{padding:0}
.chat #mv p,.chat #consult .inquiry p{font-size:3.4666666666667vw}
.chat .bnr{margin-bottom:2em}

.chat #consult h2,.chat #howto h2,.chat #time h2{margin:0 auto 35px;text-align:center;width:91.445%;}
.icon{margin-bottom: 0;}

.chat #introduction p{font-size:4vw;letter-spacing:0.04em;}
.chat #consult #slider{height:auto;width:90.909090909090909%}
.chat #consult #slider .slick-prev,.chat #consult #slider .slick-next{height:40px!important;width:40px!important}
.chat #consult #slider .slick-prev{left:-24px!important}
.chat #consult #slider .slick-next{right:-24px!important}
.chat #consult .inquiry{max-width:inherit}

.balloon_1 p{font-size: 14px!important;line-height: 1.7!important;}
.fontBig{font-size: 17px; font-weight: bold;}
.txOr{color: #d68f05;}
.tit{
  color: #425870;
  display: block;
  width: 100%;
  margin: 30px auto 22px;
  justify-content: space-between;
}
.tit p{text-align: center;}
.tit .webstylist{text-align: center;margin-top: 15px;}
.tit .webstylist img{width: 50%;}
.balloon_1{background:#fff;border:#425870 solid 2px;border-radius:24px;padding:15px;position:relative;width:235px;height:66.913580246914%;margin: 0% auto; z-index:1;display: flex; justify-content: center;}
.balloon_1::after{background:url("/chat/231004/img/chat_bg_sp_balloon.png") top left no-repeat;background-size:contain;content:'';bottom:-29px;height:23px;left:44%;right:inherit;top:inherit;transform:rotate(90deg);width:35px;}


.icon{margin:0;width: 13%;}
h3 p{margin-bottom: 0!important;}
.step1_3 .h3Tx {line-height: 2.5!important;}
.h3Tx {
    font-size: 18px!important;
    font-weight: 600!important;
    margin-left: 10px!important;
    margin-bottom: 0!important;
}
.chusyaku{font-size: 12px;}


.chat #howto p{font-size:14px;margin:10px 0 20px;text-align:center;}

.step1_3 + .step1_3{
  margin-top: 40px;
}
.howto li,
.howto_2 li{text-align: center;width: 90%; margin: auto;}

.howto li + li, .howto_2 li + li{margin-top: 25px;}
.howto_2{width: 100%;}
.chat #time{padding-bottom: 0!important;}
.chat #time .row .person{margin:auto;width:36%}
.chat #time .row .person div{order:1}
.chat #time .row .person div img{width:33.030303030303%}
.chat #time .row .person p{font-size:3.2vw;margin:0;order:2}
.chat #time .row .balloon::after{background: url("/chat/231004/img/chat_bg_sp_balloon.png")top left no-repeat;background-size:contain;content:'';bottom:-29px;height:23px;left:44%;right:inherit;top:inherit;transform:rotate(90deg);width:35px}
.chat #time .row{flex-direction:column;justify-content:flex-start;margin:0;padding:0;width:100%}
.chat #time th,.chat #time td{font-size:3.73334vw;font-weight:400;line-height:2}
.chat #time .row .balloon{border-width: 2px; border-radius:18px;margin-bottom:29px;padding:10% 5%;width:100%}
.chat #time .row .balloon table{margin-bottom:0}
.chat #time .note{margin-top:5%; }
.chat #consult h2{margin-bottom:9.091%;width:56.363636363636%}
.chat #consult p{font-size:14px;margin:0;padding-bottom: 20px;text-align:center;}
.chat #inquiry p{font-size:14px;margin:0;padding-bottom: 20px;text-align:center;}
.chat #time h2{margin-bottom:9.091%;width:68.94%}
.chat #point{padding-bottom:25px;}

.wrap{padding-top: 0;}
.line_contents{margin-top: 35px!important;}

.chat #consult .inquiry{border-width:3px;}


.chat #relation .item,.chat #relation .item:nth-child(odd){flex-direction:column-reverse;flex-wrap:wrap;}
.chat #relation .item div{margin:0 auto;}
.chat #relation .item div img{max-width:100%;margin:0 auto;}
.chat #relation .item:nth-child(even) div img{margin-left:0;}
.chat #relation .item:nth-child(odd) div img{margin-right:0;}
.chat #relation h4{font-size:3.8vw;margin:5.4545454545455% 0 2.6666666666667%;}

.chat .point h3,
.chat .relation h3{border-bottom:2px solid #425870;font-size:14px;margin:5.556% 0 5.334%;padding:0 0 1.556%;font-weight: 600!important;}
.chat .item h4 a{font-size: 14px;}

.chat section.line_contents{flex-direction:column;margin-bottom:9%;padding:8.334% 5.334%}
.chat section.line_contents > img{margin:0 auto 5.4%;max-width:60px}
.chat section.line_contents > .wrap .lead{font-size:14px;}
.chat section.line_contents > .wrap img[src$=svg]{margin:0 auto 5.4%;max-width:60px}

.chat .pc_none{display:block!important}
.chat .sp_none{display:none!important}
}

@media(max-width:480px) {
.chat .button.col_1 > a{font-size: 3.733333333333333vw;font-weight: 600!important;}
}
html:lang(en) h2,html:lang(zh-Hans) h2,html:lang(zh-Hant) h2{width:100%!important}
html:lang(en) h2 span.wo_inbound,html:lang(zh-Hans) h2 span.wo_inbound,html:lang(zh-Hant) h2 span.wo_inbound{color:#425870;font-size:50px;text-align:center}
html:lang(en) h2 img,html:lang(en) h2 img.pc_none,html:lang(en) h2 img.sp_none,html:lang(zh-Hans) h2 img,html:lang(zh-Hans) h2 img.pc_none,html:lang(zh-Hans) h2 img.sp_none,html:lang(zh-Hant) h2 img,html:lang(zh-Hant) h2 img.pc_none,html:lang(zh-Hant) h2 img.sp_none{display:none!important}

@media(max-width:861px) {
html:lang(en) h2 span.wo_inbound,html:lang(zh-Hans) h2 span.wo_inbound,html:lang(zh-Hant) h2 span.wo_inbound{font-size:24px}
html:lang(en) h2 img.pc_none,html:lang(zh-Hans) h2 img.pc_none,html:lang(zh-Hant) h2 img.pc_none{display:none!important}
}

.chat div.container section#bnr{padding:3.8335% 0 0}
@media(max-width:861px) {
.chat div.container section#bnr{padding:6.06% 0 0}
}