@charset "utf-8";
/* ------------------------------
 リセット
------------------------------ */
* {
	border:0;
	margin:0;
	outline:0;
	padding:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	font:inherit;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:none;
	vertical-align:baseline;
}
html {font-size:62.5%; width:100%; height:auto;}
body {
	font-size:10px;
	font-size:1.0rem;
	line-height:1;
	position:relative;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:100%;
	height:auto;
}
article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
hr {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, select {vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0; empty-cells:show;}
/* ------------------------------
	サイト全体（PC用コード）
------------------------------ */
html, body {
	margin: 0 auto;
	background-color: #fff;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 1.75;
	font-weight: 400;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}
.site {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.75;
}
u { border-bottom: solid 1px #000;}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
}
.fl { float:left;}
.fr { float:right;}

.tal { text-align:left !important;}
.tac { text-align:center !important;}
.tar { text-align:right !important;}
.vat { vertical-align:top;}
.vam { vertical-align:middle;}
.vab { vertical-align:bottom;}

strong, .bold { font-weight: bold;}
.nobold { font-weight: 500 !important;}
.auto {
	margin-left: auto;
	margin-right: auto;
}
input.none{ display: none;}
/* 行スペース */
.b1,.mb1em { margin-bottom: 1.5em;}
.b2,.mb2em { margin-bottom: 3em;}
.b3,.mb3em { margin-bottom: 4.5em;}

/* 列スペース */
.ml1em { margin-left: 1em; }
.ml2em { margin-left: 2em; }
.ml3em { margin-left: 3em; }
.ml4em { margin-left: 4em; }
.ml4-5em { margin-left: 4.5em; }

/* スペース */
.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mt15 { margin-top: 15px !important;}
.mr0 { margin-right: 0 !important;}
.nopd { padding: 0 !important;}

/* リンク */
a {
	color: #005bac;
	text-decoration: underline;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover {
	text-decoration: none;
}
a img {
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.no-ul a {
	text-decoration: none;
}
/* カラー */
.red {color: #e62116 !important;}
.blue {color: #005bac; }
.gray {color: #767676;}

/* フォントサイズ */
.big, .f18 { font-size: 1.8rem;}
.f11 { font-size: 1.1rem;}
.f12 { font-size: 1.2rem;}
.f13 { font-size: 1.3rem;}
.f14 { font-size: 1.4rem;}
.f15 { font-size: 1.5rem;}
.f16 { font-size: 1.6rem;}
.f20 { font-size: 2rem;}
.f24 { font-size: 2.4rem;}
.f32 { 
	font-size: 3.2rem;
	line-height: 1.4;
}
.small, small {
	font-size: 1.4rem;
	line-height: 1.7;
	display: inline-block;
}
/* 上付き */
sup {
	font-size: 80%;
	vertical-align:top;
}
/* 下付き */
sub {
	font-size: 80%;
	vertical-align:bottom;
}
/* 強調 */
em { font-style: italic;}
/* 打消し */
s,del { text-decoration: line-through;}
/* 引用・転用 */
blockquote { margin: 1em 3em;}
/* 角丸 */
.cr, .cr img {border-radius: 16px;}
/* 影 */
.shadow img,
.shadowBox {
	box-shadow: rgba(0,88,153,.2) 0 0 16px;
}
.iframe_box {
	width: 100%;
	height: 100%;
}
.iframe_box iframe {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.contents_navi {
	overflow: visible;
}
/* 非表示 */
.hide {
	display: none;
}
/* ------------------------------
	PC用限定CSS
------------------------------ */
@media print, screen and (min-width: 768px) {
	a:focus, a:hover {
		opacity: 0.7;
	}
	.sp { display: none !important;}
	.pc_tal { text-align:left;}
	.pc_tac { text-align:center;}
	.pc_tar { text-align:right;}
	.pc_bold { font-weight: bold;}
	.pc_nobr br { display: none;}
	.pc_mb0 { margin-bottom: 0 !important;}
	.pc_mb10 { margin-bottom: 10px !important;}
	.pc_mb20 { margin-bottom: 20px !important;}
	.pc_mb25 { margin-bottom: 25px !important;}
	.pc_mb30 { margin-bottom: 30px !important;}
	.pc_mb40 { margin-bottom: 40px !important;}
	.pc_mb50 { margin-bottom: 50px !important;}
	.pc_mb60 { margin-bottom: 60px !important;}
	.pc_mb80 { margin-bottom: 80px !important;}
	.pc_mb110 { margin-bottom: 110px !important;}
	.pc_mr0 { margin-right: 0 !important;}

	/* -- TEL Link -- */
	a[href^="tel:"] {
		color: #000;
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
/* ------------------------------
	サイト全体（スマホ用コード）
------------------------------ */
@media screen and (max-width: 767px) {
	html, body {
		min-width: 100%;
		max-width: 100%;
	}
	.pc { display: none !important;}
	.sp_tac { text-align: center !important;}
	.sp_tal { text-align: left !important;}
	.sp_nobr br { display: none;}
	.fl,.fr { float: none;}
	.site { min-width: 0;}

	/* スペース */
	.mb15 { margin-bottom: 10px !important;}
	.mb20 { margin-bottom: 10px !important;}
	.mb25 { margin-bottom: 15px !important;}
	.mb30 { margin-bottom: 15px !important;}
	.mb35 { margin-bottom: 20px !important;}
	.mb40 { margin-bottom: 20px !important;}
	.mb50 { margin-bottom: 30px !important;}
	.mb60 { margin-bottom: 40px !important;}
	.mb70 { margin-bottom: 50px !important;}
	.mb80 { margin-bottom: 55px !important;}
	.mt15 { margin-top: 10px !important;}
	.sp_mb5 { margin-bottom: 5px !important;}
	.sp_mb10 { margin-bottom: 10px !important;}
	.sp_mb15 { margin-bottom: 15px !important;}
	.sp_mb20 { margin-bottom: 20px !important;}
	.sp_mb30 { margin-bottom: 30px !important;}
	.sp_mb40 { margin-bottom: 40px !important;}
	.sp_mb50 { margin-bottom: 50px !important;}
	.sp_mb60 { margin-bottom: 60px !important;}
	.sp_mr0 { margin-right: 0 !important;}
	
	/* フォントサイズ */
	.big,.f18 { font-size: 1.7rem;}
	.f13 { font-size: 1.2rem;}
	.f14 { font-size: 1.3rem;}
	.f15 { font-size: 1.4rem;}
	.f16 { font-size: 1.5rem;}
	.f20 { font-size: 1.8rem;}
	.f28 { font-size: 2rem;}
	.f24 { font-size: 2.2rem;}
	.f32 { font-size: 2.5rem;}
	.small,small { font-size: 1.2rem;}
	.nobr br { display: none;}
}

/* ------------------------------
 ヘッダー
------------------------------ */
.header {
	display: block;
	z-index: 1000;
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

/* ロゴ */
.logoBox {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* ロゴ */
.logoBox {
	width: 188px;
}
/* ------------------------------
 ヘッダー（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.header {
		min-width: 1240px;
	}
}

/* ------------------------------
 ヘッダー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.header {
		height: 110px;
	}
	/* ロゴ */
	.logoBox {
		width: 180px;
	}
}
/* ------------------------------
 コンテンツ
------------------------------ */
.contents {
	position: relative;
	width: 100%;
	text-align: left;
}
/* 横幅1140px */
.inBlock {
	text-align: left;
}
/* ------------------------------
 コンテンツ（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.site {
		min-width: 1240px;
	}
	.contents {
		min-width: 1240px;
		margin: 15px auto 65px;
	}
	.contents_iframe {
		height: 100%;
		margin-bottom: 15px;
	}
	
	/* 横幅1140px */
	.inBlock {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
	.contents .inBlock::after {
		content: "";
		display: block;
		clear: both;
	}
}
/* ------------------------------
 コンテンツ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.site {
		min-width: 320px;
	}
	#bggr {
		position: relative;
		z-index: 1;
	}
	.contents {
		min-width: 320px;
		margin-top: 20px;
	}
	/* 入力 */
	.contents > .inBlock {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}
/* ------------------------------
 見出し
------------------------------ */
h2 {
	font-size: 2rem;
	font-weight: bold;
	color: #005bac;
	line-height: 1.5;
	margin-bottom: 25px;
}
h3 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #005bac;
	line-height: 1.5;
}
/* ------------------------------
 見出し（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	h2 {
		font-size: 1.9rem;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 1.7rem;
	}
}
/* ------------------------------
 リンクブロック
------------------------------ */
.contents_navi {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 50px 45px;
}
.contents_navi h2 {
	text-align: center;
}
.contents_navi .naviBox {
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 0 0 16px rgba(0,88,153,.2);
}
.contents_navi .naviBox a {
	display: flex;
	flex-flow: column;
	text-decoration: none;
}
.contents_navi .naviBox h3 {
	text-align: center;
}
.contents_navi .naviBox .imgBox img {
	border-radius: 16px 16px 0 0 ;
}
.contents_navi .naviBox .textBox {
	font-size: 1.4rem;
	line-height: 1.5;
	height: 50px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* ------------------------------
 リンクブロック（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.contents_navi {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
	.contents_navi .flexBox {
		display: flex;
		flex-wrap: wrap;
		gap: 0 45px;
	}
	.contents_navi h2 {
		width: 100%;
		height: 60px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
	}
	.contents_navi .naviBox {
		width: 350px;
	}
}
/* ------------------------------
 リンクブロック（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.contents_navi {
		padding-left: 5%;
		padding-right: 5%;
		gap: 0 0;
	}
	.contents_navi .naviBox {
		margin-bottom: 30px;
	}
}
/* ------------------------------
 横幅（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.w1-3 {
		width: 30.7018%;
	}
	.w2-3 {
		width: 65.3509%;
	}
}

/* ------------------------------
 フッター（PC）
------------------------------ */
.footer {
	color: #5f88ac;
	width: 100%;
	padding-bottom: 60px;
}

/* コピーライト */
.copyright {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: 300;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	/* コピーライト */
	.copyright {
		width: 1140px;
		margin: auto;
	}
}
/* ------------------------------
 フッター（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.footer {
		padding-bottom: 30px;
	}
	.footer .inBlock {
		padding-left: 5%;
		padding-right: 5%;
	}
}

/* ------------------------------
 ノースクリプト
------------------------------ */
#nojs {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	background-color: #005bac;
	text-align: center;
}
#nojs p {
	padding: 3px 0;
	color: #fff;
}

/* ------------------------------
 印刷用コード
------------------------------ */
@media print {
	/* 全体設定 */
	body {
	  /* -webkit-print-color-adjust: exact; 印刷時でも背景色や背景画像を表示 */
	  /* 印刷時の全ページ幅を統一（px数値はお好みで） */
	  min-width: 1320px;
	  max-width: 1920px;
	  zoom: 0.8; /* なるべく多くのブラウザで切れないようにするため */
	}
}
/* 余白 */
@page {
	margin: 9.7mm 9.7mm;
}


.contents_navi img {
	width: 350px;
	height: 163px;
}
@media screen and (max-width: 767px) {
	.contents_navi img {
		width: 100%;
		height: auto;
	}
}