@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	{width:90%;}


/*========= input ===========*/
.ip_comm	{height:44px; }
.ip_comm.tel+.bar	{line-height:44px; }
.btn_sm	{font-size: 1.55rem;}


#wrapper {min-width:100%; }


/*========= header ===========*/

  #header::after,
  #header:hover::after {display:none;}
#header .center {padding:20px 0;}
#header.scroll .center {padding:15px 0;}
#header h1	{}
#header h1 img {height:30px;}
#header .catalog	{display: none;}

#btn_nav {display: block; float:right; height: 30px;}
.on #btn_nav {position: fixed; right:20px; top:20px; z-index: 1001;}

#nav {display:block; position: fixed; left:-100%; top:0; width:100%; height:100%; padding:40px 5%; background-color: #fff; transition:all 0.5s; z-index: 1000;}
.on #nav {left:0;}
#nav .nav_list {text-align: left;}
#nav .nav_list>li {display:block; width: 100%; margin-bottom:40px;}
#nav .nav_list>li .dep1	{position: relative; display:block; text-align:left; font-size:1.7rem; color:#333;}
#nav .nav_list>li .dep1 span	{width:auto; padding:0;}
	#header.scroll #nav .nav_list>li .dep1 {font-size: 1.7rem;}
#nav .nav_list>li .dep2 {display:block; position:static; padding:0; margin-top:15px; }
#nav .nav_list>li .dep2 li a {padding:8px 0; font-size:1.5rem;}


/*========= main ===========*/


#visual {}
#visual li {height:600px; background-size:cover;}
#visual .visu_txt {position: absolute; left:0; top:50%; transform:translateY(-50%); width: 100%; z-index: 1;}
#visual .visu_txt p {}
#visual .visu_txt .p1 {font-size:1.8rem;}
#visual .visu_txt .p2 {font-size:3.5rem;}
#visual .btn_more {left:auto; right:5%; bottom:90px; transform:translateX(0);}

@keyframes title {
	0% {top:170px; opacity:0;}
	100% {top:0; opacity:1}
}

.product {padding:60px 0%;}
.product .title {position:relative; width:100%; margin-bottom:20px; padding:0 5%; }
.product .title h2 {margin-bottom:0; font-size:2rem;}
.product .title h2::after {bottom:10px; font-size:2.6rem;}
.product .title h2 strong {font-size:1.8em; }
.product .title .btn_more {position:absolute; right:5%; bottom:15px; font-size: 1.3rem; z-index: 100;}

.product .pd_slider {margin-left:5%; padding-left:0px;}
.product .pd_slider li {width:200px;}
.product .pd_slider .img_cont {border-radius:20px;}
.product .pd_slider .tit {margin-top:15px; font-size:1.6rem; }
.product .swiper-button-white {display: none;}


#main04 {padding:0;}
#main04 .center {width:100%; padding:60px 5%; background-color:rgba(0,0,0,0.5)}
#main04 h2 {font-size:3rem; color: #fff;}
#main04 .apply ul {}
#main04 .apply ul li {width:32%; margin-right:2%;}
#main04 .apply ul li label {font-size: 1.2rem; color: #fff;}

#main04 .apply ul li .set_ip {border:0; }
#main04 .apply ul li .set_ip .ip_comm {}

#main04 .apply .set_sm {margin-top: 10px;}
#main04 .apply .set_sm .set_agree label,
#main04 .apply .set_sm .set_agree a {font-size:1.3rem; color: #fff;}
#main04 .apply .set_sm .btn_sm {}

#main04 .cs_center {border:1px solid #444; background-color:rgba(0,0,0,0.2);}
#main04 .cs_center h3 {font-size: 1.5rem; font-weight: 400; color: #fff;}
#main04 .cs_center .set_tel {margin-left: 15px;}
#main04 .cs_center .set_tel .tel {font-size: 2rem; color: #fff;}
#main04 .cs_center .set_tel .time {font-size: 1.3rem; color: #fff;}

#main04 .cs_center .catalog {font-size: 1.3rem; }


/*========= footer ===========*/
#footer .center {width:100%;}
#footer .set_info {float:none; width:100%; padding:30px 5%; border-top:1px solid rgba(255,255,255,0.2)}
#footer .set_info ul li {line-height:1.7; font-size:1.3rem;}
#footer .set_info .copyright {font-size:1.2rem; }

#footer nav {float:none; width: 100%; }


#footer nav .nav_list::after {content:""; display: block; clear:both;}
#footer nav .nav_list {border-left:1px solid rgba(255,255,255,0.2);}
#footer nav .nav_list>li {float:left; width:25%; padding:30px 20px; border-right:1px solid rgba(255,255,255,0.2);}
#footer nav .nav_list>li .dep1 {font-size: 14px; font-weight: 500; color: #ccc;}
#footer nav .nav_list>li .dep2 {height:96px; margin-top: 5px;}
#footer nav .nav_list>li .dep2 li {line-height: 24px;}
#footer nav .nav_list>li .dep2 li a {font-size: 13px; color: #aaa;}

/*========= sub ===========*/

#sub_visual {height:320px; background-size:cover;}

#sub_visual .visu_txt {}
#sub_visual h2 {font-size:3rem; }
#sub_visual p {margin-top: 15px; font-size:1.6rem;}


#sub_menu {bottom:30px;}
#sub_menu ul li a {width:120px; line-height:32px; font-size: 1.4rem;}

#sub_contents {padding:60px 0 100px 0;}

#page_title {margin-bottom: 40px; }
#page_title h3,
.sub0101 h3 { font-size:2.8rem;}

.p_comm {font-size: 1.45rem; line-height:1.8;}


.sub0101 {width:100%;}
.sub0101 h3 {margin-bottom: 30px; text-align: center; }
.sub0101 .sub_cont {padding:100px 0 120px 0;}

.sub0101 #sub01 {}
.sub0101 #sub01 ul {}
.sub0101 #sub01 ul li {width:240px; height:240px; margin:0 -10px; padding:20px; }
.sub0101 #sub01 ul li div {padding-top: 35px; }
.sub0101 #sub01 ul li div img {width:auto; height:34px; margin-bottom:15px;}
.sub0101 #sub01 ul li div .tit {font-size:1.8rem;}
.sub0101 #sub01 ul li div .ex {line-height:1.7; font-size: 1.3rem;}
.sub0101 #sub01 .p_comm {margin-top: 20px;}

.sub0101 #sub02 {}
.sub0101 #sub02 ul li {width: 240px;margin:0 5px; padding:10px; padding-bottom: 60px; }
.sub0101 #sub02 ul li p {text-align: center;}
.sub0101 #sub02 ul li figure img {width:100%; height:auto;}
.sub0101 #sub02 ul li .tit {margin-top: 20px; font-size:1.8rem; color: #fff;}
.sub0101 #sub02 ul li .ex {line-height: 1.8; color: #fff;}

.sub0101 #sub03 {padding-bottom:60px;}
.sub0101 #sub03 ul li {width:32%; margin-right:2%; margin-bottom:30px;}
.sub0101 #sub03 ul li:nth-child(4n) {margin-right: 2%;}
.sub0101 #sub03 ul li:nth-child(3n) {margin-right: 0;}
.sub0101 #sub03 ul li figure {}

.sub0101 #sub04 {}
.sub0101 #sub04 .map {height:450px;}
.sub0101 #sub04 .set_addr {left:5%; top:50%; transform:translate(0px,-50%); width: 300px; padding:40px 30px; }
.sub0101 #sub04 .set_addr h3 {font-size:1.8rem;}
.sub0101 #sub04 .set_addr .addr {font-size:1.45rem; line-height: 1.6;}
.sub0101 #sub04 .set_addr dl {margin-top:15px;}
.sub0101 #sub04 .set_addr dl dt,
.sub0101 #sub04 .set_addr dl dd {font-size: 1.3rem;}
.sub0101 #sub04 .set_addr dl dt i {margin-right:6px; font-size: 1.2rem;}


.merit dt,
.merit dd {padding-left:18px; line-height: 1.8;}
.merit dt {}
.merit dd {line-height: 1.8;}

.sub0202 {}
.sub0202 .set_merit {padding-left:280px;}
.sub0202 .set_merit .merit {padding-top:0px;}

.sub0202 .set_pd {}
.sub0202 .set_pd > div {padding:10px; padding-bottom: 20px;}
.sub0202 .set_pd > div figure {position: static; width:100%;}
.sub0202 .set_pd > div .tit {margin:15px 10px; font-size:1.6rem; }
.sub0202 .set_pd > div table {margin:0 10px;}
.sub0202 .set_pd > div table th,
.sub0202 .set_pd > div table td {font-size: 1.35rem;}
.sub0202 .set_img {display:block; margin-top: 40px; text-align: center;}
.sub0202 .set_img img {display: inline-block; width:23%; margin:2px;}

.sub0301 .service > div {width:32%; margin-right:2%; padding-top: 40px;}
.sub0301 .service > div img {display: block; margin:0 auto; margin-bottom:18px}
.sub0301 .service > div h4 {font-size: 1.6rem;}
.sub0301 .service > div p {padding:0 5%; line-height:1.4;}
.sub0301 .service > div p br {display: none;}
.sub0301 .service .merit {padding:20px 5%; }
.sub0301 .service .merit dd:last-child {height:auto;}

.sub0401 .tbl_apply {}
.sub0401 .tbl_apply th,
.sub0401 .tbl_apply td {padding:15px 0; }
.sub0401 .tbl_apply th {width:80px; padding-left:0; font-size:1.5rem;}
.sub0401 .term {height: 120px; padding:15px; line-height:1.6; font-size:1.3rem;}
.sub0401 .set_agree {margin-top:15px; }
.sub0401 .set_agree label {font-size:1.3rem;}
.sub0401 .btn_sm {width: 180px; height: 55px; font-size:1.5rem; }

.pd_cate {margin-bottom: 30px; }
.pd_cate > li a {line-height: 40px; }

.pd_list {}
.pd_list > li {width:32%; margin-right:2%; margin-bottom: 40px;}
.pd_list > li .img_cont {border-radius:20px;}
.pd_list > li .tit {margin-top: 10px; font-size:1.6rem;}


.pd_view .view_top .thumb {float:none; margin:0 auto;}

.pd_view .view_top .pd_info {float:none; width:100%; padding-top: 0; margin-top:40px;}
.pd_view .view_top .pd_info .cate {font-size:1.4rem;}
.pd_view .view_top .pd_info .set_tit .tit {font-size:3rem; }
.pd_view .view_top .pd_info .set_tit .num {font-size: 1.2rem;}
.pd_view .view_top .pd_info table {margin-top: 20px;}
.pd_view .view_top .pd_info table th,
.pd_view .view_top .pd_info table td {padding:15px 0; font-size: 1.4rem;}
.pd_view .view_top .pd_info table th {width: 100px;}
.pd_view .view_top .pd_info .total dt {font-size:1.5rem;}
.pd_view .view_top .pd_info .total dd {font-size:2.4rem; }
.pd_view .view_top .pd_info .total dd span {font-size:0.8em; }
.pd_view .view_top .pd_info .btn_buy {width: 200px; margin:0 auto; margin-top: 20px; font-size: 1.5rem; }

.pd_view .view_btm {margin-top:40px; }
.pd_view .view_btm h4 {margin-bottom: 15px; font-size:1.7rem;}


}