@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: 112vw;
	background-image: url(../img/main_bg_sp.png);
	background-repeat: no-repeat;
	background-position: bottom center;
    background-size: 100%;
    background-color: #f0f0f0;
}
}
.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: 30px;
	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;
	color: #5a3c00;
}

@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;
	color: #5a3c00;
}

@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-image: url(../img/bg_pattern.png);
	background-repeat: repeat;
	background-position: center center;
	background-size: 176px
}

@media print, screen and (max-width:960px) {
.d-main {
	background-image: none
}
}
.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 {
	position: relative;
	width: 920px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 40px;
	padding-bottom: 40px
}

@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--green {
	border-radius: 5px;
	background-color: #c2e3de;
}
.d-sec--pink {
	border-radius: 5px;
	background-color: #ffcfca;
}
.d-sec--yellow {
	border-radius: 5px;
	background-color: #ffde80;
}
.d-sec--rightgreen {
	border-radius: 5px;
	background-color: #d6e589;
}
.d-sec--purple {
	border-radius: 5px;
	background-color: #cfcfeb;
}
.d-sec--animal01:after {
	position: absolute;
	top: -40px;
	right: 10px;
	width: 122px;
	height: 150px;
	margin: auto 0;
	content: '';
	background-image: url(../img/animal_03.png)
}

@media print, screen and (max-width:960px) {
.d-sec--animal01:after {
	top: -2%;
	right: 0;
	width: 90.75px;
	height: 112.5px;
	background-repeat: no-repeat;
	background-size: 75% 75%
}
}
.d-sec--animal02:after {
	position: absolute;
	top: -25px;
	right: 30px;
	width: 96px;
	height: 158px;
	margin: auto 0;
	content: '';
	background-image: url(../img/animal_04.png)
}

@media print, screen and (max-width:960px) {
.d-sec--animal02:after {
	top: -1%;
	right: -2%;
	width: 72px;
	height: 118.5px;
	background-repeat: no-repeat;
	background-size: 75% 75%
}
}
.d-sec--animal03:after {
	position: absolute;
	top: -25px;
	right: 30px;
	width: 152px;
	height: 151px;
	margin: auto 0;
	content: '';
	background-image: url(../img/animal_05.png)
}


@media print, screen and (max-width:960px) {
.d-sec--animal03:after {
	top: -1%;
	right: -3%;
	width: 114px;
	height: 113.25px;
	background-repeat: no-repeat;
	background-size: 75% 75%
}
}

.d-sec--animal04:after {
	position: absolute;
	top: -15px;
	right: 30px;
	width: 135px;
	height: 142px;
	margin: auto 0;
	content: '';
	background-image: url(../img/animal_tanuki_01.png);
	background-repeat: no-repeat;
}


@media print, screen and (max-width:960px) {
.d-sec--animal04:after {
    top: -1%;
    right: 1%;
    width: 80px;
    background-repeat: no-repeat;
    background-size: contain;
}
}

.d-sec--animal05:after {
	position: absolute;
	top: -15px;
	right: 35px;
	width: 114px;
	height: 147px;
	margin: auto 0;
	content: '';
	background-image: url(../img/animal_inu_01.png);
	background-repeat: no-repeat;
}


@media print, screen and (max-width:960px) {
.d-sec--animal05:after {
	top: -1%;
	right: 2%;
	width: 70px;
	background-repeat: no-repeat;
	background-size:contain;
}
}

.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
}

@media print, screen and (max-width:960px) {
.d-secContentWrp {
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column
}
}
.d-secContent {
	margin-bottom: 50px
}

@media print, screen and (max-width:960px) {
.d-secContent {
	margin-bottom: 6.25%
}
}
.d-secContent--long {
	width: 450px
}

@media print, screen and (max-width:960px) {
.d-secContent--long {
	width: 80%;
	margin-right: auto;
	margin-left: auto
}
}
.d-secContent--mdl {
	width: 380px
}

@media print, screen and (max-width:960px) {
.d-secContent--mdl {
	width: 80%;
	margin-right: auto;
	margin-left: auto
}
}
.d-secContent--short {
	width: 315px
}

@media print, screen and (max-width:960px) {
.d-secContent--short {
	width: 80%;
	margin-right: auto;
	margin-left: auto
}
}
/*まちがいさがし内調整*/
.machigai_book_box .d-secProductWrp{
   border-bottom:none;	
    margin: 0 auto;
}

.machigai_book_box .d-secContent_atte{
	margin-top: 0px;
	padding-top: 20px;
	    border-top: 1px solid #5a3c00;
}
@media print, screen and (max-width:960px) {
	.machigai_book_box .d-secContent_atte{
		padding-top: 2.08333%;
	  border-top: 1px solid #5a3c00;
		    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
}
/*,もじかずめいろ内調整*/
.moji_kazu_meiro_book_box{
	width: 100%;
}
.moji_kazu_meiro_book_box .d-secProductWrp{
   border-bottom:none;	
    margin: 0 auto;
	width: 66%;
}

.moji_kazu_meiro_book_box .d-secContent_atte{
	margin-top: 0px;
	padding-top: 20px;
	border-top: 1px solid #5a3c00;
}
@media print, screen and (max-width:960px) {
	.moji_kazu_meiro_book_box .d-secProductWrp{
		    width: 80%;;
}
	.moji_kazu_meiro_book_box .d-secContent_atte{
		padding-top: 2.08333%;
	  border-top: 1px solid #5a3c00;
		    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
	
}
/**/
.d-secContent_atte {
	width: 100%;
	margin-top: 20px
}

@media print, screen and (max-width:960px) {
.d-secContent_atte {
	margin-top: 2.08333%
}
}
.d-secContent_atteItem {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.62;
	position: relative;
	margin-bottom: 5px;
	padding-left: 15px;
/*	letter-spacing: .001em;*/
	color: #333
}
.d-secContent_atteItem--green::after {
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_green.svg)
}

@media print, screen and (max-width:960px) {
.d-secContent_atteItem--green::after {
	top: 0;
	width: 10px;
	height: 10px;
	margin-top: 5px
}
}
.d-secContent_atteItem--pink::after {
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_pink.svg)
}

@media print, screen and (max-width:960px) {
.d-secContent_atteItem--pink::after {
	top: 0;
	width: 10px;
	height: 10px;
	margin-top: 5px
}
}
.d-secContent_atteItem--yellow::after {
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_yellow.svg)
}

@media print, screen and (max-width:960px) {
.d-secContent_atteItem--yellow::after {
	top: 0;
	width: 10px;
	height: 10px;
	margin-top: 5px
}
}

.d-secContent_atteItem--rightgreen::after {
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_rightgreen.svg)
}

@media print, screen and (max-width:960px) {
.d-secContent_atteItem--rightgreen::after {
	top: 0;
	width: 10px;
	height: 10px;
	margin-top: 5px
}
}

.d-secContent_atteItem--purple::after {
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: auto 0;
	content: '';
	background-image: url(../img/dot_purple.svg);
}

@media print, screen and (max-width:960px) {
.d-secContent_atteItem--purple::after {
	top: 0;
	width: 10px;
	height: 10px;
	margin-top: 5px
}
}
.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 {
	background-color: #fff;
	padding-bottom: 60px;
}
.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-detailSec_ttl {
	font-family: 'Rounded Mplus 1c';
	font-size: 32px;
	font-weight: 700;
	line-height: 1.38;
	position: relative;
	margin-bottom: 50px;
	letter-spacing: .05em;
	color: #5a3c00
}

@media print, screen and (max-width:960px) {
.l-detailSec_ttl {
	font-size: 5.21vw;
	width: 80%;
	margin-right: auto;
	margin-bottom: 5.20833%;
	margin-left: auto
}
}
.l-detailSec_ttl::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background-image: url(../img/dotted_border.svg)
}
.l-linkBlock {
	display: block;
	margin-top: 10px;
}
@media print, screen and (max-width:380px) {
.h-logoBox_logo {
	width: 105px
}
.h-btnBox::before{
	left: 7%;
}
}

/*header 変更*/
.header {
	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.3rem;
	margin-left: auto;
}
.button,
.button--green {
	background-color: #5a2800;
	border-radius: 0.375rem;
	color: #fff;
	display: inline-block;
	font-size: 0.8rem;
	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-bottom: 80px;
}
.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%;
}

}
@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;
	}
}