@charset "utf-8";


body{
	margin: 0px;
	padding: 0px;
	font-size:14px;
	overflow:auto;
    background:#fff;
    box-sizing:border-box;
	line-height:1.5em;
	font-family:'M PLUS 1p','Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
	color: #000;
}


main {
	width:100%;
	overflow:hidden;
	margin:auto;
	padding:0;
}




img{width:100%;}

.container{width:80%;max-width:1080px;margin:auto;text-align:center;}

.sec1, .sec2, .sec3, .sec4, .sec5, .sec6, .sec7, .sec8, .sec9, .sec10, .sec11{}
.sec1 img, .sec2 img, .sec3 img, .sec4 img, .sec5 img, .sec6 img, .sec7 img, .sec8 img, .sec9 img, .sec10 img, .sec11 img{max-width:1080px;}

.sec7{margin: 0 auto;background:#0072C0;padding:40px 0;color:#FFF;width:1080px}
.text_40{text-align: center;font-size: 40px;padding-bottom:50px;letter-spacing: 0.2em; font-weight: bold;}
.text_20{text-align: left;font-size: 28px;padding-bottom:20px;letter-spacing: 0.2em; font-weight: bold;color:#FFF;}
.text_20:nth-child(7){padding-bottom:5px;}
/* .text_20:nth-child(9){padding-bottom:5px;} */
.text_16{text-align: center;font-size: 20px;padding:5px 10px;background: #FFF800;color:#0072C0;border-radius: 10px;width:450px;font-weight: bold;}
.text_yellow{color: yellow;}
.sec7 ul {padding:1em 0 2em 0em;}
.sec7 li {text-align: left;text-indent:-1em;list-style-type:none;font-size: 20px;padding-bottom: 0.3em; line-height: 1.8;}
.sec7 li a{color:yellow; text-decoration: underline;}
.floating {
    position: fixed;
    left: 25%;
    bottom: 100px;
    width: 50%;
    z-index: 3;
}
.floating a{cursor:pointer;transition: all 0.2s ease-in-out;box-shadow: 2px 4px 27px -9px rgba(0,0,0,0.6);
color:#0062D8;background: linear-gradient(orange, yellow);font-weight:bold;font-size:2.6rem;border-radius:54px;
line-height:100px;display:block;text-align:center;max-width:960px;margin:auto;height:100px;width:80%;letter-spacing: 0.2em;}
.floating :hover{background: linear-gradient(#0000FF, #BFFFFF);color:white;}
a:hover .text_yellow{color: yellow;}
.copyright {background: #000; color: #FFF; font-size: 12px;margin: 0 auto; max-width: 1080px; text-align: center;padding: 10px 0;}

/*PC==============================================*/
@media screen and (min-width:769px){
.pc{display:block;}
.sp{display:none;}

}





/*SP=========================================*/
@media screen and (max-width: 768px) {
.sp{display:block;}
.pc{display:none;}

.container{width:94%;}
.sec1 .container, .sec2 .container, .sec3 .container, .sec4 .container, .sec5 .container, .sec6 .container,
.sec8 .container, .sec9 .container, .sec10 .container, .sec11 .container{width:100%;}
.sec7{margin: 0 auto;background:#0072C0;padding:40px 0;color:#FFF;width:100%}
.sec7 .container{width:96%;}
.text_40{text-align: center;font-size: 160%;padding-bottom:1em;letter-spacing: 0.2em;}
.text_20{text-align: left;font-size: 110%;padding-bottom:20px;letter-spacing: 0;}
.text_20:nth-child(7){padding-bottom:5px;}
.text_20:nth-child(9){padding-bottom:5px;}
.text_16{text-align: center;font-size: 16px;padding:5px 10px;background: #FFF800;color:#0072C0;border-radius: 10px;width:130px;font-weight: bold;}
.text_yellow{color: yellow;}
.sec7 ul {padding:1em 0 2em 1em;}
.sec7 li {text-align: left;text-indent:-1em;list-style-type:none;font-size: 16px;padding-bottom: 0.3em;}
.sec7 li a{color:yellow; text-decoration: underline;}
.floating {position: fixed;left: 0;bottom: 10%;width: 100%;z-index: 3;}
.floating a{width:92%;font-size:1.7rem;border-radius:5vw;height:22vw;line-height:22vw;letter-spacing: 0em;}

}