@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
div,p,dl,dt,dd,ul,ol,li,table,tr,th,td,h1,h2,h3,h4,h5,h6,form,input,textarea,button,fieldset,blockquote { margin: 0; padding: 0; zoom: 1; } html{ overflow-y: scroll; } body { margin: 0; padding: 0; color: #333333; font-size: 75%; line-height: 1; -webkit-text-size-adjust: 100%; font-style: normal; font-weight: normal; font-family: 'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka, Arial,Helvetica,Verdana, sans-serif; } h1,h2 { font-size: 134%; font-weight: bold; } h3,h4,h5,h6 { font-size: 117%; font-weight: bold; } input,textarea { padding: 0px; vertical-align: middle; } select { padding: 0px; vertical-align: middle; } em, strong { font-weight: bold; font-style: normal; } hr { display: none; } img { border: none; vertical-align: top; outline: none; } li { list-style: none outside; } table { font-size: inherit; border-collapse: collapse; border-spacing: 0; } textarea { overflow: auto; } map { display: none; } a:link,a:visited,a:active { color: #1155cc; text-decoration: underline; outline: none; } a:hover { color: #1155cc; text-decoration: none; outline: none; } sub { vertical-align: 0; line-height: 1.0em; } sup { vertical-align: 0.3em; line-height: 1.0em; }
/* ------------------------------------------------------------
▼コンテンツ定義
------------------------------------------------------------ */
body {
	min-width: 320px;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt" 1;
	-webkit-text-size-adjust: 100%;
}
img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
a {
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.imgPC {
	display: block;
}
.imgSP {
	display: none;
}
.contents {
	background: #c0d0ea;
	padding: 83px 8.53333333vw 170px;
}
.section {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}
.section + .section {
	margin-top: 110px;
}
.accordion {
	border-radius: 7px;
	overflow: hidden;
	background: #fff;
	max-width: 970px;
	margin: 105px auto 80px;
}
.accordion .accordion_title {
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 14px 15px 16px;
	position: relative;
	background: #1b449a;
	cursor: pointer;
}
.accordion .accordion_title:before,
.accordion .accordion_title:after {
	content: "";
	width: 28px;
	height: 2px;
	background: #fff;
	border-radius: 5em;
	position: absolute;
	top: 50%;
	right: 24px;
}
.accordion .accordion_title:before {
	transform: translateY(-50%);
}
.accordion .accordion_title:after {
	transform: translateY(-50%) rotate(-90deg);
}
.accordion.accordion__open .accordion_title:after {
	display: none;
}
.accordion .accordion_wrap {
	display: none;
}
.accordion .accordion_inr {
	padding: 28px 37px 35px;
}
.pagetop {
	margin: 113px auto 0;
	width: 234px;
}
.txt {
	font-size: 15px;
	line-height: 20px;
	color: #231815;
}
.txt a {
	word-break: break-all;
	display: inline;
	color: #231815;
}
h3.txt {
	margin-top: 1em;
	font-weight: normal;
}
h3.txt:first-child {
	margin-top: 0;
}
.link01 {
	position: absolute;
	left: 61.5%;
	top: 64%;
	width: 35.5%;
	height: 7%;
	overflow: hidden;
	text-indent: -9999px;
	border-radius: 5em;
}
.link02 {
	position: absolute;
	left: 16.8%;
	top: 60.4%;
	width: 39.5%;
	height: 22%;
	overflow: hidden;
	text-indent: -9999px;
	border-radius: 5em;
}
@media screen and (max-width: 767px){
	.imgPC {
		display: none;
	}
	.imgSP {
		display: block;
	}
	.contents {
		padding: 36px 8.53333333vw 60px;
	}
	.section + .section {
		margin-top: 50px;
	}
	.accordion {
		margin: 50px auto 42px;
	}
	.accordion .accordion_title {
		font-size: 16px;
		padding: 4px 5px 6px;
	}
	.accordion .accordion_title:before,
	.accordion .accordion_title:after {
		width: 14px;
		height: 2px;
		right: 7px;
	}
	.accordion .accordion_inr {
		padding: 18px 15px 20px;
	}
	.pagetop {
		margin: 48px auto 0;
		width: 120px;
	}
	.txt {
		font-size: 13px;
		line-height: 20px;
	}
	.link01 {
		left: 8.2%;
		top: 74.5%;
		width: 83.5%;
		height: 5.3%;
	}
	.link02 {
		left: 10.5%;
		top: 81.8%;
		width: 79%;
		height: 11%;
	}
}
@media screen and (min-width: 768px){
	.pagetop a,
	.accordion_title {
		transition: opacity .3s;
	}
	.pagetop a:hover,
	.accordion_title:hover {
		opacity: .8;
	}
	a.link01:before,
	a.link02:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		opacity: 0;
		transition: opacity .3s;
	}
	a.link01:hover:before,
	a.link02:hover:before {
		opacity: .2;
	}
}