/*==============================================
  common
==============================================*/
@media screen and (max-width: 768px) {
body{padding: 0px; width: 100%; min-width: 100%; overflow-x: hidden; word-wrap: break-word;}
.pc-none{display: block !important;}
.sp-none{display: none !important;}
img {width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
.txt_indent{ text-indent: -1.3em;
  padding-left: 1.3em;}
a[href^="tel:"] {
    pointer-events: inherit;
    cursor: pointer;
}
/* =========================================================
		header
========================================================= */
header .header_box{padding: 0 1% 0 2%; height: 48px; display: flex; justify-content: space-between; align-items: center;}
header .header_box h1{width: 53px; padding-bottom: 10px;}
header .header_box ul{display: flex;}
.link_btn a{display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
	width:auto;
    padding: 0 16px 0 10px;
    font-size: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 3px 0;
    position: relative;
    transition: all .3s;
    height: 28px;}
.link_btn a:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 6%;
    margin-top: 0;
}

.float-button__wrap {display: none; padding: 10px 0 10px; position: fixed; bottom: 0; width: 100%; background: rgba(255,255,255,0.5); z-index: 888;}
.float-button__wrap a {display: table; width:85%; margin: 0 auto; filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.2));}

.totop {
    bottom: 90px;

}
/* =========================================================
		main_kv
========================================================= */
.main_kv{background: none;}
.entry_btn_area{padding: 15px 0 30px; clip-path:inherit; margin-top: 0;}
.entry_btn_area .main_course{max-width: inherit; margin: 0 auto 12px; width: 90%;}
.entry_btn_area .main_course_att{font-size: 10.5px; color: #fff; width:90%; margin: 0 auto 20px; line-height: 1.4;}
.btn_box {width: 92%;margin: 0 auto 10px;}
.btn_box a{
	filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.2));
}
/* =========================================================
		monitor
========================================================= */
.monitor_ttl{padding: 0 0;}
.monitor_ttl h2{width: 96%; padding-left: 0; display: flex;
        justify-content: center;}
.monitor_area .ttl_icon {
        width: 23%;
        position: inherit;
        top: -5px;
        left: -2px;
        z-index: 2;
    }
.monitor_area .m_ttl_copy {width: 74%; object-fit: contain;}	
.monitor_inner{background: #fff; max-width: inherit; width: 90%; padding: 0 0 40px;}
.monitor_inner .monitor_copy1{width: 96%; margin: 20px auto 35px;}
.monitor_con{border: 4px solid #ccae32;
    padding: 6% 5% 6%;
    position: relative;
    width: 100%;
	margin: 0 auto;}
.monitor_con .monitor_name{width: 72%; position: absolute; top: -20px; left: -3.1%;}
.monitor_con .monitor_result{width:90%; margin: 30px auto 5px;}
.monitor_con .monitor_result_t{width: 100%; margin: 0 auto 40px;}
.monitor_point{padding: 8% 5%; margin-bottom: 15px;}
.monitor_point .point_icon{width: 25%; position: absolute; top: -25px; left: -6%;}
.monitor_point .point_copy{width: 100%;
        margin: 0 auto 10px;
        padding-left: 2%;
        text-align: center;
        font-size: 6vw;
        font-style: italic;
	background: linear-gradient(270deg, #bb8a13 0%, #e3b86d 40%, #bb8a13 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	line-height: 1.3;}
.monitor_point .point_pic{width: 100%; margin: 0 auto 15px;}
.monitor_point .point_text{font-size: 17px; line-height: 1.7; width: 100%;}
.monitor_area .m_att{font-size: 11px; line-height: 1.5;}

.thoughts{width: 100%; margin: 30px auto 14px; background: #f6f5f0;}
.thoughts .th_ttl{padding: 14px; font-size: 19px;}
.thoughts_inner{padding: 3% 5% 0; display: block; justify-content: space-between;         overflow: hidden;}
.thoughts_inner .th_copy{width: 100%; line-height: 1.7; padding: 10px 0 0; font-size: 17px;}
.thoughts_inner .th_copy span{color: #aa8231; font-weight: 600;}
.thoughts_inner .th_pic{width: 60%; margin: 0 auto -20px;}
.thoughts_att{font-size: 11px; width: 100%; margin: 0 auto 0;}
	
	
/* =========================================================
		body_course
========================================================= */
.body_course{background: #f4f1e9; padding: 0 0 40px;}
.body_course_ttl{background: #05579b; padding: 25px 0 0; position: relative; margin-bottom: 60px;}
.body_course_ttl h2{width: 84%; margin: 0 auto;}
.body_course_ttl::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50vw 0 50vw;
    border-color: #05579b transparent transparent transparent;
    position: absolute;
    bottom: -50px;
    left: 0;
}
.body_course_con{padding: 8% 0 0; max-width: inherit; width:90%; margin: 0 auto;}

.course_problem{width: 94%; margin: 0 auto 0;}
.course_problem ul{display:block;}
.course_problem ul li{width: 100%; display: flex; justify-content: space-between; align-items: center;  margin-bottom: 20px;}
.course_problem ul li img{width: 39%; margin: 0 auto;}
.course_problem ul li p{text-align: left; width: 55%; font-size: 5vw; padding-top: 0; line-height: 1.25;}
.course_problem ul li:last-child p{letter-spacing: -2px; font-size:4.5vw;}
.course_problem ul li p span{font-size: 1.25em;}

.staff_comment_area{display: block; margin-top: 10%; position: relative; padding-bottom: 12%;}
.staff_comment{padding: 4% 3% 4% 4%; background: #fff; border: 2px dotted #c4a134; width: 86%; margin-left: 4%;}
.staff_comment p{font-size: 4vw; line-height: 1.6;}

.staff_pic{display: none;}
.staff_pic_sp{width: 40%; position: absolute; bottom: 0; right: -5%;}
	

.course_point_ttl1 .point_icon{
	width: 25%;
    position: absolute;
    top: -30px;
    left: -10px;}
.course_point_ttl1 .point_icon2{width: 24%;
    position: absolute;
    top: -32px;
    left: -12px;}
.course_point_inner{width: 90%; margin:22px auto 50px;}
.body_point_copy1{font-size: 5vw; padding-bottom: 15px;}
.body_point_copy2{width: 100%; margin: 0 auto 17px;}
.body_point_category{width: 82%; margin: 0 auto 25px;}

.body_case1{border: 1px solid #c4a134; position: relative; padding: 0 0 20px; margin-bottom: 30px;}
.body_case1 .case_icon{width: 39%; position: absolute; top: -1px; left: -1px;}
.body_case1 .case_arrow{margin: 15px auto 15px; width: 50%;}

.body_case1 .case_course{width: 92%;}
.case_course_ttl{padding: 10px 2% 10px 19%;}
.case_course_ttl h4{font-size: 4.8vw;}
.case_course_ttl h4 span{font-size: 0.7em;}
.case_course_ttl .case_cate_icon{width: 24%; position: absolute; top: -20px; left: -20px;}
.case_course .inner{padding: 24px 5% 0; display: block;}
.case_course_pic{width: 90%; margin: 0 auto 10px;}
.case_course_copy{width: 90%; font-size: 16px; margin: 0 auto; line-height: 1.6;}
.case_course .case_att{font-size: 10px; padding: 10px 0 20px 0; width: 82%; margin: 0 auto 0;}



.course_point_inner2{width: 86%; margin: 30px auto 10px;}
.course_point_box{display: block; margin-bottom: 35px;}
.course_point_box .point_pic{width: 100%; margin-bottom: 15px;}
.course_point_box .point_detail{width: 100%;}
.course_point_box .point_detail .point_ttl{width: 22%; padding: 0 0 14px 5px;}
.course_point_box .point_detail h3{font-size: 8vw; padding: 0 8px 16px 0; line-height: 0.85;}
.course_point_box .point_detail p{font-size: 17px; line-height: 1.7;}

.staff_comment2{width:92%; margin: -15px auto 0;}


/* =========================================================
		howto
========================================================= */
.howto_ttl{font-size: 9vw; padding: 23px 0 25px;}
.howto_ttl::after {
    border-top: 25px solid #05579b;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
}

.howto_inner{max-width: inherit; width: 82%; margin: 45px auto;}
.howto_inner li{background: #edf1f8; padding: 25px 7% 25px; margin-bottom: 40px;}

.howto_inner li .step_icon{width: 25%; position: absolute; top: -15px; left: -15px}
.howto_inner li dl{display: block;}
.howto_inner li dt{width: 100%; margin-bottom: 15px;}
.howto_inner li dd{width: 100%;}
.howto_inner li dd h3{font-size: 5vw; padding:0 0 7px;}
.howto_inner li dd h3 span{font-size: 0.8em;}
.howto_inner li dd .copy1{font-size: 17px; line-height: 1.7;}
.howto_inner li dd .step_check{background: #fff; padding: 15px 5% 15px; margin-top: 20px;}
.howto_inner li dd .check_box{display: flex; align-items: center; margin-bottom: 7px;}
.howto_inner li dd .check_box .check_icon{width: 13%; margin-right: 3%;}
.howto_inner li dd .check_box .check_copy{font-size: 16px; width: 80%;}
.howto_inner li .step_copy2{font-size: 14px; padding:15px 0 5px;}
.howto_inner li .step_att{font-size: 11px;}

/* =========================================================
		care
========================================================= */
.care_area{padding: 35px 0;}
.care_area .inner{padding: 25px 0; max-width: inherit; width: 90%; margin: 0 auto;}
.care_area h2{width: 75%; margin: 0 auto 5px;}
.care_area .care_system{width: 95%; margin: 0 auto 10px;}
.care_area .care_copy{width: 60%; margin: 0 auto 20px;}
.care_area .care_plan{width: 90%; margin: 0 auto 0;}


.care_att{max-width: inherit; width: 88%; margin: 15px auto 0; font-size: 11px;}
.care_att li{line-height: 1.5; text-indent: -1.2em; padding-left: 1.2em;}


/* =========================================================
		FAQ
========================================================= */

.faq_inner{max-width: inherit; width: 90%; margin: 35px auto 0;}
.faq_inner h2{width: 56%; margin: 0 auto 30px;}
	
	
	
.ac > li {list-style: none;}
.faqcon{margin-top: 25px;}
.faqcon li{color: #05579b; margin:0 auto 15px; float: none !important; border: 1px solid #05579b;}
.faqcon li .faq_pic{display: flex; justify-content: left; margin-top: 15px;}
.faqcon li .faq_pic div{width: 49%; margin-right: 2%;}
.faqcon li .faq_pic div:last-child{margin-right: 0;}

.ac-label  { cursor: pointer;position: relative;}
.ac-label dl{display: flex; padding: 3% 12% 3% 3%;}
.ac-label dt{margin-right: 10px;font-size: 24px;}
.ac-label dd{font-size: 18px; font-weight: 600; display: flex; justify-content: center; flex-flow: column; line-height: 1.2;}
.ac-content {
display: none;
padding: 10px 4% 10px 5%;
margin: 2%;	
}
.ac-content dl{display: flex; padding: 5px 0 7px;}
.ac-content dt{margin-right: 15px; font-size: 24px;}
.ac-content dd{line-height: 1.65; letter-spacing: 0.5px; padding-top: 4px; color: #333; font-size: 16px;}
.icon-wrap {position: absolute;
right: 4px;
top: 50%;
transform: translatey(-50%);
width: 38px;
height: 38px;}
.icon {position: relative; display: inline-block; width: 100%; height: 100%;}
.icon:before,
.icon:after {position: absolute; content: ""; display: block; transition: all 0.4s; background: #05579b;
left: 50%;top: 50%;width: 50%;height: 2px;transform: translate(-50%, -50%);}
.icon:before {transform: translate(-50%, -50%) rotate(90deg);}
.icon.open:before {transform: translate(-50%, -50%) rotate(0deg);}

.staff_comment3 {
    max-width: inherit;
    width: 100%;
    margin: 35px auto 0;
}
/* =========================================================
		footerbanner
========================================================= */
.entry_btn_area_b {
    position: relative;
    z-index: 2;
    background-color: #05579b;
    padding: 35px 0 30px;
    display: block;
    clip-path: inherit;
    margin-top: 0;
}


/* =========================================================
		footer
========================================================= */
footer {padding-bottom: 70px;}	
.footer-inner{width: 90%; margin: 0 auto; padding: 20px 0 0;}


.tel_area{background: #fff; padding: 22px 6% 20px; margin: 20px auto;}
.tel_area h4{font-size: 16px; padding-bottom: 10px;}
.tel_area .free_tel{margin: 0 auto 5px; width: 94%;}
.tel_area .tel_date{font-size: 12px; text-align: center;}
.footer_txt1{font-size: 11px; margin-bottom: 22px;}
.footer_txt1 li{padding-left: 1em; text-indent: -1em; padding-bottom: 3px;}

.footer_txt2{font-size: 12px; margin-bottom: 15px;}
.footer_txt2 li{padding-left: 1em; text-indent: -1em; padding-bottom: 4px;}


.footer_link2 li{padding-bottom: 3px;}
.footer_link2 li a{position: relative; padding-left: 14px; font-size: 13px;}
.footer_link2 li a:after{content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 75%;
    left: 0;
    margin-top: -7px;}

.footer-inner p{font-size: 18px; font-feature-settings: 'palt' 1; font-weight: 500; line-height: 1.6;}
.footer-inner p span{font-feature-settings: 'palt' 0;}
.footer-inner a{color:#333;}
.footer-inner a:hover{opacity:0.7;}
.footer-inner .footer_attend {
    color: #d1372d;
    font-size:1.35em;
    margin-top: 7px;
}
.copyw{text-align: center; padding:20px 0 30px; font-size: 11px;}


	

	
	
	
	}