@charset "UTF-8";

.wrap{
	width: 93.33333vw;
	background: #FEFAF7;
	margin: 0 auto;
	border-radius:6.4vw;
	margin-top: 34.1vw;
	transition: 0.5s;
	margin-bottom :6.11111vw;
}

.wrap2{
	width: 93.33333vw;
	background: #FEFAF7;
	margin: 0 auto;
	border-radius:6.4vw;
	margin-top: 34.1vw;
	transition: 0.5s;
	margin-bottom :6.11111vw;
}



.txtBlock1, .txtBlock2{
	border-radius: 2.13333vw!important;
	padding:6.4vw!important;
	margin: 3.33333vw 0!important;
}

.txtBlock2{
	padding-left: 17.06666vw!important;
	position: relative;
}
.txtBlock2:before{
	content:"";
	background: url("/img/common/quote_icon.svg") no-repeat;
	background-size: contain;
	width: 5.645vw;
	height: 4.90333vw;
	position:absolute;
	left: 6.4vw;
    top: 6.4vw;
}

body.background .wrap{
	background: transparent;
	transition: 0.5s;
}

.wp-block-embed{
	margin: 3.3333vw 0;
}



.wp-block-embed iframe{
	width: 100%;
	height: auto;
    border-radius: 2.22222vw;
}

.menuBtn{
	opacity:1.0;
}
.subNavWrap{
	position: fixed;
	left:0;
	bottom:-15vw;
	width: 100vw;
	z-index:20;
	overflow: scroll;
    transition: 0.7s;
}
body.on .subNavWrap{
    bottom:0;
    transition: 0.7s;
}

.subNav{
    display: flex;
	width: max-content;
    align-items: center;
    height: 13.3333vw;
	padding-left: 4.2666vw;
    background: #EAE3DE;
	gap: 4.26666vw;
    min-width: 100vw;
    padding-right: 4.26666vw;
    justify-content: center;
}

.subNav.select1 li:nth-child(1),
.subNav.select2 li:nth-child(2),
.subNav.select3 li:nth-child(3),
.subNav.select4 li:nth-child(4),
.subNav.select5 li:nth-child(5){
    background: #383533;
    height: 2.9861111vw;
    padding: 3.2vw;
    color: #FEFAF7;
    border-radius: 15vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subNav.select1 li:nth-child(1) a,
.subNav.select2 li:nth-child(2) a,
.subNav.select3 li:nth-child(3) a,
.subNav.select4 li:nth-child(4) a,
.subNav.select5 li:nth-child(5) a{
    color:#FEFAF7;
    font-weight: 500;
}
h1{
	position: absolute;
    left: 50%;
    top: 0;
    margin-top: 0;
    padding-top: 2.4vw;
	padding-left: 2.4vw;
	margin-left: -6.13vw;
}

h1 a{
	display: block;
}

h1:before{
	content: "";
    border: #312928 1px solid;
    position: absolute;
    width: 18.466666vw;
    height: 28.933333vw;
    left: -0.9vw;
    top: -2.2vw;
    pointer-events: none;
    opacity: 0.3;
}

h1 img{
	width: 12.26vw;
    margin-left: 0.1vw;
    margin-top: 0.25vw;}

h1:after{
	content: "";
    border: #312928 1px solid;
    position: absolute;
    width: 16.8vw;
    height: 29.46vw;
    left: 0;
    top: -1.75vw;
    pointer-events: none;
    opacity: 0.3;
}
/* contact
-----------------*/

.wrap.contact input[type="text"],.wrap.contact input[type="email"], .wrap.contact textarea{
	border: #CEC1B8 1px solid;
	width: 100%;
	background: #F8F2EF;
	height: 12.8vw;
	border-radius: 1.06666vw;
	padding: 4vw;
}

.wrap.contact textarea{
	height: 32vw;	
}

.wrap.contact label.fileInput{
	background: #383533;
    border-radius: 8vw;
    height: 11.73vw;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    padding: 0 12.8vw 0 6.4vw;
    position: relative;
    font-size: 3.2vw;
    min-width: 50%;
}
.mw_wp_form_confirm label.fileInput{
    display: none;
}

.mw_wp_form_confirm label.fileInput{
    display:none;
}

.wrap.contact label.fileInput .mwform-file-delete{
    display: none;
}
.wrap.contact label.fileInput:after{
    background: url(/img/common/arrow1_1.svg) no-repeat;
	background-size: contain;
    content: "";
    width: 1.5vw;
    height: 3vw;
    position: absolute;
    right: 5.5vw;
    top: 4.15vw;
}
.wrap.contact .mw_wp_form_input input[type = "file"]{
	display: none;
}


.wrap.contact input[type = "submit"]{
	background: #383533;
    color: #fff;
    border-radius: 2.13333vw;
    height: 17.066vw;
    width: 100%;
    font-size: 4.2666vw;
    font-weight: 600;
    margin-top: 4.72222vw;
    letter-spacing: 0.05em;
}
.nametext{
	margin-top: 3.2vw;
    color: #383533;
    display: block;
    font-weight: 400;
}
.wrap.contact .fileSelect{
    color: #fff;
    font-weight: 600;
    /* position: absolute; */
    left: 0;
    margin-top: -17vw;
    display: block;
    position: relative;
    margin-left: 5vw;
}
.mw_wp_form_confirm label.fileInput, .mw_wp_form_confirm small.fileSelect{
	display: none!important;
}
.mw_wp_form_confirm .fileSelect{
    display: none;
}
.wrap.contact label.fileInput .fileSelect{
	display: flex;
    align-items: center;
    margin-top: 2.35vw;
    margin-left:0;
}

.wrap.contact .inner input[type = "submit"]{
    background: #222;
    color: #fff;
    border-radius: 0.55555vw;
    height: 5vw;
    width: 100%;
    font-size: 1.25vw;
    font-weight: 600;
	margin-top: 4.72222vw;
	letter-spacing: 0.05em;
}

.wrap.contact{
	padding: 4.444444vw 7.77777vw;
}

.wrap.contact strong {
    font-weight: 600;
    font-size: 4.26666vw;
    display: block;
	margin-bottom:0.4vw;
}

.wrap.contact form > p{
	margin-bottom: 5.33333vw;
}

.wrap.contact form p.backBtn input{
    opacity:0.5;
    margin-top:0;
}

.mw_wp_form_confirm p.fileUp{
    margin-bottom:0!important;
}

.mw_wp_form_confirm p.fileUp label{
        display: none!important;
}
.mw-wp-form_file a{
    margin-top: -6vw;
    display:block;
}
.wrap.contact strong span {
    font-size: 3.2vw;
    font-weight: 400;
}


.wrap,.wrap2{
	padding: 8.53333vw 6.4vw;
}

.wrap img,.wrap2 img{
	max-width: 100%;
}

.anim_parapara,.anim_scaleup,.anim_parallax,.anim_fade{
	margin: 12.8vw 0;
}

h2.ttl{
	font-size: 6.4vw;
	font-weight: 600!important;
	letter-spacing: 0.1em;
	position: relative;
	margin-bottom: 16vw;
	line-height: 1.0;
	text-align: center;
    width: 100%;
}

h2.ttl:after{
	content: "";
	position: absolute;
	left:0;
	bottom:-7.3833333vw;
	width: 100%;
	height: 0.5388888vw;
	background: url("../img/dummy/headline.svg");
}

hr.wp-block-separator{
    border-top: 1px solid #3C3130!important;
	border-bottom:none!important;
	margin: 12.8vw 0;
    opacity:0.15;
}

.wp-block-columns{
	margin:5.55555vw 0!important;
	display: flex;
}

.wrap > p{
	margin: 3.33333vw 0;
}

.authorBlock ruby{
	font-size: 6.4vw;
	font-weight: 600;
    display: block;
    line-height: 1.5;
}

.authorBlock ruby rb{
	display:block;
	margin-top:0.3vw;
	margin-bottom: 0.5vw;
    font-size: 3.2vw;
} 


h3 + style + p, h4 + style + p, h5 + style + p,h3 + p,h4+p,h5+p{
	margin-top: 0!important;
}

figure figcaption{
	font-size: 2.666666vw;
	margin-top:1.1111vw!important;
	color: #C0BBB9;
}

p.small{
	font-size: 2.666666vw;
}


h4.ttl4{
	font-size: 4.266666vw!important;
	font-weight: 600;
	margin-top: 6.4vw;
	margin-bottom: 1.11111vw;
	line-height: 1.65;
}

h5.ttl5{
	font-size: 3.733333vw;
	font-weight: 600;
	margin-top: 3.8vw;}

h3 + h4,h4 +h5{
	margin-top:0!important;
}

.wp-block-image{
	margin-bottom: 3.33333vw!important;
}
.wp-block-image img{
	height: auto;
}

@keyframes sca2{
    0%{left:0; top:0; transform: scale(0.5); opacity:0;}
    10%{left: -2vw; top:-2vw; transform: scale(0.55); opacity:0.1;}
    20%{left:1vw; top:1vw; transform: scale(0.6); opacity:0.2;}
    30%{left:-1vw; top:-1vw; transform: scale(0.65); opacity:0.3;}
    40%{left:0vw; top:1vw; transform: scale(0.7); opacity:0.4;}
    50%{left: -2vw; top:-1vw; transform: scale(0.75); opacity:0.5;}
    60%{left: 0; top: 2vw; transform: scale(0.8); opacity:0.6;}
    70%{left:-1vw; top:1vw; transform: scale(0.85); opacity:0.7;}
    80%{left:1vw; top:-1vw; transform: scale(0.9); opacity:0.8;}
    90%{left:-2vw; top:2vw; transform: scale(0.95); opacity:0.9;}
    100%{left:0; top:0; transform: scale(1.0); opacity:1.0;}
}

strong.frameText{
	font-size: 3.46vw!important;
	font-weight: 600;
	padding: 0.6vw 2.1333333vw;
	margin-top: 4.26666vw;
	margin-bottom: 6.4vw;
    border-radius: 1.1111vw;
}

.linkArea{
	margin-top: 9.6vw;
}

a.next{
	width: 100%;
	background: #383533;
	border-radius: 2.1333333vw;
	padding: 2.2222222vw;
	color: #FCF7F3;
	font-size: 4.8vw;
	display:block;
	text-align: center;
	line-height:  1.2;
	font-weight: 500;
	box-shadow: 0.41666vw 0.41666vw 0 0 rgba(173,158,155,0.35);
}

a.next span{
	display:block;
	font-size: 3.73333vw;
	margin-bottom: 0.5vw;
}

.child{
	margin-top: 6.4vw;
	margin-left: -0.2vw;
}

.linkArea a.btn1.back{
    width: 80vw;
    text-align: center;
    line-height: 1.2;
    vertical-align: top;
    /* box-shadow: 0.41666vw 0.41666vw 0 0 rgb(173 158 155 / 35%); */
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.94444444vw 3.4vw 1.94444444vw 8.972222vw;
}

.linkArea a.btn1.original{
    width: 80vw;
    text-align: center;
    line-height: 1.2;
    vertical-align: top;
    /* box-shadow: 0.41666vw 0.41666vw 0 0 rgb(173 158 155 / 35%); */
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.94444444vw 8.972222vw 1.94444444vw 3.4vw;
    margin-top:4.266666vw;
}

.linkArea a.btn1.back:after{
    transform: scale(-1, 1);
	left:7%;
}

.storyNav.none{
	opacity:0;
	transition: 0.7s;
	pointer-events: none;
}

.storyNav{
	position: fixed;
	left: 0;
	bottom: 0;
	display:flex;
	font-size: 2.93vw;
	text-align: center;
	opacity:1.0;
	transition: 0.4s;
    background: linear-gradient(to top,rgba(254,250,247,1.0),rgba(254,250,247,0));
    width: 100vw;
    height: 20vw;
    align-items: flex-end;
    padding-left: 3.1vw;
    padding-bottom:4.26666vw;
}

.storyNav ul{
	display:flex;
	justify-content: center;
	align-items:flex-start;
}

.storyNav figure{
	display: block;
}

.storyNav img{
	display: inline;
	height: 5.63vw;
}

.storyNav ul li{
	width: 12.5333vw;
	display: flex;
	justify-content: center;
	font-weight: 500;
}

.storyNav ul li span{
	display: block;
}

.storyNav ul li{
	opacity: 1.0;
	transition: 0.4s;
}

.storyNav ul li:hover{
	opacity:1.0;
	transition: 0.4s;
}

input, textarea{
	border: #CEC1B8 1px solid;
	width: 100%;
	background: #F8F2EF;
	
}

.profileBlock figure{
	text-align: center;
}

.profileBlock img{
	width: 65vw;
}

.readBlock{
	margin-top: 12.8vw;
	
}

.readBlock figure{
    height: 41.3333vw;
    overflow: hidden;
    border-radius: 1.666666vw;
	display:flex;
	align-items: center;
}

.readBlock h2{
    background: #383533;
    width: 80vw;
    height: 16vw;
    position: relative;
    padding-left: 4.26vw;
    margin-left: -8.44444vw;
    display: flex;
    align-items: center;
}


.readBlock h2 img{
	height: 5.5vw!important;
}

.readBlock h2:after{
    content: "";
    position: absolute;
    right: -15.9vw;
    border: 8vw transparent solid;
    border-left: 8vw #383533 solid;
    top: 0;
}

.readBlock div.block{
	opacity:0;
	transform: scale(1.05);
}

.readBlock div.block.on{
	opacity:1.0;
	transform: scale(1.00);
	transition: 0.7s;
}

.readBlock > div{
	width: 100%;
	margin: 0 auto 4.8vw;
	margin-top: 9.6vw;
	
}

.readBlock > div .txtBlock{
    padding: 4.3vw 0;
}

.readBlock figure img{
	width: 100%;
	border-radius: 1.666666vw;
}

.readBlock .txtBlock span{
	font-size: 3.733333vw;
	display: block;
	margin-left: 0.7vw;
}

.readBlock .txtBlock h3{
	font-size: 6.4vw;
	font-weight: 600;
	line-height: 1.35;
}

.readBlock .txtBlock p{
	margin-top: 1.2vw!important;
	margin-bottom:  4.8333vw;
}

.readBlock p.linkBlock{
	text-align:center;
	opacity:0;
}

.readBlock p.linkBlock.on{
	opacity:1.0;
	transition: 0.7s;
}

.readBlock a.link{
	position:relative;
	display:inline-block;
}
.readBlock a.link:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0.138888vw;
	background: #383533;
	left:0;
	bottom:0vw;
}

.readBlock a.link:after{
	content: "";
	background: url("../img/common/arrowBtn.png") no-repeat;
	background-size: cover;
	background-position: 80% 20%;
	width: 1.5972222vw;
	height: 1.5972222vw;
	display: inline-block;
	margin-left: 0.8vw;
    margin-top: -0.5vw;
}

.readBlock .linkBlock.on a.link:before{
	width: 100%;
	transition: 0.5s;
}


.bookBlock1 {
	margin-top: 8.3333vw;
	position: relative;
	transform: scale(1.00);
	opacity:1.0;
}


.bookBlock1 .area4Bg{
	position: absolute;
	left:0;
	top:3.333333vw;
	background: #fefaf7;
	height: 29.652777777vw;
	width: 86.875vw;
	border-radius: 0 1.6666666vw 1.6666666vw 0;
}

.underBlock .bookBlock1 .inner{
	margin-top: -52vw;
}


.unverBlock .bookBlock1 .inner figure{
	margin-right: 3.3vw;
}
.bookBlock1 .inner figure{
	width: 72.5333333vw;
	margin: 0 auto;
	margin-right: 2.8vw;
}
.bookBlock1 .inner figure img{
	width: 100%;
}

.bookBlock1 strong{
	position: relative;
	margin-bottom: 1.8055555vw;
	margin-top: 6.94444444vw;
    font-size: 6.4vw;
    font-weight: 600;
	line-height: 1.5;
}

.bookBlock1 .ttlItem li:nth-child(1){
    position: absolute;
    width: 12.3vw;
    height: 3.847222vw;
    left: -0.3vw;
    top: 3.2vw;
}

.bookBlock1 .inner > figure img{
	width: 72.5333333vw;
	margin: 0 auto;
}

.illustList{
	width: 100%;
}

.illustList ul{
	display: flex;
	flex-wrap:wrap;
/*	padding-top: 7.4666vw;*/
	gap: 4.266666vw;
}
.illustList + .illustList ul{
    padding-top: 4.26666vw;
}


.illustList ul li{
	max-width: 37.6vw;
	max-height: 37.6vw;
	overflow:hidden;
	border-radius: 2.13333vw;
}


.bookBlock1 p{
	margin-top: 2.8vw;
	margin-bottom: 4.83333vw;
}

.bookBlock2{
	margin: 0 auto;
}

.bookBlock2 strong.ttl{
	text-align: center;
	border-top: 1px solid #312928;
	border-bottom: 1px solid #312928;
	padding: 3.2vw 0;
	margin-top: 12.6vw;
	margin-bottom: 8.53vw;
	width: 100%;
	font-size: 5.33333vw;
	font-weight:600;
	display: block;
	line-height: 1.0;
	letter-spacing: 0.15em;
}

.bookBlock2 strong.bookttl{
	font-size: 4.26666vw;
	font-weight: 600;
	line-height: 1.5;
	display: block;
	margin-bottom: 1.1111vw;
}

.bookBlock2 span{
	font-size: 2.933333vw;
	display: block;
	margin-top: 0vw;
}


.bookBlock2 ul li {
	width: 100%;
}
.bookBlock2 ul li a{
	display: flex;
}
.bookBlock2 ul li{
	margin-bottom: 9.6vw;
}

.bookBlock2 ul li figure{
	width: 28vw;
	margin-right: 4.26vw;
}

.bookBlock2 ul li a > div{
	width: 54.66666vw;
}

.bookBlock2 ul li img{
	width: 100%;
	display: block;
}

.author{
	background: #F8F2EF;
    width: 93.33333vw;
	padding: 10.6666vw 6.7vw;
	margin: 10.66666vw 0 10.66666vw -6.4vw;
	align-items: center;
}

h3.ttl3 + .author{
	margin-top: 0!important;
}

h3.ttl3.center{
	text-align: center;
}

.author figure{
	width: 90%;
	margin: 0 auto;
	margin-left: 8vw;
	display: block;
}

.author figure img{
	width: 100%;
}

.author strong{
	line-height: 1.5;
	font-weight: 600;
	display: block;
	margin-top:0.8vw;
/*	margin-bottom: 0.6vw;*/
}

.author > div{
	width:100%;
}

.author strong p{
	font-size: 5.33333vw!important;
	margin-bottom: 0.4vw!important;
}
.author a.btn1{
	width: 100%;
	text-align: center;
padding: 1.94444444vw 2vw;
}

.author a.btn1:not(:last-child){
	margin-bottom: 0.66666vw;
	margin-top: 5.33333vw;
}

.author a.btn1:last-child{
	margin-top: 3.2vw;
}

.aboutBlock{
	position: relative;
	margin-top: -1.111111vw;
}

.aboutBlock h3{
	width: 89.6vw;
	margin-left: -4.722222vw;
	margin-bottom: 2.777777vw;
}

.aboutBlock h3 img{
	width: 100%;
}

.aboutBlock{
	width: 100%;
}

.aboutBlock > figure{
    position: absolute;
    right: -9.6vw;
    top: 25vw;
    width: 40.266666vw;
    overflow: hidden;
}

.aboutBlock figure img{
	width: 48.266666vw;
    margin-left: 9.5vw;
    display: block;}

.aboutBlock p{
    width: 57vw;
    margin-top: 8.53vw!important;
}
.newsBlock{
	display: flex;
	align-content: center;
}
.newsBlock dt{
	width: 18.8666vw!important;
}

.newsBlock dd{
	width: 62vw;
}

.newsBlock a{
	color: #BA3B35;
}

.newsBlock img{
	width: 6.4vw!important;
    margin-top: 0.8vw!important;
    margin-left: 0.8vw!important;
}

.wrap p strong{
	font-weight: 600;
}

.wrap p a{
	color: #BA3B35;
}

.vk_balloon-position-left{
	display: flex;
	margin: 4.8vw 0;
}
.vk_balloon-position-left figure{
	width: 14.666666vw;
}

.vk_balloon-position-left > div{
	position: relative;
/*	margin-left: 2.4305555vw;*/
}

.vk_balloon-position-left > div.vk_balloon_content_outer:after{
	position: absolute;
	content: "";
	background: url("../img/dummy/fukidashi_top.svg");
	width: 2.4vw;
	height: 2.4vw;
	left:-1.35vw;
	top:6vw;
}
.vk_balloon-position-left,.vk_balloon-position-right{
	height: calc(100% - 5vw);
}

.vk_balloon-position-left > div > span{
	color: #C0BBB9;
	font-size: 0.83333vw;
}

.vk_balloon-position-left > div > div,.vk_balloon-position-right > div > div{
/*	width: 31.25vw;*/
	width: 100%;
	background: #F8F2EF;
	border-radius: 2.136vw;
	position:relative;
	min-height: 8.5416666vw;
	display: flex;
	align-items: center;
	padding: 4.266666vw;
	max-width: 100%;
	height: 100%;
}

.vk_balloon-position-right figcaption,.vk_balloon-position-left figcaption{
	text-align: center;
	color: #C0BBB9;
    font-size: 2.4vw;
    line-height: 1.3;
    margin-top: 0.5vw;
    letter-spacing:0;
}

.vk_balloon-position-right{
	display: flex;
	margin: 4.8vw 0;
	flex-flow: row-reverse;
}
.vk_balloon-position-right figure{
	width: 14.666666vw;
}

.vk_balloon-position-right > div.vk_balloon_content_outer{
	position: relative;
	margin-right: 2.4305555vw;
}

.vk_balloon-position-right > div.vk_balloon_content_outer:after{
	position: absolute;
	content: "";
	background: url("../img/dummy/fukidashi_top.svg");
	width: 1.39236vw;
	height: 1.32777777vw;
	right:-1.35vw;
	top:6vw;
	transform: scale(-1, 1);
}

.vk_balloon-position-right > div > span{
	color: #C0BBB9;
	font-size: 0.83333vw;
}	


.vk_balloon-position-left .vk_balloon_content_outer{
	margin-left:4.266666vw;
}

.vk_balloon_content_outer{
	padding-top: 0.4vw;
	width: 100%;
}

.wrap2 .wp-block-columns{
	width: 100%;
	gap:1.38vw;
}


.wrap2 .wp-block-column{
	flex-basis: 50%;
}

h3.ttl3{
	font-size: 6.4vw;
	font-weight: 600;
	margin-top: 12.8vw;
}
h3.ttl3 p{
	position: relative;
	display: inline-block;
	line-height: 1.5;
	margin-bottom: 6.4vw;
}


h3.ttl3.noLine span{
	text-decoration: none;
}
h3.ttl3 span{
	position: relative;
/*
    text-decoration: underline #F2E0CF 2.113vw;
    text-underline-offset: -2.113vw;
	text-decoration-skip-ink: none;}
*/
    text-decoration: underline #F2E0CF 6vw;
    text-decoration-thickness: 7vw;
    text-underline-offset: -5.75vw;
	text-decoration-skip-ink: none;
    -webkit-text-decoration: underline;
	    -webkit-text-decoration-color: #F2E0CF;
	-webkit-text-decoration-thickness: 7vw;
-webkit-text-underline-offset: -5.75vw;
	-webkit-text-decoration-skip-ink: none;
}

h3.h3_genbun{
	font-size: 4.8vw;
	border-bottom: 1px solid #3C3130;
	width: 100%;
	margin-top: 5.55555vw;
	font-weight: 500;
}

h4.ttl4_genbun{
	font-size: 3.73333vw;
	font-weight: 600;
	margin-top: 4.8vw;
	background: #EBE4E1;
	border-radius: 1.11111vw;
	padding: 1.11111vw 3.2vw;
}
h3.h3_genbun + p,h4.ttl4_genbun + p{
    margin-top: 3.33333vw!important;
}

h3.h3_genbun + .wp-block-columns,
h3.h3_genbun + .wp-block-columns + .wp-block-columns ,
h3.h3_genbun + .wp-block-columns+ .wp-block-columns+ .wp-block-columns,
h3.h3_genbun + .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns,
h3.h3_genbun + .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns,
h3.h3_genbun + .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns,
h3.h3_genbun + .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns,
h3.h3_genbun + .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns,
h3.h3_genbun + .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns+ .wp-block-columns{
	margin-top: 1.2vw!important;
    margin-bottom: 0vw!important;}

.snsBlock{
	margin: 6.4vw 0!important;}

.snsBlock iframe{
	width: 100%;
	height: auto!important;
}
.snsBlock .twitter{
	margin-bottom: 6.4vw;
}

.underBlock.wrap{
	margin-top: 58.8vw;
	width: 100vw;
	margin-left:0!important;
	border-radius: 0;
	margin-bottom:0!important;
}

.underBlock .bookBlock1{
	margin-top: -54.8vw!important;
}

.mt{
	margin-top: 6.4vw!important;
}


/* mokuji
-------------------*/

.mokuji.top{
	margin-top: 44.8vw;
}

.mokuji.top h2{
	width: 80vw;
	margin-left: 10vw;
}

.btnNav{
    position: fixed;
    left: 0;
    bottom: -15vw;
    width: 100vw;
    z-index: 20;
    overflow: scroll;
    transition: 0.7s;
}

body.on .btnNav{
    bottom:0;
    transition:0.7s;
/*    transition-delay: 0.7s;*/
}

.btnNav ul{
    display: flex;
    width: max-content;
    align-items: center;
    height: 13.3333vw;
    padding-left: 4.2666vw;
    background: #EAE3DE;
    gap: 4.26666vw;
    min-width: 100vw;
}

.btnNav li{
	height: 2.777777vw;
	border-radius: 10vw;
	background : #EAE3DE;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btnNav li.active{
    background: #383533;
    height: 2.9861111vw;
    padding: 3.2vw;
    color: #FEFAF7;
    border-radius: 15vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btnNav li.active a{
	color: #FEFAF7;
	font-weight: 500;
}

.firstBlock, .mokujiBlock{
	width: 100vw;
	margin: 0 auto;
}

.firstBlock{
	background: #2A4A52;
	color: #FEFAF7;
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 10.666vw;
/*
	height: 36.18055555vw;
	font-size: 1.1111111vw;
*/
}

.firstBlock figure{
    position: absolute;
    height: 36.18055555vw;
    display: block;
    left: 0;
    top: 0;
}
.mokujiBlock figure{
	position: relative;
}

.firstBlock figure:before{
	content: "";
	position: absolute;
	left: 10vw;
	top: 6.4vw;
	height: 88.888vw;
	width: 80vw;
	background: #60777C;
	border-radius: 1.666666vw;
}

.mokujiBlock figure:before{
	content: "";
	position: absolute;
	left: 10vw;
	top: 6.4vw;
	height: 88.888vw;
	width: 80vw;
	background: #F4E3D4;
	border-radius: 1.666666vw;
}

.firstBlock figure img,.mokujiBlock figure img{
    position: absolute;
    width: 100vw;
    left: -7.477777vw;
    top: -15vw;
}

.firstBlock .right,.mokujiBlock .right{
	margin-top: 104vw;
	width: 80vw;
	position: relative;
	margin-left: 10vw;
}

.mokujiBlock .right{
	margin-top: 17.06666vw;
}

.firstBlock p.subttl{
	font-weight: 500;
	font-size: 3.73333vw;
}

.firstBlock h3{
	font-size: 8.53333vw;
	font-weight: 500;
	line-height: 1.0;
	margin-top: 0.5555vw;
	margin-bottom: 4.8vw;
}
.firstBlock p.txt{
	width: 100%;
}

.firstBlock p.txt{
	margin-bottom: 4.8vw;
}

.firstBlock a.btn_mokuji{
	background: #F8F2EF;
	height: 14.9vw;
	width: 100%;
	border-radius: 1.066666vw;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	padding: 1.38888vw 1.94444vw;
}

.firstBlock a.btn_mokuji,.mokujiBlock li a{
	position: relative;
}

.firstBlock a.btn_mokuji:after,.mokujiBlock li a:after{
	content:"";
	background: url("../img/common/arrowBtn.png") no-repeat;
	background-size: cover;
	background-position: 80% 20%;
	width: 6.4vw;
	height: 6.4vw;
	position: absolute;
	top:29%;
}
.mokujiBlock li a:after{
    top:10%;
}

.firstBlock a.btn_mokuji:after{
	right:3.2vw;
}

.mokujiBlock li a:after{
	right:0vw;
}

.mokujiBlock{
	font-size: 3.66666vw;
	background: #FEFAF7;
	margin-top: 11.944444vw;
	padding-bottom: 10.66666vw;
}

.mokujiBlock h3{
	color: #FEFAF7;
	display:table;
	border-radius: 0.138888vw;
	line-height: 1.35;
    text-decoration: underline #2A4A52 120%;
    text-decoration-thickness: 9vw;
    text-underline-offset: -7.2vw;
    text-decoration-skip-ink: none;
    -webkit-text-decoration: underline;
    -webkit-text-decoration-color: #2A4A52;
    -webkit-text-decoration-thickness: 9vw;
    -webkit-text-underline-offset: -11.5vw;
    -webkit-text-decoration-skip-ink: none;
}

.mokujiBlock p.subttl{
	color: #FEFAF7;
	display:table;
	border-radius: 0.138888vw;
	line-height: 1.35;
    text-decoration: underline #2A4A52 120%;
    text-decoration-thickness: 5vw;
    text-underline-offset: -3.9vw;
    text-decoration-skip-ink: none;
    -webkit-text-decoration: underline;
    -webkit-text-decoration-color: #2A4A52;
    -webkit-text-decoration-thickness: 9vw;
    -webkit-text-underline-offset: -11.5vw;
    -webkit-text-decoration-skip-ink: none;
}

.mokujiBlock div.ttlBlock{
    position: relative;
    padding-top: 92.55vw;
}

.mokujiBlock p.subttl{
	font-size: 4.26666vw;
	font-weight: 500;
}

.mokujiBlock h3{
	font-size: 7.46666vw;
	font-weight: 500;
	margin-top: 0.5555vw;
	margin-bottom: 2.22222vw;
}

.mokujiBlock li{
	display: flex;
    width: 100%;
    align-items: center;
    background: #F8F2EF;
    border-radius: 1.066666vw;
    margin-bottom: 1.06666vw;
    font-weight: 500;
    padding: 5.33333vw;
}

.mokujiBlock li a{
	display: flex;
	width: 100%;
	align-items: center;
}

.mokujiBlock .right ul{
	padding-top: 3.666666vw;
}

.wrap2 .wp-block-columns{
    display: block;
}