@charset "UTF-8";
.pci {
	display: inline!important
}

@media print, screen and (max-width:960px) {
	.pci {
		display: none!important
	}
}
.spi {
	display: none!important
}

@media print, screen and (max-width:960px) {
	.spi {
		display: inline!important
	}
}
.pc {
	display: block!important
}

@media print, screen and (max-width:960px) {
	.pc {
		display: none!important
	}
}
.sp {
	display: none!important
}

@media print, screen and (max-width:960px) {
	.sp {
		display: block!important
	}
}
.pct {
	display: table!important
}

@media print, screen and (max-width:960px) {
	.pct {
		display: none!important
	}
}
.spt {
	display: none!important
}

@media print, screen and (max-width:960px) {
	.spt {
		display: table!important
	}
}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif
}
a {
	text-decoration: none;
	color: #5a3c00
}
a:hover {
	opacity: .7
}
li {
	list-style: none
}
.h-main {
	height: 100px;
	border-bottom: 1px solid #5a3c00
}
.h-inner {
	height: 100px
}
.h-logoBox_logo {
	width: 166px
}
.h-btnBox {
	position: relative;
	width: 190px;
	height: 35px;
	text-align: center;
	border-radius: 5px;
	background-color: #5a3c00
}
.h-btnBox:hover {
	opacity: .7
}
.h-btnBox::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 9px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/icon_triangle.svg)
}
.h-btnBox::before:hover {
	opacity:.7
}
.h-btnBox_btn {
	/*	font-family: 'Rounded Mplus 1c';*/
	font-size: 13px;
	font-weight: 700;
	line-height: 35px;
	display: block;
	padding-left: 20px;
	letter-spacing: .06em;
	color: #fff
}
.top-main {
	background-image: url(../img/bg_pattern.png);
	background-repeat: repeat;
	background-size: 176px
}

@media print, screen and (max-width:960px) {
	.top-main {
		background-image: none
	}
}
.top-kv {
	height: 370px;
	border-bottom: 1px solid #5a3c00;
	background-image: url(../img/main_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

@media print, screen and (max-width:960px) {
	.top-kv {
		height: 110vw;
		background-image: url(../img/main_bg_sp.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover
	}
}
.top-kv_ttl {
	margin-bottom: 25px
}

@media print, screen and (max-width:960px) {
	.top-kv_ttl {
		width: 93%;
		margin: 0 auto 5.20833%
	}
}
.top-kv_ttlTxt {
	width: 380px
}

@media print, screen and (max-width:960px) {
	.top-kv_ttlTxt {
		width: 100%
	}
}
.top-kv_desc {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 40px;
	text-align: center;
	letter-spacing: .07em;
	color: #5a3c00
}

@media print, screen and (max-width:960px) {
	.top-kv_desc {
		font-size: 4.17vw
	}
}
.top-kv_books {
	text-align: left
}

@media print, screen and (max-width:960px) {
	.top-kv_books {
		position: absolute;
		right: 0;
		bottom: 10%;
		left: 0;
		width: 93%;
		margin: 0 auto;
		margin-bottom: 0
	}
}
.top-kv_books_img {
	width: 100%
}
.top-kvInner {
	width: 380px;
	padding: 40px 30px 10px
}

@media print, screen and (max-width:960px) {
	.top-kvInner {
		position: relative;
		width: 100%;
		height: 110vw;
		padding: 0;
		padding-top: 8.33333%
	}
}
.top-sec1 {
	padding-top: 50px;
	padding-bottom: 50px
}

@media print, screen and (max-width:960px) {
	.top-sec1 {
		padding-top: 5.20833%;
		padding-bottom: 5.20833%
	}
}
.top-sec1ContentWrp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.top-sec1Content {
	position: relative;
	width: 273px;
	height: 250px;
	margin-bottom: 17.5px
}

@media print, screen and (max-width:960px) {
	.top-sec1Content {
		width: 49%;
		height: 40vw;
		margin-bottom: 17.5px
	}
}
.top-sec1Content_desc {
	font-family: 'Rounded Mplus 1c';
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33;
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	letter-spacing: .07em;
	color: #5a3c00
}

@media print, screen and (max-width:960px) {
	.top-sec1Content_desc {
		font-size: 2.90vw;
		bottom: 5%
	}
}
.top-sec1Content--pink {
	border: 1px solid #ffa0b6;
	background-color: #ffa0b6
}
.top-sec1Content--blue {
	border: 1px solid #8ccdc3;
	background-color: #8ccdc3
}
.top-sec1Content--yellow {
	border: 1px solid #ffc000;
	background-color: #ffc000
}
.top-sec1Content--orange {
	border: 1px solid #f0a046;
	background-color: #f0a046
}
.top-sec1Content--green {
	border: 1px solid #adcb14;
	background-color: #adcb14
}
.top-sec1Content--purple {
	border: 1px solid #a0a0d7;
	background-color: #a0a0d7
}

@media print, screen and (max-width:960px) {
	.top-sec1ContentImg {
		width: 100%
	}
}
.top-sec1ContentImg--img {
	width: 100%;
	margin-top: 20px;
	text-align: center
}

@media print, screen and (max-width:960px) {
	.top-sec1ContentImg--img {
		margin-top: 2.08333%
	}
	.top-sec1ContentImg--img .top-sec1ContentImg_img {
		width: 90%;
		margin-right: auto;
		margin-left: auto
	}
}
.top-sec1ContentImg--pic {
	width: 100%
}
.top-sec1ContentImg--pic .top-sec1ContentImg_img {
	width: 100%
}
.top-sec2 {
	padding-bottom: 50px
}

@media print, screen and (max-width:960px) {
	.top-sec2 {
		padding-bottom: 5.20833%
	}
}
.top-sec2ContentWrp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media print, screen and (max-width:960px) {
	.top-sec2ContentWrp {
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column
	}
}
.top-sec2LeftBox {
	width: 180px
}

@media print, screen and (max-width:960px) {
	.top-sec2LeftBox {
		width: 37.5%;
		margin-right: auto;
		margin-bottom: 3.125%;
		margin-left: auto
	}
}
.top-sec2LeftBox_name {
	padding-bottom: 15px;
	border-bottom: 1px solid #5a3c00
}
.top-sec2LeftBox_nameTxt {
	width: 100%
}
.top-sec2LeftImg {
	margin-bottom: 15px
}

@media print, screen and (max-width:960px) {
	.top-sec2LeftImg {
		width: 100%
	}
}
.top-sec2LeftImg_img {
	width: 100%
}
.top-sec2RightBox {
	width: 650px
}

@media print, screen and (max-width:960px) {
	.top-sec2RightBox {
		width: 100%
	}
}
.top-sec2Block {
	position: relative;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
	border-radius: 5px;
	background-color: #fff0dc
}

@media print, screen and (max-width:960px) {
	.top-sec2Block {
		margin-bottom: 3.125%
	}
}
.top-sec2Block:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	width: 37px;
	height: 40px;
	margin: auto 0;
	content: '';
	background-image: url(../img/bg_balloon.png)
}

@media print, screen and (max-width:960px) {
	.top-sec2Block:before {
		display: none;
		background-image: none
	}
}
.top-sec2Block--01:after {
	position: absolute;
	top: 95px;
	right: 0;
	width: 129px;
	height: 192px;
	margin: auto 0;
	content: '';
	background-image: url(../img/animal_01.png)
}

@media print, screen and (max-width:960px) {
	.top-sec2Block--01:after {
		display: none;
		background-image: none
	}
}
.top-sec2Block--02:after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 96px;
	height: 101px;
	margin: auto 0;
	content: '';
	background-image: url(../img/animal_02.png)
}

@media print, screen and (max-width:960px) {
	.top-sec2Block--02:after {
		display: none;
		background-image: none
	}
}
.top-sec2Block_ttl {
	font-family: 'Rounded Mplus 1c';
	font-size: 20px;
	font-weight: 700;
	line-height: 35px;
	position: relative;
	width: calc(100% - 65px);
	height: 35px;
	margin-bottom: 25px;
	padding-left: 65px;
	letter-spacing: .07em;
	color: #5a3c00
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_ttl {
		font-size: 3.75vw;
		margin-bottom: 5.20833%
	}
}
.top-sec2Block_ttl--purple {
	background-image: url(../img/bg_band_purple.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_ttl--purple {
		background-image: url(../img/bg_band_purple_sp.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain
	}
}
.top-sec2Block_ttl--pink {
	background-image: url(../img/bg_band_pink.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_ttl--pink {
		background-image: url(../img/bg_band_pink_sp.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain
	}
}
.top-sec2Block_ttl::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 28px;
	height: 44px;
	margin: -5px auto 0;
	content: '';
	background-image: url(../img/icon_question.svg)
}
.top-sec2Block_age {
	font-size: 15px;
	font-weight: 700;
	line-height: 25px;
	width: 80px;
	height: 25px;
	margin-left: 10px;
	text-align: center;
	letter-spacing: .025em;
	color: #fff;
	border-radius: 6px;
	background-color: #5a3c00
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_age {
		font-size: 3.33vw;
		width: 18.75%;
		margin-bottom: 1.04167%;
		margin-left: 3.125%
	}
}
.top-sec2Block_desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.79;
	margin-bottom: 25px;
	margin-left: 10px;
	letter-spacing: .005em;
	color: #333
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_desc {
		font-size: 3.13vw;
		margin-right: 3.125%;
		margin-bottom: 3.125%;
		margin-left: 3.125%
	}
}
.top-sec2Block_list {
	margin-left: 10px
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_list {
		margin-right: 3.125%;
		margin-left: 3.125%
	}
}
.top-sec2Block_item {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.79;
	position: relative;
	margin-bottom: 25px;
	padding-left: 15px;
	letter-spacing: .025em;
	color: #333
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_item {
		font-size: 3.13vw;
		padding-left: 4.16667%
	}
}
.top-sec2Block_item::before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_pink.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec2Block_item::before {
		top: 0;
		width: 10px;
		height: 10px;
		margin-top: 2.2%
	}
}
.top-sec2BlockInner {
	width: 610px;
	margin-right: 20px;
	margin-left: 20px
}

@media print, screen and (max-width:960px) {
	.top-sec2BlockInner {
		width: 95%;
		margin-right: auto;
		margin-left: auto
	}
}
.top-sec3 {
	padding-bottom: 50px
}

@media print, screen and (max-width:960px) {
	.top-sec3 {
		padding-bottom: 52.34375
	}
}
.top-sec3Content {
	position: relative;
	margin-bottom: 30px
}
.top-sec3Content::before {
	position: absolute;
	z-index: 1;
	top: 500px;
	right: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: url(../img/dotted_border.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec3Content::before {
		display: none
	}
}

@media print, screen and (max-width:960px) {
	.top-sec3Content {
		margin-bottom: 7.29167%
	}
}
.top-sec3Content img {
	width: 100%
}

@media print, screen and (max-width:960px) {
	.top-sec3Content img {
		margin-bottom: 3.125%
	}
}
.top-sec3BtnBox {
	position: relative;
	width: 300px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-radius: 5px;
	background-color: #5a3c00
}
.top-sec3BtnBox:hover {
	opacity: .7
}
.top-sec3BtnBox::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 16px;
	height: 18px;
	margin: auto 0;
	content: '';
	background-image: url(../img/icon_triangle.svg)
}
.top-sec3BtnBox::before:hover {
	opacity:.7
}
.top-sec3BtnBox_btn {
	font-family: 'Rounded Mplus 1c';
	font-size: 22px;
	font-weight: 700;
	line-height: 60px;
	display: block;
	padding-left: 20px;
	letter-spacing: .04em;
	color: #fff
}
.top-sec3ColumnWrp {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media print, screen and (max-width:960px) {
	.top-sec3ColumnWrp {
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column
	}
}
.top-sec3ColumnWrp::before {
	position: absolute;
	top: 120px;
	right: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: url(../img/dotted_border.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec3ColumnWrp::before {
		display: none
	}
}
.top-sec3ColumnWrp::after {
	position: absolute;
	top: 310px;
	right: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: url(../img/dotted_border.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec3ColumnWrp::after {
		display: none
	}
}
.top-sec3LeftColumn {
	width: 200px;
	margin-left: 50px;
	border-radius: 5px;
	background-color: #8ccdc3
}

@media print, screen and (max-width:960px) {
	.top-sec3LeftColumn {
		width: 90%;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: auto
	}
}
.top-sec3CenterColumn {
	width: 300px;
	border-radius: 5px;
	background-color: #ffcfca
}

@media print, screen and (max-width:960px) {
	.top-sec3CenterColumn {
		width: 90%;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: auto
	}
}
.top-sec3RightColumn {
	width: 300px;
	border-radius: 5px;
	background-color: #ffde80
}

@media print, screen and (max-width:960px) {
	.top-sec3RightColumn {
		width: 90%;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: auto
	}
}
.top-sec3Row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 190px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media print, screen and (max-width:960px) {
	.top-sec3Row {
		position: relative;
		height: 55vw
	}
}

@media print, screen and (max-width:960px) {
	.top-sec3Row::before {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 3px;
		content: '';
		background-image: url(../img/dotted_border.svg)
	}
}
.top-sec3Row--low {
	position: relative
}
.top-sec3Row--low::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 16px;
	height: 118px;
	margin: auto;
	content: '';
	background-image: url(../img/age_low.svg)
}
.top-sec3Row--middle {
	position: relative
}
.top-sec3Row--middle::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 16px;
	height: 118px;
	margin: auto;
	content: '';
	background-image: url(../img/age_middle.svg)
}
.top-sec3Row--high {
	position: relative
}
.top-sec3Row--high::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 16px;
	height: 118px;
	margin: auto;
	content: '';
	background-image: url(../img/age_high.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec3Row--lowSp {
		position: relative
	}
	.top-sec3Row--lowSp::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -30px;
		width: 16px;
		height: 118px;
		margin: auto;
		content: '';
		background-image: url(../img/age_low.svg)
	}
	.top-sec3Row--middleSp {
		position: relative
	}
	.top-sec3Row--middleSp::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -30px;
		width: 16px;
		height: 118px;
		margin: auto;
		content: '';
		background-image: url(../img/age_middle.svg)
	}
	.top-sec3Row--highSp {
		position: relative
	}
	.top-sec3Row--highSp::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -30px;
		width: 16px;
		height: 118px;
		margin: auto;
		content: '';
		background-image: url(../img/age_high.svg)
	}
}
.top-sec3Row--ttl {
	height: 120px
}
.top-sec3Row--ttl::before {
	display: none
}
.top-sec3Box {
	width: 80px;
	margin-right: 5px;
	margin-left: 5px
}

@media print, screen and (max-width:960px) {
	.top-sec3Box {
		width: 100%;
		margin-right: auto;
		margin-left: auto
	}
}
.top-sec3Box p {
	font-size: 11px;
	height: 30px;
	text-align: center;
	letter-spacing: .001em
}

@media print, screen and (max-width:960px) {
	.top-sec3Box p {
		width: 22vw;
		margin: auto
	}
}
.top-sec3BoxImg {
	width: 80px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto
}

@media print, screen and (max-width:960px) {
	.top-sec3BoxImg {
		width: 22vw
	}
}
.top-sec3BoxImg_img {
	width: 100%
}
/*まちがいさがし、もじかずめいろ用*/
.top-sec3-2Content{
	position: relative;
	margin-bottom: 30px;
}

.top-sec3-2Content::before {
	position: absolute;
	z-index: 1;
	top: 500px;
	right: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: url(../img/dotted_border.svg);
}
@media print, screen and (max-width:960px) {
	.top-sec3-2Content::before {
		display: none
	}
}

@media print, screen and (max-width:960px) {
	.top-sec3-2Content {
		margin-bottom: 7.29167%
	}
}
.top-sec3-2Content img {
	width: 100%
}

@media print, screen and (max-width:960px) {
	.top-sec3-2Content img {
		margin-bottom: 3.125%
	}
}
.top-sec3-2ColumnWrp {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media print, screen and (max-width:960px) {
	.top-sec3-2ColumnWrp {
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column
	}
}
.top-sec3-2ColumnWrp::before {
	position: absolute;
	top: 120px;
	right: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: url(../img/dotted_border.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec3-2ColumnWrp::before {
		display: none;
	}
}
.top-sec3-2ColumnWrp::after {
	position: absolute;
	top: 310px;
	right: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: url(../img/dotted_border.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec3-2ColumnWrp::after {
		display: none;
	}
}
.top-sec3-2LeftColumn {
	width: 400px;
	margin-left: 50px;
	border-radius: 5px;
	background-color: #d6e589;
}

@media print, screen and (max-width:960px) {
	.top-sec3-2LeftColumn {
		width: 90%;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: auto
	}
}
.top-sec3-2RightColumn {
	width: 400px;
	border-radius: 5px;
	background-color: #cfcfeb;
}

@media print, screen and (max-width:960px) {
	.top-sec3-2RightColumn {
		width: 90%;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: auto
	}
}
.top-sec3-2Row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 190px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media print, screen and (max-width:960px) {
	.top-sec3-2Row {
		position: relative;
		height: 55vw
	}
}

@media print, screen and (max-width:960px) {
	.top-sec3-2Row::before {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 3px;
		content: '';
		background-image: url(../img/dotted_border.svg)
	}
}
.top-sec3-2Row--low {
	position: relative
}
.top-sec3-2Row--low::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 16px;
	height: 118px;
	margin: auto;
	content: '';
	background-image: url(../img/age_low.svg)
}
.top-sec3-2Row--middle {
	position: relative
}
.top-sec3-2Row--middle::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 16px;
	height: 118px;
	margin: auto;
	content: '';
	background-image: url(../img/age_middle.svg)
}
.top-sec3-2Row--high {
	position: relative
}
.top-sec3-2Row--high::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 16px;
	height: 118px;
	margin: auto;
	content: '';
	background-image: url(../img/age_high.svg)
}

@media print, screen and (max-width:960px) {
	.top-sec3-2Row--lowSp {
		position: relative
	}
	.top-sec3-2Row--lowSp::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -30px;
		width: 16px;
		height: 118px;
		margin: auto;
		content: '';
		background-image: url(../img/age_low.svg)
	}
	.top-sec3-2Row--middleSp {
		position: relative
	}
	.top-sec3-2Row--middleSp::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -30px;
		width: 16px;
		height: 118px;
		margin: auto;
		content: '';
		background-image: url(../img/age_middle.svg)
	}
	.top-sec3-2Row--highSp {
		position: relative
	}
	.top-sec3-2Row--highSp::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -30px;
		width: 16px;
		height: 118px;
		margin: auto;
		content: '';
		background-image: url(../img/age_high.svg)
	}
}
.top-sec3-2Row--ttl {
	height: 120px
}
.top-sec3-2Row--ttl::before {
	display: none
}

@media print, screen and (max-width:960px) {
	.table_machigai_ttl,
	.table_moji_kazu_meiro_ttl{
		margin: 0 auto;
		text-align: center;
	}
	h3.table_machigai_ttl img,
	h3.table_moji_kazu_meiro_ttl img{
		width: 88%!important;
	}
}
.top-sec3-2Box {
	width: 125px;
	margin-right: 5px;
	margin-left: 5px;
}


@media print, screen and (max-width:960px) {
	.top-sec3-2Box {
		width: 100%;
		margin-right: auto;
		margin-left: auto
	}
}
.top-sec3-2Box p {
	font-size: 11px;
	/*	height: 30px;*/
	text-align: center;
	letter-spacing: .001em
}

@media print, screen and (max-width:960px) {
	.top-sec3-2Box p {
		width: 22vw;
		margin: auto
	}
}
.top-sec3-2BoxImg {
	width: 80px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto
}

@media print, screen and (max-width:960px) {
	.top-sec3-2BoxImg {
		width: 22vw
	}
}
.top-sec3-2BoxImg_img {
	width: 100%
}
.d-main {
	background: linear-gradient(to right, #BAE3F9, #EAF6FD, #BAE3F9);
	padding-bottom: 40px;
}

@media print, screen and (max-width:960px) {
	.d-main {
		/*background-image: none*/
	}
}
/**/
.d-mainTtlBg {
	position: relative;
	background-color: #fff;
	padding-top: 45px;
	padding-bottom: 80px;
	margin-bottom: 85px;
}
.d-mainTtlBgInner {
	position: relative;
}
.d-mainTtlBg_bgL {
	position: absolute;
	top: -45px;
	left: -120px;
	width: 401px;
	z-index: 1;
}
.d-mainTtlBg_bgR {
	position: absolute;
	top: 65px;
	right: -120px;
	width: 386px;
	z-index: 1;
}
.d-mainTtlBg_bgB {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 660px;
	margin: 0 auto;
	transform: translateX(-140px)
}
.d-mainTtlBgWrp {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 35px;
	background-color: #FFE100;
}
.d-mainTtlBg_ttl {
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 366px;
}
.d-mainTtlBg_img {
	width: 100%;
}
@media screen and (min-width:960px) and ( max-width:1200px) {
	.d-mainTtlBg_bgL {
		top: -45px;
		left: -7vw;
		width: 33.4vw;
	}
	.d-mainTtlBg_bgR {
		top: 5vw;
		right: -2vw;
		width: 29.16vw;
	}
	.d-mainTtlBg_ttl {
		width: 25vw;
	}


}
@media print, screen and (max-width:960px) {
	.d-mainTtlBgInner {
		width: 100% !important;
	}
	.d-mainTtlBgWrp{
		background-color:transparent;
	}
	.d-mainTtlBg {
		background-color: #fff;
		position: relative;
		padding-top: 0;
		padding-bottom: 0;
	}
	.d-mainTtlBg_bgL {
		display: none;
	}
	.d-mainTtlBg_bgR {
		display: none;
	}
	.d-mainTtlBg_bgB {
		display: none;
	}
	.d-mainTtlBg_ttl {
		width: 100%;
	}
	.d-mainTtlBg_img {
		width: 100%;
	}

}
.d-main_ttl {
	font-family: 'Rounded Mplus 1c';
	font-size: 42px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 40px;
	padding-top: 40px;
	text-align: center;
	color: #5a3c00
}

@media print, screen and (max-width:960px) {
	.d-main_ttl {
		font-size: 5.21vw;
		margin-bottom: 4.16667%;
		padding-top: 4.16667%
	}
}
.d-sec {
	background-color: #fff;
	position: relative;
	width: 920px;
	padding-right: 20px;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-top: 60px;
	padding-bottom: 40px;
	border-radius: 15px;
}

@media print, screen and (max-width:960px) {
	.d-sec {
		width: 95.83333%;
		margin-left: 0;
		margin-left: 0;
		padding: 5.20833% 2.08333% 0;
	}
}

.d-sec_ttl--01 {
	position: absolute;
	left: -1.13%;
	top: -20px;
	width: 53.54%;
}
.d-sec_ttl--02 {
	position: absolute;
	left: -1.15%;
	top: -20px;
	width: 48.2%;
}
.d-sec_ttl--03 {
	position: absolute;
	left: -1.15%;
	top: -20px;
	width: 38.1%;
}
.d-sec_img {
	width: 100%;
}
@media print, screen and (max-width:960px) {
	.d-sec_ttl--01 {
		width: 89%;
		left: -1.63%;

	}
	.d-sec_ttl--02 {
		width: 80%;
		left: -1.65%;
	}
	.d-sec_ttl--03 {
		width: 64%;
		left: -1.65%;
	}
}

.d-secContentWrp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}

@media print, screen and (max-width:960px) {
	.d-secContentWrp {
		flex-direction: column-reverse;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column-reverse;
	}
}
.d-secLContent {
	margin-bottom: 50px;
	width: 54.91%;
}
@media print, screen and (max-width:960px) {
	.d-secLContent {
		width: 100%;
	}
}
.d-secLContent--arrow {
	position: relative;
}
.d-secLContent--arrow::after {
	position: absolute;
	content: "";
	background-image: url(../img/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -68px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 62px;
	height: 73px;
}
.d-secLContent_img {
	width: 100%;
}

.d-secRContent {
	width: 42%;
}

.d-secRContent--animal01 {
	position: relative;
}
.d-secRContent--animal01::before {
	position: absolute;
	content: "";
	background-image: url(../img/img_animal01.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: -80px;
	right: -20px;
	width: 393px;
	height: 533px;
}
@media print, screen and (max-width:960px) {
	.d-secRContent--animal01::before {
		position: absolute;
		content: "";
		background-image: url(../img/img_animal01_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		top: 5.4px;
		right: -2vw;
		width: 80vw;
		height: 80vw;
	}
}
.d-secRContent--animal02 {
	position: relative;
}
.d-secRContent--animal02::before {
	position: absolute;
	content: "";
	background-image: url(../img/img_animal02.png);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -150px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 349px;
	height: 428px;
}
@media print, screen and (max-width:960px) {
	.d-secRContent--animal02::before {
		position: absolute;
		content: "";
		background-image: url(../img/img_animal02_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		top: 12vw;
		bottom: auto;
		right: -3vw;
		left: auto;
		margin: 0 auto;
		width: 80vw;
		height: 60vw;
	}
}

.d-secRContent--animal03 {
	position: relative;
}
.d-secRContent--animal03::before {
	position: absolute;
	content: "";
	background-image: url(../img/img_animal03.png);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -180px;
	right: -30px;
	width: 349px;
	height: 428px;
}
@media print, screen and (max-width:960px) {
	.d-secRContent--animal03::before {
		position: absolute;
		content: "";
		background-image: url(../img/img_animal03_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		top: 18vw;
		bottom: auto;
		right: 10vw;
		left: auto;
		margin: 0 auto;
		width: 70vw;
		height: 60vw;
	}
}

.d-secRContent_txt {
	margin-top: 8px;
	font-size: 17px;
	font-weight: 600;
	color: #543E0F;
	line-height: 1.8;
	padding-bottom: 3px;
	white-space: nowrap;
}
@media print, screen and (max-width:960px) {
	.d-secRContent_txt {
		font-size: 4.0vw;
		white-space: normal;
		margin-top: 5vw;
	}
}
.d-secRContent_underLine {
	border-bottom: 4px solid #FFE100;
}
.d-secRContent_txt--num1 {
	position:relative;
	padding-left: 1.2em;
}
.d-secRContent_txt--num1:before {
	position:absolute;
	content: "";
	background-image: url(../img/icon_square_01.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 5px;
	left: 0;
	width: 18.8px;
	height: 18.8px;
}
.d-secRContent_txt--num2 {
	position:relative;
	padding-left: 1.2em;
}
.d-secRContent_txt--num2:before {
	position:absolute;
	content: "";
	background-image: url(../img/icon_square_02.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 5px;
	left: 0;
	width: 18.8px;
	height: 18.8px;
}
.d-secRContent_txt--num3 {
	position:relative;
	padding-left: 1.2em;
}
.d-secRContent_txt--num3:before {
	position:absolute;
	content: "";
	background-image: url(../img/icon_square_03.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 5px;
	left: 0;
	width: 18.8px;
	height: 18.8px;
}
@media print, screen and (max-width:960px) {
	.d-secRContent_txt--num1 {
		padding-left: 1.8em;
	}
	.d-secRContent_txt--num1:before {
		position:absolute;
		content: "";
		background-image: url(../img/icon_square_01.png);
		background-repeat: no-repeat;
		background-size: contain;
		top: 1.4vw;
		left: 2vw;
		width: 4.7vw;
		height: 4.7vw;
	}
	.d-secRContent_txt--num2 {
		padding-left: 1.8em;
	}
	.d-secRContent_txt--num2:before {
		position:absolute;
		content: "";
		background-image: url(../img/icon_square_02.png);
		background-repeat: no-repeat;
		background-size: contain;
		top: 1.4vw;
		left: 2vw;
		width: 4.7vw;
		height: 4.7vw;
	}
	.d-secRContent_txt--num3 {
		padding-left: 1.8em;
	}
	.d-secRContent_txt--num3:before {
		position:absolute;
		content: "";
		background-image: url(../img/icon_square_03.png);
		background-repeat: no-repeat;
		background-size: contain;
		top: 1.4vw;
		left: 2vw;
		width: 4.7vw;
		height: 4.7vw;
	}
}
@media print, screen and (max-width:960px) {
	.d-secContent {
		margin-bottom: 6.25%
	}
}

.d-secRContent {
	margin-bottom: 50px
}
@media print, screen and (max-width:960px) {
	.d-secRContent {
		margin-bottom: 35vw;
		width: 100%;
	}
}
.d-secContent2 {
	width: 100%;
	padding-top: 30px;
}
.d-secContent2_img {
	display: block;
	width: 95%;
	margin: 0 auto;
}
.d-secContent3Wrp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
	padding-bottom: 30px;
}
.d-secContent3Wrp--border {
	position: relative;
	margin-bottom: 50px;
}
.d-secContent3Wrp--border:after {
	position: absolute;
	content: "";
	background-image: url(../img/border_brown.png);
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 4px;
}

@media print, screen and (max-width:960px) {
	.d-secContent2_img {
		width: 98%;
		margin: auto;
		display: block;
	}
	.d-secContent3Wrp {
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		width: 95%;
		margin: 0 auto;
	}
	.d-secContent3Wrp--border {
		margin-bottom: 5%;
	}
}
.d-sec3LContent {
	width: 40%;
	position: relative;
}
.d-sec3LContent_ttl {

}
.d-sec3LContent_img01 {
	width: 95%;
	position: absolute;
	top: 45px;
	left: 0;
}
.d-sec3LContent_img02 {
	width: 372px;
	position: absolute;
	top: -50px;
	left: 50px;
}
.d-sec3LContent_img03 {
	width: 353px;
	position: absolute;
	top: 45px;
	left: 100px;
}
.d-sec3RContent {
	width: 60%;
}
.d-sec3RContent_img01 {
	width: 95%;
	margin: -5px auto 0;
	display: block;
}
.d-sec3RContent_img02 {
	width: 290px;
	margin: -20px auto 0;
	display: block;
}
.d-sec3RContent_img03 {
	width: 260px;
	margin: -20px 0 0 130px;
	display: block;
}
@media print, screen and (max-width:960px) {
	.d-sec3RContent {
		width: 100%;
	}
	.d-sec3LContent {
		width: 100%;
		margin-bottom: 52%;
		margin-top: 10%;
	}
	.d-sec3LContent_img01 {
		position: absolute;
		top: 13vw;
		left: auto;
		right: 10vw;
		width: 52vw;
	}
	.d-sec3LContent_img02 {
		width: 60vw;
		position: absolute;
		top: -6vw;
		left: auto;
		right: 0;
	}
	.d-sec3LContent_img03 {
		width: 55vw;
		position: absolute;
		top: 102%;
		left: 20%;
	}
	.d-sec3RContent_img03 {
		width: 70%;
		margin: 5vw auto 0;
		display: block;
	}
	.d-sec3LContent_txt--01 {
		width: 74%;
	}
	.d-sec3LContent_txt--02 {
		width: 64%;
	}
	.d-sec3LContent_txt--03 {
		width: 82%;
	}

}
.d-sec4 {
	padding-top: 65px;
}
.d-sec4_ttl {
	text-align: center;
	margin-bottom: 60px;
}
@media print, screen and (max-width:960px) {
	.d-sec4_ttl {
		width: 93%;
		margin: 0 auto 5%;
	}
	.d-sec4_txt {
		width: 100%;
	}
}
.d-sec4ContentWrp {
	width: 510px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.d-sec4ContentWrp ul {
	display: flex;
	flex-wrap: wrap;
	gap: 40px
}
.d-sec4ContentWrp ul li {
	width: 135px;
}
@media print, screen and (max-width:960px) {
	.d-sec4ContentWrp {
		width: 93%;
		margin: 0 auto;
	}
}
.d-sec4Content {
	width: 120px;
	margin-bottom: 40px;
	display: block;
}
.d-sec4Content:not(:nth-child(3n)) {
	margin-right: 75px;
}
.d-sec4Content_img {
	width: 100%;
	margin-bottom: 20px;
}
.d-sec4Content_txt {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}
.d-sec4Content_btn {
	color: #fff;
	background-color: #004098;
	width: 120px;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: block;
	position: relative;
}
.d-sec4Content_btn:before {
	position: absolute;
	content: "";
	background-image: url(../img/icon_triangle_white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 9px;
	height: 10px;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto 0;


}

.d-sec4Content_btn:hover {
	opacity: 0.7;
}
.d-sec4Content_btnImg {
	width: 100%;
}
@media print, screen and (max-width:960px) {
	.d-sec4Content_btn {
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.d-sec4Content_btn:before {
		left: 3vw;
	}
	.d-sec4Content {
		width: 40%;
		margin-bottom: 5%;
	}
	.d-sec4Content:not(:nth-child(3n)) {
		margin-right: 0;
	}
	.d-sec4Content:not(:nth-child(2n)) {
		margin-right: 10%;
	}

	.d-sec4Content_img {
		width: 100%;
		margin-bottom: 5%;
	}
	.d-sec4Content_txt {
		font-size: 20px;
	}
	.d-sec4Content_btn {
		width: 100%;
	}
}

.d-secProductWrp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #5a3c00;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

@media print, screen and (max-width:960px) {
	.d-secProductWrp {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}
.d-secProduct {
	width: 140px
}

@media print, screen and (max-width:960px) {
	.d-secProduct {
		width: 46.875%
	}
}
.d-secProduct_ttl {
	width: 100%;
	margin-bottom: 15px
}
.d-secProduct_ttlImg {
	height: 17px
}

@media print, screen and (max-width:960px) {
	.d-secProduct_ttlImg {
		height: 3.7vw
	}
}
.d-secProduct_ttlImg--line2 {
	height: 42px
}

@media print, screen and (max-width:960px) {
	.d-secProduct_ttlImg--line2 {
		height: 9.7vw
	}
}
.d-secProduct_age {
	width: 87px;
	margin-bottom: 20px
}
.d-secPicBox {
	width: 140px;
	margin-bottom: 20px
}

@media print, screen and (max-width:960px) {
	.d-secPicBox {
		width: 100%;
		margin-bottom: 2.08333%
	}
}
.d-secPicBox_img {
	width: 100%
}
.d-sec2 {
	padding-top: 20px;
	padding-bottom: 50px
}

@media print, screen and (max-width:960px) {
	.d-sec2 {
		padding-top: 4.16667%;
		padding-bottom: 10.41667%
	}
}
.d-sec2Lead {
	margin-bottom: 30px
}

@media print, screen and (max-width:960px) {
	.d-sec2Lead {
		width: 90%;
		margin-right: auto;
		margin-bottom: 3.125%;
		margin-left: auto
	}
}
.d-sec2Lead_item {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.69;
	position: relative;
	margin-bottom: 5px;
	padding-left: 15px;
	letter-spacing: .001em;
	color: #333
}
.d-sec2Lead_item::after {
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_blue.svg)
}

@media print, screen and (max-width:960px) {
	.d-sec2Lead_item::after {
		top: 0;
		width: 10px;
		height: 10px;
		margin-top: 8px
	}
}
.d-sec2Img {
	width: 750px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto
}

@media print, screen and (max-width:960px) {
	.d-sec2Img {
		width: 90%;
		margin: 0 auto 5.20833%
	}
}
.d-sec2Img img {
	width: 100%
}
.d-sec2Point {
	position: relative;
	width: 780px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding: 20px;
	background-color: #fff0dc
}

@media print, screen and (max-width:960px) {
	.d-sec2Point {
		width: 90%;
		margin-bottom: 5.20833%
	}
}
.d-sec2Point::before {
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	width: 37px;
	height: 40px;
	margin: auto;
	content: '';
	background-image: url(../img/bg_balloon_top.png)
}

@media print, screen and (max-width:960px) {
	.d-sec2Point::before {
		display: none
	}
}
.d-sec2Point_ttl {
	font-family: 'Rounded Mplus 1c';
	font-size: 20px;
	font-weight: 700;
	line-height: 35px;
	position: relative;
	width: 610px;
	height: 35px;
	margin-bottom: 20px;
	padding-left: 65px;
	letter-spacing: .07em;
	color: #5a3c00;
	background-image: url(../img/bg_band_blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

@media print, screen and (max-width:960px) {
	.d-sec2Point_ttl {
		font-size: 3.75vw;
		width: 80%;
		margin-bottom: 5.20833%;
		background-image: url(../img/bg_band_blue_sp.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain
	}
}
.d-sec2Point_ttl::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 28px;
	height: 44px;
	margin: -5px auto 0;
	content: '';
	background-image: url(../img/icon_question.svg)
}
.d-sec2Point_point {
	font-family: 'Rounded Mplus 1c';
	font-size: 22px;
	font-weight: 700;
	line-height: 1.8;
	position: relative;
	margin-left: 10px;
	padding-left: 20px;
	letter-spacing: .02em;
	color: #5a3c00
}

@media print, screen and (max-width:960px) {
	.d-sec2Point_point {
		font-size: 3.96vw;
		margin-left: 1.04167%;
		padding-left: 4.16667%
	}
}
.d-sec2Point_point::after {
	position: absolute;
	top: 13px;
	left: 0;
	width: 15px;
	height: 15px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_blue.svg)
}

@media print, screen and (max-width:960px) {
	.d-sec2Point_point::after {
		top: 50%;
		width: 10px;
		height: 10px;
		margin-top: -4px
	}
}
.d-sec2Point_desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.69;
	margin-bottom: 10px;
	margin-left: 40px;
	letter-spacing: .02em;
	color: #333
}

@media print, screen and (max-width:960px) {
	.d-sec2Point_desc {
		font-size: 3.13vw;
		margin-bottom: 4.16667%;
		margin-left: 5.20833%
	}
}
.d-sec2Step {
	width: 90%;
	margin: 0 auto 8.33333%
}
.d-sec2Step img {
	width: 100%
}
.d-sec2BtnBox {
	position: relative;
	width: 300px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-radius: 5px;
	background-color: #5a3c00
}
.d-sec2BtnBox:hover {
	opacity: .7
}
.d-sec2BtnBox::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 16px;
	height: 18px;
	margin: auto 0;
	content: '';
	background-image: url(../img/icon_triangle.svg)
}
.d-sec2BtnBox::before:hover {
	opacity:.7
}
.d-sec2BtnBox_btn {
	font-family: 'Rounded Mplus 1c';
	font-size: 22px;
	font-weight: 700;
	line-height: 60px;
	display: block;
	padding-left: 20px;
	letter-spacing: .04em;
	color: #fff
}
.f-main {
	height: 50px;
	color: #5a3c00;
	border-top: 1px solid
}
.f-inner {
	height: 50px
}
.f-copy {
	font-size: 12px;
	font-weight: 400;
	line-height: 3.6;
	text-align: center;
	letter-spacing: .04em;
	color: #000
}
.l-inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto
}

@media print, screen and (max-width:960px) {
	.l-inner {
		width: 93%;
		margin: 0 auto
	}
}
.l-contentInner {
	width: 860px;
	margin-right: auto;
	margin-left: auto
}

@media print, screen and (max-width:960px) {
	.l-contentInner {
		width: 100%
	}
}
.l-sideWrp--both {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.l-secWrp {

}
.l-secTtl {
	font-family: 'Rounded Mplus 1c';
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	margin-bottom: 20px;
	padding-left: 35px;
	color: #5a3c00
}

@media print, screen and (max-width:960px) {
	.l-secTtl {
		font-size: 4.17vw;
		padding-left: 5%
	}
}
.l-secTtl::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	margin: auto 0;
	content: '';
	background-image: url(../img/icon_pen.svg)
}

@media print, screen and (max-width:960px) {
	.l-secTtl::before {
		width: 4.8%;
		height: 79%
	}
}

.l-linkBlock {
	display: block;
	margin-top: 10px;
}
@media print, screen and (max-width:380px) {
	.h-logoBox_logo {
		width: 105px
	}
	.h-btnBox::before{
		left: 7%;
	}
}


/*202301 sws bnr*/
.sws_bnr {
  display: block;
  width: 360px;
  margin: auto;
  padding-top: 30px;
  padding-bottom: 60px;
}

.sws_bnr img {
  width: 100%;
}

@media screen and (max-width: 576px) {
  .sws_bnr {
    width: calc(100% - 40px);
  }
}

/*header 変更*/
.header {
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	background-color: #fff;
	border-bottom: 1px solid #333;
	left: 0;
	padding: 11px 0 10px;
	/*position: fixed;*/
	right: 0;
	top: 0;
	z-index: 900;
}

.header__inner {
	align-items: center;
	display: flex;
	padding: 0 0.5rem;
}

.header__logo {
	display: flex;
}

.header__logo a {
	display: inline-block;
	height: inherit;
	width: 162px;
}

.header__logo img {
	-o-object-fit: contain;
	aspect-ratio: 120/51;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.header__buttons {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-left: auto;
}
.button,
.button--green {
	background-color: #5a2800;
	border-radius: 0.4rem;
	color: #fff;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1;
	padding: 11px 0 12px;
	text-align: center;
	width: 164px;
}

.button--green {
	background-color: #00b900;
	text-transform: uppercase;
}
.lineup h3 {
	width: fit-content;
	padding: 0 20px;
	text-align: center;
	margin: 0 auto 40px;
	line-height: 3rem;
	border-bottom: 5px solid #5a3c00;
	font-size: 2rem;
	color: #5a3c00;
}
.lineup h3 span {
	color: #5a3c00;
	vertical-align: top;
}
.lineup {
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
}
.lineup-box {
	width: 80%;
	margin: 0 auto;

}
.lineup__cta-buttons {
	width: 100%;
	margin: 0 auto;
}
.lineup__cta-button {
	flex:1;
}
.cta-button span, .cta-button--line span {
	padding-left: 1.25rem;
	position: relative;
}
.cta-button span::before, .cta-button--line span::before {
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	background-color: #fff;
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	content: "";
	height: 18px;
	left: -4px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
}
.cta-button, .cta-button--line {
	background-color: #358f2b;
	box-shadow: 0 6px 0 #25641e;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.024em;
	line-height: 1.3;
	/* max-width: 15.375rem; */
	padding: 12px 0;
	text-align: center;
	transition: 0.2s;
	width: 100%;
	margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.header {
	padding: 15px 0 14px;
}

.header__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1020px;
}

.header__logo a {
	width: 162px;
}

.header__buttons {
	flex-direction: initial;
	gap: 24px;
}

.cta-button,
.cta-button--line {
	background-color: #358f2b;
	box-shadow: 0 0.3125rem 0 #25641e;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.024em;
	line-height: 1;
	padding: 0.75rem 0;
	text-align: center;
	transition: 0.2s;
	width: 100%;
}

.cta-button span,
.cta-button--line span {
	padding-left: 1.25rem;
	position: relative;
}

.cta-button span::before,
.cta-button--line span::before {
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	background-color: #fff;
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	content: "";
	height: 1rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0.6875rem;
}

.cta-button--line {
	text-transform: uppercase;
}
.button,
.button--green {
	font-size: 16px;
	padding: 15px 20px;
	width: 160px;
}
.lineup__cta-buttons {
	display: flex;
	gap: 24px;
	justify-content: center;
	margin-top: 0.875rem;
}

.lineup__cta-button:not(:first-child) {
	margin-top: 0;
	margin-top: initial;
}
.cta-button,
.cta-button--line {
	box-shadow: 0 0.4375rem 0 #25641e;
	padding: 1.3125rem 0;
	width: 100%;
}
.lineup-box {
	width: 60%;
}

}
@media (hover: hover) {

	.cta-button:hover,
	.cta-button--line:hover {
		box-shadow: none;
		opacity: 1;
		transform: translateY(0.3125rem);
	}
}

@media screen and (min-width: 768px) {

	.pc {
		display: block;
	}
	
	.sp {
		display: none;
	}
}