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

html,body {letter-spacing:-0.03em; font-size:62.5%;}

section,article,header,footer,nav,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a,form,input,select,option,fieldset,textarea,button,label,figure {font-size:1.4rem; }

.center	{padding: 100px 0; width:90%;}

#wrapper {min-width:100%; }
#wrapper.on {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}

/*========= header ===========*/
#header {height: 80px; z-index: 103;}
#header .center{position: relative; width: 100%;}
#header h1{left: 20px; top: 15px; transform: translateY(0);}
#header h1 a img{height: 50px;}

.on #nav{left: 0;}
#nav{position: absolute; top: 0; left: -60%; margin-left: 0; width: 50%; height: 100vh; background: #fff; transition: all 200ms linear; box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); overflow-y: scroll;}

#nav .nav_list {padding: 80px 25px; position: relative; }
#nav .nav_list>li {margin: 0 0 30px; position: relative; display: block; width: 100%;}
#nav .nav_list>li:hover .dep1::after{width: 0;}
#nav .nav_list>li .dep1	{display:block; padding: 1px 0; font-size:13px; font-weight:600; color: var(--main-color); text-decoration: underline !important;}
#nav .nav_list>li .dep2 {display: block; top: 0; left: 0; position: relative; margin-top: 3px; width: 100%; }
#nav .nav_list>li .dep2 li {text-align: left;}
#nav .nav_list>li .dep2 li a {display:block; padding:4px 0; line-height:1.3; font-size:15px; color:#333; letter-spacing:0; border: 0; }
#nav .nav_list>li .dep2 li a:hover {color: #333; text-decoration: underline !important;}


#header .login{left: 20px; top: 30px; transform: translateY(0);}
/* #header .login{position: relative; top: 0; transform: translateY(0); padding-left: 25px; } */
#header .login li{border: 0;}
#header .login li a{display: block; padding: 8px 12px; width: 80px; border: 1px solid #ddd; text-align: center;}
#header .login li a:hover{background: #f5f5f5;}
#header .login li:last-child a{padding: 8px 12px;}

.btn_nav{display: block; z-index: 999;}

#visual{height: auto;}
#visual .vis{position: relative; overflow: hidden; height: inherit;}
#visual .vis img{display: block; width: 100%;}
#visual .vis .v01{background: transparent;}
#visual .vis .v02{background: transparent;}
#visual .vis .v03{background: transparent;}
#visual .vis .v04{background: transparent;}

.vis .indicator .dot span.swiper-pagination-bullet-active:not(:last-child){margin-right: 40px;}
.vis .indicator .dot span{width: 4px; height: 4px;}
.vis .indicator .dot span:after{width: 15px; right: -31px;}


.idx_tit{margin-bottom: 40px; text-align: center;}
.idx_tit h3 {font-size: 26px; line-height: 1.4em;}
.idx_tit h3 br{display: none;}
.idx_tit h3 span{font-size: 26px;}
.idx_tit p{margin-top: 16px; font-size: 1.4rem;}

.idx_tit.sty2 h3{font-size: 26px;}


#main1 ul{align-items: flex-start; }
#main1 ul li{width: 24%;}
#main1 ul li a{width: 100%; display: block;}
#main1 ul li a img{width: 100%;}
#main1 ul li>p{margin-top: 14px; font-size: 1.4rem;}
#main1 ul li>p span{font-size: 1.35rem;}
.view .plus{font-size: 24px;}
.view p{font-size: 18px;}

#main2 .center{display: block;}
#main2 .center .img_wrap{}
#main2 .center .img_wrap li{margin-left: 0; margin-right: 0; width: 49%;}
#main2 .center .img_wrap li img{display: block; width: 100%;}
#main2 .center .img_wrap li p{font-size: 1.5rem;}

#main2 .center .idx_tit p{width: 100%;}
#main2 .center .idx_tit a{margin: 40px auto 0; text-align: left; font-size: 1.4rem; width: 160px; height: 54px; padding: 0 16px; line-height: 54px;}

#main3 .program{}
#main3 .program li{}
#main3 .program li a{display: block; width: 100%;}
#main3 .program li a img{display: block; width: 100%;}
#main3 .program li .txt h4{margin-bottom: 16px; font-size: 18px;}
#main3 .program li .txt p{font-size: 1.4rem;}
#main3 .program li:hover .view{top: 35%;}
.view p{font-size: 1.45rem;}


#main4 .idx_tit h3{font-size: 26px;}
#main4 .center .customer{margin: -16px 0; display: block;}
#main4 .center .customer>div{margin: 16px 0;}
#main4 .center .customer .form_wrap{width: 100%;}
#main4 .center .customer .tel_box,
#main4 .center .customer .talk{width: 100%; height: 320px;}
#main4 .center .customer .tel_box p{margin: 0 auto; width: 46%;}

#main4 .center .customer .tel_box h6,
#main4 .center .customer .talk h6{font-size: 15px;}
#main4 .center .customer .tel_box .sns li img{display: block; height: 50px;}

#main4 .center .customer .tel_box h3{margin: 20px 0; font-size: 30px;}
#main4 .center .customer .talk h3{margin: 20px 0; font-size: 25px;}

#footer .right{margin-bottom: 40px; width: 100%;}
#footer .right dl {justify-content: flex-start;}
#footer .right dl dt{font-size: 1.5rem; padding: 10px 18px;}
#footer .right dl dd{font-size: 26px;}
#footer .right p{text-align: left;}

#footer .center{flex-direction: column-reverse;}
#footer .ft_top li a{font-size: 1.4rem;}
#footer .center .info li{font-size: 1.3rem;}
#footer .copyright{font-size: 1.2rem;}


#quick a{padding: 20px 16px;}
#quick a img{display: block; height: 24px;}
#quick a p{margin-top: 12px; font-size: 1.3rem;}

/*sub*/
#sub_visual{height: 300px;}
#sub_visual .center h2{font-size: 24px;}
#sub_visual .center ol li{font-size: 1.4rem;}

#sub_menu{height: 55px;}
#sub_menu ul li a{padding: 20px; font-size: 1.4rem;}
.page_title{padding: 100px 0 0;}
.page_title h3{font-size: 2.4rem;}
.ft16{font-size: 1.4rem;}
#contents.sub{padding: 50px 0 150px;}


.ceo_title{padding: 40px 0;}
.ceo_title p{margin-top: 16px;}
.sub0101 img{display: block; width: 100%;}
.sub0101 .center p{font-size: 1.4rem;}
.sub0101 .center .img_wrap li{width: 49%;}

.sub0102 .dl_comm dt{font-size: 1.5rem;}
.sub0102 .dl_comm dd{font-size: 1.4rem;}
.sub0102 .dl_comm dd .dep2>li{font-size: 1.4rem;}
.sub0102 .dl_comm dd .dep2 li .p1{line-height: 1.2em;}

.sub0103 img{display: block; width: 100%;}
.sub0103 .special li{margin-bottom: 60px; display: block;}
.sub0103 .special li .info{width: 100%;}
.sub0103 .special li .info p{margin-top: 20px; font-size: 1.4rem;}
.sub0103 .special li .txt{margin-bottom: 12px; width: 100%;}
.sub0103 .special li .txt>*{display: inline-block;}
.sub0103 .special li .txt .num{margin-bottom:0; margin-right: 4px; font-size: 2.2rem;}
.sub0103 .special li .txt h4{font-size: 2.2rem;}



.sub02 section{width: 90%;}
.sub02 section figure{width: 50%;}
.sub02 section figure img{display: block; width: 100%;}

.sub02 section .text_wrap h4:after{font-size: 60px;}
.sub02 section .text_wrap h4{font-size: 2.2rem;}
.sub02 section .text_wrap p{font-size: 1.4rem;}
.sub02 section .text_wrap .time{font-size: 1.3rem; width: 140px; height: 40px;}

.sub0202 .after section .text_wrap{margin-left: 80px;}
.sub0202 .after:nth-child(odd){background-size: 200px;}
.sub0202 .after:nth-child(even) img{width: auto; height: 450px;}
.sub0202 .after:nth-child(even) section .text_wrap{margin-right: 80px;}

.sub0202 .after .box{width: 100%;}
.sub0202 .after .box ul li{line-height: 1.4; }


.sub0203 .family section .icon li{padding: 16px 22px;}
.sub0203 .family{background-size: 180px;}

.sub0205 .yusan {background-size: 180px;}
.sub0205 .yusan .cont p{font-size: 1.4rem; }

.sub h4{font-size: 2.2rem;}
.sub h5{font-size: 1.8rem;}

.sub0301 .tit .time{width: 110px; height: 36px; font-size: 1.4rem;}
.sub0301 .price p{font-size: 1.4rem;}
.sub0301 .tbl_pri{margin: 20px 0 60px;}
.sub0301 .box{padding: 24px;}
.sub0301 .box li{font-size: 1.4rem;}
.sub0301 .box li:last-child{margin-bottom: 0;}


.service_chart img{display: block; width: 100%;}
.sub0302 .service_chart li .txt{margin-top: 6px;}
.sub0302 .service_chart li .txt h5 span{font-size: 1.8rem;}
.sub0302 .service_chart li .txt h5{font-size: 1.8rem;}
.sub0302 .service_chart li .txt p{font-size: 1.4rem;}

.sub0302 .use li>figure>img{display: block; width: 280px;}
.sub0302 .use li .txt{margin-left: 40px;}
.sub0302 .use li .txt img{display: block; height: 30px;}
.sub0302 .use li .txt h5{margin: 14px 0 10px;}
.sub0302 .use li .txt p{line-height: 1.3em;}




.sub0503 form .line{display: block;}
.sub0503 form .ip_wrap label{font-size: 1.4rem;}
.sub0503 form .line .ip_wrap{width: 100%;}
.sub0503 form .ip_wrap .ip_comm{height: 54px;}




.sub0602_img img{display: block; width: 100%;}
.sub0602 .str_edu ul li{display: block;}
.sub0602 .str_edu ul li .txt{margin-bottom: 0; margin-left: 0; margin-top: 20px; }
.sub0602 .str_edu ul li .txt p{margin-top: 14px; font-size: 1.4rem;}
.sub0602 .str_edu .swiper-pagination{position: relative; left: 0; bottom: 0; margin-top: 30px; text-align: left;}

.sub0602 .condition{margin: -0.5%; flex-wrap: wrap; justify-content: center; }
.sub0602 .condition li{margin: 0.5%; width: 32%;}

.sub0602 .process{margin: -1% -0.5%; flex-wrap: wrap; justify-content: flex-start;}
.sub0602 .process li{margin: 1% 0.5%; width: 32%;}
.sub0602 .process img{display: block; width: 100%;}
.sub0602 .process li p{margin-top: 8px; font-size: 1.5rem;}

.sub0602 .tbl th{width: 150px;}


.sub_list {margin: -4% -1.1%;}
.sub_list li {margin: 4% 1.1%; width:31%;}
.sub_list li a p {  margin-top: 10px; font-size: 1.3rem;}
.sub_list li a img {width:100%;}


/* .sub_list {width: 100%; overflow: hidden; }
.sub_list li {display: inline-block; width:31%;margin-right: 2.2%; margin-bottom:4%;  }
.sub_list li:nth-of-type(3n) { margin-right:0; }
.sub_list li a { display:block; width:100%;  }
.sub_list li a p {  margin-top: 10px; font-size: 16px; text-align: left;}
.sub_list li a img {width:100%;  } */


.tbl th,
.tbl td{font-size: 1.4rem;}

.jijum .board_list .b_sido{width: 5%;}
.jijum .board_list .b_store{width: 25%;}
.jijum .board_list .b_addr{width: 55%;}
.jijum .board_list .b_mb{width: 15%;}
.jijum .board_list .thead li,
.jijum .board_list .tbody li a dd{font-size: 1.35rem;}


.board_view .view_wrap{padding-bottom: 50px; border-bottom: 1px solid #ddd; display: block;}
.board_view .view_wrap .txt{margin-left: 0; margin-top: 50px; width: 100%;}
.board_view .view_wrap h5{font-size: 1.5rem;}
.board_view .view_wrap h2{font-size: 2.4rem;}
.board_view .view_wrap h4{font-size: 1.35rem;}
.board_view .view_wrap .view_sns a{width: 136px;}
.board_view .view_wrap .view_sns a p{font-size: 1.3rem;}


.form_01{width: 100% !important}


.sub0502 #bo_cate{margin-bottom: 20px;}


}