@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/* Thin 100 / Light 300 / Regular 400 / Medium 500 / Bold 700 / Black 900 */

*{ margin:0; padding:0; box-sizing:border-box; }
html{ font-family: 'Noto Sans JP', sans-serif; font-weight:300; }
body *{ -webkit-text-size-adjust:100%; max-height:999999px; }

header,footer,main,section{ display:block; }

body{
	background:#333F48; color:#FFFFFF;
	position:relative; overflow-x:hidden;
}
a{ color:inherit; }
input,select,textarea{ font-family:inherit; font-size:inherit; line-height:inherit; }

img{ vertical-align:top; outline:none; border:none; }
img:not([width]){ max-width:100%; height:auto; }


a.bt{ text-decoration:none; background-color:#508DC5; color:#FFFFFF; transition:all 300ms 0s ease; }
a.bt:hover{ background-color:#71A3D0; opacity:1 !important; }

/* PC */
@media screen and (min-width:768px) {
	.inner{ max-width:1120px; margin:0 auto; }
	html{ font-size:10px; line-height:1.6; }
	html[fontsize="-10"]{ font-size:5.0px; }
	html[fontsize="-9"] { font-size:5.5px; }
	html[fontsize="-8"] { font-size:6.0px; }
	html[fontsize="-7"] { font-size:6.5px; }
	html[fontsize="-6"] { font-size:7.0px; }
	html[fontsize="-5"] { font-size:7.5px; }
	html[fontsize="-4"] { font-size:8.0px; }
	html[fontsize="-3"] { font-size:8.5px; }
	html[fontsize="-2"] { font-size:9.0px; }
	html[fontsize="-1"] { font-size:9.5px; }
	html[fontsize="0"]  { font-size:10.0px; }
	html[fontsize="1"]  { font-size:10.5px; }
	html[fontsize="2"]  { font-size:11.0px; }
	html[fontsize="3"]  { font-size:11.5px; }
	html[fontsize="4"]  { font-size:12.0px; }
	html[fontsize="5"]  { font-size:12.5px; }
	html[fontsize="6"]  { font-size:13.0px; }
	html[fontsize="7"]  { font-size:13.5px; }
	html[fontsize="8"]  { font-size:14.0px; }
	html[fontsize="9"]  { font-size:14.5px; }
	html[fontsize="10"] { font-size:15.0px; }
	.sp{ display: none !important; }
	body{ padding-top:125px; }
}

/* SP */
@media screen and (max-width:767px){
	html{ font-size:5px; line-height:1.6; overflow-x:hidden; }
	html[fontsize="-10"]{ font-size:3.0px; }
	html[fontsize="-9"] { font-size:3.2px; }
	html[fontsize="-8"] { font-size:3.4px; }
	html[fontsize="-7"] { font-size:3.6px; }
	html[fontsize="-6"] { font-size:3.8px; }
	html[fontsize="-5"] { font-size:4.0px; }
	html[fontsize="-4"] { font-size:4.2px; }
	html[fontsize="-3"] { font-size:4.4px; }
	html[fontsize="-2"] { font-size:4.6px; }
	html[fontsize="-1"] { font-size:4.8px; }
	html[fontsize="0"]  { font-size:5.0px; }
	html[fontsize="1"]  { font-size:5.2px; }
	html[fontsize="2"]  { font-size:5.4px; }
	html[fontsize="3"]  { font-size:5.6px; }
	html[fontsize="4"]  { font-size:5.8px; }
	html[fontsize="5"]  { font-size:6.0px; }
	html[fontsize="6"]  { font-size:6.2px; }
	html[fontsize="7"]  { font-size:6.4px; }
	html[fontsize="8"]  { font-size:6.6px; }
	html[fontsize="9"]  { font-size:6.8px; }
	html[fontsize="10"] { font-size:7.0px; }
	.pc{ display: none !important; }
	body{ padding-top:67px; }
}

/* #header { */

.over{
	display:block; background:#000000; opacity:0; cursor:pointer;
	position:fixed; left:0; top:0; bottom:0; width:0; z-index:0;
	transition:opacity 300ms 0s ease;
}
.on .over{ width:100vw; opacity:0.6; }

#header{ position:fixed; left:0; top:0; width:100%; z-index:100; }
#header .inner{ position:relative; }
#header .logo{ position:absolute; z-index:3; }
#header .logo a{
	display:block; font-size:0; line-height:0; text-decoration:none;
	background:url("../../common2/img/logo.svg") no-repeat center/100%;
}
#pagetop{ position:absolute; left:0; top:0;}

/* PC */
@media screen and (min-width:768px) {
	#header .inner::after{ display:block; content:""; position:fixed; top:0; left:0; width:100vw; height:125px; background:#333F48; }
	#header .inner:hover .boder::before{ margin-left:-100%; }
	#header .logo{ left:43px; top:53px; }
	#header .logo a{ width:216px; height:52px; }
}

/* SP */
@media screen and (max-width:767px){
	#header .inner{ height:67px; background:#333F48; }
	#header .logo{ left:15px; top:10px; }
	#header .logo a{ width:108px; height:26px; }
}

/* } */

/* #footer { */

#footer{}
#footer .link{ list-style:none; letter-spacing:0.05em; }
#footer .link a{ text-decoration:none; }
#footer .link a::before{
	display:inline-block; content:"";
	border-right:2px solid #FFFFFF; border-top:2px solid #FFFFFF;
	transform:rotate(45deg);
	margin-right:1em;
}
#footer .copy{ font-weight:400; letter-spacing:0.1em; }

/* PC */
@media screen and (min-width:768px) {
	#footer{ background:#29343A; padding:20px 0; }
	#footer .inner{ display:flex; justify-content:space-between; padding:0 45px; }
	#footer .link{ display:flex; }
	#footer .link a{ display:block; font-size:1.4rem; line-height:1.0; margin-right:35px; }
	#footer .link a::before{ width:8px; height:8px; }
	#footer .copy{ font-size:1.4rem; line-height:1.0; }
}

/* SP */
@media screen and (max-width:767px){
	#footer{}
	#footer .link{}
	#footer .link a{ display:block; font-size:3.0rem; line-height:1.0; padding:15px; margin-bottom:1px; background:#29343A; }
	#footer .link a::before{ width:6px; height:6px; }
	#footer .copy{ font-size:3.0rem; line-height:1.0; text-align:center; padding:15px 0; }
}
/* } */

/* end */