@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* index.less */
#wrap .title_box font span{transform:translate(-50%,-50%) rotate(0deg);-webkit-transform:translate(-50%,-50%) rotate(0deg);}#wrap .title_box font b{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);}#wrap .title_box.showtime font span{transform:translate(-50%,-50%) rotate(-30deg);-webkit-transform:translate(-50%,-50%) rotate(-30deg);}#wrap .title_box.showtime font b{transform:translate(0,-9px);-webkit-transform:translate(0,-9px);}#wrap .img_show:before{transform:skew(19deg,0);-webkit-transform:skew(19deg,0);}#wrap .img_show.showtime:before{transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;}

/* section */
section {max-width: 90%;margin: 0 auto;padding: 5vw 0;}
section.last {background: linear-gradient(0deg, rgb(0 0 0 / 0%), rgb(245 183 77 / 20%));max-width: 90vw;padding: 0 5vw 5vw;}
section.section_pad { padding: 5vw 0; }
section>* { z-index: 3; }
section .title_box {margin: 0 auto 60px;font-size: 45px;letter-spacing: 10px;}
section .title_box font { padding: 10px 0; box-sizing: border-box; line-height: 1; font-size: 50px; z-index: 5; }
section .title_box font span { width: 280px; height: 3px; top: calc((100% - 3px) / 2); left: 50%; z-index: 1; }
section .title_box font span:before, section .title_box font span:after { position: absolute; width: 50%; height: 100%; background: var(--secondary); display: block; top: 0; left: 0; content: ""; }
section .title_box font span:after { left: auto; right: 0; }
section .title_box font b { line-height: 100%; letter-spacing: .15em; font-style: italic; font-size: 55px; font-weight: 600; text-transform: uppercase; z-index: 4; opacity: 0; }
section .title_box font .sub_title { font-weight: bold; font-size: 22px; text-transform: uppercase; font-style: italic; top: 80px; left: 85px; opacity: 0; }
section .title_box.showtime font span:before, section .title_box.showtime font span:after { width: 25%; -webkit-transition-delay: .2s; transition-delay: .2s; }
section .title_box.showtime font b { opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }
section .title_box.showtime font .sub_title { opacity: 1; -webkit-transition-delay: .8s; transition-delay: .8s; }
section .img_show:before { position: absolute; width: 200%; height: 100%; background: var(--secondary); content: ""; top: 0; left: -50%; z-index: 10; }
section .img_show.showtime:before { left: 120%; }

#wrap{position: relative;background: linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(239 149 161 / 25%));}

#clock{padding: 3vw 0 0;}
#clock .clockdiv {display: block;font-family: sans-serif;text-align: center;font-weight: 100;font-size: 30px;color: #fff;}
#clock .clockdiv > div {padding: 10px;display: inline-block;}
#clock .clockdiv div > span {padding: 0 15px;border-radius: 3px;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 80px;font-weight: 800;color: #cf3f62;}
#clock .smalltext {font-size: 26px;text-align: center;}

#ttitle{position:relative;display: flex;flex-direction: column;align-items: center;}
#ttitle .text{display: flex;flex-direction: column;align-items: center;}
#ttitle p{display:inline-block;font-size: 54px;color: #353535;vertical-align: baseline;margin: 0 10px;text-align: center;text-transform: uppercase;font-weight: 600;position: relative;}
#ttitle p:first-child{font-family: "Montserrat", sans-serif;}
#ttitle .word{position:absolute;width: 100%;opacity:0;font-size: 54px;top: 0;display: flex;justify-content: center;}
#ttitle .letter{display:inline-block;position:relative;float:left;transform:translateZ(25px);transform-origin:50% 50% 25px;font-size: 54px;}
#ttitle .letter.out{transform:rotateX(90deg);transition:transform 0.32s cubic-bezier(0.55,0.055,0.675,0.19)}
#ttitle .letter.behind{transform:rotateX(-90deg)}
#ttitle .letter.in{transform:rotateX(0deg);transition:transform 0.38s cubic-bezier(0.175,0.885,0.32,1.275)}
#ttitle .wisteria span{color:#d04063}
#ttitle .belize span{color:#d04063}
#ttitle .pomegranate span{color:#d04063}
#ttitle .green span{color:#d04063}
#ttitle .midnigh span{color:#d04063}

@-webkit-keyframes fall{0%{opacity:0.9;top:0}
100%{opacity:0.2;top:100%}
}@-o-keyframes fall{0%{opacity:0.9;top:0}
100%{opacity:0.2;top:100%}
}@-ms-keyframes fall{0%{opacity:0.9;top:0}
100%{opacity:0.2;top:100%}
}@-moz-keyframes fall{0%{opacity:0.9;top:0}
100%{opacity:0.2;top:100%}
}@keyframes fall{0%{opacity:0.9;top:0}
100%{opacity:0.2;top:100%}
}@-webkit-keyframes blow-soft-left{0%{margin-left:0}
100%{margin-left:-50%}
}@-o-keyframes blow-soft-left{0%{margin-left:0}
100%{margin-left:-50%}
}@-ms-keyframes blow-soft-left{0%{margin-left:0}
100%{margin-left:-50%}
}@-moz-keyframes blow-soft-left{0%{margin-left:0}
100%{margin-left:-50%}
}@keyframes blow-soft-left{0%{margin-left:0}
100%{margin-left:-50%}
}@-webkit-keyframes blow-medium-left{0%{margin-left:0}
100%{margin-left:-100%}
}@-o-keyframes blow-medium-left{0%{margin-left:0}
100%{margin-left:-100%}
}@-ms-keyframes blow-medium-left{0%{margin-left:0}
100%{margin-left:-100%}
}@-moz-keyframes blow-medium-left{0%{margin-left:0}
100%{margin-left:-100%}
}@keyframes blow-medium-left{0%{margin-left:0}
100%{margin-left:-100%}
}@-webkit-keyframes blow-soft-right{0%{margin-left:0}
100%{margin-left:50%}
}@-o-keyframes blow-soft-right{0%{margin-left:0}
100%{margin-left:50%}
}@-ms-keyframes blow-soft-right{0%{margin-left:0}
100%{margin-left:50%}
}@-moz-keyframes blow-soft-right{0%{margin-left:0}
100%{margin-left:50%}
}@keyframes blow-soft-right{0%{margin-left:0}
100%{margin-left:50%}
}@-webkit-keyframes blow-medium-right{0%{margin-left:0}
100%{margin-left:100%}
}@-o-keyframes blow-medium-right{0%{margin-left:0}
100%{margin-left:100%}
}@-ms-keyframes blow-medium-right{0%{margin-left:0}
100%{margin-left:100%}
}@-moz-keyframes blow-medium-lerightft{0%{margin-left:0}
100%{margin-left:100%}
}@keyframes blow-medium-right{0%{margin-left:0}
100%{margin-left:100%}
}@-webkit-keyframes sway-0{0%{-webkit-transform:rotate(-5deg)}
40%{-webkit-transform:rotate(28deg)}
100%{-webkit-transform:rotate(3deg)}
}@-o-keyframes sway-0{0%{-o-transform:rotate(-5deg)}
40%{-o-transform:rotate(28deg)}
100%{-o-transform:rotate(3deg)}
}@-ms-keyframes sway-0{0%{-ms-transform:rotate(-5deg)}
40%{-ms-transform:rotate(28deg)}
100%{-ms-transform:rotate(3deg)}
}@-moz-keyframes sway-0{0%{-moz-transform:rotate(-5deg)}
40%{-moz-transform:rotate(28deg)}
100%{-moz-transform:rotate(3deg)}
}@keyframes sway-0{0%{transform:rotate(-5deg)}
40%{transform:rotate(28deg)}
100%{transform:rotate(3deg)}
}@-webkit-keyframes sway-1{0%{-webkit-transform:rotate(10deg)}
40%{-webkit-transform:rotate(43deg)}
100%{-webkit-transform:rotate(15deg)}
}@-o-keyframes sway-1{0%{-o-transform:rotate(10deg)}
40%{-o-transform:rotate(43deg)}
100%{-o-transform:rotate(15deg)}
}@-ms-keyframes sway-1{0%{-ms-transform:rotate(10deg)}
40%{-ms-transform:rotate(43deg)}
100%{-ms-transform:rotate(15deg)}
}@-moz-keyframes sway-1{0%{-moz-transform:rotate(10deg)}
40%{-moz-transform:rotate(43deg)}
100%{-moz-transform:rotate(15deg)}
}@keyframes sway-1{0%{transform:rotate(10deg)}
40%{transform:rotate(43deg)}
100%{transform:rotate(15deg)}
}@-webkit-keyframes sway-2{0%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(56deg)}
100%{-webkit-transform:rotate(22deg)}
}@-o-keyframes sway-2{0%{-o-transform:rotate(15deg)}
40%{-o-transform:rotate(56deg)}
100%{-o-transform:rotate(22deg)}
}@-ms-keyframes sway-2{0%{-ms-transform:rotate(15deg)}
40%{-ms-transform:rotate(56deg)}
100%{-ms-transform:rotate(22deg)}
}@-moz-keyframes sway-2{0%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(56deg)}
100%{-moz-transform:rotate(22deg)}
}@keyframes sway-2{0%{transform:rotate(15deg)}
40%{transform:rotate(56deg)}
100%{transform:rotate(22deg)}
}@-webkit-keyframes sway-3{0%{-webkit-transform:rotate(25deg)}
40%{-webkit-transform:rotate(74deg)}
100%{-webkit-transform:rotate(37deg)}
}@-o-keyframes sway-3{0%{-o-transform:rotate(25deg)}
40%{-o-transform:rotate(74deg)}
100%{-o-transform:rotate(37deg)}
}@-ms-keyframes sway-3{0%{-ms-transform:rotate(25deg)}
40%{-ms-transform:rotate(74deg)}
100%{-ms-transform:rotate(37deg)}
}@-moz-keyframes sway-3{0%{-moz-transform:rotate(25deg)}
40%{-moz-transform:rotate(74deg)}
100%{-moz-transform:rotate(37deg)}
}@keyframes sway-3{0%{transform:rotate(25deg)}
40%{transform:rotate(74deg)}
100%{transform:rotate(37deg)}
}@-webkit-keyframes sway-4{0%{-webkit-transform:rotate(40deg)}
40%{-webkit-transform:rotate(68deg)}
100%{-webkit-transform:rotate(25deg)}
}@-o-keyframes sway-4{0%{-o-transform:rotate(40deg)}
40%{-o-transform:rotate(68deg)}
100%{-o-transform:rotate(25deg)}
}@-ms-keyframes sway-4{0%{-ms-transform:rotate(40deg)}
40%{-ms-transform:rotate(68deg)}
100%{-ms-transform:rotate(25deg)}
}@-moz-keyframes sway-4{0%{-moz-transform:rotate(40deg)}
40%{-moz-transform:rotate(68deg)}
100%{-moz-transform:rotate(25deg)}
}@keyframes sway-4{0%{transform:rotate(40deg)}
40%{transform:rotate(68deg)}
100%{transform:rotate(25deg)}
}@-webkit-keyframes sway-5{0%{-webkit-transform:rotate(50deg)}
40%{-webkit-transform:rotate(78deg)}
100%{-webkit-transform:rotate(40deg)}
}@-o-keyframes sway-5{0%{-o-transform:rotate(50deg)}
40%{-o-transform:rotate(78deg)}
100%{-o-transform:rotate(40deg)}
}@-ms-keyframes sway-5{0%{-ms-transform:rotate(50deg)}
40%{-ms-transform:rotate(78deg)}
100%{-ms-transform:rotate(40deg)}
}@-moz-keyframes sway-5{0%{-moz-transform:rotate(50deg)}
40%{-moz-transform:rotate(78deg)}
100%{-moz-transform:rotate(40deg)}
}@keyframes sway-5{0%{transform:rotate(50deg)}
40%{transform:rotate(78deg)}
100%{transform:rotate(40deg)}
}@-webkit-keyframes sway-6{0%{-webkit-transform:rotate(65deg)}
40%{-webkit-transform:rotate(92deg)}
100%{-webkit-transform:rotate(58deg)}
}@-o-keyframes sway-6{0%{-o-transform:rotate(65deg)}
40%{-o-transform:rotate(92deg)}
100%{-o-transform:rotate(58deg)}
}@-ms-keyframes sway-6{0%{-ms-transform:rotate(65deg)}
40%{-ms-transform:rotate(92deg)}
100%{-ms-transform:rotate(58deg)}
}@-moz-keyframes sway-6{0%{-moz-transform:rotate(65deg)}
40%{-moz-transform:rotate(92deg)}
100%{-moz-transform:rotate(58deg)}
}@keyframes sway-6{0%{transform:rotate(65deg)}
40%{transform:rotate(92deg)}
100%{transform:rotate(58deg)}
}@-webkit-keyframes sway-7{0%{-webkit-transform:rotate(72deg)}
40%{-webkit-transform:rotate(118deg)}
100%{-webkit-transform:rotate(68deg)}
}@-o-keyframes sway-7{0%{-o-transform:rotate(72deg)}
40%{-o-transform:rotate(118deg)}
100%{-o-transform:rotate(68deg)}
}@-ms-keyframes sway-7{0%{-ms-transform:rotate(72deg)}
40%{-ms-transform:rotate(118deg)}
100%{-ms-transform:rotate(68deg)}
}@-moz-keyframes sway-7{0%{-moz-transform:rotate(72deg)}
40%{-moz-transform:rotate(118deg)}
100%{-moz-transform:rotate(68deg)}
}@keyframes sway-7{0%{transform:rotate(72deg)}
40%{transform:rotate(118deg)}
100%{transform:rotate(68deg)}
}@-webkit-keyframes sway-8{0%{-webkit-transform:rotate(94deg)}
40%{-webkit-transform:rotate(136deg)}
100%{-webkit-transform:rotate(82deg)}
}@-o-keyframes sway-8{0%{-o-transform:rotate(94deg)}
40%{-o-transform:rotate(136deg)}
100%{-o-transform:rotate(82deg)}
}@-ms-keyframes sway-8{0%{-ms-transform:rotate(94deg)}
40%{-ms-transform:rotate(136deg)}
100%{-ms-transform:rotate(82deg)}
}@-moz-keyframes sway-8{0%{-moz-transform:rotate(94deg)}
40%{-moz-transform:rotate(136deg)}
100%{-moz-transform:rotate(82deg)}
}@keyframes sway-8{0%{transform:rotate(94deg)}
40%{transform:rotate(136deg)}
100%{transform:rotate(82deg)}
}.sakura{background:-webkit-linear-gradient(120deg,rgba(255,183,197,0.9),rgba(255,197,208,0.9));background:-o-linear-gradient(120deg,rgba(255,183,197,0.9),rgba(255,197,208,0.9));background:-ms-linear-gradient(120deg,rgba(255,183,197,0.9),rgba(255,197,208,0.9));background:-moz-linear-gradient(120deg,rgba(255,183,197,0.9),rgba(255,197,208,0.9));background:linear-gradient(120deg,rgba(255,183,197,0.9),rgba(255,197,208,0.9));-webkit-border-radius:12px 1px;-o-border-radius:12px 1px;-ms-border-radius:12px 1px;-moz-border-radius:12px 1px;border-radius:12px 1px;-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;-o-pointer-events:none;pointer-events:none;position:absolute}

/* bg_box */
.bg_box { width: 100%; height: 100%; background: no-repeat 50% / cover; opacity: .5; top: 0; left: 0; }
.bg_box:before { width: 100%; height: 100%; display: block; background: rgba(var(--white-rgb), 1); content: ""; }
.bg_box.white:before { background: rgb(255 255 255); }

/* about_area */
#about_area article { margin-bottom: 30px; line-height: 210%; letter-spacing: 2px; font-weight: 400; }
#about_area .more { bottom: 10%; z-index: 1; }

/* news_area */
#news_area .time { font-weight: 300; font-style: italic; line-height: 120%; }
#news_area .img_cover, #book_area .img_cover { height: 350px; transition: all 0.3s ease-in-out; }
#news_area h3 { margin-top: 10px; height: 45px; line-height: 45px; letter-spacing: .15em; font-weight: 600; font-size: 22px; }
#news_area h3:before { position: absolute; width: 0; height: 2px; background: var(--secondary); display: block; bottom: 0; left: 0; content: ""; }
#news_area .slick-current h3:before { width: 100%; }
#news_area .more font { font-weight: 600; font-style: italic; }
#news_area .more svg { margin-left: 10px; width: 18px; height: 13px; }

/* experience_area */
#experience_area {background: linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(245 183 77 / 20%));max-width: 90vw;padding: 0 5vw 5vw;}

/* book_area */
#book_area .booklist{display:grid;grid-template-columns: 48% 48%;justify-content: space-between;}
#book_area .booklist img{aspect-ratio: 4 / 3;object-fit: cover;}
#book_area .booklist p{padding:20px 30px 0;text-align: center;font-size: 18px;}

/* page-form */
#page-form{padding-top: 4vw;max-width: 100%;}
#page-form .workframe{width:min(90%, 1100px);text-align: center;}
#page-form form,#page-form fieldset{margin:0;padding:0;border:0}
#page-form fieldset:first-child{display:flex;flex-wrap: wrap;justify-content: center;}
#page-form fieldset p{overflow:hidden;color:#000;font-size:16px;margin: 10px 0;width: calc(50% - 12px);}
#page-form .btn{display:flex;justify-content: center;flex-wrap: wrap;}
#page-form .btn p{width: auto;margin: 30px 10px 0;}
#page-form label{float:left;width:100px;text-align:right;padding:5px 0}
#page-form span{display:block}
#page-form .ra span{width:auto;float:left;margin-left:10px;padding:5px 0}
#page-form input[type="text"],#page-form select{width:calc(100% - 32px);padding: 15px;border:1px solid #bdbdbd;color:#000;background: none;font-size: 15px;border-radius: 5px;}
#page-form input#Checknum{margin: 0 10px 0 0;width: calc(100% - 110px);}
#page-form select{width:calc(100% - 1px);-webkit-appearance:none;background: url(/images/33/arrow.png) no-repeat scroll 99% center transparent;background-repeat:no-repeat;background-position:97% 50%;padding: 20px 17px;border-radius: 5px;}
#page-form p.send input{background: #f397a4;color: #fff;text-align:center;padding: 14px 50px;font-size: 14px;outline:none;cursor:pointer;border: 0;width: auto;}
#page-form p.send input:hover{background:#edb24a}
#page-form .btn p.phone a{background: var(--secondary);color:#fff;text-align:center;padding: 16px 40px;font-size: 16px;letter-spacing: 2px;display: flex;justify-content: center;align-items: center;}
#page-form .btn p.line a{background: #12b508;color:#fff;text-align:center;padding: 16px 40px;font-size: 16px;outline:none;cursor:pointer;letter-spacing: 2px;display: flex;justify-content: center;align-items: center;}
#page-form .btn p a svg{width:20px;height: 20px;margin-right: 10px;}
#page-form article{font-size:15px;line-height:170%}
#page-form h2 img{margin-right:5px;vertical-align:bottom}
#page-form h3{display: inline-block;font-size:24px;color:#353535;vertical-align:baseline;margin: 0 10px 20px;text-align: center;}
#page-form h3.en{display: block;font-size: 54px;text-transform: uppercase;font-family: "Montserrat", sans-serif;}
#page-form h3.jp:before{content:'/';margin-right: 20px;}

@media screen and (min-width: 1281px) {
	#product_list { width: var(--width-xl); }
	#book_area li:hover a b { letter-spacing: .4em; }
}
@media screen and (min-width: 1025px) {
	#about_area #photo_list { order: 1; }
	#about_area article { width: 80%; }
}
@media screen and (max-width: 1440px) {
	section{max-width:100%;}
}
@media screen and (max-width: 1280px) {
	#about_info .contentbuilder:last-child >div:not(:nth-child(2)){order:-1;max-width: 50%;flex: unset;}
	#about_info .contentbuilder:last-child >div:nth-child(2){max-width:100%;flex: unset;margin-top: 30px;}
}
@media screen and (max-width: 1024px) {
	#about_area .more { margin-top: 15px; }
	section.last{max-width:100vw;padding: 0 0 5vw;}
}
@media screen and (max-width: 768px) {
	#book_area .booklist p{padding:20px 0 0;font-size: 16px;}
	#about_info .contentbuilder >div{width: 100% !important;}
	#about_info .contentbuilder >div img{width:100% !important;}
	#about_info .contentbuilder:last-child >div:nth-child(2) *{padding: 0 !important;}
}
@media screen and (max-width: 640px) {
	#page-form h3.jp:before{display:none;}
	#clock .smalltext{font-size:14px}
	#clock .clockdiv div > span{font-size: 45px;padding: 0;}
	#clock{margin-top:5vw}
	#ttitle p, #ttitle .letter, #page-form h3.en{font-size:35px}
	#page-form fieldset p{width:100%}
	section .title_box{font-size:35px;letter-spacing: 5px;}
	#book_area .booklist p{padding:20px 0 0;font-size: 13px;}
	section .title_box font span { width: 200px; }
	section .title_box font b { font-size: 40px; }
	section .title_box font .sub_title { font-size: 17px; left: 55px; }
	#book_list { width: 90%; margin: 0 auto; }
}
@media screen and (max-width: 380px) {
	section .title_box.showtime font span:before, section .title_box.showtime font span:after { width: 10%; }
}