@charset "UTF-8";

/* common  --------------------------- */
*{padding:0;margin:0;image-rendering:-webkit-optimize-contrast;font-weight:normal;box-sizing:border-box;vertical-align:baseline;}
header,footer,article,section,nav{position:relative;font-size:0;}
h1,h2,h3,h4{font-size:100%;}
html,body{width:100%;min-height:100%;}
ul,ol,li{list-style:none;}
img{max-width:100%;}
a{text-decoration:none;}

/* base ------------------------------- */
body{background-color:#fff;color:#000;line-height:1.6;font-family:Meiryo,sans-serif;}
.inner{max-width:100%;margin:0 auto;overflow:hidden;text-align:center;}
.altText{display:none;}
.xElement > :nth-child(1){display:block;}
.xElement > :nth-child(2){display:none;}
.aniFrame{position:relative;width:100%;overflow:hidden;}
.aniFrame > :nth-child(2){position:absolute;top:0;left:0;display:block;width:100%;}

/* fixed nav ------------------------------- */
#fixedNav{display:block;width:100%;z-index:10;}
#fixedNav .inner{position:relative;}
#fixedNav ul{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;}
#fixedNav ul li{width:50%;height:100%;}
#fixedNav ul li:nth-child(1){left:0;}
#fixedNav ul li:nth-child(2){right:0;}

/* buttons ------------------------------- */
.abBtn{position:absolute;display:block;cursor:pointer;}
.abBtn a{display:block;width:100%;height:100%;}
#p01-A{top:0;right:0;width:25%;height:7%;}
#p01-B{bottom:2.6%;left:18.5%;width:30%;height:5.6%;}
#p01-C{bottom:2.6%;right:18.5%;width:30%;height:5.6%;}
.p05-A{top:63%;left:37%;width:26%;height:6%;}
.p05-B{bottom:11.7%;left:18.2%;width:30%;height:9%;}
.p05-C{bottom:11.7%;right:18.8%;width:30%;height:9%;}

/* form parts ------------------------------- */
form,input,select,option{font-size:22px;color:#444;padding:7.5px;}
input[type="text"]{width:100%;}
button{padding:12.5px 75px;font-size:18px;background:#e968a1;color:#fff;}
#p17{width:640px;margin:auto;padding:20px 0 60px;}
#p17 h2{font-size:32px;padding:40px 0;}
#p17 dl{display:flex;flex-wrap:wrap;align-items:center;text-align:left;}
#p17 dl dt{width:100px;padding-bottom:60px;}
#p17 dl dd{width:520px;padding-bottom:60px;}
#thanks{font-size:14px;margin:20px 0;}
#thanks h2{font-size:22px;font-weight:700;line-height:30px;}

/* section customs ------------------------------- */
#p01C{position:relative;background:url(images/pc/01c.jpg) 0 50% repeat-x;background-size:contain;}
#p01C img{opacity:0;}
footer{border-top:1px solid #666;padding:40px 0;}
footer nav ul li{display:inline-block;padding:5px 20px;}
footer #copy{padding-top:30px;}
footer nav ul li a,footer #copy{font-size:12px;color:#444;}


@media screen and (min-width:800px){
	.inner{width:1500px;min-width:1000px;}
	#fixedNav.fixed{position:fixed;top:0;left:0;}
	footer nav ul{text-align:left;}
}
@media screen and (max-width:799px){
	.inner{width:480px;}
	.xElement > :nth-child(1){display:none;}
	.xElement > :nth-child(2){display:block;}
	#fixedNav{position:fixed;bottom:0;left:0;}
	header h2{padding-top:0 !important;}

	#p01-A{width:52%;height:9%;}
	#p01-B{bottom:0;left:0;width:50%;height:8.7%;}
	#p01-C{bottom:0;right:0;width:50%;height:8.7%;}
	.p05-A{top:57%;left:7%;width:86%;height:7%;}
	.p05-B{bottom:15.2%;left:6.2%;width:86.4%;height:9%;}
	.p05-C{bottom:4.1%;left:6.2%;width:86.4%;height:9%;}

	#p17{max-width:100%;padding-bottom:30px;}
	#p17 dl{padding-bottom:10px;}
	#p17 dl dt{width:100%;padding-bottom:10px;}
	#p17 dl dd{width:100%;padding-bottom:30px;}

	#p01C{background-image:url(images/sp/01c.jpg);}
	#p01C:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:url(images/sp/01c-cover.png) 50% 100%;background-size:cover;}
	footer{padding-bottom:100px;}
	footer nav ul li a{font-size:16px;}

}

/* pagetop_button -------------------------------*/
@media screen and (min-width:800px){
	#page-top {display:none;}
	#page-top {display:block;position: fixed;bottom: 20px;right: 30px;font-size: 100%;}
}
@media screen and (max-width:799px){
	#page-top {display:none;}
	#page-top {display:block;position: fixed;bottom: 10%;right: 1%;font-size: 100%;}
}