@charset "utf-8";

/*-------------------------------------------
reset
-------------------------------------------*/
a:hover {
	text-decoration: underline;
}

/*-------------------------------------------
Parts
-------------------------------------------*/
.wrap {
	width: 758px;
	margin: 0 auto;
	padding: 0 66px;
}
.wrap02 {
	width: 728px;
	margin: 0 auto;
	padding: 0 66px;
}

.h2Inner {
	width: 768px;
	margin: 0 auto;
}
.h2Inner > img {
	max-width: inherit;
}
.h2Inner .isPc {display: inline-block}
.h2Inner .isSp {display: none}

.h2Style2 {
	padding: 2px 9px 1px;
	font-size: 1.285rem/*18px*/;
}

.note {
	font-size: 1.142rem/*16px*/;
}

.btn01 {
	padding: 7px 35px;
	font-size: 1.428rem/*20px*/;
	cursor: pointer;
	transition: opacity .2s;
}
.btn01:hover {
	opacity: .7;
	text-decoration: none;
}

.linkarr {
	margin-top: 21px;
	padding-left: 27px;
	background-size: 23px 19px;
	line-height: 1.375;
	color: #0000f0;
}
.linkarr a {
	color: #0000f0;
}

/*
modal
-------------------------------------------*/
.modalContent {
	width: 598px;
	margin: 0 auto;
}

.modalWrap .mainText {
	font-size: 1.571rem/*22px*/;
}
.modalWrap .mainText2 {
	font-size: 1rem/*14px*/;
}

/*-------------------------------------------
Layout
-------------------------------------------*/
#content.blur {
	filter: blur(0);
}

/*
mainVisualBlock
-------------------------------------------*/
.mainVisualBlock {
	width: 728px;
	margin: 0 auto;
	padding: 30px 30px 0;
}

.logo img {
	width: auto;
}

.h1Style {
	margin: 55px auto 0;
	padding: 0 0;
}

/*
section01
-------------------------------------------*/
.section01 {
	padding-bottom: 40px;
}

.section01 .text02 {
	display: inline-block;
	margin: 0 auto;
	padding: 23px 62px;
	border-radius: 20px;
	background-color: #eaeade;
	font-size: 1.571rem/*22px*/;
	font-weight: bold;
	line-height: 1.363;
	text-align: center;
}

.cardBlock {
	width: 928px;
	margin: 40px auto 0;
}
.cardBlock .cardImg {
	width: auto;
}
.cardBlock .label {
	right: -10px;
	bottom: -86px;
	width: auto;
}

.cardListWrap {
	padding: 0 66px;
}
.cardChild {
	width: 140px;
	margin-bottom: 62px;
	cursor: pointer;
}
.lastItem {
	width: 472px;
	padding-left: 35px;
	letter-spacing: -0.3px;
}
.cardName {
	margin-top: 8px;
	font-size: 0.857rem/*12px*/;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cardChild .cardName {
	height: 2.6em;
}
.cardList .note {
	font-size: 1.071rem/*15px*/;
}
.cardChild button {
	background: none;
	border: none;
	padding: 0;
}

.cardItemMW .modalContentInner {
	position: relative;
	width: 330px;
	padding: 20px 0 16px;
}
.cardItemMW .modalContentInner img {
	width: 330px;
}
.cardItemMW .cardName {
	margin-top: 16px;
	font-size: 1.071rem/*15px*/;
}
.cardItemMW .closeButton::before,
.cardItemMW .closeButton::after {
	width: 24px;
	height: 3px;
	margin-left: -4px;
}
.cardItemMW .modalBtn .prev {
	left: -94px;
}
.cardItemMW .modalBtn .next {
	right: -94px;
}
.cardItemMW .modalBtn .prev::before {
	border-width: 14px 23px 14px 0;
}
.cardItemMW .modalBtn .next::before {
	border-width: 14px 0 14px 23px;
}

/*
section02
-------------------------------------------*/
.section02 {
	padding-bottom: 95px;
}

.text03 {
	margin: 30px 0;
	font-size: 1.428rem/*20px*/;
	font-weight: bold;
}
.section02 .text03 {
	margin-bottom: 20px;
}

.section02 .note li + li {
	margin-top: 0;
}

/*
section03
-------------------------------------------*/
.box {
	padding: 24px 24px 20px;
}

.box01 {
	display: flex;
	justify-content: space-between;
}
.box01 dl {
	width: 264px;
}
.box01 dl + dl {
	margin-top: 0;
}

.box dt {
	margin-bottom: 16px;
	padding: 6px 2px 5px;
	font-size: 1.428rem/*20px*/;
	color: #fff;
}
.box dd {
	font-size: 1.142rem/*16px*/;
	line-height: 1.375;
}
.text05 {
	margin: 15px 0 8px;
	font-size: 1.285rem/*18px*/;
}
.text06 {
	font-size: 16px;
}

.point01 .isPc {
	margin-left: 5px;
}
.point02 .isPc {
	margin-left: 6px;
}

.arrBlock img {
	width: auto;
}

.box02 ul {
	margin-top: 23px;
}
.text07 {
	margin: 24px 0 15px;
}

/*
section04
-------------------------------------------*/
.table01 {
	margin-top: 9px;
	font-size: 1.142rem/*16px*/;
	line-height: 1.375;
}
.table01 th {
	width: 147px;
	min-width: inherit;
	padding: 10px 10px 10px 0;
}
.table01 td {
	padding: 10px 0;
}
.section04 .note,
.section05 .note {
	font-size: 1.142rem/*16px*/;
	line-height: 1.375;
}

.linkLists {
	margin-top: 29px;
	font-size: 1.142rem/*16px*/;
	line-height: 1.375;
}
.linkLists li+ li {
	margin-top: 10px;
}

/*
section05
-------------------------------------------*/
.section05 {
	margin-bottom: 103px;
}

.section05 .text08,
.section05 .note02 {
	margin-top: 20px;
}

.text08 {
	font-size: 1.142rem/*16px*/;
}

.btnBlock02 {
	margin-top: 48px;
}

/*-------------------------------------------
Utility
-------------------------------------------*/
.isPc {display: block}
.isSp {display: none}

/*-------------------------------------------
print
-------------------------------------------*/
@media print {
	.mainVisualBlock {
		padding: 30px 30px 50px;
	}
	.section01 .text02 {
		margin: 80px auto;
	}
	.btnBlock01 {
		margin: 80px auto;
	}
}