@charset "utf-8";

@media screen and (max-width:1280px){
	#main .main_wrapper .main_visual .logo{top: 7px; left: 73px;}
	.sec p{width:95%;}
	.sec.section2 p{width:100%;}
	.tabs input:checked + .tab_item::after{display:none;}
	.tab_item{width:calc(50% - 14px); max-width:unset; font-size: 2.2rem; line-height: 28px; padding: 20px 0;}
	.tab_item.m_no {margin-right: 0;}
	.sec.section6 .size{width:95%;}

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

	.sec.section4 .txt_btm {top: 86.947%;}
	.sec.section5 {padding-bottom: 0;}
	.sec.section6 .size {padding: 80px 0;}
	.sec.section7{padding-top:0;}
	footer {padding-bottom: 196px;}
	footer .info ul{max-width: 546px; margin: 0 auto;}
	footer .sns{padding:40px 0;}
	.fixed {max-width: unset; position: unset; position: fixed; height: fit-content; top: 79.2%; left: 0; width: 95%; margin: 0 auto; border-radius:30px 30px 0 0;}
	.fixed ul{display:flex; padding: 14px 17px;}
	.fixed ul li .box{border-bottom:0; margin-bottom:0; padding-bottom: 0;}
	.fixed ul li .box .top .txt_area{display:none;}
	.fixed ul li .box .top .img_area{margin: 0 auto;}
	.fixed ul li .box .top {padding: 10px 0;}
	.fixed ul li .box.box1 .top {padding: 10px 0 7px 0;}
	.box .mo{width:fit-content;}
	.fixed ul li{width:33.333%;}
	
}

@media screen and (max-width:768px){
	.pc{display:none;}
	.mo{display:block; margin:0 auto; width:100%;}
	#main .main_wrapper .main_visual .logo{top: 9px; left: 50%; transform: translate(-50%); width: 212px;}
	#main .main_wrapper .main_visual .logo img{width:100%;}
	.sec .txt_btm .btn a{padding: 16px 30px;}
	.sec p{padding: 60px 0;}
	.sec.section1 p {padding: 60px 0 0;}
	.sec.section2 {background: none !important;}
	.sec.section2 p {padding: 0;}
	.sec.section3 p {padding: 60px 0 32px 0;}
	.sec .txt_btm {padding-bottom: 60px;}
	.sec.section4 {padding-bottom: 0;}
	.sec.section4 .sec4_bg {display: none;}
	.sec.section4 p {padding-top: 0; padding-bottom: 0;} 
	.sec.section4 .txt_btm{top: 89.947%;}
	.sec.section4 .txt_btm .btn a{white-space: nowrap;}
	.sec.section5 {padding-bottom: 0;}
	.sec.section5 p{padding:0;}
	.sec.section5 .size {padding: 60px 0}
	.sec.section5 .size .inner .cont_area {width: 90%; margin: 0 auto;}
	.sec.section6 {padding-bottom: 0;}
	.sec.section6 .sec6_bg {background: none !important;}
	.sec.section6 p {padding: 60px 0 0;}
	.sec.section6 .size{width: 94.791%; padding:60px 0;}
	.tab_item {font-size: 1.6rem; line-height: 20px; width: calc(50% - 8px); margin-right: 8px; margin-bottom: 8px;}
	.sec.section7 {padding-top:60px; background: url(img/main_sec7_bg_m.png) no-repeat center center;}
	.sec.section7 p {padding:0;}
	.sec.section7 .txt_btm{padding:60px 0;}
	footer {padding-bottom: 100px;}
	.fixed {top: 91%;}
	.fixed ul{padding: 0px 17px;}
	.fixed ul li .box{padding: 13px 0;}
	.fixed ul li .box.box3 .top {padding: 18px 0 19px 0;}
	.fixed ul li .box .button{width: 194px;}
	.fixed ul li .box .button a{font-size: 2.0rem;}
	.fixed ul li .box .top .img_area{display:none;}
	.fixed ul li .box .top{display: none;}
	.fixed ul li .box.box1 .top{padding: 10px 0 0;}
	.fixed ul li .box.box3 .top {padding: 18px 0 0;}
	.fixed ul li .box.box3 .top .img_area{height: fit-content; margin-bottom: 13px;}
}
@media screen and (max-width:700px){
	.fixed ul li .box .button {width: 164px;}
	.fixed ul li .box .button a {font-size: 1.6rem;}
}
@media screen and (max-width:600px){
	.fixed ul li .box .button {width: 144px;}
	.fixed ul li .box .button a {font-size: 1.4rem;}
}
@media screen and (max-width:568px){
	#main .main_wrapper .main_visual .logo{width:173px;}
	.sec.section4 .txt_btm {top: 87%;}
	.sec.section5 .tit_area .tit_box h4 {font-size: 2rem;}
	.sec.section5 .tit_area .tit_box h2 {font-size: 4rem;}
	.sec.section6 .tit_area .tit_box h4 {font-size: 2.0rem;}
	.sec.section6 .tit_area .tit_box h2 {font-size: 4.0rem; padding-bottom: 24px;}
	.sec .txt_btm .btn a{font-size:1.6rem; letter-spacing:0.1em;}
	footer .agree ul li .box a {font-size: 1.3rem; line-height: 18px;}
	footer .sns .con{width:50px; height:50px;}
	.fixed{top: 93.5%;}
	.fixed ul li .box .button{width: 130px; height: auto;}
	.fixed ul li .box .button a{line-height: unset; padding: 6px 0;}
	.fixed ul li .box .button a .hide{display: none;}

}

@media screen and (max-width:480px){
	#main .main_wrapper .main_visual .logo {width: 136px;}
	.sec .txt_btm .btn a {font-size: 1.4rem; letter-spacing: 0.1em; padding: 8px 14px;}
	.sec .txt_btm span{font-size: 1.4rem; line-height: 20px;}
	.tab_item {width:100%}
	.sec.section5 .tit_area .tit_box h4 {font-size: 1.6rem;}
	.sec.section5 .tit_area .tit_box h2 {font-size: 3.4rem;}
	.sec.section6 .tit_area .tit_box h4 {font-size: 1.6rem;}
	.sec.section6 .tit_area .tit_box h2 {font-size: 3.0rem;}
	footer .info ul li span{display:block; font-size: 1.4rem;}
	footer span.copy{font-size: 1.2rem; line-height: 32px;}
	footer .agree {height: 58px;}
	footer .sns {padding: 20px 0;}
/*	.fixed ul{padding: 0 4px 20px 4px; gap: 6px; justify-content: space-between;}*/
	.fixed ul li .box .button{width:110px;}
	.fixed ul li .box .button a {padding: 6px 4px; line-height: 19px; display: flex; align-items: center; justify-content: center;}
}

@media screen and (max-width:400px){
	#main .main_wrapper .main_visual .logo {top: 4px; width: 124px;}
	.sec.section6 .tit_area .tit_box h4 { font-size: 1.4rem;}
	.sec .txt_btm .btn a {font-size: 1.2rem;}
	footer span.copy {line-height: 20px;}
	footer span.copy > br{display:block;}
	.fixed {top: 92.5%;}
	.fixed ul {padding: 0px 10px;}
	.fixed ul li .box .button {width: 104px; height: 40px;}
}
@media screen and (max-width:380px){
	.sec.section5 .tit_area .tit_box{width: 90%; margin:0 auto;}
	.sec.section5 .tit_area .tit_box h2 {font-size: 3.0rem; line-height: 42px;}
	.sec.section5 .tit_area .tit_box h4 {font-size: 1.4rem;}
/*	footer{padding-bottom: 100px;}*/
}