/*
Theme Name: michi
*/

@charset "utf-8";
body{font-size: 16px; font-family: 'Noto Sans JP', sans-serif; position: relative; line-height: 1.7; color: #333333; font-weight: 400;}
a{text-decoration: none; color: #333;}
a:hover{color: #333;}
img{max-width: 100%;}
p,h2,h1,h3,h4{margin-bottom: 0;}
i,.fas{margin-right: 0;}
ul{margin-bottom: 0; padding-left: 0;}
.container.v3{max-width: 1000px;}

/*---- header ----*/
.header_inner{display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 15px 30px;}
.head_logo{max-width: 180px;}
.head_logo a{display: block; transition: .3s;}
.head_logo a:hover{opacity: .7;}
.head_nav{display: flex;}
.head_nav li{margin: 0 15px;}
.head_nav li a{transition: .3s;}
.head_nav li a:hover{opacity: .7;}

/*--- public---*/
.pad_block{display: none;}
.container.v2{max-width: 1150px;}
.bg_blue{background-color: #E1F7FD;}
.in_orange{color: #ef8a26;}
.in_under{font-weight: 400; background: linear-gradient(transparent 60%, rgba(239, 138, 38, 0.4) 40%);}
.lt_bnr{display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px;}
.lt_bnr a{display: block; width: 48%;}

/*--- section ---*/
.sec_inner{padding: 80px 0;}
.sec_tit{margin-bottom: 60px; text-align: center;}
.sec_tit.left{text-align: left;}
.sec_tit p{font-size: 14px; color: #ef8a26; margin-bottom: 20px;}
.sec_tit h2{font-size: 32px; color: #2EA7C2; letter-spacing: 3px;}
.sec_tit h2 .in_orange{font-size: 50px; line-height: 1;}
.sec_inner.pb0{padding-bottom: 0px;}

.sec_tit p:nth-of-type(1){display: none;}

/*--- mv ---*/
.mv img{width: 100%;}

/*--- fix ---*/
.fix_mv{position: relative;}
.fix_mv .fix_ab{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 85px; margin: auto;}
.fix_mv .fix_ab .wrp_content{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-family: 'Shippori Mincho', serif;}
.fix_mv .fix_ab .wrp_content .tit{font-size: 52px; font-weight: 600; letter-spacing: 5px;}
.fix_mv .fix_ab .wrp_content .text{font-size: 21px; font-weight: 600; letter-spacing: normal;}

/*--- c_card ---*/
.c_card_box{margin-bottom: 60px;}
.c_card{border-radius: 50%; position: relative; border: 5px solid #2EA7C2;}
.c_card::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.6); border-radius: 50%;}
.c_ab{position: absolute; top: 20px; left: 0; width: 100%; justify-content: center; display: flex; flex-wrap: wrap; margin: auto; color: #2EA7C2;}
.c_ab .check{text-align: center; font-size: 35px; margin-bottom: 5px; width: 100%; color: #fff;}
.c_ab .c_text{font-size: 20px; color: #fff;}

.lead_box{border-top: 5px solid #2EA7C2; padding-top: 60px; position: relative;}
.lead_box::before{content: ''; position: absolute; right: 0; top: -2px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #2EA7C2 transparent transparent transparent; border-width: 45px 45px 0 45px;}
.lead_box::after{content: ''; position: absolute; right: 0; top: -5px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 40px 40px 0 40px;}
.lead_box p{color: #ef8a26; text-align: center;}
.lead_box .main{font-size: 32px; margin-bottom: 10px; letter-spacing: 2px;}
.lead_box .main i{margin-right: 10px;}
.lead_box .sub{font-size: 20px;}
.bnr_box {margin-top: 60px; display: block;}
.bnr_box:hover {opacity: .5; transition: all .3s;}

.container .main{color: #2EA7C2;;font-size: 24px;font-weight: 600;text-align: center;letter-spacing: 3px;}
.container .main s {font-size: 36px;}
.container .main .pink {color: #e04179;font-size: 54px;font-weight: bold;}
.container .main .pink small {font-size: 21px;}
.container .sub .yellow a {color: #fedf14;}
.container .sub {color: #2EA7C2;margin-bottom: 20px;text-align: center;letter-spacing: 3px;font-size: 24px;}
.container .cta_btn{text-align: center; margin-top: 10px;}
.cta_btn a{display: block; transition: .3s;}
.cta_btn a:hover{opacity: .7;}

/*--- t_card ---*/
.t_card_box{display: flex; justify-content: center; flex-wrap: wrap;}
.t_card_box .t_card{width: 49%; margin: 0 0.5% 20px;}
.t_card{box-shadow: 0px 0px 6px #ccc; display: flex; align-items: center; position: relative;}
.t_card .item_img{width: 30%; position: relative;}
.t_card .item_img .item_count{position: absolute; margin: auto; top: 0; bottom: 0; right: -35px; height: 70px; width: 70px; border-radius: 50%; background-color: #ef8a26; color: #fff; text-align: center; padding-top: 5px;}
.t_card .item_img .item_count .sub{font-size: 14px; position: relative; padding-bottom: 3px; margin-bottom: 3px; color: #fff; letter-spacing: 1px;}
.t_card .item_img .item_count .sub::after{content: ''; position: absolute; margin: auto; bottom: 0; left: 0; right: 0; width: 15px; border-bottom: 1px solid #fff;}
.t_card .item_img .item_count .count{font-size: 24px; line-height: 1;}
.t_card .item_text{width: 70%; padding: 0 50px; font-size: 20px;}
.t_card.ad_comment::after{content: '※鍼灸だけ、整体だけなどあなただけの好みの施術のカスタマイズもOK '; position: absolute; left: 0; bottom: -25px; font-size: 14px; font-weight: 300;}

/*--- lr_box ---*/
.lr_box{display: flex; flex-wrap: wrap-reverse;}
.lr_box .left_box{width: 70%; padding-right: 30px;}
.lr_box .right_box{width: 30%;}
.lr_box .left_box .item{margin-bottom: 40px; font-size: 20px; font-weight: 300;}
.lr_box .left_box .item_tit{color: #ef8a26; margin-bottom: 30px; font-weight: 400;}

/*--- message_box ---*/
.message_box{position: relative; padding-top: 40px;}
.message_box .item_img{position: absolute; top: 0; left: 0; max-width: 35%; z-index: 2;}
.message_box .left_box{margin-left: auto; width: 70%; box-shadow: 0px 0px 6px #ccc; background-color: #fff; padding: 50px 50px; padding-left: 120px;}
.message_box .item_name{display: flex; align-items: center; margin-bottom: 20px;}
.message_box .item_name .main{color: #2EA7C2; font-size: 32px; margin-right: 30px;}
.message_box .item_name .sub{color: #ef8a26;}
.message_box .item,.message_box .in_item{display: flex;}
.message_box .item p:nth-of-type(1),.message_box .in_item p:nth-of-type(1){margin-right: 10px;}
.message_box .item2{margin-bottom: 20px;}
.message_box .item_message .tit{margin-bottom: 20px; font-size: 20px;}
.message_box .item_message .text{margin-bottom: 40px; font-weight: 300;}
.message_box .b_name{text-align: right;}
.message_box .b_name .sub{font-size: 14px; margin-bottom: 5px; line-height: 1;}

/*--- tc_card ---*/
.tc_card .item_img{max-width: 250px; border-radius: 50%; margin: 0 auto;}
.tc_card .item_img img{border-radius: 50%;}
.tc_card .wrp_content{margin-top: -120px; background-color: #fff; box-shadow: 0px 0px 6px #ccc; padding: 20px 20px; padding-top: 150px;}
.tc_card .item_name{padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: center;}
.tc_card .item_name::after{content: ''; position: absolute; margin: auto; bottom: 0; left: 0; right: 0; width: 30px; border-bottom: 1px solid #333;}
.tc_card .item_name p{line-height: 1;}
.tc_card .item_name .h_name{color: #ef8a26; font-size: 20px; margin-bottom: 15px;}
.tc_card .item_name .sub{margin-bottom: 8px;}
.tc_card .item_name .main{font-size: 25px;}
.tc_card .item_text{min-height: 190px;}

/*--- card ---*/
.card{border-radius: 10px; box-shadow: 0px 0px 6px #ccc; overflow: hidden;}
a.card{display: block;}
a.card .item_img{overflow: hidden;}
a.card .item_img img{transition: .3s;}
a.card:hover .item_img img{transition: .3s; transform: scale(1.2,1.2);}
.card .wrp_content{background-color: #fff; padding: 20px 20px; position: relative;}
.card .wrp_content .main{color: #ef8a26; font-size: 20px; margin-bottom: 5px; text-align: center;}
.card .wrp_content .text{margin-bottom: 10px; font-weight: 300;}
.ad_cta .card .wrp_content .text{min-height: 136px;}
.card .arrow{border-radius: 50%; background-color: #2EA7C2; color: #fff; width: 30px; height: 30px; margin-left: auto; text-align: center; transition: .3s;}
a.card:hover .arrow{margin-right: -10px;}
.card .wrp_content .count{padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: center;}
.card .wrp_content .count::after{content: ''; position: absolute; margin: auto; bottom: 0; left: 0; right: 0; width: 40px; border-bottom: 2px solid #ef8a26;}
.card .wrp_content .count .point{color: #ef8a26; margin-bottom: 5px;}
.card .wrp_content .count .num{color: #2EA7C2; font-size: 53px; line-height: 1;}
.card .wrp_content .item_tit{font-size: 18px; margin-bottom: 5px;}
.card .wrp_content .text_sub{font-size: 12px; font-weight: 300;}


.ad_chui{font-size: 14px; font-weight: 300; margin-top: 20px;}

/*--- access_box ---*/
.access_box{display: flex; flex-wrap: wrap;}
.access_box .left_box{width: 45%;}
.access_box .right_box{width: 55%; padding-left: 20px;}
.access_box .right_box .item{border-bottom: 1px solid #DDDDDD; padding-bottom: 20px; margin-bottom: 20px; display: flex;}
.access_box .right_box .item:last-of-type{border-bottom: 0px solid #000;}
.access_box .right_box .name{width: 20%;}
.access_box .right_box .text{width: 80%; font-weight: 300;}
.access_box .map_box{width: 100%;}
.access_box .iframe_size{width: 100%; height: 350px;}

/*--- o_table ---*/
.o_table table{width: 100%; border-collapse: collapse; text-align: center;}
.o_table table th.item{width: 45%; background-color: #ef8a26; color: #fff; padding: 20px 0; font-size: 21px; border: solid 7px #fff; }
.o_table table th.item.sub{background-color: #ccc;}
.o_table table tr{width: 100%;}
.o_table table td{border: solid 7px #fff;}
.o_table table td.name{background-color: #2EA7C2; color: #fff; width: 10%;}
.o_table table td.item{background-color: #FCE8D5; width: 45%; padding: 15px 0;}
.o_table table td.item.sub{background-color: #E1F7FD;}

/*--- over_box ---*/
.over_box .o_item{position: relative; padding-bottom: 150px; margin-bottom: 40px;}
.over_box .o_item:last-of-type{margin-bottom: 0;}
.over_box .o_item .item_content{padding: 40px 40px; width: 65%; box-shadow: 0px 0px 6px #ccc;}
.over_box .o_item:nth-of-type(odd) .item_content{padding-left: 100px; margin-left: auto;}
.over_box .o_item:nth-of-type(even) .item_content{padding-right: 100px; margin-right: auto;}
.over_box .o_item .item_img{width: 40%; position: absolute; bottom: 0;}
.over_box .o_item:nth-of-type(odd) .item_img{left: 0;}
.over_box .o_item:nth-of-type(even) .item_img{right: 0;}
.over_box .o_item .item_content .tit{font-size: 24px; padding-bottom: 15px; border-bottom: 1px solid #ef8a26; margin-bottom: 15px; color: #2EA7C2;}

/*--- flow_box ---*/
.flow_box{display: flex; justify-content: center; flex-wrap: wrap;}
.flow_item{width: 16%; margin-bottom: 30px; margin-right: 4%;}
.flow_item:nth-of-type(5n),.flow_item:last-of-type{margin-right: 0;}
.flow_item .item_count{border-radius: 30px; color: #fff; background-color: #2EA7C2; font-size: 18px; padding: 5px 0; text-align: center; margin-bottom: 20px;}
.flow_item .item_img{text-align: center; border-radius: 50%; margin-bottom: 15px; position: relative;}
.flow_item .item_img::after{content: '\f054';  font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: 0; bottom: 0; right: -17%; width: 20px; height: 30px; line-height: 1; margin: auto; color: #2EA7C2; font-size: 30px;}
.flow_item:nth-of-type(5n) .item_img::after,.flow_item:last-of-type .item_img::after{display: none;}
.flow_item .item_content .tit{margin-bottom: 20px; text-align: center;}
.flow_item .item_content .text{font-weight: 300; font-size: 14px;}
.ad_flow .flow_item .item_content .tit{min-height: 54.4px;}

/*--- t_table ---*/
.t_table .discount{font-size: 24px; text-align: center; margin-bottom: 15px;}
.t_table .discount .name{color: #ef8a26;}
.t_table .discount .info{color: #2EA7C2;}
.t_table table{width: 100%; border-collapse: collapse; text-align: center; margin-bottom: 10px;}
.t_table td{width: 50%; border: solid 7px #fff; font-size: 21px; padding: 15px 0;}
.t_table td.name{background-color: #ef8a26; color: #fff; line-height: 1.2;}
.t_table td.price{background-color: #FCE8D5;}
.t_table td.price .small{font-size: 14px;}
.t_table .chui{font-size: 14px; font-weight: 300;}
.t_table .chui li{padding-left: 20px; position: relative;}
.t_table .chui li::before{content: '※'; top: 0; left: 0; width: 15px; height: 24px; margin: 0 auto; position: absolute;}

/*--- qa_box ---*/
.qa_box .q_item{position: relative; border-left: 7px solid #2EA7C2; background-color: #E1F7FD; padding: 15px 0; padding-left: 55px;}
.qa_box .q_item::before{content: 'Q.'; font-size: 24px; top: 15px; left: 15px; position: absolute; line-height: 1;}
.qa_box .a_item{position: relative; border-left: 7px solid #E1F7FD; background-color: #fff; padding: 15px 0; padding-left: 55px; font-weight: 300;}
.qa_box .a_item::before{content: 'A.'; font-size: 24px; top: 15px; left: 15px; position: absolute; font-weight: 400; line-height: 1;}

/*--- s_card ---*/
.s_card .step{background-color: #2EA7C2; color: #fff; text-align: center; position: relative; padding: 5px 0; margin-bottom: 10px; font-size: 21px; margin-right: 20px;}
.s_card .step::after{content: ''; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 20px solid #2EA7C2; position: absolute; top: 0; right: -20px;}
.s_card .item_img{margin-bottom: 10px;}
.s_card .item_img img{width: 100%;}
.s_card .text{font-weight: 300; margin-bottom: 20px;}

/*--- fix_btn ---*/
.wrp_fix_box{position: fixed; top: 40%; right: 0;}
.wrp_fix_box .fix_btn{display: block; transition: .3s; margin-bottom: 15px;}
.wrp_fix_box .fix_btn:nth-of-type(2){margin-bottom: 0;}
.wrp_fix_box .fix_btn img{max-width: 55px;}
.wrp_fix_box .fix_btn:hover{opacity: .6;}

/*--- footer ---*/
.foot_inner{padding: 80px 0 0; background-color: #2EA7C2; color: #fff;}
.foot_logo{margin-bottom: 20px; text-align: center;}
.foot_logo a{display: block; transition: .3s;}
.foot_logo a:hover{opacity: .7;}
.foot_logo img{max-width: 190px;}
.foot_nav{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-bottom: 80px; border-bottom: 1px solid #fff;}
.foot_nav li{margin: 0 15px;}
.foot_nav li a{color: #fff; transition: .3s;}
.foot_nav li a:hover{opacity: .7;}
.foot_nav li.sns img{max-width: 35px;}
.copy{font-size: 12px; text-align: center; line-height: 1; padding: 20px 0;}


/*---- fix_ad ----*/
.ad_bf  .chui{font-weight: 300; font-size: 14px;}

/*------PC3------*/
@media only screen and (max-width: 1580px) {
  
  /*--- fix ---*/
  .fix_mv .fix_ab .wrp_content .text{font-size: 16px;}

}

/*------PC2------*/
@media only screen and (max-width: 1440px) {


}


/*---PAD pro---*/
@media only screen and (max-width: 1050px) {

  /*--- c_card ---*/
  .c_ab{top: 15px;}
  .c_ab .c_text{font-size: 15px;}
  .c_ab .check{font-size: 30px; margin-bottom: 0;}

  /*--- t_card ---*/
  .t_card_box .t_card{width: 100%; margin: 0 0 20px;}

  /*--- o_table ---*/
  .o_table table{font-size: 15px;}

  /*--- over_box ---*/
  .over_box .o_item{padding-bottom: 70px;}
  .over_box .o_item .item_content .tit{font-size: 21px;}

  /*--- fix ---*/
  .fix_mv .fix_ab{height: 56px;}
  .fix_mv .fix_ab .wrp_content .tit{font-size: 33px;}
  .fix_mv .fix_ab .wrp_content .text{font-size: 14px;}

}

/*---PAD---*/
@media only screen and (max-width: 880px) {

  body{font-size: 14px;}
  .pad_block{display: block;}
  .pad_hidden{display: none;}
  .grid-3{grid-template-columns: 1fr 1fr;}

  /*---- header ----*/
  .head_nav{display: none;}
  .header_inner{padding: 15px 20px;}
  .sm_insta{text-align: center; margin-top: 20px;}
  .sm_insta a{display: inline-block;}
  .sm_insta a img{width: 35px;}

  /*--- section ---*/
  .sec_tit h2{font-size: 27px;}

  /* hamburger */
  .m-toggle{border: none; display: block; position: relative; background: none; z-index: 9999; outline: none !important;}
  .offcanvas-toggle .icon-bar{background: #707070;}
  .icon-bar{display:block; width:30px; height:3px; border-radius:1px; margin: auto;}
  .icon-bar + .icon-bar{margin-top:5px}
  .offcanvas-toggle.is-open .icon-bar{background: #fff;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
  .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}
  .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(46, 167, 194, 0.85);}
  .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}
  .sm-nav-box ul{margin-top: 30px;}
  .sm-nav-box li{border-bottom: solid 1px #fff; position: relative;}
  .sm-nav-box li a{display: block; padding: 15px; font-weight: bold; font-size: 13px; color: white;}
  .sm-nav-box .poz{position: absolute; top: 40%; right: 5%; color: #fff;}
  .top-bor-nav{border-top: solid 1px #fff;}

  /*--- c_card ---*/
  .grid-4.c_card_box{grid-template-columns: 1fr 1fr 1fr;}
  .grid-5.c_card_box{grid-template-columns: 1fr 1fr 1fr;}

  /*--- t_card ---*/
  .t_card .item_text{font-size: 18px;}

  /*--- lr_box ---*/
  .lr_box .left_box .item{font-size: 18px;}

  /*--- message_box ---*/
  .message_box .left_box{padding: 30px 30px; padding-left: 80px;}

  /*--- card ---*/
  .card .wrp_content .main{font-size: 17px;}

  /*--- o_table ---*/
  .o_table table th.item{font-size: 18px;}

  /*--- over_box ---*/
  .over_box .o_item{padding-bottom: 50px;}
  .over_box .o_item .item_content{padding: 30px 30px;}
  .over_box .o_item:nth-of-type(odd) .item_content{padding-left: 60px;}
  .over_box .o_item:nth-of-type(even) .item_content{padding-right: 60px;}
  .over_box .o_item .item_content .tit{font-size: 18px;}

  /*--- flow_box ---*/
  .flow_item{width: 29%; margin-right: 4%;}
  .flow_item:nth-of-type(3n),.flow_item:last-of-type{margin-right: 0;}
  .flow_item:nth-of-type(3n) .item_img::after{display: none;}
  .flow_item:nth-of-type(5n){margin-right: 4%;}
  .flow_item:nth-of-type(5n) .item_img::after{display: block;}
  .flow_item .item_img::after{font-size: 24px; right: -11.5%;}
  .flow_item:last-of-type .item_img::after{display: none;}

  /*--- t_table ---*/
  .t_table .discount{font-size: 18px;}
  .t_table td{font-size: 18px;}

  /*--- footer ---*/
  .foot_nav li{margin: 0 10px;}

}

/*---Sm---*/
@media only screen and (max-width: 767px) {

  .container .main {font-size: 16px;}
  .container .main s {font-size: 24px;}
  .container .main .pink {font-size: 36px;}
  .container .sub {font-size: 16px;}


  .grid-3{grid-template-columns: 1fr;}
  .sm_block{display: block;}
  .lt_bnr a{width: 100%; margin-bottom: 20px;}

  /*--- header ---*/
  .head_logo{max-width: 150px;}
  .header_inner{padding: 10px 15px;}

  /*--- section ---*/
  .sec_inner{padding: 50px 0;}
  .sec_tit{margin-bottom: 40px;}
  .sec_tit p{margin-bottom: 10px; font-size: 13px;}
  .sec_tit h2{font-size: 24px;}
  .sec_tit h2 .in_orange{font-size: 40px;}

  /*--- c_card ---*/
  .c_card{border: 4px solid #2EA7C2;}
  .grid-4.c_card_box{grid-template-columns: 1fr 1fr;}
  .grid-5.c_card_box{grid-template-columns: 1fr 1fr;}
  .c_ab{top: 5px;}
  .c_ab .check{font-size: 24px; line-height: 1.5;}
  .c_ab .c_text{font-size: 14px;}

  .lead_box::before{border-width: 35px 35px 0 35px;}
  .lead_box::after{border-width: 30px 30px 0 30px;}
  .lead_box .main{font-size: 24px;}
  .lead_box .sub{font-size: 16px;}

  /*--- t_card ---*/
  .t_card{flex-wrap: wrap;}
  .t_card .item_img{width: 100%;}
  .t_card .item_text{width: 100%; padding: 45px 15px 20px;}
  .t_card .item_img .item_count{right: 0; left: 0; bottom: -30px; top: auto;}

  .t_card.ad_comment::after{bottom: -55px;}

  /*--- lr_box ---*/
  .lr_box .left_box{width: 100%; padding-right: 0;}
  .lr_box .right_box{width: 100%; margin-bottom: 15px;}
  .lr_box .left_box .item{font-size: 16px;}
  .lr_box .left_box .item_tit{margin-bottom: 10px;}

  /*--- message_box ---*/
  .message_box{padding-top: 0;}
  .message_box .item_img{position: static; max-width: 90%;}
  .message_box .left_box{width: 90%; padding: 100px 15px 30px; margin-top: -90px;}
  .message_box .item_name{flex-wrap: wrap;}
  .message_box .item_name .main{font-size: 27px;}
  .message_box .item p:nth-of-type(1){margin-right: 5px;}
  .message_box .in_item{flex-wrap: wrap; margin-bottom: 5px;}
  .message_box .in_item p:nth-of-type(1){width: 100%; margin-right: 0;}

  /*--- tc_card ---*/
  .tc_card .item_text{min-height: auto;}
  .tc_card .item_name .h_name{font-size: 18px;}
  .tc_card .item_name .main{font-size: 24px;}

  /*--- card ---*/
  .ad_cta .card .wrp_content .text{min-height: auto;}

  /*--- access_box ---*/
  .access_box .left_box{width: 100%; margin-bottom: 20px;}
  .access_box .right_box{width: 100%; padding-left: 0;}

  /*--- o_table ---*/
  .o_table table th.item{font-size: 14px; padding: 10px 0;}
  .o_table table th.item,
  .o_table table td.name,
  .o_table table td.item
  {padding-left: 5px; padding-right: 5px;}
  .o_table .wrp_table{overflow: auto; white-space: nowrap;}

  /*--- over_box ---*/
  .over_box .o_item{box-shadow: 0px 0px 6px #ccc; padding-bottom: 0;}
  .over_box .o_item .item_content{width: 100%;}
  .over_box .o_item .item_img{position: static; width: 100%;}
  .over_box .o_item .item_content{padding: 20px 20px; box-shadow: 0 0 0;}
  .over_box .o_item:nth-of-type(odd) .item_content{padding-left: 20px;}
  .over_box .o_item:nth-of-type(even) .item_content{padding-right: 20px;}

  /*--- flow_box ---*/
  .flow_item{width: 45%; margin-right: 5%;}
  .flow_item:nth-of-type(2n),.flow_item:last-of-type{margin-right: 0;}
  .flow_item:nth-of-type(3n){margin-right: 5%;}
  .flow_item:nth-of-type(6n){margin-right: 0;}
  .flow_item .item_img::after,.flow_item:nth-of-type(5n) .item_img::after{display: none;}
  .flow_item .item_content .tit{margin-bottom: 5px;}

  /*--- t_table ---*/
  .t_table td{font-size: 14px; border: 1px solid #fff;}
  .t_table .chui{font-size: 12px;}

  /*--- qa_box ---*/
  .qa_box .q_item::before,
  .qa_box .a_item::before{font-size: 21px; left: 10px;}
  .qa_box .a_item,
  .qa_box .q_item{padding-left: 45px;}

  /*--- s_card ---*/
  .s_card .step{font-size: 18px; line-height: 1.75;}
  .bnr_box {margin-top: 30px;}


  .fix_mv .fix_ab .wrp_content{padding: 0 10px;}
  .fix_mv .fix_ab .wrp_content .tit{font-size: 27px; letter-spacing: 2px;}


  /*--- fix_btn ---*/
  .wrp_fix_box{position: fixed; top: auto; right: auto; left: 0; bottom: 0; width: 100%; background-color: #E1F7FD; padding: 10px 15px;}
  .wrp_fix_box .fix_box{display: flex; justify-content: space-between;}
  .wrp_fix_box .fix_btn{margin-bottom: 0px; width: 48%;}
  .wrp_fix_box .fix_btn img{max-width: 100%;}


  /*--- footer ---*/
  .foot_nav > li{display: none;}

}

/*---Sm small---*/
@media only screen and (max-width: 350px) {


}