main {
	width: 100%;
	height: 50vw;
	background-image: url(../image/main_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom -20%;
	position: relative
}
main div {
	position: absolute;
	top: 6.5vw;
	font-size: 44px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	line-height: 1.4em;
	padding: 0 0 0 6%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #182e62
}
section.no1 div.no1 {
	margin: 0 auto 0;
	height: auto;
	position: static;
	text-align: center;
	width: 100%;
	background: #24386d
}
section.no1 div.no1 ul{
	width: 100%;
	max-width:1200px;
	margin: 0px auto;
	display: flex;
	flex-direction: center;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	}

section.no1 div.no1 ul li{
	padding:25px 0 25px;
	width: 48%;
	}

section.no1 div.no1 ul li a{
	display:block;
	}


section.no1 div.no1 img {
	max-width: 600px;
	display:block;
	width: 100%;
	height: 100%
}
main div span {
	display: block
}
main div span.copy {
	display: inline-block;
	background: linear-gradient(transparent 40%, #fff298 40%);
	line-height: 33px;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size: 24px;
	margin: 0 0 45px;
	font-weight: 700
}
main div span.size1 {
	font-size: 30px
}
main div span.size2 {
	font-size: 46px;
	margin: -5px 0 25px
}
main div span.size3 {
	line-height: 40px;
	font-size: 21px
}
main div.slick-track {
	padding: 0!important
}
a.enter {
	display: block;
	padding: 5px 10px;
	border: #FFF 2px solid;
	color: #fff;
	text-align: center;
	margin: 30px auto 0;
	width: 220px;
	font-weight: 700
}
section {
	background: #FFF
}
section.sec1 {
	padding: 10px 0 0;
	background: linear-gradient(-90deg, #d8e2f9 0%, #d8e2f9 60%, #FFF 60%, #FFF 100%);
	margin: 0
}
section.sec2 {
	background: #224eb1
}
section.sec3 {
	background-image: url(../image/sec3_bg.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right 5px bottom 0;
	background-size: 15%
}
section.banner {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, .8)
}
section.banner ul {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	padding: 0 0;
	display: flex;
	flex-direction: center;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
section.banner ul li {
	width: 49%
}
div.contents {
	clear: both;
	max-width: 1000px;
	width: 100%;
	margin: auto;
	padding: 30px 20px 20px;
	box-sizing: border-box
}
section.sec1 div.contents {
	display: flex;
	flex-direction: center;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	height: 460px
}
section.sec1 div.contents dt {
	margin-top: 12%;
	width: 50%;
	font-size: 27px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #182e62;
	line-height: 50px
}
section.sec1 div.contents dd {
	margin-top: 10%;
	width: 49%
}
section.add1 {
	background: #224EB1
}
section.add1 div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 45px;
	font-weight: 900;
	font-size: 32px;
	color: #fff;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.add1 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff
}
section.add1 div.contents h3 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #224eb1;
	width: 100%;
	text-align: center;
	font-size: 175%;
	margin: 10px auto 10px
}
section.add1 div.contents p {
	color: #fff
}
section.add1 div.graph_wrap {
	border: 3px #ffcd49 solid;
	background: #FFF;
	padding: 3% 5%;
	width: 80%;
	margin: 30px auto;
	-webkit-box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .9);
	-moz-box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .9);
	box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .9)
}
section.add1 div.contents ul {
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-direction: center;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
section.add1 div.contents ul li {
	width: 28%
}
section.add1 div.contents ul li img {
	width: 100%;
	height: 100%
}
section.sec2 div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 25px;
	font-weight: 900;
	font-size: 32px;
	color: #FFF;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec2 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #FFF
}
section.sec2 div.contents p {
	color: #FFF;
	margin: 0 0 20px
}
section.sec2 div.contents ul {
	display: flex;
	flex-direction: center;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
section.sec2 div.contents ul li {
	width: 24%
}
section.sec2 div.contents ul li dt {
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	color: #224eb1;
	background: #fff;
	font-weight: 900;
	font-size: 18px;
	letter-spacing: .1em
}
section.sec2 div.contents ul li dd {
	border: 3px solid #FFF;
	box-sizing: border-box;
	height: auto
}
section.sec2 div.contents ul li dd img {
	display: block;
	width: 100%;
	height: 100%
}
section.sec3 {
	background-image: url(../image/sec3_bg.jpg);
	background-size: cover;
	background-position: center, center
}
section.sec3 div {
	height: auto
}
section.sec3 div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 45px;
	font-weight: 900;
	font-size: 32px;
	color: #224eb1;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec3 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #224eb1
}
section.sec3 div.contents p.des {
	color: #224eb1
}
section.sec3 div li {
	position: relative;
	width: 100%;
	margin: 20px 0 0;
	background: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0
}
section.sec3 div img {
	width: 20%
}
section.sec3 div picture {
	width: 20%
}
section.sec3 div img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
section.sec4 div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 45px;
	font-weight: 900;
	font-size: 32px;
	color: #224eb1;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec4 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #224eb1
}
section.sec4 ul.accordion li.content {
	margin: 10px auto 15px;
	padding: 0;
	border: #EEE 1px solid
}
section.sec4 ul.accordion li.content dl {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	overflow: auto
}
section.sec4 ul.accordion li.content dt {
	font-size: 80%
}
section.sec4 ul.accordion li.content dt span {
	display: inline-block;
	background: #2c4274;
	color: #FFF;
	margin: 0 3px 0;
	text-align: center;
	padding: 1px 5px 1px;
	font-size: 85%;
	line-height: 20px
}
section.sec4 ul.accordion li.content dd {
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px #666 solid
}
section.sec4 ul.accordion span.close {
	display: block;
	padding: 5px 10px;
	border: 1px #ccc solid;
	width: 50px;
	text-align: center;
	font-size: 80%;
	float: right
}
section.sec4 ul.accordion li.content dt div span.name {
	background: none;
	font-weight: 700;
	color: #333;
	margin: 0;
	font-size: 110%;
	padding: 1px 0 1px
}
section.sec4 img {
	max-width: 800px;
	width: 100%;
	height: auto;
	display: block;
	margin: auto
}
section.score {
	background: url(../image/score_bg.jpg);
	background-size: cover
}
section.score div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 45px;
	font-weight: 900;
	font-size: 32px;
	color: #224eb1;
	;
	line-height: 26px;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.score div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #224eb1;
}
section.score ul {
	width: 100%;
	margin: 20px 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0
}
section.score ul li {
	width: 19%;
	background: #fff;
	margin: 10px auto 10px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px #2e5683 solid;
	position: relative
}
section.score ul li div.sub {
	color: #fff;
	background: #224eb1;
	font-weight: 700;
	font-size: 14px;
	padding: 0;
	text-align: center;
	margin: 0;
	width: 50%
}
section.score ul li div.result {
	font-weight: 700;
	font-size: 14px;
	width: 100%
}
section.score ul li div.result p {
	margin: 32px 0 0;
	color: #E00;
	font-size: 18px;
	font-weight: 700
}
section.score ul li div.result p span {
	font-family: "Anton";
	font-size: 86px;
	font-weight: 400;
	letter-spacing: 1px
}
section.score ul li div.result p span.pass {
	font-size: 75px;
	font-weight: 700;
	letter-spacing: 1px
}
section.score ul li div.result p span.w115 img {
	line-height: 10px;
	display: inline-block;
	margin: -24px 0 0;
	width: 115px
}
section.score ul li div.result p span.w85 img {
	line-height: 10px;
	display: inline-block;
	margin: -24px 0 0;
	width: 85px
}
section.score ul li div.result p span.w130 img {
	line-height: 10px;
	display: inline-block;
	margin: -24px 0 0;
	width: 130px
}
section.score ul li div.result p span.w84 img {
	line-height: 10px;
	display: inline-block;
	margin: -24px 0 0;
	width: 84px
}
section.score ul li div.result p span.w86 img {
	line-height: 10px;
	display: inline-block;
	margin: -24px 0 0;
	width: 86px
}
section.score ul li div.result p span.w73 img {
	line-height: 10px;
	display: inline-block;
	margin: -24px 0 0;
	width: 73px
}
section.score ul li div.result p span.w70 img {
	line-height: 10px;
	display: inline-block;
	margin: -24px 0 0;
	width: 70px
}
section.score ul li img.kind {
	width: 45%;
	height: auto;
	display: block;
	position: absolute;
	right: -5px;
	top: -15px
}
section.score div.contents p.des {
	color: #224eb1;
	margin: 0 0 20px
}
section.score ul li dd {
	width: 100%;
	margin: 10px 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0
}
section.score ul li dd picture {
	width: 40%
}
section.score ul li dd img {
	width: 100%;
	object-fit: contain
}
section.score ul li dd p {
	width: 55%;
	font-size: 12px;
	line-height: 14px
}
section.score ul li div.result p span.plus {
	font-size: 20px;
	display: inline-block
}
section.score ul li div.result p span.up {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -.1em
}
section.score ul li div.result p span.gokaku img {
	width: 100%;
	line-height: 10px;
	margin: -17px 0 0;
}
section.add3 {
	background: #a8c0f1
}
section.add3 div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 45px;
	font-weight: 900;
	font-size: 32px;
	color: #FFF;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.add3 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #FFF
}
section.add3 ul {
	width: 100%;
	margin: 20px 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0
}
section.add3 ul li {
	width: 32%
}
section.add3 ul.underSide {
	width: 67%;
	margin: 20px auto 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0
}
section.add3 ul.underSide li {
	width: 48.5%
}
section.add3 ul li dt {
	width: 70%;
	padding: 30% 0 15%;
	text-align: center;
	background: #27317b;
	color: #fff;
	font-size: 57px;
	margin: 10px auto 15px;
	border-radius: 125px
}
section.add3 ul li dt span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin: 10% auto 0
}
section.add3 ul li dd {
	color: #fff
}
section.sec5 {
	background-image: url(../image/sec5_bg.jpg);
	background-size: cover;
	background-position: center, center
}
section.sec5 div.contents {
	height: auto
}
section.sec5 div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 45px;
	font-weight: 900;
	font-size: 32px;
	color: #224eb1;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec5 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #224eb1
}
section.sec5 div.contents p {
	color: #224eb1;
	margin: 0 0 20px
}
section.sec5 ul.accordion .inner {
	display: none
}
section.sec5 ul.accordion p {
	display: block;
	cursor: pointer;
	background: #2c4274;
	color: #FFF;
	border: 1px #fff solid;
	width: 90%;
	margin: 50px auto 20px;
	text-align: center;
	padding: 5px;
	border-radius: 3px
}
section.sec5 ul.accordion li.content {
	margin: 10px auto 15px;
	padding: 0;
	background: #fff;
	border: #EEE 1px solid
}
section.sec5 ul.accordion li.content dl {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	overflow: auto
}
section.sec5 ul.accordion li.content dt {
	font-size: 80%
}
section.sec5 ul.accordion li.content dt span {
	display: inline-block;
	background: #2c4274;
	color: #FFF;
	margin: 0 3px 0;
	text-align: center;
	padding: 1px 5px 1px;
	font-size: 85%;
	line-height: 16px
}
section.sec5 ul.accordion li.content dd {
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px #666 solid;
	line-height: 20px
}
section.sec5 ul.accordion li.content dd span {
	color: #224eb1;
	font-weight: 700;
	display: block;
	margin: 7px 0 3px
}
section.sec5 ul.accordion span.close {
	display: block;
	padding: 5px 10px;
	border: 1px #ccc solid;
	width: 50px;
	text-align: center;
	font-size: 80%;
	float: right
}
section.sec5 ul.accordion li.content dt div span.name {
	background: none;
	font-weight: 700;
	color: #333;
	margin: 0;
	font-size: 110%;
	padding: 1px 0 1px
}
section.sec5 ul.accordion div#mess {
	text-align: center;
	color: #224eb1;
	font-weight: 700
}
section.sec5 img {
	max-width: 800px;
	width: 100%;
	height: auto;
	display: block;
	margin: auto
}
section.sec6 {
	background: #224eb1
}
section.sec6 div.contents h2 {
	padding: 30px 0 30px;
	margin-bottom: 45px;
	font-weight: 900;
	font-size: 32px;
	color: #FFF;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec6 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #FFF
}
section.sec6 ul {
	width: 100%;
	margin: 20px 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0
}
section.sec6 ul li {
	border: 3px #fff solid;
	width: 48%;
	margin: 0 0 15px
}
section.sec6 ul li dl {
	width: 100%;
	box-sizing: border-box;
	border: 3px #224eb1 solid;
	background: #fff;
	padding: 10px
}
section.sec6 ul li dl dt {
	text-align: center;
	font-weight: 700;
	color: #224eb1;
	font-size: 24px;
	margin: 10px 0 15px
}
section.sec6 ul li dd img {
	width: 100%;
	height: 100%
}
section.sec6 ul li dl dd a {
	display: block;
	padding: 7px;
	background: #08215a;
	color: #fff;
	margin: 15px 0 0;
	text-align: center;
	font-weight: 700
}
section.sec7 {
	background-image: url(../image/sec7_bg.jpg);
	background-size: cover;
	background-position: center, center
}
section.sec7 div h2 {
	padding: 30px 0 30px;
	margin-bottom: 30px;
	font-weight: 900;
	font-size: 32px;
	color: #224eb1;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec7 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #224eb1
}
section.sec7 div.contents h3 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #224EB1;
	width: 100%;
	text-align: center;
	font-size: 150%;
	margin: 30px auto 50px
}
section.sec7 div.contents h3 span {
	font-size: 40%;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif
}
section.sec7 div.area {
	width: 100%;
	background: rgba(255, 255, 255, .9);
	box-sizing: border-box;
	padding: 15px
}
section.sec7 div.area p {
	margin: 15px 0 20px
}
section.sec7 div.area div#youtube {
	position: relative;
	width: 94%;
	margin: 0 auto 20px
}
section.sec7 div.area div.movie position:relative;
width:94%;
margin:0 auto 20px;
padding:52.25% 10px 10px
}
section.sec7 div.area div#youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 500px!important
}
section.sec7 div.area ul li {
	border-top: #f6f6f6 1px solid;
	width: 100%;
	margin: auto;
	padding: 15px;
	box-sizing: border-box;
	background: #fff;
	margin: 0 0 15px;
	-webkit-box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .75);
	box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .75)
}
section.sec7 div.area ul li dt {
	font-weight: 700;
	margin: 0 0 15px;
	color: #224eb1
}
section.sec7 div.area ul li dd {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #ffff 50%, #ffff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #999 97%, #999 100%);
	background-size: 8px 100%, 100% 2em;
	line-height: 2
}
section.sec7 div.area:last-child {
	margin: 25px 0 0
}
section.add2 {
	background-image: url(../image/add2_bg.jpg);
	background-color: #DAE2F9;
	background-position: left bottom;
	background-repeat: no-repeat
}
section.add2 div h2 {
	padding: 30px 0 30px;
	margin-bottom: 30px;
	font-weight: 900;
	font-size: 32px;
	color: #224eb1;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.add2 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #224eb1
}
section.add2 div ul li {
	width: 100%;
	margin: auto;
	padding: 15px;
	box-sizing: border-box;
	background: #fff;
	margin: 0 0 20px;
	-webkit-box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .75);
	box-shadow: 0 6px 13px -9px rgba(0, 0, 0, .75)
}
section.add2 div ul li dt {
	font-weight: 700;
	margin: 0 0 20px;
	color: #224eb1
}
section.add2 div ul li dd {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #ffff 50%, #ffff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #999 97%, #999 100%);
	background-size: 8px 100%, 100% 2em;
	line-height: 2
}
div#mess {
	text-align: center;
	color: #224eb1;
	font-weight: 700
}
section.sec8 div.contents {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	height: auto;
	padding: 30px 20px 20px;
	box-sizing: border-box
}
section.sec8 div h2 {
	padding: 30px 0 30px;
	margin-bottom: 30px;
	font-weight: 900;
	font-size: 32px;
	color: #224eb1;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec8 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #224eb1
}
section.sec8 li dl.panel {
	width: 100%;
	margin: auto;
	padding: 5px
}
section.sec8 li dl.panel dt {
	background: #08215a;
	color: #fff;
	text-indent: 0em;
	padding: 10px 15px 10px;
	cursor: pointer;
	position: relative;
	font-size: 100%;
	box-sizing: border-box;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-weight: 400
}
section.sec8 li dl dt::after {
	position: absolute;
	right: 15px;
	font-weight: 700;
	content: "+"
}
section.sec8 li dl dt:hover {
	background: #374c7e
}
section.sec8 li dl dt:hover::after {
	content: "－"
}
section.sec8 li dl.panel dd {
	margin: 10px 0 20px;
	line-height: 26px
}
section.sec8 li dl.panel dd a {
	text-decoration: underline
}
section.sec9 {
	background: linear-gradient(90deg, #224eb1 0%, #224eb1 60%, #d8e2f9 60%, #d8e2f9 100%);
	margin: 0
}
section.sec8 div.qa_pref {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	height: auto;
	padding: 30px 5px 20px;
	box-sizing: border-box
}
section.sec8 div.qa_pref dl dt {
	background: #fff!important;
	border: #08215a 2px solid!important;
	color: #08215a!important;
	text-indent: 0!important;
	padding: 10px 15px;
	cursor: pointer;
	position: relative;
	font-size: 100%;
	box-sizing: border-box;
	font-weight: bold!important
}
section.sec8 div.qa_pref dd {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background: #fff;
	padding: 15px;
	box-sizing: border-box
}
section.qa div.qa_pref li dl dt:first-letter {
	color: #08215a!important
}
section.sec8 div.qa_pref a {
	display: block;
	width: 33%;
	margin: 5px 0 0
}
section.sec8 div.qa_pref a {
	font-weight: 700
}
section.sec8 div.qa_pref a.p50 {
	width: 50%
}
section.sec9 div h2 {
	padding: 30px 0 30px;
	margin-bottom: 30px;
	font-weight: 900;
	font-size: 32px;
	color: #FFF;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	position: relative
}
section.sec9 div.contents h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	display: inline-block;
	width: 150px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #FFF
}
section.sec9 ul {
	width: 100%;
	background: rgba(255, 255, 255, .9);
	height: 240px;
	box-sizing: border-box;
	padding: 5px 15px 15px;
	overflow-y: auto
}
section.sec9 ul li {
	width: 98%;
	border-bottom: dotted 1px #6e80a9;
	margin: 15px auto 10px
}
section.sec9 ul li a {
	color: #000
}
section.sec9 ul li span {
	display: inline-block;
	color: #2d3954;
	font-weight: 700;
	margin-right: 10px;
	width: 130px
}
@media screen and (max-width:800px) {
	main {
		width: 100%;
		height: 150vw;
		background-position: 85% -45px
	}
	#nav-drawer {
		position: relative;
		float: right;
		cursor: pointer;
		margin: 0 0 0 0
	}
	main div {
		top: 20%;
		line-height: 32px;
		font-family: 'Noto Serif JP';
		font-weight: 700;
		padding: 0 0 0 3%
	}
	main div span.copy {
		display: inline-block;
		font-size: 15px;
		line-height: 20px;
		margin: 0 0 20px;
		background: none
	}
	main div span.copy strong {
		background: linear-gradient(transparent 40%, #fff298 40%);
		display: inline
	}
	main div span.size1 {
		font-size: 16px
	}
	main div span.size2 {
		font-size: 20px
	}
	main div span.size3 {
		font-size: 12px;
		line-height: 22px
	}
	section.no1 div.no1 {
		border: solid #dfaf52 2px;
		box-sizing: border-box
	}
	section.banner ul {
		display: block
	}
	section.banner ul li {
		width: 90%;
		margin: auto
	}
	section.banner ul li:first-child {
		margin: 0 auto 0
	}
	section.sec1 div.contents {
		display: block
	}
	section.sec1 div.contents dt {
		width: 100%;
		font-size: 18px;
		font-family: 'Noto Serif JP';
		font-weight: 700;
		color: #182e62;
		text-align: center;
		line-height: 36px
	}
	section.sec1 div.contents dd {
		margin-top: 10%;
		width: 100%
	}
	section h2 {
		font-size: 24px!important;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 26px;
		padding: 20px 0 20px!important;
		margin-bottom: 25px!important
	}
	section h2:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 5px;
		display: inline-block;
		width: 150px;
		height: 4px
	}
	section.sec2 div.contents h2 {
		font-size: 24px;
		font-family: 'Noto Sans JP';
		line-height: 26px;
		padding: 20px 0 20px;
		margin-bottom: 25px
	}
	section.sec2 div.contents ul li {
		width: 49%;
		margin-bottom: 2%
	}
	section.sec2 div.contents ul li dt {
		font-size: 13px
	}
	section.add1 div.graph_wrap {
		border: 3px #ffcd49 solid;
		padding: 3% 5%;
		width: 90%
	}
	section.add1 div.graph_wrap h3 {
		font-size: 150%
	}
	section.add1 div.contents ul li:first-child {
		width: 100%;
		text-align: center
	}
	section.add1 div.contents ul li:first-child img {
		width: 48%
	}
	section.add1 div.contents ul li:nth-child(2) {
		width: 48%
	}
	section.add1 div.contents ul li:nth-child(3) {
		width: 48%
	}
	section.add1 div.contents ul {
		width: 100%
	}
	section.add2 div ul li dd {
		background-image: none;
		line-height: 1.6
	}
	section.sec3 div.contents h2 {
		font-size: 24px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 26px;
		padding: 20px 0 20px;
		margin-bottom: 25px
	}
	section.sec3 div dl {
		width: 78%;
		box-sizing: border-box;
		padding: 5px 15px 5px
	}
	section.sec3 div picture {
		width: 20%
	}
	section.sec3 div img {
		width: 100%;
		height: 100%;
		vertical-align: middle;
		object-fit: cover
	}
	section.sec3 div.contents ul li {
		box-sizing: border-box;
		flex-direction: row-reverse
	}
	section.sec3 div.contents dl {
		display: inline-block
	}
	section.sec3 div.contents dt {
		font-size: 16px;
		cursor: pointer;
		position: relative;
		font-family: 'Noto Serif JP', serif;
		font-weight: 700
	}
	section.sec3 div.contents dt span {
		display: block;
		font-size: 70%;
		width: 30%;
		line-height: 18px;
		padding: 0;
		margin: 0 0 5px
	}
	section.sec3 li dl dt::after {
		position: absolute;
		right: 5px;
		font-weight: 700;
		content: "+";
		font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif
	}
	section.sec3 div.contents dd {
		display: none
	}
	section.sec3 div.contents dd p {
		margin: 0 0 0 -30%
	}
	section.sec4 div.contents h2 {
		font-size: 24px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 26px;
		padding: 20px 0 20px;
		margin-bottom: 25px
	}
	section.sec4 img {
		width: 100%;
		height: 100%
	}
	section.sec4 div.contents ul li {
		width: 100%
	}
	section.sec4 ul.accordion li.content dt {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 0
	}
	section.sec4 ul.accordion li.content dt img {
		width: 15%;
		object-fit: contain;
		height: auto
	}
	section.sec4 ul.accordion li.content dt div {
		width: 100%;
		line-height: 20px
	}
	section.sec4 ul.accordion li.content {
		clear: both;
		display: block
	}
	section.sec4 ul.accordion li.content dl {
		width: 100%
	}
	section.sec4 ul.accordion li.content dd {
		line-height: 22px;
		padding: 6px 0 0;
		margin: 6px 0 0;
		font-size: 90%
	}
	section.score div.contents h2 {
		padding: 30px 0 30px;
		margin-bottom: 25px;
		font-weight: 900;
		font-size: 24px;
		line-height: 26px;
		width: 100%
	}
	section.score div.contents h2:before {
		content: '';
		left: 50%;
		bottom: 5px;
		display: inline-block;
		width: 150px;
		height: 4px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	section.score div.contents p.des {
		color: #224eb1;
		margin: 0 0 20px
	}
	section.score ul li {
		width: 32%;
		background: #fff;
		margin: 5px auto 5px;
		padding: 5px;
		box-sizing: border-box
	}
	section.score ul li div.sub {
		color: #fff;
		background: #224eb1;
		font-size: 10px;
		width: 50%;
		padding: 2px 0 0
	}
	section.score ul li div.result {
		font-weight: 700;
		font-size: 12x;
		width: 100%
	}
	section.score ul li div.result p {
		margin: 10px 0 0;
		color: #E00;
		font-size: 14px;
		font-weight: 700
	}
	section.score ul li div.result p span {
		font-size: 48px
	}
	section.score ul li div.result p span.pass {
		font-size: 40px;
		font-weight: 700;
		letter-spacing: 1px
	}
	section.score ul li img.kind {
		width: 45%;
		height: auto;
		display: block;
		position: absolute;
		right: -5px;
		top: -15px
	}
	section.score div.contents p.des {
		color: #224eb1;
		margin: 0 0 20px
	}
	section.score ul li dd {
		width: 100%;
		margin: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		padding: 0
	}
	section.score ul li dd picture {
		width: 38%;
		margin-right: 2%;
		max-height: 35px
	}
	section.score ul li dd img {
		width: 100%;
		object-fit: contain
	}
	section.score ul li div.result p span.w115 img {
		height: 40px;
		line-height: 10px;
		display: inline-block;
		margin: -25px 5px 0 0;
		width: 57px
	}
	section.score ul li div.result p span.w85 img {
		height: 40px;
		line-height: 10px;
		display: inline-block;
		margin: -25px 5px 0 0;
		width: 43px
	}
	section.score ul li div.result p span.w130 img {
		height: 40px;
		line-height: 10px;
		display: inline-block;
		margin: -25px 5px 0 0;
		width: 65px
	}
	section.score ul li div.result p span.w84 img {
		height: 40px;
		line-height: 10px;
		display: inline-block;
		margin: -25px 5px 0 0;
		width: 42px
	}
	section.score ul li div.result p span.w86 img {
		height: 40px;
		line-height: 10px;
		display: inline-block;
		margin: -25px 5px 0 0;
		width: 43px
	}
	section.score ul li div.result p span.w73 img {
		height: 40px;
		line-height: 10px;
		display: inline-block;
		margin: -25px 5px 0 0;
		width: 36px
	}
	section.score ul li div.result p span.w70 img {
		height: 40px;
		line-height: 10px;
		display: inline-block;
		margin: -25px 5px 0 0;
		width: 35px
	}
	section.score ul li dd p {
		width: 60%;
		font-size: 7px;
		line-height: 9px
	}
	section.score ul li div.result p span.up {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0em
	}
	section.score ul li div.result p span.gokaku img {
		height: 40px;
		line-height: 10px;
		margin: -10px 0 0 -3px;
		width: 80px
	}
	section.add3 ul {
		width: 100%;
		margin: 20px 0 0;
		display: block
	}
	section.add3 ul li {
		width: 100%;
		margin: 20px 0 0
	}
	section.add3 ul.underSide {
		width: 100%;
		margin: 20px 0 0;
		display: block
	}
	section.add3 ul.underSide li {
		width: 100%;
		margin: 20px 0 0
	}
	section.add3 ul li dt {
		width: 70%;
		padding: 30% 0 15%;
		text-align: center;
		background: #27317b;
		color: #fff;
		font-size: 57px;
		margin: 10px auto 15px;
		border-radius: 125px
	}
	section.add3 ul li dt span {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 20px;
		color: #fff;
		margin: 10% auto 0
	}
	section.add3 ul li dd {
		color: #fff
	}
	section.sec5 img {
		width: 100%;
		height: 100%
	}
	section.sec5 div.contents h2 {
		font-size: 24px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 26px;
		padding: 20px 0 20px;
		margin-bottom: 25px
	}
	section.sec5 div.contents ul li dt div {
		line-height: 20px
	}
	section.sec5 div.contents ul li {
		width: 100%
	}
	section.sec5 ul.accordion li.content dd {
		padding: 6px 0 0;
		margin: 6px 0 0;
		font-size: 90%
	}
	section.sec5 ul.accordion li.content dd span {
		display: inline-block;
		margin: 3px 0 0
	}
	section.sec6 div.contents h2 {
		font-size: 24px;
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 26px;
		padding: 20px 0 20px;
		margin-bottom: 25px
	}
	section.sec6 ul {
		width: 100%;
		margin: 20px 0 0;
		display: block;
		padding: 0
	}
	section.sec6 ul li {
		width: 100%;
		margin: 20px 0 0
	}
	section.sec6 ul li dd img {
		width: 100%;
		height: 100%
	}
	section.sec7 div#area div#youtube {
		position: relative;
		width: 86%
	}
	section.sec7 div#area div.movie {
		position: relative;
		width: 86%;
		padding: 42.25% 10px 10px
	}
	section.sec7 div.area ul li dd {
		background-image: none;
		line-height: 23px
	}
	section.sec8 li dl.panel dt {
		font-size: 90%
	}
	section.sec8 div.qa_pref ul li a {
		font-weight: 700
	}
	section.sec8 div.qa_pref ul li a {
		font-size: 80%
	}
	section.sec9 ul li span {
		display: block
	}
}