@charset "utf-8";

body{font-size: 16px; font-family: -apple-system, YuGothic, "Yu Gothic Medium", "Yu Gothic", sans-serif; color: #1e1e1e;}
.mincho{font-family: 'Shippori Mincho', serif;}
img{max-width: 100%;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.wrp{max-width: 600px; margin: 0 auto; position: relative; padding-bottom: 116px;}
.container{padding-right: 1.75rem; padding-left: 1.75rem;}

/*--- header ---*/
.head_inner{padding: 10px 15px; background-color: #fff; display: flex; justify-content: space-between; align-items: center;}
.logo{display: block; max-width: 90px; transition: .3s;}
.logo:hover{opacity: .7;}
.h_btn{padding: 6px 40px 8px; border-radius: 7px; box-shadow: 1px 1px 1px 0px #333; color: #fff; background-color: #F67E28; position: relative; display: inline-block; font-size: 15px; font-weight: bold; transition: .3s;}
.h_btn .img_ab{position: absolute; top: 0; bottom: 0; right: 10px; height: 15px; margin: auto; width: 15px;}
.h_btn .small{font-size: 10px;}
.h_btn2{transition: .3s;}
.h_btn2:hover{opacity: .7;}
.h_btn2 > img{max-width: 200px;}

/*--- btn ---*/
.btn_box{text-align: center;}

/*--- public ---*/
.sec_inner{padding: 30px 0;}
.def_img{margin-bottom: 20px;}
.def_img.ajust{text-align: center; margin-bottom: 40px;}
.def_img.ajust img{max-width: 85%;}
.def_img2{padding-top: 20px;}
.def_img2 img{width: 100%;}
.by_deco{font-weight: bold; color: #082b7b; text-decoration: underline; -webkit-text-text-decoration: underline; text-decoration-color:#f8f598; text-decoration-thickness: 10px; text-underline-offset:-5px;}
.def_con h3{text-align: center; font-family: 'Shippori Mincho', serif; font-size: 28px; margin-bottom: 20px; text-align: center; color: #082b7b;}
.def_con p{font-size: 22px;}
.bg_blue{background-color: #e2f3fb;}
.bg_blue2{background-color: #91c9e4;}
.bg_blue3{background-color: #082b7b;}
.tit_img1{text-align: center; margin-bottom: 20px;}
.tit_img1 img{width: 70%;}
.title_2{font-family: 'Shippori Mincho', serif; text-align: center; font-size: 27px; margin-bottom: 20px; line-height: 1.7;}
.blue{color: #082b7b;}
.blue2{color: #057db9;}
small{font-size: 21px;}
.title_3{font-family: 'Shippori Mincho', serif; text-align: center; font-size: 24px; margin-bottom: 20px; line-height: 1.7;}
.title_3 .blue{font-size: 27px;}
.bg_grab{background: linear-gradient(to bottom right,#91c9e4, #057eba);}
.title_4{font-size: 33px; color: #fff; text-align: center; margin-bottom: 40px; line-height: 1.5; font-family: 'Shippori Mincho', serif;}
.tit_img2{text-align: center;}
.tit_img2 img{width: 100%;}
.tit_img3{text-align: center; margin-bottom: 30px;}
.tit_img3 img{width: 90%;}
.tit_img4{text-align: center; margin-bottom: 30px;}
.tit_img4 .first{margin-bottom: 20px;}
.tit_img4 .first img{width: 90%;}
.tit_img4 .second img{width: 70%;}
.o_tit{background-color: #082b7b; color: #fff; text-align: center; font-family: 'Shippori Mincho', serif; padding: 20px 0;}
.o_tit h2{margin-bottom: 0; font-size: 28px;}

/*--- cta ---*/
.cta_bg{background-color: #e2f3fb;}
.cta{position: relative;}
.cta_btn{position: absolute; display: block; bottom: 5%; left: 0; right: 0; margin: auto; width: 80%; transition: .3s;}
.cta_btn:hover{opacity: .7;}

/*--- nayami ---*/
.wrp_n_tit{text-align: center; padding-top: 20px;}
.wrp_n_tit img{max-width: 85%;}
.wrp_n_box{background-color: #e2f3fb; padding: 30px 0;}
.wrp_n_box .wrp_box{background-color: #fff; padding: 30px 30px 250px; position: relative;}
.wrp_n_box .wrp_box .img_ab{position: absolute; bottom: -2px; right: -2px;}
.wrp_n_box .wrp_box ul li{position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 45px; font-size: 24px; border-bottom: dashed 3px #e2f3fb;}
.wrp_n_box .wrp_box ul li:last-of-type{border-bottom: 0px;}
.wrp_n_box .wrp_box ul li img{position: absolute; top: 0; bottom: 0; left: 0; margin: auto; height: 30px;}
.wrp_n_box .wrp_box ul li .blue
{color: #082b7b;
  /*text-decoration: underline;
  text-decoration-color:#91c9e4;
  text-decoration-thickness: 10px;
  text-underline-offset:-5px;*/
  background: linear-gradient(transparent 50%, #f8f598 0%);
}

/*--- solution ---*/
.title_1{font-size: 27px; font-family: 'Shippori Mincho', serif; margin-bottom: 20px; text-align: center;}
.title_1 .blue{color: #082b7b; font-size: 33px;}

/*--- result ---*/
.wrp_cro{background-image: url(assets/images/bg_cro.svg); padding: 20px 15px;}

/*--- effect ---*/
.list{max-width: 85%; margin: 0 auto;}
.list li{position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 23px; color: #fff;}
.list li img{position: absolute; top: 10px;  left: 0; height: 15px;}

/* lr_box */
.lr_box{display: flex; align-items: center; margin-bottom: 10px;}
.lr_box .box{width: 70%; padding-right: 10px; font-size: 21px; line-height: 1.5;}
.lr_box .box_img{width: 30%;}

.c_tit{text-align: center;}
.c_tit img{width: 100%;}

/*--- reason ---*/
.r_box{margin-top: 30px;}
.r_box .box{background-color: #fff; padding: 30px 20px 20px; position: relative; font-size: 21px; margin-bottom: 50px;}
.r_box .box:last-of-type{margin-bottom: 0;}
.r_box .box .ab{position: absolute; text-align: center; font-size: 21px; top: -15px; margin: auto; display: inline-block; padding: 2px 0; left: 0; right: 0; width: 135px; background-color: #082b7b; color: #fff;}
.r_box.ajust .box .ab{background-color: #135f94;}
.r_box .box .blue{font-family: 'Shippori Mincho', serif; font-size: 24px;}
.r_box .box .item_img{margin-bottom: 20px;}

/*--- recomend ---*/
.wrp_re{max-width: 95%; margin: 0 auto;}
.wrp_re .box{margin-bottom: 50px;}
.wrp_re .box:last-of-type{margin-bottom: 0;}
.wrp_re .box .main{display: flex; margin-bottom: 30px; align-items: center;}
.wrp_re .box:nth-of-type(2) .main{flex-direction: row-reverse;}
.wrp_re .box .main .item_img{width: 35%;}
.wrp_re .box .main .item_text{width: 65%; text-align: center; font-family: 'Shippori Mincho', serif; font-size: 24px;}
.wrp_re .box p{font-size: 18px;}

/*--- kuchikomi ---*/
.wrp_m{background-color: #fff; padding: 30px 15px 0;}
.wrp_m .m_box{width: 90%; margin: 60px auto 0;}
.wrp_m .m_box .def_img{margin-bottom: 50px;}
.wrp_m .m_box .def_img:last-of-type{margin-bottom: 0;}

/*--- flow ---*/
.wrp_f{margin-top: 30px; max-width: 90%; margin: 30px auto 0;}
.wrp_f .box{margin-bottom: 40px;}
.wrp_f .box > p{width: 90%; margin: 15px auto 0px; font-size: 21px;}
.wrp_f .box_tit{display: flex; align-items: center; margin-bottom: 30px;}
.wrp_f .box_tit .item_img{width: 15%;}
.wrp_f .box_tit .item_img img{width: 100%;}
.wrp_f .box_tit h3{width: 85%; font-size: 23px; padding-left: 10px;}
.wrp_f .box:last-of-type{margin-bottom: 0px;}

/*--- trainer ---*/
.wrp_t{background-image: url(assets/images/bg_tr.svg); background-color: #fff; padding: 30px 40px 30px;}
.wrp_t .box{margin-bottom: 30px;}
.wrp_t .box .item_img{text-align: center; margin-bottom: 10px;}
.wrp_t .box .item_img img{width: 60%;}
.wrp_t .box .main{text-align: center; margin-bottom: 40px;}
.wrp_t .box .main span{font-family: 'Shippori Mincho', serif; font-size: 24px; display: inline-block; background-color: #e2f3fb; padding: 5px 10px;}
.wrp_t .box .con{font-size: 18px; margin-bottom: 30px;}
.wrp_t .box h3{font-family: 'Shippori Mincho', serif; font-size: 23px; text-align: center; margin-bottom: 20px; color: #082b7b;}
.wrp_t .box ul li{margin-bottom: 10px;}

/* qa_box */
.qa_box{margin-bottom: 40px;}
.qa_box .qa_item{cursor: pointer; margin-bottom: 30px;}
.qa_box .qa_item .q{position: relative; padding: 20px 50px 20px 60px; background: #057db9; color: #fff; font-family: 'Shippori Mincho', serif; font-size: 21px; margin-bottom: 0;}
.qa_box .qa_item .q::before{content: 'Q1.'; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic"; font-weight: bold; position: absolute; top: 0; bottom: 0; margin: auto; height: 18px; left: 15px; line-height: 1;}
.qa_box .qa_item:nth-of-type(2) .q::before{content: 'Q2.';}
.qa_box .qa_item:nth-of-type(3) .q::before{content: 'Q3.';}
.qa_box .qa_item:nth-of-type(4) .q::before{content: 'Q4.';}
.qa_box .qa_item:nth-of-type(5) .q::before{content: 'Q5.';}
.qa_box .qa_item:nth-of-type(6) .q::before{content: 'Q6.';}
.qa_box .qa_item:nth-of-type(7) .q::before{content: 'Q7.';}
.qa_box .qa_item:nth-of-type(8) .q::before{content: 'Q8.';}
.qa_box .qa_item:nth-of-type(9) .q::before{content: 'Q9.';}
.qa_box .qa_item .q::after{content: '\f068'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; font-weight: 600; font-size: 24px; position: absolute; top: 0; bottom: 0; margin: auto; height: 20px; right: 15px; line-height: 1; transition: .3s;}
.qa_box .qa_item .q.collapsed::after{content: '\2b'; transition: .3s;}
.qa_box .qa_item .a{background-color: #fff; padding: 20px 20px 20px 50px; font-size: 18px; position: relative;}
.qa_box .qa_item .a::before{content: 'A.'; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic"; font-weight: bold; position: absolute; top: 20px;  left: 20px; line-height: 1; font-size: 24px;}

/*--- access ---*/
.ac{text-align: center; font-family: 'Shippori Mincho', serif; font-size: 21px;}
.ac .blue{font-size: 24px;}
.wrp_map{margin-bottom: 20px;}
.wrp_map .m_size{width: 100%; height: 350px;}


.fix_btn{position: fixed; bottom: 0; max-width: 600px; width: 100%; transition: .3s;}
.fix_btn:hover{opacity: .7;}


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

  .wrp{padding-bottom: 75px;}

  .container{padding-right: 0.75rem; padding-left: 0.75rem;}

  .wrp_n_box{padding: 20px 0;}
  .wrp_n_box .wrp_box{padding: 10px 20px 145px;}
  .wrp_n_box .wrp_box ul li{padding-top: 10px; padding-bottom: 10px; padding-left: 30px; font-size: 16px;}
  .wrp_n_box .wrp_box ul li img{height: 20px;}

  .title_1{font-size: 21px;}
  .title_1 .blue{font-size: 24px;}
  .def_con h3{font-size: 21px;}
  .def_con p{font-size: 16px;}
  .tit_img1 img{width: 80%;}
  .title_2{font-size: 18px;}
  small{font-size: 14px;}
  .title_3{font-size: 16px; margin-bottom: 0;}
  .title_3 .blue{font-size: 21px;}
  .title_4{font-size: 27px; margin-bottom: 30px;}
  .def_img.ajust{margin-bottom: 30px;}
  .tit_img4 .first{margin-bottom: 15px;}

  .wrp_cro{padding: 20px 5px;}

  .list li{font-size: 16px; padding-left: 20px;}
  .list li img{height: 10px;}

  .lr_box .box{font-size: 16px;}

  .r_box .box{font-size: 16px; padding: 30px 15px 10px;}
  .r_box .box .blue{font-size: 18px;}

  .wrp_re .box{margin-bottom: 30px;}
  .wrp_re .box .main .item_img{width: 30%;}
  .wrp_re .box .main .item_text{font-size: 16px; width: 70%;}
  .wrp_re .box .main{margin-bottom: 20px;}
  .wrp_re .box p{font-size: 14px;}

  .tit_img3 img{width: 100%;}

  .wrp_m .m_box{margin-top: 40px;}

  .wrp_f{max-width: 100%;}
  .wrp_f .box{margin-bottom: 30px;}
  .wrp_f .box_tit{margin-bottom: 10px;}
  .wrp_f .box_tit h3{font-size: 18px;}
  .wrp_f .box > p{font-size: 16px;}

  .wrp_t{padding: 30px 20px 30px;}
  .wrp_t .box .item_img img{width: 70%;}
  .wrp_t .box .main{margin-bottom: 30px;}
  .wrp_t .box .con{font-size: 16px;}
  .wrp_t .box ul li{font-size: 14px;}

  .qa_box .qa_item .q{font-size: 16px; padding-left: 50px; padding-right: 40px;}
  .qa_box .qa_item .q::after{font-size: 16px; height: 16px;}
  .qa_box .qa_item .a{font-size: 16px; padding-left: 40px;}
  .qa_box .qa_item .a::before{font-size: 18px; left: 15px; top: 24px;}


}

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


}

/*会社概要*/
.company_detail_wrap{
  padding: 5%;
}
.company_detail{
  background: #fff;
  padding: 20px;
}

.company_detail_container{
  margin-bottom: 24px;
}

.company_detail_container p{
  margin-bottom: 8px;
  font-size: 18px;
}

.company_detail_container p:last-child{
  font-size: 16px;
}