
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}



html{
		font-family: 'Noto Sans JP', sans-serif;
		-webkit-font-smoothing: antialiased;
		font-size: 100%;
		letter-spacing: 0.03rem;
		line-height: normal;
		color: #000000;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
}

*{
box-sizing: border-box;
line-height: normal;
}

body{
}

img{
max-width: 100%;
}

.fontMont{
font-family: 'Montserrat', sans-serif;
}
.opening{
background-color: #001654;
position: fixed;
z-index:8;
width: 100%;
height: 100%;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}

.wrap{
	background-color: #FFFFFF;

}


.logoArea{
position: fixed;
max-width: 400px;
width: 75%;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
z-index: 10
}


.contents{
display: none;
}

.mainArea{
position: relative;
padding-bottom: 100vh;
}

.mainArea .copy{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 90%;
    text-align: center;
}

.mainArea .copy p{
font-weight: 700;
font-size: 7vw;
color:#001650;
}

.mainArea img{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width:60%;
	max-width: 400px;
    text-align: center;
}



.inner{
max-width: 1000px;
margin: auto;
padding: 0;
}

.catch{
	background-color:#001650;
	color:#FFFFFF;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 100px 0;
}


.about{
	padding: 50px 0;
}


.about h2{
	color:#001650;
	font-size: 3.5rem;
	margin-bottom: 20px;
}


.about table{
table-layout: fixed;
width: 100%;
}

.about table tbody,
.about table tbody tr{
width: 100%;
}


.about table tbody tr th,
.about table tbody tr td{
vertical-align: middle;
padding: 30px 0;
}
.about table tbody tr th{
background-color: #001650;
color: #FFFFFF;
text-align: center;
width: 200px;
}

.about table tbody tr td{
padding-left: 20px;
border-top: solid 1px #001650;
}

.about table tbody tr:nth-last-of-type(1) td{
	border-bottom: solid 1px #001650;
}

.service{
padding: 100px 0;

}


.service h2{
	color:#001650;
	font-size: 3.5rem;
	margin-bottom: 20px;
}

.service ul{
	display: flex;
	    flex-wrap: wrap;
}


.service ul li{
width:calc((100% - 20px)/2);
margin-right: 20px;
position: relative;
margin-bottom: 20px;
}


.service ul li:nth-of-type(even){
margin-right: 0;
}
.service ul li .img{
	box-shadow: 0px 0px 15px -5px #777777;
	margin-bottom: 10px;
}


.service ul li .text{
padding: 10px;
}

.contact h2{
	color:#001650;
	font-size: 3.5rem;
	margin-bottom: 20px;
}



.contact{
padding: 100px 0;

}


.contact a.btn{
display:block;
margin:20px 0 ;
max-width: 300px;
background-color: #001650;
color: #FFFFFF;
padding: 20px 0;
text-align: center;
text-decoration: none;
}
