@charset "UTF-8";
body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 16px;
	color: #000;
	overflow-x: hidden;
}
section:nth-of-type(odd) {
	background-color: #fdeff2;
}
section:nth-of-type(even) {
	background-color: #FFF;
}
@media screen and (max-width: 280px) { /*Galaxy Fold*/
	body {
		font-size: 14px;
	}
}
.active {
	opacity: 1;
}
a {
	transition: .3s;
}
a:link, a:visited {
	color: #0952a4;
}
a:hover {
	opacity: 0.7;
}
.textLeft {
	text-align: left;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.red {
	color: #ff0000;
}
.large {
	font-size: 120%;
}
dt {
	font-weight: normal;
}
strong {
	font-weight: bold;
}
.line {
	width: 100%;
	border-top: 2px dotted #666;
	padding-bottom: 5%;
	margin-top: 5%;
}
/*
SP
==================================================== */
@media screen and (max-width: 759.9px) {
	.spnone {
		display: none;
	}
	.inner {
		padding: 5% 2%;
	}
	/*title*/
	.titlePc {
		display: none !important;
	}
	.titleSp {
		width: 100% !important;
		text-align: center;
	}
	.titleSp img {
		width: 100%;
		vertical-align: bottom;
	}
	/*navigation*/
	.topNavi {
		width: 100% !important;
		background: #00a6e9;
	}
	.topNavi ul {
		display: flex;
		flex-wrap: wrap;
		padding: 5px;
	}
	.topNavi ul li {
		font-size: 14px;
		font-weight: bold;
		width: 33.33333%;
		border-right: 1px dashed rgba(255, 255, 255, 0.5);
		align-content: center;
		text-align: center;
	}
	/*.topNavi ul li:nth-child(n+3) { 3番目以降
	border-bottom: none;
}*/
	.topNavi ul li:nth-child(3), .topNavi ul li:nth-child(5) {
		border-right: none;
	}
	/*.topNavi ul li:nth-child(odd) { 奇数
	border-left: none;
}*/
	.topNavi ul li:nth-child(4), .topNavi ul li:nth-child(5) {
		width: 49.99999%;
	}
	.topNavi ul li a {
		color: #fff;
	}
	/*見出し*/
	h2 {
		text-align: center;
		font-size: 20px;
		color: #00a6e9;
		font-weight: bold;
		margin-bottom: 2%;
	}
	h2 i {
		margin-right: 2%;
	}
	h3 {
		position: relative;
		padding: 0 1.5rem 0.3rem;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		margin: 20px 0 10px;
	}
	h3:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 4px;
		content: '';
		border-radius: 3px;
		background: #00a6e9;
	}
	/*概要*/
	.summary {
		margin: 0 auto 30px;
		text-align: center;
	}
	.summary img {
		width: 95%;
	}
	/*注意事項*/
	ul.guideList {
		line-height: 1.4;
		margin-top: 2%;
	}
	ul.guideList li {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
		text-align: left;
	}
	ul.guideList li:last-child {
		padding-bottom: 0;
	}
	ul.guideList li:before {
		content: '●';
	}
	ul.guideList li.no1, ul.guideList li.no2, ul.guideList li.no3, ul.guideList li.no4, ul.guideList li.no5, ul.guideList li.no6, ul.guideList li.no7 {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1.5em;
		margin-left: 1.5em;
	}
	ul.guideList li.no1:before {
		content: '1．';
	}
	ul.guideList li.no2:before {
		content: '2．';
	}
	ul.guideList li.no3:before {
		content: '3．';
	}
	ul.guideList li.no4:before {
		content: '4．';
	}
	ul.guideList li.no5:before {
		content: '5．';
	}
	ul.guideList li.no6:before {
		content: '6．';
	}
	ul.guideList li.no7:before {
		content: '7．';
	}
	ul.guideList li.kome {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
	}
	ul.guideList li.kome:before {
		content: '※';
	}
	ul.guideList li.kome1 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome1:before {
		content: '（※1）';
	}
	ul.guideList li.kome2 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome2:before {
		content: '（※2）';
	}
	ul.guideList li.kome3 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome3:before {
		content: '（※3）';
	}
	ul.guideList li span {
		color: #F00;
	}
	/*list横並び*/
	.itemList2, .itemList3, .itemList4 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.itemList2 > div, .itemList3 > div, .itemList4 > div {
		width: 50%;
		height: auto;
		align-self: stretch;
		padding: 10px;
		text-align: center;
	}
	.itemList2, .itemList3, .itemList4 > div img {
		width: 100%;
		height: auto;
	}
	#recommendation img {
		width: 100%;
	}
	#recommendation a {
		display: block;
		margin: 0 auto 5%;
		max-width: 75%;
	}
	/*申込み*/
	.yoyakuBox {
		border: 6px double #000;
		padding: 5%;
		width: 100%;
		margin-bottom: 5%;
		background: #FFF;
	}
	/*ボタン*/
	a.Btn {
		display: block;
		color: #fff;
		margin: 2% auto;
		text-align: center;
		background: #003399;
		border-radius: 5px;
		padding: 1.2em 2%;
		position: relative; /* 追記 */
		font-weight: bold;
		font-size: 1.0em;
		line-height: 1.4;
	}
	.Btn span {
		font-size: 80%;
		font-weight: normal;
	}
	.Btn::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	a.Btn_gray {
		color: #fff;
		width: 100%;
		margin: 2% auto;
		text-align: center;
		background: #666;
		border-radius: 5px;
		padding: 6% 2%;
		position: relative; /* 追記 */
	}
	.Btn_gray::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	/*news*/
	#newsImportant {
		margin: 5px;
		display: flex;
		font-size: 11px;
	}
	#newsImportant dt {
		width: 72px;
		height: fit-content;
		background: #e62d2d;
		color: #FFF;
		text-align: center;
		border-radius: 3px;
		margin-top: 2px;
		padding: 3px 0;
	}
	#newsImportant dd {
		width: 100%;
		padding: 0 10px;
	}
	#newsImportant li {
		padding: 5px 3px 5px 12px;
		position: relative;
		font-size: 1.1em;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	}
	#newsImportant li:nth-of-type(n+2) {
		border-top: 1px dotted #ccc;
	}
	#newsImportant li:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 6px solid #555555;
		border-right: 0;
		position: absolute;
		top: 7px;
		left: 0;
	}
	/*footer*/
	#footer {
		background-color: #F0F5FA;
	}
	#footer .inner {
		width: 96%;
		margin: 0 auto;
		padding: 2% 2%;
	}
	#footer .inner ul {
		font-size: 11px;
		line-height: 1.4;
		text-align: left;
	}
	#footer .inner ul li {
		display: inline-block;
		width: 46%;
		padding: 2% 0;
	}
	#footer .inner ul li:last-child {
		border-right: none;
	}
	#footer .copy {
		background-color: #0952a4;
		color: #FFFFFF;
		font-size: 9px;
		text-align: center;
		padding: 2% 0;
	}
	/*pagetop*/
	#pagetop {
		display: none;
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 100;
	}
	#pagetop a {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: 3em;
		height: 3em;
		background-color: rgba(255, 255, 255, .5);
		border: solid 1px #152a8c;
		border-radius: 50vh;
	}
	#pagetop a::after {
		content: '';
		width: 7px;
		height: 7px;
		border-style: solid;
		border-width: 0 6px 9px 6px;
		border-color: transparent transparent #152a8c transparent;
	}
}
/*
PC
==================================================== */
@media screen and (min-width: 760px), print {
	.pcnone {
		display: none;
	}
	.inner {
		max-width: 970px;
		margin: 0 auto;
		padding: 30px 10px;
	}
	/*title*/
	.titlePc {
		width: 100% !important;
		text-align: center;
		background: url(../images/bg_title.jpg) repeat center 0;
		position: relative;
		max-height: 550px;
	}
	.titlePc img {
		display: block;
		width: min(950px, 100%);
		margin: auto;
	}
	.titleSp {
		display: none !important;
	}
	/*navigation*/
	.topNavi {
		width: 100% !important;
		background: #00a6e9;
		text-align: center;
	}
	.topNavi ul {
		max-width: 970px;
		margin: 0 auto;
		padding: 10px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.topNavi ul li {
		list-style: none;
		vertical-align: middle;
		border-left: 1px dashed rgba(255, 255, 255, 0.5);
		font-size: 18px;
		font-weight: bold;
		margin: 0;
		padding: 3px;
		text-align: center;
		width: 33.33333%;
	}
	.topNavi ul li:last-child {
		border-right: 1px dashed rgba(255, 255, 255, 0.5);
	}
	.topNavi ul li a {
		color: #fff;
	}
	/*見出し*/
	h2 {
		text-align: center;
		font-size: 30px;
		font-weight: bold;
		color: #00a6e9;
		margin-bottom: 10px;
	}
	h2 i {
		margin-right: 10px;
	}
	h3 {
		position: relative;
		padding: 0 1.5rem 0.3rem;
		text-align: center;
		font-size: 30px;
		font-weight: bold;
		margin: 20px 0 10px;
	}
	h3:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 4px;
		content: '';
		border-radius: 3px;
		background: #00a6e9;
	}
	/*概要*/
	.summary {
		margin: 0 auto 30px;
		text-align: center;
	}
	.summary img {
		width: min(800px, 85%);
		margin: auto;
	}
	/*注意事項*/
	ul.guideList {
		padding: 0;
		margin-top: 8px;
		line-height: 1.6;
	}
	ul.guideList li {
		list-style: none;
		line-height: 1.6;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
		text-align: left;
	}
	ul.guideList li:last-child {
		padding-bottom: 0;
	}
	ul.guideList li:before {
		content: '●';
	}
	ul.guideList li.no1, ul.guideList li.no2, ul.guideList li.no3, ul.guideList li.no4, ul.guideList li.no5, ul.guideList li.no6, ul.guideList li.no7 {
		list-style: none;
		line-height: 1.6;
		padding-bottom: 8px;
		text-indent: -1.5em;
		margin-left: 1.5em;
	}
	ul.guideList li.no1:before {
		content: '1．';
	}
	ul.guideList li.no2:before {
		content: '2．';
	}
	ul.guideList li.no3:before {
		content: '3．';
	}
	ul.guideList li.no4:before {
		content: '4．';
	}
	ul.guideList li.no5:before {
		content: '5．';
	}
	ul.guideList li.no6:before {
		content: '6．';
	}
	ul.guideList li.no7:before {
		content: '7．';
	}
	ul.guideList li.kome {
		list-style: none;
		line-height: 1.6;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
	}
	ul.guideList li.kome:before {
		content: '※';
	}
	ul.guideList li.kome1 {
		list-style: none;
		line-height: 1.6;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome1:before {
		content: '（※1）';
	}
	ul.guideList li.kome2 {
		list-style: none;
		line-height: 1.6;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome2:before {
		content: '（※2）';
	}
	ul.guideList li.kome3 {
		list-style: none;
		line-height: 1.6;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome3:before {
		content: '（※3）';
	}
	ul.guideList li span {
		color: #F00;
	}
	/*その他のおすすめプラン*/
	.pointBox {
		position: relative;
		padding: 10px 20px 20px 10px;
		background: #D6EFFF;
	}
	.pointBox:before {
		position: absolute;
		top: -7px;
		left: -7px;
		width: 100%;
		height: 100%;
		content: '';
		border: 3px solid #000;
	}
	.pointBox img {
		width: 100%;
	}
	/*list横並び*/
	.itemList2, .itemList3, .itemList4 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.itemList2 > div {
		width: 50%;
		height: auto;
		align-self: stretch;
		padding: 10px;
		text-align: center;
	}
	.itemList3 > div {
		width: 33.33333%;
		height: auto;
		align-self: stretch;
		padding: 10px;
	}
	.itemList4 > div {
		width: 25%;
		height: auto;
		align-self: stretch;
		padding: 10px;
	}
	.itemList2, .itemList3, .itemList4 > div img {
		width: 100%;
		height: auto;
	}
	.itemList4 > div p {
		line-height: 1.6;
	}
	/*申込み*/
	.yoyakuBox {
		border: 6px double #000;
		padding: 20px;
		margin: 0 auto 30px;
		max-width: 850px;
		background: #FFF;
	}
	#recommendation img {
		width: 100%;
	}
	#recommendation a {
		display: block;
		width: 30%;
	}
	#recommendation div {
		display: flex;
		justify-content: space-between;
		margin: 1em 1.5em 0;
	}
	/*ボタン*/
	a.Btn {
		display: block;
		color: #fff;
		margin: 10px auto;
		text-align: center;
		background: #003399;
		border-radius: 5px;
		padding: 20px 30px;
		position: relative;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.6;
	}
	.Btn::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		font-weight: bold;
	}
	a.Btn_gray {
		color: #fff;
		width: 80%;
		margin: 10px auto;
		text-align: center;
		background: #666;
		border-radius: 5px;
		padding: 20px 30px;
		position: relative; /* 追記 */
		font-size: 20px;
	}
	.Btn_gray::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	/*news*/
	#newsImportant {
		width: 100%;
		max-width: 970px;
		margin: 5px auto;
		display: flex;
		font-size: 12px;
		padding: 8px;
	}
	#newsImportant dt {
		width: 72px;
		height: fit-content;
		background: #e62d2d;
		color: #FFF;
		text-align: center;
		border-radius: 3px;
		margin-top: 1px;
		padding: 3px 0;
	}
	#newsImportant dd {
		width: 100%;
		padding: 0 10px;
	}
	#newsImportant li {
		padding: 3px 3px 3px 12px;
		position: relative;
		font-size: 13px;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	}
	#newsImportant li:nth-of-type(n + 2) {
		border-top: 1px dotted #ccc;
	}
	#newsImportant li:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 6px solid #555555;
		border-right: 0;
		position: absolute;
		top: 7px;
		left: 0;
	}
	/*footer*/
	#footer {
		background-color: #F0F5FA;
	}
	#footer .inner {
		max-width: 990px;
		margin: 0 auto;
		padding: 20px 0;
	}
	#footer .inner ul {
		font-size: 13px;
		line-height: 1.6;
		text-align: center;
	}
	#footer .inner ul li {
		display: inline-block;
		padding: 0 6px;
		border-right: 1px solid #CCC;
	}
	#footer .inner ul li:last-child {
		border-right: none;
	}
	#footer .copy {
		background-color: #0952a4;
		color: #FFFFFF;
		font-size: 12px;
		text-align: center;
		padding: 10px 0;
	}
	/*pagetop*/
	#pagetop {
		display: none;
		position: fixed;
		right: 50px;
		bottom: 50px;
		cursor: pointer;
		z-index: 100;
	}
	#pagetop a {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: 80px;
		height: 80px;
		background-color: rgba(255, 255, 255, .5);
		border: solid 1px #152a8c;
		border-radius: 50vh;
	}
	#pagetop a::after {
		content: '';
		width: 7px;
		height: 7px;
		border-style: solid;
		border-width: 0 6px 9px 6px;
		border-color: transparent transparent #152a8c transparent;
	}
	#pagetop a:hover {
		background-color: #152a8c;
	}
	#pagetop a:hover::after {
		border-width: 0 6px 9px 6px;
		border-color: transparent transparent #fff transparent;
	}
}