@charset "utf-8";
:root {
	--mintyo: 'Noto Serif JP', serif; 
	--font5: 500;
	--font6: 600;
	--font7: 700;
	--fontB: bold;
	--colorOr: #dd6a08;
	--colorBl: #00608b;
	--backcolorOr: #eeb483;
	--backcolorOr2: #f7dac1;
	--backcolorBl: #80afc5;
	--backcolorBl2: #bfd7e2;
}
body { font-family: 'Noto Sans JP', sans-serif; font-size: 16px; line-height: 28px; font-weight: normal; color: #222; }
/* ページトップボタン */
#page-top { position: fixed; right: 20px; }
#page-top a { display: block; width: 70px; height: 70px; background: url("../img/arrow.png")top no-repeat; background-size: cover;}
.hyoji { display: none; }
/*アンカータグ用*/
.con_inner { padding-top: 30px; margin-top: -30px; overflow: hidden; }
* { box-sizing: border-box; }
* img { vertical-align: bottom; }
#wrap {}

/*header*/
header { padding: 0 0 90px 0; overflow: hidden;  }
.menu_container { position: fixed; z-index: 999; width: 100%; background: rgba(255,255,255,0.7); backdrop-filter: blur(20px);}
.menu_area { display: flex; align-items: center; width: 1200px; height: 90px; margin: 0 auto;}    
.logo { width: 200px; height: auto; margin: 5px 0 0 0;}
.menu { margin-left: auto; }
.menu ul { display: flex; }
.menu li { font-size: 12px;}
.menu li a { text-decoration: none; color: #222; margin-left: 20px;}
.menu li a::before { content: '▶'; margin-right: 3px; }
.menu li:last-child a { font-size: 14px; color: var(--colorBl); font-weight: var(--font6); }

.menu_m { display: none; }

.pc_none { display: none;}

/*ページトップイメージ*/
.top_img_area { width: 100%; min-width: 1200px; height: 800px; aspect-ratio: 4 / 3; background-image: url("../img/image01_low.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; }
.logo_big { width: 500px; position: absolute; right: 50%; top: 200px;}

/*基本枠*/
.base_container { width: 100%; min-width: 1200px; margin-right: auto; margin-left: auto;  }
.base_contents1000 { width: 1100px; margin-right: auto; margin-left: auto; }

hr {  height: 0; margin: 0; padding: 0; border: 0;}
.hr_line { border-top: 1px solid #000; margin: 70px 0 0;}

/*footer*/
footer { width: 1200px; margin: 0 auto; padding: 0 10px;}
.copy { width: 100%; background: var(--colorBl); color: #fff; text-align: center; font-size: 10px; padding: 7px 0; box-shadow: 0 0 0 100vmax var(--colorBl); clip-path: inset(0 -100vmax);}
.footer_logo_area { display: flex; align-items: center; padding: 20px 0;}
.footer_logo { width: 215px; }
.privacy { margin-top: 8px; }
.privacy a { text-decoration: none; color: #222; font-size: 12px;}

.footer_menu_container { margin-left: auto;}
.footer_menu { display: flex; margin-bottom: 20px;}
.footer_menu li { font-size: 12px;}
.footer_menu li a { text-decoration: none; color: #222; margin-left: 20px;}
.footer_menu li a::before { content: '▶'; margin-right: 3px; }
.footer_menu li:last-child a { font-size: 14px; color: var(--colorBl); font-weight: var(--font6); }
.teikei_area { display: flex; align-items: center;}
.toriatsukai { margin: 0 0 0 auto; }
.eisu { width: 215px; margin-left: 30px;}
.mirasuta { width: 217px; margin: 21px 0 0 30px;}


@media screen and (max-width: 768px) {
	:root {
		--mbSpace: 0 30px;
	}
	body { min-width: 360px; padding-top: 0;}
	.menu_area { display: flex; align-items: center; width: 100%; height: 60px; margin: 0 auto; min-width: 360px; }   
	.logo { width: 150px; margin: 5px 0 0 20px;}
	.menu { display: none; }
	.pc_none { display: block;}
	.br_none { display: none;}
	
	header { padding: 0;}
	/*モバイル版メニュー*/
	/*モバイル版メニュー*/
	/*モバイル版メニュー*/
	.menu_m { display: block; width: 100%; }
	.menu_m_title { font-size: 30px; font-weight: var(--fontB); line-height: 70px; text-align: right; background: #fff; color: #00608b; padding: 0 20px 0 0; }
	.menu_m ul { width: 100%; background: #66a0b9; text-align: center; padding: 0 7% 10px;}
	.menu_m li { border-bottom: solid 2px #fff;}
	.menu_m li:last-child { border-bottom: none;}
	.menu_m a { display: block; color: #fff; font-size: 20px; text-decoration: none; line-height: 50px;}
	
	/*ページトップイメージ*/
	.top_img_area { width: 100%; min-width: auto; height: auto; background-image: url("../img/image01_low_m.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative;}
	.logo_big { display: none; }
	
	#content {  }
	/*基本枠*/
	.base_container { width: 100%; min-width: inherit; }
	.mb_space { padding: var(--mbSpace)}
	.base_contents1000 { width: 100%; margin-right: 0; margin-left: 0; }
	
	/*header*/
	.footer_menu_container { margin: 0 ;}
	.footer_logo_area { flex-direction: column;  padding: 40px 0;}
	.privacy { text-align: center;  margin: 10px 0;}
	.footer_menu { display: none;}
	.teikei_area { flex-direction: column;}
	.toriatsukai { margin: 30px auto 18px; }
	.eisu { width: 215px; margin: 0;}
	.mirasuta { width: 215px; margin: 30px 0 0 0;}
	
	/*footer*/
	
	footer { width: 100%; padding: 0;}
}