@charset 'utf-8';

body { background:url(../img/back.jpg); background-repeat: no-repeat; background-size:cover; }
#g-nav li a.h_rinen:link {border-bottom:1px solid  #1C4F90;}
.footer_link a.f_rinen:link { text-decoration:underline;}

#top{
	width:100%;
  height:30vh;
	background:url(../img/top.jpg)no-repeat;
  background-size: cover;
  background-position: center;
	color:#fff;
	text-align: center;
  position:relative;
}
@media screen and (min-width: 840px) {
	#top { 
	height:300px; 
	margin-bottom:100px;
	}
}



.center { width:100%; text-align:center; line-height:2em; }
.center img { width:10%; }

.logo_wrap { width:100%; display:block; background:#F0F8FC; margin-top:80px; position:relative; padding:30px 5%; }
.logo_wrap .logo { width:40%; margin:0 auto 30px auto; display:block; }
.logo_wrap strong.inline_sp { width:100%; display:inline-block; line-height:1.7em; font-size:24px; letter-spacing:0.1em; font-weight:normal; margin-bottom:30px; text-align:center; }
.logo_wrap div small { width:100%; font-size:14px; text-align:center; display:inline-block;line-height:2em; letter-spacing:0.1em; margin-bottom:40px; }
.logo_wrap div p { width:100%; display:inline-block;line-height:2.16em; font-size:16px; letter-spacing:0.1em; margin-bottom:40px;  }
.logo_wrap .logomark { position:absolute; top:50px; left:5%;  }
.logo_wrap div.right { width:100%; position:relative; }
.logo_wrap div.right strong { width:100%; font-size:24px; text-align: center !important; font-weight:normal; margin-bottom:30px; letter-spacing:0.1em; display:block; }
.logo_wrap .photo_sp { width:100%; }
.logo_wrap .photo_pc { display:none; }
.logo_wrap strong.sp { width:100%; display:block; text-align:left; font-weight:normal; margin-top:100px; margin-bottom:30px; }
.logo_wrap div.right strong.pc { display:none; }
.logo_wrap div small  br.pc { display:inline-block; }
@media screen and (min-width:768px) {
	.logo_wrap { display:flex; flex-wrap:wrap; gap:60px; padding:70px 50px 50px 50px; }
	.logo_wrap .logo { width:20%; margin:0; }
	.logo_wrap div.right { width:60%; }
	.logo_wrap div.right strong { font-size:24px; text-align: left !important; margin-bottom:30px; display:inline-block; }
	.logo_wrap div small { font-size:16px; text-align:left; margin-bottom:80px; }
	.logo_wrap div p {  font-size:18px; margin-bottom:80px; }
	.logo_wrap div p .pc { display:none; }
	.logo_wrap .photo_sp { width:0%; display:block; margin:-50px auto 0 auto; }
	.logo_wrap .logomark { position:absolute; top:initial; bottom:35px; left:35px;  }
	.logo_wrap div small  br.pc { display:none; }
}


@media (min-width:768px) and (max-width:1024px) {
	.logo_wrap div.right { width:100%; }
	.logo_wrap strong.sp { width:65%; }
.logo_wrap div small  br.pc { display:none; }
	.logo_wrap .photo_sp { width:80%; }
	.logo_wrap .logomark { top:80px; bottom:initial; }
	.logo_wrap div p { margin-bottom:0; }
}


@media screen and (min-width:1025px) {
	.logo_wrap { padding-top:50px; gap:initial; justify-content: space-between; align-items:center;}
	.logo_wrap .logo { margin-top:initial; margin-bottom:50px; }
	.logo_wrap strong.sp { display:none; }
	.logo_wrap div.right strong.pc{ display:block; text-align:center;}
	.logo_wrap .photo_pc {width: 30%;height: auto; object-fit: contain;  display:block; }
	.logo_wrap .photo_sp { display:none; }
	.logo_wrap div.right { width:40%; }
	.logo_wrap div p { margin-bottom:100px; }
	.logo_wrap div small .pc { display:none; }
	section { padding-bottom:200px; }
	.logo_wrap .logomark { width:25%; top:initial; }
}
@media screen and (min-width:1400px) {
	.logo_wrap div small  br.pc { display:inline-block; }

}