@charset "UTF-8";
/* CSS Document */
/*成人、753、卒業のnew checklistページ用css*/
/*0712-nak 753/checkbox/index*/
.checklist {
	line-height: 1.6;
}
.checklist h1 {
	font-size: 1.8em;
	position: relative;
	width: calc(100% - 2em);
}
/*.checklist h1:before, .checklist h1:after {
	content: "";
	position: absolute;
	display: block;
	background: url(/img/checklist-deco-stripe.png) no-repeat;
	background-size: cover;
	width: .7em;
	height: 3em;
	left: 0;
	top: 0;
}*/
.checklist h1:after {
	left: auto;
	right: 0;
}
.checklist section:not(#inquiry) {
	width: calc(100% - 2em);
	margin: 0 auto 3em;
	padding: 0;
}
.checklist #check01 {
	display: flex;
	flex-flow: row wrap;
}
.checklist #check01 dl {
	flex-basis: 50%;
	margin-bottom: 2em;
}
.checklist #check01 dl dd {
	margin-top: 1em;
}
.checklist #check01 dl dd a {
	width: 90%;
	display: inline-flex;
	position: relative;
	font-size: 1.2em;
	padding: 1em 0.5em;
	color: black;
	background: white;
	border-left: solid 10px #e8447e;
	justify-content: center;
	align-items: center;
}
.checklist #check01 dl:nth-child(2) dd a {
	border-left-color: #8bc4dc;
}
.checklist #check01 dl:nth-child(3) dd a {
	border-left-color: #ebcc6e;
}
.checklist #check01 dl:nth-child(4) dd a {
	border-left-color: #e7adda;
}
.checklist #check01 dl dd a::after {
	content: "";
	background: url(/img/checklist-icon-arrBlk.png) no-repeat;
	width: .7em;
	height: .7em;
	right: .5em;
	position: absolute;
	background-size: contain;
}
.checklist section.listWrap {
	width: calc(100% - 2em - 6px);
	display: block;
	background-color: white;
	border: solid 3px #e8447e;
}
.checklist section.listWrap .inner {
	padding: 0 1em;
}
.checklist section.listWrap h2 {
	width: 100%;
	display: flex;
	font-size: 1.8em;
	padding: .4em 0;
	color: white;
	justify-content: center;
	align-items: center;
	background-color: #e8447e;
}
.checklist section.listWrap h2::before {
	content: "";
	display: inline-block;
	background: url(/img/checklist-icon-check.png) no-repeat;
	width: 1.2em;
	height: 1.2em;
	background-size: contain;
	position: relative;
	left: -1em;
}
.checklist .bxCaption {
	font-size: 1.1em;
	margin: 1em auto 2em;
	background-color: #faf3f6;
	padding: 1em 1.5em;
	text-align: left;
	border-radius: 8px;
}
.checklist p.bxCaption {
	color: #e8447e;
	font-weight: bold;
}
.checklist .txtNote {
	text-align: left;
	font-size: 1.15em;
	text-decoration: underline;
	font-weight: bold;
	margin: 2em auto 1em;
}
.checklist .txtNote > span {
	font-size: 1rem;
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
}
.checklist section.listWrap .inner > ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.checklist section.listWrap .inner > ul::after {
	/* content: ""; */
	width: calc(100% / 3 - .3em);
}
.checklist section.listWrap .inner > ul li {
	position: relative;
	flex-basis: calc(100% / 3);
	text-align: left;
	padding: .3em;
}
.checklist section.listWrap .inner > ul li.sale::before {
	content: "販売可";
	position: absolute;
	display: inline-block;
	top: .6em;
	left: .6em;
	color: white;
	background-color: #eca5c3;
	border-radius: 4px;
	padding: .1em .4em;
	font-size: .9em;
}
.checklist section.listWrap .inner > ul li span.txt {
	position: relative;
	padding-left: 1.5em;
	display: inline-block;
	justify-content: center;
	align-items: center;
}
.checklist section.listWrap .inner > ul li span.txt::before {
	content: "";
	position: absolute;
	background: url(/img/checklist-icon-box.png);
	display: inline-block;
	width: 1em;
	height: 1em;
	top: .1em;
	left: 0;
	background-size: cover;
}
.checklist section.listWrap .inner > ul li > span.txt > span {
	display: block;
	font-size: 0.8em;
}
.checklist .bxCaption h3 {
	width: 130px;
	font-weight: bold;
	margin: 0;
}
.checklist .bxCaption h4 {
	color: #e8447e;
	text-align: left;
	line-height: 2.5;
	font-size: 1.2em;
}
.checklist .bxCaption .bdr {
	text-decoration: underline;
}
.checklist .bxCaption > ul > li::before {
	content: "";
	background: url(/img/checklist-icon-dot.png) no-repeat;
	width: 1em;
	height: .8em;
	display: inline-block;
	background-size: contain;
}
.checklist .bxCaption .btn {
/* text-align: center; */
}
.checklist .bxCaption .btn a {
	display: inline-block;
	color: white;
	background-color: #e8447e;
	font-size: 1em;
	margin: 1.5em 0;
	padding: .6em 2em;
	border-radius: 6px;
}
.checklist .bxCaption .btn a::after {
	content: "";
	position: relative;
	background: url(/img/checklist-icon-arrWht.png) no-repeat;
	width: 1em;
	height: 0.6em;
	display: inline-block;
	background-size: contain;
	left: 1em;
}
.checklist .bxCaption p img {
	margin: 1em auto;
}
/*5才さん*/
.checklist section#old5.listWrap {
	border-color: #8bc4dc;
}
.checklist section#old5.listWrap h2 {
	background-color: #8bc4dc;
}
.checklist #old5 .bxCaption > ul:nth-of-type(2) > li:last-child::before {
	content: none;
}
/*3才さん*/
.checklist section#old3.listWrap {
	border-color: #ebcc6e;
}
.checklist section#old3.listWrap h2 {
	background-color: #ebcc6e;
}
/*お母様*/
.checklist section#oldMo.listWrap {
	border-color: #e7adda;
}
.checklist section#oldMo.listWrap h2 {
	background-color: #e7adda;
}
/*note*/
.checklist .note01, .checklist .note02 {
	font-size: 1.15em;
}
.checklist .note01 {
	text-align: left;
}
.checklist .note01 h2, .checklist .note02 h2 {
	text-align: left;
	font-size: 1.2em;
	border-bottom: solid 2px #000;
	margin-bottom: 1em;
}
.checklist .note01-1 img {
	width: 50%;
	min-width: 160px;
	max-width: 200px;
}
.checklist .note01-1 dl {
	color: #e8447e;
}
.checklist .note01-1 dl dt {
	float: left;
}
.checklist .note01-1 dl dd:before {
	content: "：";
}
.checklist .note02 table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: solid 1px #000;
	margin-bottom: 2em;
}
.checklist .note02 table tr {
	border-bottom: solid 1px #000;
}
.checklist .note02 table tr th {
	color: white;
	text-align: left;
	background-color: #eca5c3;
	font-size: 1.25em;
	padding: .5em;
}
.checklist .note02 table:nth-child(n + 4) tr th {
	background-color: #e7adda;
}
.checklist .note02 table:nth-child(n + 4) td:first-child {
	background-color: #f8e1f3;
}
.checklist .note02 table tr th span {
	display: table-cell;
	font-size: .7em;
	padding: .2em .4em;
	color: black;
	background-color: white;
}
.checklist .note02 table td:first-child {
	padding: .5em;
	background-color: #f8e1eb;
	border-right: solid 1px #000;
}
.checklist .note02 table td:last-child {
	background-color: white;
}
.checklist .btn-after.bgBlk.toTop {
	max-width: 400px;
	width: calc(100% - 3em);
	padding: 1em 0;
}
.checklist .btn-after.toTop::after {
	content: none;
}
.checklist .btn-after.toTop::before {
	font-family: 'FontAwesome';
	content: "\f053";
	position: absolute;
	left: 1em;
}
.checklist section#inquiry {
	margin-top: 4em;
}

@media screen and (min-width: 1024px) {
/*.checklist h1 {
	width: 400px;
	margin: 3em auto 0;
}*/
.checklist #check01 dl {
	flex-basis: calc(100% / 4);
	padding: .7em;
}
.checklist section.listWrap .inner > ul li {
	flex-basis: calc(100% / 4);
}
.checklist .bxCaption h3 {
	margin-top: 1em;
}
.checklist .bxCaption h3 img {
	margin: auto;
}
.checklist .bxCaption > ul {
	display: inline-flex;
	flex-wrap: wrap;
}
.checklist .bxCaption > ul > li {
	margin-right: .9em;
}
.checklist .bxCaption p img {
	width: 350px;
}
/*note*/
.checklist .note01-1 {
	display: flex;
}
.checklist .note01-1 img {
	margin-right: 2em;
}
.checklist .note02::after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
.checklist .note02 table {
	width: calc(100% / 2);
	float: left;
	margin-bottom: 5em;
}
.checklist .note02 table tr th {
	font-size: 1em;
}
.checklist .note02 table tr th span {
	position: relative;
	display: inline-block;
	margin-left: 1em;
	top: -0.1em;
	margin-bottom: -.1em;
}
.checklist .note02 table tr:first-child {
}
.checklist .note02 table.note021 {
	border-right: none;
}
.checklist .note02 table.note024 {
	border-left: none;
}
}

/*190801-nak 20th/checklist*/
@media screen and (min-width: 1024px) {
#s20th.checklist #check01,
#graduate.checklist #check01 {
    justify-content: center;
}
#s20th.checklist #check01 dl,
#graduate.checklist #check01 dl {
    margin: auto 3em;
}
}