@charset "utf-8";

/*=================================

	top

================================ */

.top .sec {

  margin: auto;

  padding: 80px 0;

}

.top h2 {

  font-size: clamp(2.2rem, 1.933rem + 0.89vw, 2.6rem);

}

.tmain {

  font-weight: 700;

  padding: 50px 0;

  background: url(../img/cmn_bg.png) no-repeat center top, linear-gradient(60deg, rgba(254, 209, 1, .9), rgba(255, 160, 0, .9));

  background-size: cover;

}

.tmain .flx, .tmain_list li a {

  display: flex;

}

.tmain_sect {

  padding: 2% 3%;

  background: #fff;

  border-radius: 10px;

}

.tmain_l {

  flex: 1;

  text-align: center;

}

.tmain_r {

  width: 40%;

  margin-left: 5%;

}

.tmain_title {

  margin-top: 30px;

  font-size: 2.4rem;

  line-height: 1.6;

  color: #793636;

}

.tmain_rtitle {

  margin-bottom: 20px;

  color: #793636;

  font-size: 2.2rem;

}

.tmain_btn {

  margin-top: 30px;

}

.tmain_btn.flx {

  gap: 30px 4%;

}

.tmain_btn li {

  width: 48%;

}

.tmain_btn a {

  display: block;

  padding: 15px 10px;

  color: #fff;

  font-size: 2rem;

  font-weight: bold;

  border-radius: 10px;

  background: #41B4AE;

}

.tmain_btn a span {

  display: block;

  margin-top: 1.2rem;

  font-size: 1.4rem;

  line-height: 1.4;

  font-weight: 400;

}

.tmain_btn li + li a {

  background: #F2B502;

}

.tmain_list li a {

  align-items: center;

}

.tmain_list li {

  background: #F7F3EC;

  border-radius: 10px;

}

.tmain_list li + li {

  margin-top: 22px;

}

.tmain_r_img {

  width: 150px;

}

.tmain_r_img img {

  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;

}

.tmain_list li dl {

  margin-left: 5%;

}

.tmain_list li dt {

  font-size: 1.8rem;

  font-weight: 700;

  color: #A76E1B;

}

.tmain_list li dd {

  display: block;

  font-size: 1.2rem;

}

.news_wrap .inner, .news_hd, .news_list li, .tpoint ul, .flow {

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.news_wrap {

  position: relative;

}

.news_wrap:before {

  content: "";

  border-left: 1px solid #ddd;

  position: absolute;

  left: 50%;

  top: 5%;

  height: 90%

}

.news_sec {

  padding: 5% 3%;

  width: 50%;

}

/*

.news_sec+.news_sec{

border-left:1px solid #ddd;

}*/

.news_hd {

  align-items: center;

}

.news_sec h2 {

  text-align: left;

}

.news_btn .btn_gray {

  padding: 8px 10px;

  font-size: 1.2rem;

  color: #fff;

  border-radius: 50px;

}

.news_list {

  margin-top: 30px;

}

.news_list li {

  justify-content: flex-start;

  padding: 12px 0;

}

.news_list li a {

  display: block;

}

/*

.news_list li+li{

border-top:1px solid #ddd;

}*/

.nws_date {

  width: 100px;

}

.nws_txt {

  width: calc(100% - 100px);

}

.tpoint {

  background: url("../img/back_service.jpg") no-repeat center;

  overflow: hidden;

  background-size: cover;

}

.tpoint ul {

  margin-top: 80px;

}

.tpoint ul li {

  padding: 10px 6% 3% 6%;

  width: 30%;

  background-color: rgba(255, 255, 255, 0.9);

}

.tpoint ul li h3 {

  margin-bottom: 20px;

  color: #41b4ae;

  font-size: 2rem;

  text-align: center;

}

.tpoint ul li .num {

  position: relative;

  margin: -50px auto 30px;

  width: 80px;

  height: 80px;

  color: #fff;

  border-radius: 40px;

  font-size: 3rem;

  text-align: center;

  line-height: 80px;

  z-index: 1;

  background: #41b4ae;

}

.flow_sec {

  margin-top: -35px;

  padding: 6% 3%;

  border: 3px solid #F8A53B;

}

.flow li {

  position: relative;

  width: calc(100% / 3);

}

.flow li:not(:last-child) {

  padding-right: 50px;

}

.flow li:last-child {

  width: calc((100% / 3) - 50px) !important;

}

.flow li:not(:last-child):after {

  content: "";

  position: absolute;

  display: inline-block;

  width: 50px;

  height: 100%;

  top: 0;

  right: 0;

  background: url(../img/arr_01.png) no-repeat center;

}

.flow h3 {

  margin: 20px 0 10px;

  text-align: center;

  font-weight: 700;

  font-size: 1.7rem;

  color: #F8A53B;

}

.cnt_tit {

  background: #F8A53B;

  color: #fff;

  padding: 10px 0;

  width: 300px;

  margin: 0 auto;

  border-radius: 50px;

  text-align: center;

}

.flow_lead {

  text-align: center;

  margin-bottom: 6%;

}











.tconsult_catch_box {

    margin:clamp(2.5rem, 0.833rem + 5.56vw, 5rem) 4%;

  text-align: center;

  font-weight: 700;

      font-size: clamp(2rem, 1.733rem + 0.89vw, 2.4rem);



}

.tconsult_subcatch {

  margin-bottom: 2rem;

  color: #EE8D2B;

}

.tconsult_catch_box h2.tconsult_catch {

 letter-spacing: .1rem;

  color: #6F4443;

}

.tconsult_catch span {

  display: inline-block;

  margin: 0 2rem;

  padding: 1rem 2rem;

  color: #ffffff;

  border-radius: 30px 30px 30px 0;

  background: #EE8D2B;

}

.tconsult_catch .br_sp{

    display: none;

}















.tconsult_sec {

  padding: clamp(2.5rem, 0.833rem + 5.56vw, 5rem) 0;

  background: #F2EAE2;

}





.tconsult_sec .flx{

display: flex;

    gap:20px 5%;



}

.tconsult_txt{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap:2% 10%;

    width:30%;

    text-align: center;

}



.top h2.tconsult_title{

             color: #6F4443;

    font-size:clamp(2.4rem, 1.333rem + 3.56vw, 4rem);

}

.consult_scatch{

    display: inline-block;

    padding:0 1rem;

      font-size:1.8rem;

    color:#fff;

    background:#EE8D2B;

      border-radius: 30px 30px 30px 0;

}

.tconsult_sec .lead{

    margin:0;

    padding: .5% 5%;

    flex:1;

    text-align: left;

    border-left:1px solid #C8B5AF;

    

}









.consult_list {

    margin-top:3em;

  display: flex;

  flex-wrap: wrap;

  gap: 30px 5%;

}

.consult_list li {

  width: 30%;

  padding: 20px 30px;

  border-radius: 30px 30px 30px 0;

  background: #fff;

}

.consult_list li a {

  font-size: 1.8rem;

  font-weight: 700;

}

.cnslt_icon {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.cnslt_icon::before {

  content: "";

  display: inline-block;

  width: 55px;

  height: 52px;

  margin-right: 30px;

  background-size: 100% auto;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-position: left top;

}

.consult_icon01::before {

  background-image: url("../img/consult_icon01.svg");

}

.consult_icon02::before {

  background-image: url("../img/consult_icon02.svg");

}

.consult_icon03::before {

  background-image: url("../img/consult_icon03.svg");

}

.consult_icon04::before {

  background-image: url("../img/consult_icon04.svg");

}

.consult_icon05::before {

  background-image: url("../img/consult_icon05.svg");

}

.consult_icon06::before {

  background-image: url("../img/consult_icon06.svg");

}

.consult_icon07::before {

  background-image: url("../img/consult_icon07.svg");

}

.consult_icon08::before {

  background-image: url("../img/consult_icon08.svg");

}

.consult_icon09::before {

  background-image: url("../img/consult_icon09.svg");

}

.consult_icon10::before {

  background-image: url("../img/consult_icon10.svg");

}

.consult_icon11::before {

  background-image: url("../img/consult_icon11.svg");

}

.consult_icon12::before {

  background-image: url("../img/consult_icon12.svg");

}

@media screen and (max-width: 1200px) {

  .tmain {

    padding: 4%;

  }

  .tmain .inner.flx {

    flex-direction: column;

  }

  .tmain_sect {

    padding: 5%;

    background: #fff;

    border-radius: 10px;

  }

  .tmain_r {

    width: 100%;

    margin-top: 5vh;

    margin-left: 0;

  }

  .tmain_inner.inner {

    paddig: 0 5%;

  }

  .tmain_inner {

    background-size: 50%;

  }

  .tmain_title {

    font-size: 2.4rem;

  }

  .news_wrap:before {

    content: none;

  }

  .news_wrap .inner {

    flex-wrap: wrap;

  }

  .news_sec {

    width: 100%;

  }

  .news_sec + .news_sec {

    border-top: 1px solid #ddd;

  }

  /*

.top .sec {

padding-left:4%;

padding-right:4%;

}

.news{

padding:20px;

}



.news_sec h2{

width:100% !important; 

}





.news_sec{

width:100%;

}



.news_btn{

position:relative;

width:auto;

left:auto;

top:auto;

margin:0 auto;

}*/

  .tpoint ul li {

    width: 32%;

    padding: 10px 20px 20px 20px;

  }

}



@media screen and (max-width: 980px) {

    .tconsult_sec .lead{

        text-align: left;

    }

        }

@media screen and (max-width: 768px) {

  .tmain {

    padding: 4%;

  }

  .tmain_inner.inner {

    paddig: 0 5%;

  }

  .tmain_inner {

    background: #fff url(../img/top_illust.png) no-repeat center 5%;

    background-size: 90%;

  }

  .tmain_title {

    padding-top: 2%;

    text-align: left;

    font-size: 2rem;

    line-height: 1.5;

  }

  .tmain_title br {

    display: none;

  }

  .tmain_btn.flx {

    flex-direction: column;

  }

  .tmain_btn li {

    width: 100%;

  }



  .news {

    padding: 0 4%;

    flex-direction: column;

  }

  .news_sec:first-child {

    width: 100%;

  }

  .news_sec:last-child {

    width: 100%;

  }

  .tpoint ul, .flow {

    flex-wrap: wrap;

    margin-top: 40px;

  }

  .tpoint ul li {

    width: 100%;

    margin-top: 60px;

    padding: 10px 5% 5%;

  }

  .tpoint ul li h3 {

    font-size: 1.8rem;

  }

  .tpoint ul li h3 br {

    display: none;

  }

  .tpoint ul li .num {

    margin: -40px auto 20px;

    width: 70px;

    height: 70px;

    font-size: 3rem;

    line-height: 70px;

  }

  .flow_sec {

    padding: 50px 6% 0;

  }

  .flow li, .flow li:last-child {

    width: 100% !important;

  }

  .flow li:not(:last-child) {

    padding-right: 0;

  }

  .flow li {

    text-align: center;

    padding-bottom: 60px;

  }

  .flow li div {

    padding: 10px;

    background: #f9f8f8;

  }

  .flow li + li {

    margin-top: 60px;

  }

  .flow li img {

    width: 50%;

  }

  .flow_lead {

    text-align: left;

  }

  .flow_lead br {

    display: none;

  }

  .flow li:not(:last-child):after {

    content: "";

    position: absolute;

    display: block;

    width: 100%;

    height: 50px;

    top: auto;

    right: 0;

    bottom: 0;

    background: url(../img/arr_01.png) no-repeat center;

    transform: rotate(90deg);

  }

  .consult_list li {

    width: 47.5%;

  }

.tconsult_catch  .br_sp{

    display: block;

}

.tconsult_subcatch {

  margin-bottom: .5rem;

  font-size: clamp(2rem, 1.733rem + 0.89vw, 2.4rem);

  color: #EE8D2B;

}

    .tconsult_sec .flx{

        flex-direction: column;

    }

    .tconsult_txt{

    width:100%;

}

    .tconsult_sec .lead{

        border-left:none;

            padding: 0;



    }

}

@media screen and (max-width: 680px) {

  .consult_list {

    gap: 20px 0;

  }

  .consult_list li {

    width: 100%;

    padding: 20px 30px;

  }

}

/*=================================

	beginner

================================ */

.bepoint {

  display: flex;

  justify-content: space-between;

}

.bepoint li {

  width: 30%;

}

.bepoint .csttl {

  margin: 20px 0 10px;

  text-align: center;

  color: #F8A53B;

}

.be_btn {

  margin: 20px auto 0;

  padding: 10px 10px;

  border-radius: 50px;

  text-align: center;

}

.be_btn a {

  color: #fff;

}

@media screen and (max-width: 768px) {

  .bepoint {

    flex-wrap: wrap;

  }

  .bepoint li {

    width: 100%;

    text-align: center;

  }

  .bepoint li + li {

    margin-top: 30px;

  }

  .bepoint_img {

    text-align: center;

  }

}

/*=================================

	guideline

================================ */

.guide_exp {

  display: flex;

  justify-content: space-between;

}

.guide_exp_l {

  width: 60%;

}

.guide_exp_r {

  width: 30%;

}

.exp_box {

  margin-top: 20px;

  background: #f8f8f8;

  padding: 3%;

  max-width: 600px;

}

@media screen and (max-width: 1200px) {

  .exp_box h3 {

    font-size: 14px;

  }

}

@media screen and (max-width: 768px) {

  .guide_exp {

    flex-direction: column;

  }

  .exp_box {

    margin-bottom: 20px;

  }

  .guide_exp_l {

    width: 100%;

  }

  .guide_exp_r {

    width: 100%;

    text-align: center;

  }

  .guide_exp_r img {

    width: 50%;

  }

}

.flow_pre {

  margin-top: 20px;

  background: #f8f8f8;

  padding: 3%;

}

.guide_flow {

  counter-reset: number;

}

.flowlist {

  display: flex;

  border: 1px solid #eee;

}

.flowlist .flowtxt {

  width: 55%;

  padding: 40px;

}

.flow_ttl {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #eee;

}

.flownum {

  display: block;

  position: relative;

  width: 45%;

  padding: 20px;

  background: #FEF6EB;

}

.flownum2 {

  padding: 20px;

}

.flownum p {

  text-align: center;

}

.flownum:before, .flownum:after {

  position: absolute;

  display: block;

  width: 50px;

  height: 50px;

}

.flowlist .flownum:before {

  counter-increment: number;

  content: counter(number);

  left: -5px;

  top: -15px;

  color: #ffffff;

  z-index: 10;

}

.flownum:after {

  content: "";

  border-radius: 50%;

  background: #FFA000;

  z-index: 1;

  left: -25px;

  top: -25px;

}

@media screen and (max-width: 768px) {

  .flowlist {

    flex-direction: column;

  }

  .flowlist .flowtxt {

    width: 100%;

    padding: 20px;

  }

  .flow_ttl {

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #eee;

  }

  .flownum {

    display: block;

    position: relative;

    width: 100%;

    padding: 20px;

    background: #FEF6EB;

  }

}

/*=================================

	counselor

================================ */

.counselor_list_index .inner {

  margin: 0 auto;

  padding: 80px 0;

}

/*-------------------------------------------

counselor searchbox

----------------------------------------------

.ta_01 input {

vertical-align: text-bottom;

margin-right:10px;

}

.ta_01 tr {

margin-bottom: 3%;

overflow: hidden;

border-bottom: 1px solid #eee;

padding-bottom: 3%;

display: block;

}

.ta_01 td:nth-child(odd){

width: 240px;

vertical-align: top;

font-weight: 600;

}



.ta_01 td:nth-child(even){

vertical-align:middle;

font-size: 14px;

}

.fl_ul ul{

float: left;

margin-right: 80px;

}



@media screen and (max-width: 1200px) {

.fl_ul ul{

float: none;

margin-right:0;

}

.ta_01 td:nth-child(odd){

margin-bottom: 3%;

}

}

@media screen and (max-width: 700px) {

.ta_01 td {

border: 0;

box-sizing: border-box;

display: block;

width: 100%;

}

}

-------------------------------------------*/

/*=================================

	plan

================================ */

.planlist {

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

  margin-top: 40px;

}

.planlist li {

  width: 40%;

  text-align: center;

  background: #f8f8f8;

}

.planlist li + li {

  margin-left: 5%;

}

.planlist li dl dt {

  padding: 15px;

  font-weight: 700;

  color: #fff;

  background: #F8A53B;

}

.planlist li dl dd {

  padding: 20px 15px;

}

.planlist li dl dd span {

  font-size: 30px;

  font-weight: 700;

}

.planlist li dl dd p {

  font-size: 16px;

}

.planlist2 li {

  width: 20%;

  padding: 20px 0;

}

@media (max-width: 768px) {

  .planlist {

    flex-direction: column;

  }

  .planlist li {

    width: 100%;

  }

  .planlist li + li {

    margin-top: 30px;

    margin-left: 0;

  }

  .planlist li dl dd span {

    font-size: 20px;

  }

}

/* 768px */

/*=================================

	FAQ

================================ */

.faq li {

  padding: 40px;

  background: #fafafa;

  border-radius: 5px;

}

.faq li + li {

  margin-top: 30px;

}

.faq_q, .faq_a {

  position: relative;

  padding-left: 70px;

  padding-top: .5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.faq_q {

  font-weight: bold;

}

.faq_a {

  margin-top: 30px;

  padding-top: 30px;

  padding-bottom: 10px;

  border-top: 1px solid #ddd;

}

.faq_q:before, .faq_a:before {

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  left: 0;

  top: 0;

  font-weight: 700;

  font-size: 20px;

  color: #fff;

  border-radius: 50%;

}

.faq_q:before {

  content: "Q";

  background: #F8A53B;

}

.faq_a:before {

  content: "A";

  top: 30px;

  background: #999;

}

@media (max-width: 640px) {

  .faq li {

    padding: 20px;

  }

  .faq li + li {

    margin-top: 20px;

  }

  .faq_q:before, .faq_a:before {

    display: none;

  }

  .faq_q, .faq_a {

    padding-left: 0px;

    padding-top: 10px;

  }

  .faq_q {

    color: #FE9505;

  }

  .faq_a {

    margin-top: 20px;

    padding-top: 0;

    padding-bottom: 0;

    border-top: none;

  }

}

/*=================================

	ABOUT

================================ */

.about .contents_wrap {

  background: url(../img/about_left.png) no-repeat 5% 80px, url(../img/about_right.png) no-repeat 95% 80px, #fff;

}

.about_message {

  padding: 0 16%;

}

.about_message h2 {

  color: #FF8527;

}

.about_message h2:after {

  content: none;

}

@media (max-width: 950px) {

  .about .contents_wrap {

    background-position: 2% 80px, 98% 80px;

    background-size: 100px auto, 160px auto;

  }

  .about_message {

    padding: 0 12%;

  }

}

@media (max-width: 950px) {

  .about .contents_wrap {

    background-image: none;

  }

  .about_message {

    padding: 0 5%;

  }

}



/*=================================

	mypage

================================ */

.mypage_snav {

  margin-bottom: 50px;

}

.mypage_snav ul {

  display: flex;

  justify-content: center;

}

.mypage_snav ul li {

  /*

width:15%;*/

}

.mypage_snav ul li + li {

  margin-left: 2%;

}

.mypage_snav ul li a {

  display: block;

  padding: 5px 10px;

  text-align: center;

  font-weight: bold;

  background: #f3f3f3;

  border-radius: 5px;

}

.stepnavi_content {

  margin-bottom: 80px;

}

.stepnavi {

  display: flex;

  max-width: 700px;

  margin: 0 auto;

}

.stepnavi li {

  position: relative;

  display: flex;

  flex-direction: column;

  flex: 1;

  align-items: center;

  font-size: 1.4rem;

}

.step_label {

  display: block;

}

.stepnavi li::before {

  display: block;

  width: 12px;

  height: 12px;

  margin-bottom: 10px;

  content: '';

  border: 5px solid #dbdbdb;

  border-radius: 50%;

  background-color: #fff;

}

.stepnavi li.step_active {

  color: #9DCF1D;

}

.stepnavi li.step_active a {

  color: #fff;

}

#member .mypage_snav ul li.step_active a {

  color: #fff;

  background: #F8A53B;

}

#counselor .mypage_snav ul li.step_active a {

  color: #fff;

  background: #9DCF1D;

}

.stepnavi li.step_active::before {

  background-color: #9DCF1D;

  border-color: #9DCF1D;

}

.stepnavi li::after {

  position: absolute;

  z-index: -1;

  top: 9px;

  left: 50%;

  width: 100%;

  height: 2px;

  content: '';

  background-color: #dbdbdb;

}

.stepnavi li:last-child::after {

  display: none;

}

/*-------------------- Media Queries --------------------*/

@media (max-width: 768px) {

  .mypage_snav ul {

    flex-wrap: wrap;

  }

  .mypage_snav ul li {

    width: 45%;

    margin-bottom: 2px;

    border-right: 2px solid #fff;

  }

  .mypage_snav ul li + li {

    margin-left: 0;

  }

}

/* 768px */

/* counselor

---------------------------------------------------------- */

.clistsp {

  padding-top: 80px;

}

.clist {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  /*

-webkit-justify-content:center;

-ms-flex-pack:center;

justify-content:center;

*/

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.clist > li {

  width: 47%;

  margin-bottom: 30px;

  padding: 5%;

  background: #fff;

  border-radius: 5px;

}

.clist > li:nth-child(even) {

  margin-left: 6%;

}

.clist_head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.clist_ph {

  width: 35%;

}

.clist_prf {

  width: 60%;

}

.clist_name {

  font-size: 20px;

  font-weight: 700;

  color: #F8A53B;

}

.clist_certification li {

  display: inline-block;

  line-height: 1.5;

  font-size: 13px;

}

.clist_certification li + li:before {

  content: "/";

  padding: 0 10px;

}

.clist_title {

  margin: 20px 0 5px;

  font-size: 1.6rem;

  font-weight: 700;

  color: #F8A53B;

}

.clist_intro {

  margin-top: 20px;

  border-top: 1px dotted #bbb;

}

.clist_btn {

  display: inline-block;

}

.cbtn {

  width: 60%;

  margin: 30px auto 0;

  padding: 10px 40px;

  border-radius: 50px;

  font-weight: 700;

  text-align: center;

}

.cbtn a {

  color: #fff !important;

}

.cbtn_on {

  background: #FE9505;

}

.cbtn_off {

  color: #fff !important;

  background: #ddd;

}

.clist_detail .clist_ph {

  width: 25%;

}

.clist_detail .clist_prf {

  width: 70%;

}

.clist_wrap_title {

  margin-top: 50px;

  font-size: 2rem;

  text-align: center;

  font-weight: bold;

  margin-bottom: 10px;

}

.clist_wrap_small, .clist_wrap_big {

  margin-right: auto;

  margin-left: auto;

  padding: 20px;

  border: 1px solid #ddd;

  border-radius: 5px;

}

.clist_wrap_small {

  width: 45%;

}

.clist_wrap_big {

  width: 80%;

}

.resv .fmtitle {

  margin-bottom: 30px;

}

.rsv_plan {

  display: flex;

  justify-content: space-between;

}

.rsv_plan label { /*

width:48%;*/

  border-radius: 5px

}

.attention_check li label {

  display: inline-flex;

  width: 45%;

  padding: 10px;

  align-items: center;

  background: #f5f5f5;

}

.attention_check li {

  padding: 10px 0;

  border-top: 1px solid #eee;

}

.attention_check li:last-child {

  border-bottom: 1px solid #eee;

}

.attention_check li .note {

  display: inline-block;

  margin-left: 50px;

}

.doctor_note {

  margin-top: 30px;

}

.doctor_note ul {

  padding: 20px;

  background: #f8f8f8;

  border-radius: 5px;

}

.doctor_note ul li {

  text-indent: -1.5em;

  margin-left: 1.5em;

}

.doctor_note ul li:before {

  content: "";

  display: inline-block;

  width: 7px;

  height: 7px;

  margin-right: 5px;

  border: 6px solid #FFA000;

  vertical-align: middle;

  border-radius: 50px;

}

.doctor_note ul li + li {

  margin-top: 20px;

}

.doctor_file {

  margin-top: 10px;

}

.rsv_btn_sec {

  margin-top: 50px;

  padding: 20px 0;

  background: #f8f8f8;

}

.rsv_btn_sec .cbtn .btn_orange {

  margin-top: 0;

  width: 80%;

}

.rsv_time ul {

  display: flex;

  with: 100%;

  flex-wrap: wrap;

}

.rsv_time ul li {

  width: 10%;

  padding: 10px;

  text-align: center;

  background: #f6f6f6;

  border: 2px solid #fff;

}

.rsv_arrow {

  margin-top: 40px;

  padding-bottom: 40px;

}

.rsv_arrow p.note {

  text-align: center;

}

.rsv_arrow:after {

  content: "";

  display: block;

  margin: 0 auto;

  width: 30px;

  height: 30px;

  border-bottom: 5px solid #999;

  border-right: 5px solid #999;

  transform: rotate(45deg)

}

.rsv_time_confirm {

  padding: 30px 0;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  text-align: center;

  font-weight: bold;

}

.rsrv_time_title {

  font-size: 2rem;

  color: #F8A53B;

}

.rsrv_time_detail {

  font-size: 1.8rem;

}

@media screen and (max-width:860px) {

  .clist > li {

    width: 100%;

    padding: 5%;

    background: #fff;

    border-radius: 5px;

  }

  .clist > li:nth-child(even) {

    margin-top: 30px;

    margin-left: 0;

  }

  .rsv_time ul li {

    width: 25%;

  }

  .rsv_plan {

    flex-wrap: wrap;

  }

  .rsv_plan label {

    width: 100%;

  }

  .rsv_plan label + label {

    margin-top: 10px;

  }

  .clist_wrap_big, .clist_wrap_small {

    width: 100%;

  }

  .attention_check li label {

    display: flex;

    width: 100%;

  }

  .attention_check li .note {

    display: block;

    margin-top: 10px;

    margin-left: 35px;

  }

  .clist_head {

    flex-direction: column;

  }

  .clist_detail .clist_ph {

    width: 40%;

    align-self: center;

  }

  .clist_detail .clist_prf {

    width: 100%;

    margin-top: 30px;

  }

  .rsv_btn_sec {

    margin-top: 30px;

    padding: 20px 0;

  }

  .rsv_btn_sec .cbtn {

    width: 100%;

  }

  .rsv_btn_sec .cbtn .btn_orange {

    width: 100%;

  }

}

@media screen and (max-width:480px) {

  .clist_head {

    flex-direction: column;

  }

  .clist_detail .clist_ph, .clist_ph {

    width: 100%;

    margin-bottom: 20px;

    text-align: center;

  }

  .clist_detail .clist_ph img, .clist_ph img {

    width: 45%;

  }

  .clist_prf, .clist_detail .clist_prf {

    width: 100%;

  }

}

/*=================================

	mypage registerform

================================ */

.calender_repeat {

  margin-bottom: 60px;

  padding: 20px;

  background: #f8f8f8;

}

.c_rpt_cont {

  display: flex;

  padding: 10px 0;

  align-items: center;

}

.c_rpt_cont:nth-child(n+2) {

  border-top: 1px solid #ddd;

}

.c_rpt_ttl {

  margin-bottom: 20px;

  font-weight: 700;

}

.c_rpt_l {

  font-weight: 700;

  margin-right: 10px;

  padding: 0 10px;

  color: #fff;

  background: #aaa;

  border-radius: 5px;

}

.c_rpt {

  display: flex;

  margin-right: 50px;

  align-items: flex-start;

}

.c_rpt_btn {

  display: inline-block;

  margin-top: 20px;

  padding: 5px 10px;

  background: #fff;

}

.c_rpt_r {

  display: flex;

}

.c_rpt_end {

  margin-left: 30px;

}

@media screen and (max-width:1200px) {

  .c_rpt_cont {

    flex-direction: column;

    align-items: flex-start;

  }

  .c_rpt {

    display: flex;

    margin-right: 0;

  }

  .c_rpt + .c_rpt {

    margin-top: 10px;

  }

  .c_rpt_cont_form .c_rpt_r {

    flex-direction: column;

  }

  .c_rpt_cont_form .c_rpt_r .c_rpt_end {

    margin-top: .5em;

    margin-left: 0;

  }

}

@media screen and (max-width:600px) {

  .c_rpt {

    flex-direction: column;

  }

  .c_rpt_l {

    margin-bottom: .5em;

  }

}

/*----------------------------------------------------------

	member calender

---------------------------------------------------------- */

.m_calender {

  margin-top: 50px;

}

.m_calender .calender_inner {

  width: 100%;

  max-width: 1080px;

  margin: 0 auto;

}

.m_calender .calender_header {

  margin-bottom: 5%;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}

.m_calender .calender_header .prev_month, .m_calender .calender_header .next_month {

  margin: 0 3%;

}

.m_calender .calender_header .prev_month a, .m_calender .calender_header .next_month a {

  position: relative;

  display: block;

  width: 50px;

  height: 30px;

}

.m_calender .calender_header .prev_month a:before, .m_calender .calender_header .next_month a:after {

  content: "";

  position: absolute;

  display: inline-block;

  width: 10px;

  height: 10px;

  top: 35%;

  border-top: solid 3px #bbb;

}

.m_calender .calender_header .prev_month a:before {

  left: 45%;

  border-left: solid 3px #bbb;

  transform: rotate(-45deg);

}

.m_calender .calender_header .next_month a:after {

  right: 45%;

  border-right: solid 3px #bbb;

  transform: rotate(45deg);

}

.m_calender .calender_header .this_month {

  font-size: 2.4rem;

  /*

color:#F8A53B;*/

}

.m_calender .calender_header .this_month span:after {

  content: "/";

  padding: 0 10px;

}

/*

	member calender body

--------------------------------------------------*/

.m_calender .calender_body table {

  text-align: center;

  width: 100%;

}

.m_calender .calender_body table td, .m_calender .calender_body table th {

  padding: 8px;

  border: 3px solid #fff;

}

.m_calender .calender_body table thead th {

  padding: 10px 0;

  color: #875332;

  background: #FBF6F2;

}

.m_calender .calender_body table .sat {

  color: #2886EA;

  background-color: #E7F5FE;

}

.m_calender .calender_body table tr .sun {

  color: #ED4444;

  background-color: #FDE8E8;

}

.m_calender .calender_body table td {

  text-align: center;

  vertical-align: middle;

  background-color: #f6f6f6;

}

.m_calender .calender_body table td.past {

  background-color: #fff;

}

.m_calender .calender_body table td .day {

  font-weight: bold;

  font-size: 1.8rem;

}

.m_calender .calender_body table td .icon {

  color: #F8A53B;

  font-size: 2rem;

}

.m_calender .calender_body table td:not(.past):hover, .m_calender .calender_body table td:not(.past):active, .m_calender .calender_body table td.selected {

  cursor: pointer;

  color: #fff !important;

  background-color: #F8A53B !important;

}

.m_calender .calender_body table td:hover .icon {

  color: #fff !important;

}

/*----------------------------------------------------------

	counselor calender

---------------------------------------------------------- */

.c_calender {

  margin-top: 50px;

}

/*

calender header

--------------------------------------------------*/

.c_calender .calender_header {

  display: flex;

  margin-bottom: 5%;

  text-align: center;

  align-items: center;

  justify-content: space-between;

}

.c_calender .cdhd_right, .c_calender .cdhd_left {

  position: relative;

  font-size: 1.3rem;

  padding: 5px 20px;

  border: 1px solid #bbb;

  border-radius: 5px;

}

.cdhd_center {

  display: flex;

  align-items: center;

  font-weight: 700;

}

.c_calender .cdhd_left a:before, .c_calender .cdhd_right a:after {

  content: "";

  width: 5px;

  display: inline-block;

  height: 5px;

  border-top: solid 2px #666;

}

.c_calender .cdhd_left a:before {

  margin-right: 5px;

  border-left: solid 2px #666;

  transform: rotate(-45deg);

}

.c_calender .cdhd_right a:after {

  margin-left: 5px;

  border-right: solid 2px #666;

  transform: rotate(45deg);

}

.c_calender .calender_header .prev_month, .c_calender .calender_header .next_month {

  margin: 0 3%;

}

.c_calender .calender_header .prev_month a, .c_calender .calender_header .next_month a {

  position: relative;

  display: block;

  width: 50px;

  height: 30px;

}

.c_calender .calender_header .prev_month a:before, .c_calender .calender_header .next_month a:after {

  content: "";

  position: absolute;

  display: inline-block;

  width: 10px;

  height: 10px;

  top: 35%;

  border-top: solid 3px #bbb;

}

.c_calender .calender_header .prev_month a:before {

  left: 45%;

  border-left: solid 3px #bbb;

  transform: rotate(-45deg);

}

.c_calender .calender_header .next_month a:after {

  right: 45%;

  border-right: solid 3px #bbb;

  transform: rotate(45deg);

}

.c_calender .calender_header .this_month {

  font-size: 2.4rem;

  color: #FE9505;

}

#counselor .c_calender .calender_header .this_month {

  color: #9DCF1D;

}

.c_calender .calender_header .this_month span:after {

  content: "/";

  padding: 0 10px;

}

/*

counselor calender body

--------------------------------------------------*/

#counselor .calender_body, #member .calender_body {

  overflow-x: scroll;

}

.c_calender .calender_body table {

  text-align: center;

  width: 100%;

}

.c_calender .calender_body table td, .c_calender .calender_body table th {

  padding: 5px;

  border: 3px solid #fff;

}

.c_calender .calender_body table th {

  padding: 10px 0;

  color: #875332;

  background: #FBF6F2;

}

.c_calender .calender_body table th.sat {

  color: #2886EA;

  background-color: #E7F5FE;

}

.c_calender .calender_body table th.sun {

  color: #ED4444;

  background-color: #FDE8E8;

}

.c_calender .calender_body table td {

  text-align: center;

  vertical-align: middle;

  background-color: #f8f8f8;

}

.c_calender .calender_body table td .icon {

  color: #F8A53B;

  font-size: 2rem;

}

.c_calender .calender_body table td:hover .icon {

  color: #fff !important;

}

/*

.c_calender .calender_body table td.past{

background-color: #fff;

}

.c_calender .calender_body table td .day{

font-weight: bold;

font-size:1.8rem;

}

.c_calender .calender_body table td:not(.past):hover,

.c_calender .calender_body table td:not(.past):active,

.c_calender .calender_body table td.selected {

    cursor: pointer;

    color: #fff !important;

	background-color: #F8A53B !important;

}

*/

.c_calender .calender_body table thead th.cl-hd {

  background: none;

  border-top: none;

  border-left: none;

}

.c_calender .calender_body table td.cl-time {

  width: 10%;

  text-align: center;

  font-weight: bold;

  background: #ddd;

}

.cl-day {

  width: 10%;

  line-height: 1.3;

}

.cl-day .cl-half-time a {

  display: block;

}

.week_cls {

  display: block;

  font-size: 1.3rem;

  font-weight: normal;

}

.cl-notday {

  background: #f8f8f8;

}

.cl-day .cl-icn {

  color: #999;

}

.calender_myp .cl-icn, .cl-close .cl-icn {

  display: none;

}

.cl-notday {

  background-color: #fcfcfc !important;

}

.c_calender .icon {

  display: none;

}

.c_calender .cl-close .icon {

  display: block;

}

/* close */

/*green*/

#counselor .cell_col_cls:hover, #counselor .c_calender .cl-close {

  background: #F5FBEB !important;

}

#counselor .calender_header .this_month, #counselor .c_calender .cl-close .icon {

  color: #97D120 !important;

}

.calender .calender_inner .calender_myp .icon {

  display: block !important;

  text-align: center;

  color: #F8A53B;

}

.calender .calender_inner .myp_border {

  border-bottom: 1px solid #f7a53c;

}

/*orange

.cell_col_cls:hover,

.calender .calender_inner .cl-close {

background: #FEF6EB !important;

}

.calender .calender_inner .cl-close .icon {

display: block !important;

text-align: center;

color:#F8A53B;

}



.calender .calender_inner .calender_myp .icon{

display: block !important;

text-align: center;

color:#F8A53B;

} 

*/

@media (max-width: 640px) {

  .c_calender {

    margin-top: 30px;

  }

  .c_calender .calender_header {

    flex-wrap: wrap;

  }

  .cdhd_center {

    width: 100%;

    order: 1;

    justify-content: space-between;

    margin-bottom: 30px;

  }

  .cdhd_right, .cdhd_left {

    width: 45%;

    order: 2;

  }

  .c_calender .cdhd_right, .c_calender .cdhd_left {

    font-size: 1.1rem;

    padding: 5px;

  }

  .c_calender .calender_header .this_month, .calender_header .this_month {

    font-size: 1.8rem;

  }

  .calender .calender_header {

    flex-wrap: wrap;

  }

  .calender .calender_inner .calender_header {

    min-width: auto;

    width: 100%;

    font-weight: bold;

    order: 1;

  }

  .cl-icn, .calender_body table thead th {

    font-size: 12px;

  }

  .cl-time {

    width: auto;

    font-size: 12px;

  }

  .cl-day {

    width: auto;

  }

  .calender .calender_inner .cdhd_right {

    width: 50%;

    order: 2;

  }

  .calender .calender_inner .cdhd_left {

    width: 50%;

    order: 2;

    text-align: right;

  }

  .c_calender .calender_body table td, .c_calender .calender_body table th {

    padding: 5px;

    border: 1px solid #fff;

  }

  .c_calender .calender_body table td {

    border-bottom-color: #ccc;

  }

}

/*=================================

	reservation

================================ */

.rsv_info table {

  width: 100%;

}

.rsv_info table td {

  padding: 8px;

  border: 1px solid #ddd;

}

.rsv_info table thead {

  padding: 3px 0;

  color: #fff;

  font-size: 1.3rem;

  background: #999;

}

@media (max-width: 768px) {

  .rsv_info table thead {

    display: none;

  }

  .rsv_info table tr {

    display: block;

    padding: 20px 0 0;

    border-top: 1px solid #ddd;

  }

  .rsv_info table td {

    display: block;

    border: none;

    padding: 0;

  }

  .rsv_info table tr td:last-child {

    margin-top: 10px;

    padding: 10px;

    background: #f8f8f8;

  }

}

/* 768px */

/*=================================

	news

================================ */

.news_snav {

  margin-bottom: 50px;

}

.news_snav ul {

  display: flex;

  justify-content: center;

}

.news_snav ul li {}

.news_snav ul li + li {

  margin-left: 2%;

}

.news_snav ul li a {

  display: block;

  padding: 5px 20px;

  text-align: center;

  font-weight: bold;

  background: #f3f3f3;

  border-radius: 5px;

}

.news_list ul li {

  padding: 20px 0;

  border-top: 1px solid #ddd;

}

.news_list ul li:last-child {

  border-bottom: 1px solid #ddd;

}

.news_articlehead {

  margin-bottom: 20px;

}

.news_articlehead h2 {

  font-size: 1.8rem;

}

.newsbtm {

  margin-top: 30px;

  text-align: center;

}

.newsbtm a {

  display: inline-block;

  padding: 5px 20px;

  background: #f3f3f3;

  border-radius: 50px;

}

.news_imgs {

  margin-top: 30px;

}

.news_imgcap a {

  color: #FF8527;

}

/*=================================

	term

================================*/

.term_sec dl dt {

  font-weight: 700;

}

.term_sec dd + dt {

  margin-top: 30px;

}

.numb_list {

  margin-top: 1em;

  counter-reset: number;

  list-style-type: none;

}

.numb_list > li::before {

  counter-increment: number;

  content: counter(number)"\a0";

}

/*



.term_sec ol {

margin-top:1em;

list-style: decimal inside;

}

.list {

  counter-reset: number;

  list-style-type: none;

}





.list li::before {

  counter-increment: number;

  content: counter(number)"\a0";

}*/

.numb_list li {

  text-indent: -1em;

  padding-left: 1em;

}

.numb_list li + li {

  margin-top: .5em;

}

.term_sublist {

  counter-reset: num;

  list-style-type: none !important;

  padding: 0;

  margin: 0;

}

.term_sublist li {

  position: relative;

  line-height: 1.5em;

  padding: 0.5em 0.5em 0.5em 30px;

}

.term_sublist li:before {

  position: absolute;

  counter-increment: num;

  content: counter(num);

  display: inline-block;

  background: transparent;

  border: #333 1px solid;

  border-radius: 50%;

  left: 0;

  top: 10px;

  width: 15px;

  height: 15px;

  line-height: 1;

  text-align: center;

}

.edit_wrap {

  padding-top: 30px;

}

.edit_wrap_inner {

  padding: 30px;

  border: 1px solid #F8A53B;

}

.edit_wrap_inner h2 {

  font-weight: 700;

  font-size: 1.6rem;

  color: #F8A53B;

}

/*=================================

	trial

================================*/

.trial .contents_wrap_sec {

  position: relative;

  max-width: 1200px;

  width: 100%;

  z-index: 1;

  margin: -80px auto 0;

  padding: 0;

  background: #fff;

  border-radius: 10px;

}

#trial_form.contents_wrap_sec {

  margin-top: 160px;

}

.trial_head {

  padding: 40px 0;

  font-weight: 700;

  text-align: center;

  background: url("../img/trial_head_bg.png") no-repeat left top, url("../img/trial_head_bgr.png") no-repeat right top;

  background-color: #FDFDD8;

  background-size: auto 100%;

  border-radius: 10px;

}

.tri_stitle {

  width: 30%;

  margin: 0 auto;

  padding: 0 2rem;

  font-size: 2rem;

  color: #fff;

  background: #FFB82C;

  border-radius: 50px;

}

.tri_mtitle {

  position: relative;

  display: inline-block;

  margin: 50px auto;

  padding: 0 10%;

  font-size: 4.4rem;

  color: #2EA891;

  line-height: 1.5;

}

.tri_mtitle:before, .tri_mtitle:after {

  content: '';

  position: absolute;

  top: 50%;

  display: inline-block;

  width: 100px;

  height: 8px;

  background-color: #2EA891;

  border-radius: 10px;

}

.tri_mtitle:before {

  -webkit-transform: rotate(70deg);

  transform: rotate(70deg);

  left: 0;

}

.tri_mtitle:after {

  -webkit-transform: rotate(-70deg);

  transform: rotate(-70deg);

  right: 0;

}

.tri_lead {

  font-size: 1.8rem;

}

.trial .contents_wrap_sec .inner_sec {

  padding: 90px 7% 6%;

}

.tri_banner_btn {

  margin-bottom: 80px;

  font-weight: 700;

}

.tri_banner_btn a {

  position: relative;

  display: block;

  padding: 30px 20px;

  color: #fff;

  font-size: 2.6rem;

  line-height: 1.4;

  text-align: center;

  background: linear-gradient(65deg, #FFCF4D, #F57734);

  border-radius: 20px;

}

.tri_banner_btn a:after {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  padding-left: 20px;

  content: '\f13a';

}

.trial_list li {

  display: flex;

}

.trial_stepimg {

  width: 170px;

  height: 170px;

  z-index: 3;

}

.trial_steptxt {

  flex: 1;

  margin: 30px 0 0 -30px;

  padding: 30px 30px 30px 60px;

  background: #F8F4F0;

  border-radius: 10px;

}

.trial_list li + li {

  margin-top: 20px;

}

.tri_ttl {

  font-weight: 700;

  font-size: 2.2rem;

  color: #FE9505;

}

.trial_list .tri_ttl span {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  width: 30px;

  height: 30px;

  margin-right: 1rem;

  color: #fff;

  font-size: 1.6rem;

  background: #FE9505;

  border-radius: 50px;

}

.trial_list .tri_ttl + p {

  margin-top: 20px;

}

.trial_payment {

  margin-top: 30px;

  padding: 20px;

  background: #fff;

  border-radius: 10px;

}

.trial_contact {

  text-align: center;

  margin-top: 60px;

  padding: 30px;

  background: #F4F4F4;

  border-radius: 10px;

}

.trial_contact .flx {

  margin-top: 20px;

  display: flex;

  justify-content: center;

  text-align: center;

  align-items: stretch;

}

.trial_contact .flx div {

  width: 40%;

  padding: 20px;

  background: #fff;

  border-radius: 10px;

}

.trial_contact .flx div + div {

  margin-left: 20px;

}

.tri_tel span {

  display: block;

  margin-top: 20px;

  font-size: 2.4rem;

}

.trial_contact .tri_ttl {

  margin-bottom: 30px;

  color: #333;

}

.tri_stripe {

  font-weight: 700;

  color: #625AF9;

}

.tri_payurl {

  margin: 20px 0;

  padding: 1rem;

  background: #f4f4f4;

  border-radius: 10px;

  word-break: break-all;

}

.trial_payment .flx {

  display: flex;

  align-items: center

}

.tri_pay_qr {

  margin-left: 30px;

  padding: 20px;

  background: #F0EFFE;

  border-radius: 10px;

}

.tri_contact_btn {

  padding: 20px;

  font-weight: 700;

  background: #FFCF4D;

  border-radius: 10px;

}

@media (max-width: 960px) {

  #trial_form.contents_wrap_sec {

    margin-top: 60px;

  }

  .trial_head {

    padding: 4vh 0;

    background-size: auto 80%;

  }

  .tri_stitle {

    font-size: 1.8rem;

  }

  .tri_mtitle {

    margin: 5vh auto;

    padding: 0;

    font-size: 3.4rem;

  }

  .tri_mtitle:before, .tri_mtitle:after {

    display: none;

  }

  .tri_lead {

    font-size: 1.6rem;

  }

  .trial_list li, .trial_payment .flx, .trial_contact .flx {

    flex-direction: column;

  }

  .trial_stepimg {

    width: 130px;

    height: 130px;

    margin: 0 auto;

  }

  .trial_steptxt {

    flex: auto;

    margin: -20px 0 0;

    padding: 30px;

  }

  .tri_ttl {

    text-align: center;

    font-size: 2rem;

  }

  .trial_contact .flx div {

    width: 100%;

  }

  .trial_contact .flx div + div {

    margin: 20px 0 0;

  }

}

@media (max-width: 640px) {

  .trial_head {

    padding: 4vh 0;

    background-size: auto 50%;

  }

  .tri_mtitle {

    margin: 3vh auto;

    padding: 0;

    font-size: 3.4rem;

  }

  .tri_stitle {

    width: 50%;

  }

}

/*=================================

	sitemap

================================*/

.sitemap_sec {

  display: flex;

  gap: 0 5%;

}

.sitemap_sec {}

.sitemap_sec > ul {

  width: 30%;

}

.sm_subtitle {

  margin-bottom: 20px;

  padding-bottom: 1rem;

  font-size: 2rem;

  border-bottom: 2px solid #FE9505;

}

.sitemap_counselor {

  margin-top: 8vh;

}

.sitemap_sec_bottom {

  margin-top: 8vh;

  padding-top: 20px;

  border-top: 1px solid #ddd;

}

.sitemap ul li a:before {

  content: "";

  display: inline-block;

  width: 5px;

  height: 5px;

  margin-bottom: 2px;

  margin-right: 10px;

  border-top: solid 1px #FF8527;

  border-right: solid 1px #FF8527;

  transform: rotate(45deg);

}

.sitemap ul li + li {

  margin-top: .5rem;

}

@media (max-width: 960px) {

  .sitemap_sec {

    flex-direction: column;

  }

  .sitemap_user section {

    margin-top: 2rem;

  }

}

/*=================================

	consultation

=================================== */

.consultation, .consultation .contents_title {

  background: #FEF6EB;

}

.consultation .contents_title h1 {

  color: #333333;

}

.consultation .contents_title_inner .cnslt_icon {

  justify-content: center;

}



.consult_top .contents_title {

    display: flex;

    flex-direction: column;

   align-items: center;

 height: auto;

    gap:10px 0;

}

.consult_top .contents_title .tconsult_title{

        font-size:clamp(2.2rem, 1.667rem + 1.78vw, 3rem);

}



.consult_top .contents_title {

 height: auto;

}



.consult_btmlink{

    margin-top:3em;

    text-align: center;

}



/*index*/

.consultation_indx .stitle {

  margin-bottom: 2rem;

  color: #EE8D2B;

  text-align: left;

}

.consultation_indx .stitle::after {

  content: none;

}

.consultation_indx .cnsl_lead_sec {

  display: block;

  padding: 0;

  background: none;

}

.consultation_indx .cnsl_body {

  padding: 0;

}

.cnsl_indx_list {

  margin-top: 30px;

  display: flex;

  flex-wrap: wrap;

  gap: 20px 4%;

}

.cnsl_indx_list li {

  width: 48%;

}

.cnsl_indx_list li a {

  position: relative;

  display: flex;

  justify-content: flex-start;

  font-weight: 700;

}

.cnsl_indx_list li a::before {

  content: "";

  display: block;

  width: 30px;

  height: 23px;

  margin-right: 1.5rem;

  border-radius: 10px 10px 10px 0;

  background: #FFAC2A;

  flex-shrinik: 0;

}

.cnsl_indx_list li p {

  flex: 1;

}



.cnsl_bottom_sec {

    display: flex;

    justify-content: center;

  margin-top: 5em;

    padding-top:3em;

    gap:1em 1.5em;

    flex-wrap: wrap;

    border-top:1px solid #ddd;

}

.cnsl_bottom_sec a {

    position: relative;

    display: inline-flex;

    align-items: center;

    padding: .8em 2em;

    color:#fff;

    border-radius: 2em;

}



.cnsl_bottom_sec a.cnsl_bbtn01{

  background:#A36F4E;



}

.cnsl_bottom_sec a.cnsl_bbtn02{

   background:#EE8D2B;

}

.cnsl_bottom_sec a.cnsl_bbtn01::before,

.cnsl_bottom_sec a.cnsl_bbtn02::before{

        content: "";

    display: block;

    width: 30px;

    height: 23px;

        margin-right: 1rem;

        flex-shrinik: 0;

}



.cnsl_bottom_sec a.cnsl_bbtn01::before{

background:url("../img/cnsl_btnicn01.png") no-repeat;

}



.cnsl_bottom_sec a.cnsl_bbtn02::before{

background:url("../img/cnsl_btnicn02.png") no-repeat;

}

/*

.cnsl_indx_otherlist{

    padding:2em 1em;

    color:#FFAC2A;

    font-size: clamp(1.8rem, 1.4rem + 1.33vw, 2.4rem);

    background:#F7F3EC;

    border-radius: 1em;

}

.otherlist_title{

    text-align: center;

}





.cnsl_bottom_sec {

  text-align: center;

  margin-top: 5vh;

}

.cnsl_bottom_sec a {

  position: relative;

  display: inline-block;

  padding: 15px 30px;

  color: #fff;

  background: #666;

  border-radius: 20px;

}

.cnsl_bottom_sec a:after {

  content: "";

  display: inline-block;

  width: 10px;

  height: 10px;

  margin-left: 20px;

  border-top: solid 3px #fff;

  border-right: solid 3px #fff;

  transform: rotate(45deg);

}



*/



/*#couseling のみ*/

#consul_counseling .cnsl_lead_sec {

  display: block;

  padding: 0;

  background: none;

}

#consul_counseling .cnsl_lead_sec .stitle {

  margin-bottom: 2rem;

  color: #EE8D2B;

  text-align: left;

}

#consul_counseling .cnsl_lead_sec .stitle::after {

  content: none;

}

#consul_counseling .cnsl_banner_sec {

  margin-top: 6vh;

  background: none;

}

#consul_counseling .cnsl_banner_inner {

  position: relative;

  padding: 50px 60px;

  text-align: left;

  border-radius: 40px 40px 40px 0;

  background: #EEF8F8

}

#consul_counseling .cnsl_banner_inner .cnsl_sublist {

  margin-top: 30px;

}

#consul_counseling .cnsl_banner_inner .cnsl_sublist li {

  margin-top: 1rem;

  padding: 1rem 1.5rem;

  font-size: 1.6rem;

  background: #ffffff;

  border-radius: 20px;

}

#consul_counseling .cnsl_banner_inner .cnsl_sublist li:before {

  content: "・";

}

#consul_counseling .cnsl_btn {

  text-align: center;

}

#consul_counseling .cnsl_btn a {

  display: inline-block;

  padding: 15px 30px;

}

#consul_counseling .cnsl_num {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 70px;

  height: 55px;

  margin-top: -40px;

  margin-left: -4.5vw;

  font-weight: 700;

  font-size: 20px;

  color: #fff;

  border-radius: 30px 30px 0 30px;

  background: #EE8D2B;

}

#consul_counseling .cnsl_body {

  padding: 0;

}

#consul_counseling .cnsl_body .sec {

  padding: 2vh 4vw 4vh;

  border-radius: 20px;

  background: #FFF5E9;

}

#consul_counseling .cnsl_body .cnsl_stitle {

  padding: 10px 10px 0 0;

  color: #EE8D2B;

  background: none;

}

#consul_counseling .cnsl_body .cnsl_stitle:before {

  content: none;

}

/*共通*/

.cnsl_lead_sec {

  padding: 6vh 6vw;

  background: #FFF5E9;

  border-radius: 40px 40px 40px 0;

}

.cnsl_flx {

  display: flex;

  gap: 20px 5%;

}

.cnsl_flx .cnsl_txt {

  flex: 1;

}

.cnsl_flx .cnsl_img {

  width: 35%;

}

.cnsl_flx .cnsl_img img {

  border-radius: 20px;

}

.cnsl_lead_sec .stitle {

  margin-bottom: 0;

  text-align: left;

  font-size: 20px;

  color: #FE9505;

}

.cnsl_lead_sec .stitle:after {

  display: none;

}

.cnsl_banner_sec {

  font-weight: 700;

  font-size: 2rem;

}

.cnsl_banner_inner {

  position: relative;

  padding: 60px;

  text-align: center;

  background: #fff;

  border-top-left-radius: 80px;

}

.cnsl_banner_sec:before {

  position: absolute;

  background: #FFF5E9;

}

.cnsl_banner_md {

  color: #1CABA4;

}

.cnsl_btn {

  margin-top: 3rem;

}

.cnsl_btn a {

  display: block;

  padding: 20px;

  color: #fff;

  background: #1CABA4;

  border-radius: 20px;

}

.cnsl_btn a:after {

  content: "";

  display: inline-block;

  width: 10px;

  height: 10px;

  margin-left: 20px;

  border-top: solid 3px #fff;

  border-right: solid 3px #fff;

  transform: rotate(45deg);

}

.cnsl_stitle {

  position: relative;

  padding: 15px 10px 15px 20px;

  font-size: 2rem;

  background: #FFF5E9;

  border-radius: 10px;

}

.cnsl_stitle:before {

  position: absolute;

  top: 25%;

  left: 0;

  width: 6px;

  height: 45%;

  content: '';

  border-radius: 3px;

  background: #FFAC2A;

}

.cnsl_body {

  padding: 0 8%;

}

.cnsl_body .cnsl_txt {

  margin-top: 20px;

}

.cnsl_lead_sec .cnsl_txt p, .cnsl_body .cnsl_txt p {

  margin-top: 1.6rem;

}



@media (max-width: 960px) {

  .cnsl_lead_sec {

    flex-direction: column;

  }

  .cnsl_lead_sec .cnsl_img {

    width: 100%;

    text-align: center;

    margin-top: 20px;

    margin-left: 0;

  }

  .cnsl_banner_md {

    text-align: left;

  }

  .cnsl_body {

    padding: 0 4%;

  }

  .cnsl_flx {

    flex-direction: column;

  }

  .cnsl_flx .cnsl_txt {

    flex: 1;

  }

  .cnsl_flx .cnsl_img {

    width: 100%;

  }

  .cnsl_indx_list {

    flex-direction: column;

  }

  .cnsl_indx_list li {

    width: 100%;

  }

}

.ctpage_bnr ul {

  display: flex;

  gap: 30px 2%;

  font-weight: 700;

}

.ctpage_bnr ul li {

  width: 49%;

  padding: 20px;

  text-align: center;

  background: #f5f5f5;

  border-radius: 1rem;

}

.ctpage_bnr_btn {

  margin-top: 1rem;

}

.ctpage_bnr_btn a {

  display: inline-block;

  padding: .8rem 1.5rem;

  color: #fff;

  font-size: 1.8rem;

  font-weight: 700;

  border-radius: 10px;

}

.ctpage_bnr .ctpage_btn a {

  background: #41B4AE;

}

.ctpage_bnr .ctpage_btn2 a {

  background: #F2B502;

}

@media (max-width: 860px) {

  .ctpage_bnr ul {

    flex-direction: column;

  }

  .ctpage_bnr ul li {

    width: 100%;

  }

  .ctpage_bnr ul li br {

    display: none;

  }

}

/*=================================

	career adhd

=================================== */

.careerhd, .tcahd_wrap {

  --chd-col: #FF7C7C;

  --chd-col-rgb: 254 124 124;

}

.tcahd_wrap {

  width: min(96%, 1200px);

  margin: 3vw auto 0;

  padding: 1vw;

  background: #FFE5E5;

  border-radius: 1vw;

}

.tcahd_wrap .inner {

  width: 100%;

  margin: 0;

  padding: 0;

  background: #fff;

  border-radius: 1vw;

}

.tcahd_box {

  display: flex;

  justify-content: space-between;

  gap: 1vw 0;

}

.tcahd_box_inner {

  padding: 2em;

  width: 70%;

}

.tcahd_title {

  wisdth: 40%;

  color: var(--chd-col);

  font-weight: 700;

  font-size: clamp(2rem, 1.6rem + 1.33vw, 2.6rem);

}

.tcahd_lead {

  flex: 1;

  font-size: clamp(1.8rem, 1.533rem + 0.89vw, 2rem);

  color: #6F4443;

  font-weight: 700;

}

.tcahd_box_inner ul {

  display: flex;

  gap: 2%;

  margin: 1em 0 2em;

}

.tcahd_box_inner ul li {

  width: 32%;

  padding: 2em;

  color: #6F4443;

  font-weight: 700;

  text-align: center;

  background: #FFF9D8;

  border-radius: .5em;

}

.tcahd_wrap figure {

  width: 30%;

  height: auto;

}



.tcahd_btn a {

  display: inline-block;

  padding: .5em 2em;

  color: #fff;

  font-weight: 700;

  font-size: 1.8rem;

  background: var(--chd-col);

  border-radius: 1vw;

}

@media (max-width: 980px) {

  .tcahd_wrap {

    padding: 2vw;

    background: #FFE5E5;

  }

  .tcahd_box {

    background: url("../img/adhdsem_mainbg.png") no-repeat right top;

    background-size: 30% auto;

  }

  .tcahd_box_inner {

    width: 100%;

  }

  .tcahd_title {

    width: 70%;

  }

  .tcahd_box_inner ul {

    flex-direction: column;

    gap: 1em 0;

  }

  .tcahd_box_inner ul li {

    width: 100%;

    padding: 1em;

    text-align: left;

  }

  .tcahd_wrap figure {

    display: none;

  }

}

@media (max-width: 480px) {

  .tcahd_box {

    background: url("../img/adhdsem_mainbg.png") no-repeat right top;

    background-size: 40% auto;

  }

  .tcahd_title {

    width: 60%;

  }

}

.careerhd .contents_wrap_sec {

  position: relative;

  width: min(96%, 1200px);

  margin: -80px auto 0;

  padding: 0 0 3vw 0;

  font-size: 1.6rem;

  background: #fff;

  border-radius: 10px;

  z-index: 1;

}

.careerhd .contents_wrap_sec .inner_sec {

  padding: min(8vw, 100px) 6vw 0;

}

.cahd_head_bg {

  background: url("../img/adhdsem_mainbg2.png") no-repeat left top, url("../img/adhdsem_mainbg.png") no-repeat right top;

  background-size: auto auto;

}

.careerhd_head {

  padding: 5vw 7vw;

}

.careerhd_head .cahd_stitle span {

  display: inline-block;

  margin-right: 1.5vw;

  padding: .2em 1em;

  font-size: clamp(1.4rem, 1rem + 1.33vw, 2rem);

  font-weight: 700;

  color: #585858;

  background: #FBDF60;

  border-radius: 50px;

}

.careerhd_head .cahd_mtitle {

  margin-top: 2vw;

  font-size: clamp(2rem, 0.533rem + 4.89vw, 4.2rem);

  color: #FF8B8B;

  line-height: 1.6;

}

.careerhd_head .cahd_mtitle span {

  font-size: clamp(1.8rem, 0.867rem + 3.11vw, 3.2rem);

}

.cahd_about .cahd_mdstitle {

  display: inline-block;

  margin-top: -5vw;

  padding: 2vw 3vw;

  font-size: clamp(2rem, 1.6rem + 1.33vw, 2.6rem);

  line-height: 1.4;

  color: #fff;

  background: #EE8D2B;

  border-radius: 30px 30px 30px 0;

}

.cahd_about.cahd_about02 .cahd_mdstitle {

  background: var(--chd-col);

}

.cahd_about {

  border-radius: 1vw;

  background: #FBE8B0;

}

.cahd_about02 {

  margin-top: 10vw;

  background: #FCDDDD;

}

.cahd_about ul {

  display: flex;

  gap: 10px 2%;

  flex-wrap: wrap;

}

.cahd_about ul li {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 23.5%;

  padding: 1.5vw;

  font-weight: 700;

  background: #fff;

  text-align: center;

  border-radius: 1vw;

}

.cahd_about_txt {

  padding: 3vw;

}

.cahd_about_txt p {

  margin-top: 3vw;

  padding: 2vw;

  background: rgb(255, 255, 255, .8);

  border-radius: 0 1vw 1vw 1vw;

}

.cahd_recs {

  margin-top: 4vw;

  padding: 3vw;

  background: #FCFFD3;

}

.cahd_recs_txt {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px 3vw;

}

.cahd_recs .cahd_mdstitle {

  font-size: clamp(2.2rem, 1.267rem + 3.11vw, 3.6rem);

  font-weight: 700;

  color: #EE8D2B;

}

.cahd_recs ul {

  display: flex;

  margin-top: 3vw;

  gap: 10px 2%;

  flex-wrap: wrap;

}

.cahd_recs ul li {

  width: 23.5%;

  padding: 2vw 1.5vw;

  font-weight: 700;

  color: #fff;

  text-align: center;

  background: #EE8D2B;

  border-radius: 1vw;

}

.cahd_btitle {

  padding: .3em .8em;

  color: #fff;

  font-size: clamp(1.8rem, 1.4rem + 1.33vw, 2.4rem);

  background: var(--chd-col);

  border-radius: 1vw;

}

.cahd_btitle span {

  font-size: 1.6rem;

}

.cahd_lead {

  margin: 1.5em 0 3em;

}

.cahd_prgbox {

  margin-top: 3vw;

  padding: 2.5vw;

  background: #FEF6EB;

  border-radius: 1vw;

}

.cahd_prgbox h3 {

  color: var(--chd-col);

  font-weight: 700;

}

.cahd_program .cahd_lead .cahd_stitle {

  font-weight: 700;

  color: var(--chd-col);

}

.cahd_program ul {

  margin-top: 1.5vw;

}

.cahd_prgbox_effect {

  margin-top: 3vw;

  padding: 2vw;

  border: 2px dotted var(--chd-col);

  border-radius: 1vw;

}

.cahd_prgbox_effect .cahd_stitle {

  font-size: clamp(1.8rem, 1.4rem + 1.33vw, 2.4rem);

}

.cahd_program .cahd_prgbox_effect ul {

  list-style: none;

}

.cahd_program ul li::before, .cahd_program .cahd_prgbox_effect ul li::before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  padding-right: 8px;

  color: var(--chd-col);

}

.cahd_program ul li::before {

  content: '\f02b';

}

.cahd_program .cahd_prgbox_effect ul li::before {

  content: '\f058';

}

.cahd_feebox {

  margin-top: 2vw;

  padding: 1vw 1.5vw;

  border-left: 6px solid #FDA6A6;

  background: #F8F8F8;

}

.cahd_feebox .cahd_stitle {

  font-size: clamp(1.8rem, 1.667rem + 0.44vw, 2rem);

  color: var(--chd-col);

}

.cahd_feebox.cahd_recs {

  background: rgb(var(--chd-col-rgb) /.1);

}

.fee_recstxt {

  display: inline-block;

  padding: 0 1em;

  color: #fff;

  font-size: 1.4rem;

  background: var(--chd-col);

}

.cahd_btm_txt {

  margin-top: 2vw;

  text-align: center;

  color: var(--chd-col);

  font-weight: 700;

  font-size: clamp(1.8rem, 1.4rem + 1.33vw, 2.4rem);

}

@media (max-width: 980px) {

  .cahd_head_bg {

    background: url("../img/adhdsem_mainbg.png") no-repeat right top;

    background-size: 40% auto;

  }

  .careerhd_head {

    padding: 10vw 5vw;

  }

  .careerhd_head .cahd_stitle span {

    display: inline-flex;

    padding: .2em .5em;

  }

}

@media (max-width: 860px) {

  .cahd_about ul li, .cahd_recs ul li {

    width: 100%;

    text-align: left;

  }

  .cahd_recs_txt {

    flex-direction: column;

  }

}