/* ==== tab ==== */
@media screen and (max-width:1024px){
.inner {width:100%; padding:0 3%;}
.pc {display:block;}
.tab {display:block;}
.mob {display:none;}
.pc_img {display:none !important;}
.mob_img {display:block !important;}

body,th,td,input,select,textarea,button {font-size:16px; line-height:28px;}

/* === Main === */
#wrap {position:relative; width:100%; min-width:auto; margin:0 auto; overflow:hidden;}

#header {position:absolute; left:0; top:44px;}
#header h1 {position:absolute; left:3%; top:16px;}

#header .gnb {display:none;}

.navi {position: fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,.5); z-index:9999; display:none;}
.navi .navi_wrap {float: right; width: 45%; height:100%; background:#fff; display:block; position:relative; padding: 150px 3% 0;}
.navi .lnb h3 {font-size: 22px; line-height: 1; padding-bottom: 15px; width: 100%; border-bottom:1px solid #ddd; font-weight: 600; margin-top: 40px; text-align: left; padding-left: 10px;}
.navi .lnb h3:first-child {margin-top: 0;}
.navi .lnb h3 a {color: #111; display:block; width:100%; height:100%;}
.navi .lnb .sub_navi {margin-top: 15px;}
.navi .lnb .sub_navi li {margin-bottom: 3px;}
.navi .lnb .sub_navi li a {color: #777;}


.navi_btn {display:block; position:fixed; top:65px; right:3%; width:30px; height:23px; cursor:pointer; transition:0.3s ease-in-out; z-index:9999;}
.navi_btn span {position:absolute; left:0; display:block; width:30px; height:3px; background:#A2CDFF;  transition:0.3s ease-in-out 0.2s;}
.navi_btn span.line01 {top:0;}
.navi_btn span.line02 {top:10px;}
.navi_btn span.line03 {top:20px;}
.navi_btn.on {transform:rotate(-45deg); transition:0.3s ease-in-out 0.2s;}
.navi_btn.on span {top:50%; margin-top:-2px; transition:0.3s ease-in-out; background: #6696D0;} 


.quick {right: 0; top: auto; bottom: 0; transform:none; width: 100%; padding: 15px 15px; background: #fff; border-radius: 0; box-shadow: 0 0 15px rgba(0,0,0,.05);}
.quick ul {display: flex; justify-content: space-between;}
.quick ul li {width: 8%; text-align: center; margin-bottom: 0;}
.quick ul li a {color: #1a1a1a;}
.quick .top_btn {display: block; position: absolute; right: 20px; top: -70px; width: 60px; height: 60px; font-size: 16px; background: #075496; color: #fff; line-height: 60px; margin-top: 0; border-radius: 50%;}



#main_visual .mv_list li .inner {top: 50%;}
#main_visual .mv_list li .inner img {width: 100%;}
#main_visual .mv_list li .inner span {font-size: 25px; margin-bottom: 30px;}
#main_visual .mv_list li .inner h2 {font-size: 55px; line-height: 75px; margin-bottom: 40px;}
#main_visual .mv_list li .inner p {font-size: 25px; line-height: 40px;}

#main_visual img.scroll {left: 3%; width: 16px;}

#con1 {padding-top: 130px;}
#con1 .title {margin-bottom: 50px;}
#con1 .title span {font-size: 20px; margin-bottom: 20px;}
#con1 .title h2 {font-size: 40px; line-height: 55px; margin-bottom: 30px;}
#con1 .title p {font-size: 20px; line-height: 38px;}
#con1 .title p br {display: none;}

#con1 .list_box {background: #F7F9FC; position: relative; padding: 60px 0 90px;}
#con1 .list_box::after {content:''; width: 500px; height: 219px; top: -219px;}
#con1 .list_box .inner {display: block;}
#con1 .list_box .inner ul:nth-of-type(1) {margin-right: 0;}
#con1 .list_box .inner ul:first-child {margin-bottom: 10px;}

#con1 img.person {position: absolute; right: 5%; bottom: 0; width: 50%;}

.bullet li {font-size: 18px; line-height: 30px; margin-bottom: 10px; padding-left: 12px;}
.bullet li::before {content:''; width: 4px; height: 4px; top: 12px;}


.con_title span {font-size: 20px; margin-bottom: 30px;}
.con_title h2 {font-size: 55px;}
.con_title p {font-size: 20px; line-height: 38px; margin-top: 40px;}
.con_title p br {display: none;}


#con2 {padding: 120px 0;}

#con2 .e_wrap {position: relative;}
#con2 .equip_list {margin-top: 60px;}
#con2 .equip_list li img {width: 96%;}
#con2 .equip_list .slick-list {margin-left: 15px;}

#con2 .e_wrap .e_prev_btn {left: -10px;}
#con2 .e_wrap .e_next_btn {right: -10px;}



#con3 {padding-top: 120px;}
#con3 .con_title {margin-bottom: 70px;}

#con3 .imp_wrap {padding: 60px 0 120px;}
#con3 .imp_wrap .tab_btn {margin-bottom: 90px;}
#con3 .imp_wrap .tab_btn li {height: 60px; line-height: 60px; border-radius: 30px; font-size: 20px;}

#con3 .imp_wrap .tabcontent .inner {padding: 0;}
#con3 .imp_wrap .tabcontent h3 {font-size: 40px; margin: 100px 0 30px;}

#con3 .imp_wrap .tabcontent .n_imp_list {display: flex; justify-content: space-between;}
#con3 .imp_wrap .tabcontent .n_imp_list li {width: 32%;}
#con3 .imp_wrap .tabcontent .n_imp_list li img {width: 100%;}

#con3 .imp_wrap .tabcontent .imp_half {display: flex; justify-content: space-between;}
#con3 .imp_wrap .tabcontent .imp_half li {width: 49%; padding: 30px;}
#con3 .imp_wrap .tabcontent .imp_half li img {margin-bottom: 40px;}
#con3 .imp_wrap .tabcontent .imp_half li h5 {font-size: 30px;}
#con3 .imp_wrap .tabcontent .imp_half li p {font-size: 20px; line-height: 35px; margin-top: 20px;}
#con3 .imp_wrap .tabcontent .imp_half li p br {display: none;}

#con3 .imp_wrap .tabcontent .imp_half.ih02 {margin-top: 60px;}
#con3 .imp_wrap .tabcontent .imp_half.ih02 img {margin-bottom: 0;}
#con3 .imp_wrap .tabcontent .imp_half.ih02 h5 {margin-bottom: 25px;}

#con3 .imp_wrap .tabcontent .imp_half.ih03 h5 {margin-bottom: 20px;}
#con3 .imp_wrap .tabcontent .imp_half.ih03 p {margin-bottom: 30px; font-size: 20px; line-height: 35px;}
#con3 .imp_wrap .tabcontent .imp_half.ih03 p br {display: none;}

#con3 .imp_wrap .tabcontent .im_title {margin-top: 100px;}
#con3 .imp_wrap .tabcontent .im_title h3 {font-size: 40px; margin-bottom: 30px;}
#con3 .imp_wrap .tabcontent .im_title span {font-size: 22px; line-height: 30px; margin-bottom: 20px;}
#con3 .imp_wrap .tabcontent .im_title p {font-size: 20px; line-height: 35px;}
#con3 .imp_wrap .tabcontent .im_title p br {display: none;}

#con3 .imp_wrap .tabcontent .imp2_box {display: flex; margin-top: 50px; align-items:flex-start;}
#con3 .imp_wrap .tabcontent .imp2_box > img {width: 30%;}
#con3 .imp_wrap .tabcontent .imp2_box ul {width: 70%; padding-left: 20px;}
#con3 .imp_wrap .tabcontent .imp2_box ul li {padding: 30px;}

#con3 .imp_wrap .tabcontent .imp2_box ul li em {font-size: 22px; margin-bottom: 20px;}
#con3 .imp_wrap .tabcontent .imp2_box ul li p {font-size: 20px; line-height: 35px;}
#con3 .imp_wrap .tabcontent .imp2_box ul li p b {color: #6696D0;}


#con3 .imp_wrap .tabcontent .imp2_box2 .box .text {padding-left: 60px;}
#con3 .imp_wrap .tabcontent .imp2_box2 .box .text h4 {font-size: 35px; margin-bottom: 30px;}
#con3 .imp_wrap .tabcontent .imp2_box2 .box .text p {font-size: 20px; line-height: 35px;}

#con3 .imp_wrap .tabcontent .imp2_box2 .box:last-child .text {padding-left: 0; padding-right: 60px;}


#con3 .imp_wrap .tabcontent .imp3_box {margin-top: 100px; display: block;}
#con3 .imp_wrap .tabcontent .imp3_box .txt {width: 100%;}
#con3 .imp_wrap .tabcontent .imp3_box .txt h4 {font-size: 35px; margin-bottom: 50px; text-align: center;}
#con3 .imp_wrap .tabcontent .imp3_box .txt img {width: 70%; margin: 0 auto; display: block; margin-bottom: 50px;}
#con3 .imp_wrap .tabcontent .imp3_box img {width: 100%;}


#con4 {padding: 120px 0;}
#con4 .nt_box {margin-top: 60px; display: flex; align-items: center; flex-direction:column;}
#con4 .nt_box:nth-of-type(3) {flex-direction: row-reverse; flex-direction:column;}

#con4 .nt_box > img {width: 100%; box-shadow: 0 0 20px rgba(0,0,0,.07);}
#con4 .nt_box .text {width: 100%; padding-left: 0;}
#con4 .nt_box .text h4 {font-size: 40px; margin-bottom: 30px; margin-top: 40px;}
#con4 .nt_box .text p {font-size: 20px; line-height: 35px; margin-bottom: 18px;}
#con4 .nt_box .text p:last-child {margin-bottom: 0;}
#con4 .nt_box .text img {margin-top: 35px; margin-bottom: 50px;}

#con4 .nt_box:nth-of-type(3) .text {padding-left: 0; padding-right: 0;}


#con5 {padding: 120px 0;}
#con5 .con_title {margin-bottom: 60px;}

#con5 h4 {font-size: 45px; line-height: 1; text-align: center; margin-bottom: 60px;}

#con5 .the_01 {display: flex; align-items: center; flex-direction:column; margin-bottom: 80px;}
#con5 .the_01 > img {width:35%; display: block; margin: 0 auto; margin-bottom: 50px;}
#con5 .the_01 .text {width: 100%; padding-left: 0; text-align: center;}
#con5 .the_01 .text h4 {margin-bottom: 40px; text-align: center;}
#con5 .the_01 .text p {font-size: 20px; line-height: 35px; margin-bottom: 15px;}

#con5 .the_02 {margin-bottom: 100px;}
#con5 .the_02 ul {display: flex; justify-content: space-between;}
#con5 .the_02 ul li {width: 23.5%; background: #fff; padding: 30px 15px;}
#con5 .the_02 ul li p {font-size: 18px; line-height: 30px; margin-top: 25px;}
#con5 .the_02 ul li:first-child p {margin-top: 25px;}

#con5 .the_03 ul {display: flex; justify-content: space-between;}
#con5 .the_03 ul li {width: 18.8%; padding: 30px 0;}
#con5 .the_03 ul li img {margin-bottom: 20px;}
#con5 .the_03 ul li p {font-size: 18px;}


#con6 {padding: 120px 0 150px;}
#con6 .con_title {margin-bottom: 50px;}

#con6 .clinic_list li .tit {height: 80px;}
#con6 .clinic_list li .tit h5 {font-size: 24px; line-height: 80px;}
#con6 .clinic_list li .tit h5 span {font-size: 20px; margin-right: 15px;}

#con6 .c_wrap .c_prev_btn {bottom: 28px; width: 80px;}
#con6 .c_wrap .c_next_btn {bottom: 28px; width: 80px;}

#footer {padding-bottom: 120px;}



}