@charset "utf-8";
/*
	Last Update: 2025/05/01
	Auther: yt
*/
/*===================================================================
	top
===================================================================*/
#main_image_wrap { position:relative; margin-top:calc(-1 * var(--header-height)); z-index:3; }
#main_image { overflow:hidden; }
#main_text { position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; }
#main_text p img { width: 180px; height: auto;}
#main_text .main_text { position:absolute; bottom:20%; right:calc(50% - 700px); }
#main_text .main_text .main { color:#fff; font-size:2.8em; text-align:right; display:flex; flex-direction:column; align-items:flex-end; }
#main_text .main_text .main .text_row { display:inline-block; background:linear-gradient(to bottom right, #E2EA12, #53B930); padding:10px 0 10px 10px; text-shadow:0 0 16px #50B848; white-space:nowrap; }
#main_text .main_text .main .text_row:not(:last-child) { margin-bottom:20px; }
#main_text .about_btn { position:absolute; width:480px; max-width:30%; bottom:0; left:0; transform:translateY(30%); }
#main_text .about_btn button { background:none; border:none; }
@media (max-width:1460px) {
	#main_text .main_text { right:20px; }
}
@media (max-width:1200px) {
	#main_text .main_text .main { font-size:2em; }
}
@media (min-width: 992px){
	#main_text .main_text_wrap { padding-left:50px; margin-top: 280px;}
	#main_text p { font-size:1.15em; }
	#main_image { margin: 0 auto; }
}
@media (min-width: 768px) and (max-width: 991px){
	#main_text .main_text_wrap { padding-left:30px; }
	#main_text .main_text .main { font-size:1.5em; }
}
@media (min-width:768px) {
	#base:not(.open) #head:not(.fixed) { background:transparent!important; }
}
@media (max-width: 767px){
	#main_image_wrap { margin-top:0; }
	#main_image { max-height:unset; }
	#main_text .main_text { top:20px; left:20px; right:auto; }
	#main_text .main_text .main { text-align:left; align-items:flex-start; font-size:8vw; }
	#main_text .main_text .main .text_row { margin-bottom:3vw; padding:3vw 0 3vw 3vw; }
	#main_text .main_text .main .text_row:not(:last-child) { margin-bottom:3vw; }
	#main_text .main_text_wrap { padding-left:15px; }
	#main_text .about_btn { bottom:50px; width:270px; max-width:unset; transform:none; }
}

#main_text .entry_btn { position:absolute; bottom:0; left:50%; transform:translate(-50%, 50%); text-align:center; display:flex; flex-direction:column; }
#main_text .entry_btn .copy { display:inline-block; color:#F04609; font-weight:bold; padding-left:30px; padding-right:30px; position:absolute; font-size:1.2em; padding-bottom:10px; text-shadow:0 0 4px #fff; left:50%; bottom:100%; transform:translateX(-50%); white-space:nowrap; line-height:1.1; }
#main_text .entry_btn .copy::before,
#main_text .entry_btn .copy::after { content:""; width:2px; height:80%; background:#F04609; display:block; position:absolute; top:50%; }
#main_text .entry_btn .copy::before { left:0; transform:rotate(-14deg) translateY(-50%); }
#main_text .entry_btn .copy::after { right:0; transform:rotate(14deg) translateY(-50%); }
#main_text .entry_btn a { font-size:1.5em; font-weight:bold; display:inline-block; border:2px solid #fff; border-radius:8px; padding:30px 50px; white-space:nowrap; }
#main_text .entry_btn a::after { content:''; position:absolute; top:50%; right:20px; width:10px; height:10px; margin:auto; border-top:2px solid #fff; border-right:2px solid #fff; transform:translateY(-50%) rotate(45deg); box-sizing:border-box; }
@media (max-width:1200px) {
	#main_text .entry_btn a { padding:20px 30px; }
}
@media (max-width:767px) {
	#main_text .entry_btn .copy { padding-left:10px; padding-right:10px; font-size:1em; }
}

.top_dialog_image { width:360px; top:-60px; left:40px; position:absolute; display:block; }
.top_dialog_wrap { display:flex; height:100%; }
.top_dialog_wrap ._left { width:400px; padding-right:40px; position:relative; }
.top_dialog_wrap ._left .logo { margin-top:150px; margin-bottom:10px; }
.top_dialog_wrap ._left .company .main { color:var(--c-green); margin-bottom:5px; font-size:1.5em; }
.top_dialog_wrap ._right { width:calc(100% - 400px); max-height:calc(100vh - 240px - 80px); overflow-y:auto; overscroll-behavior:none; }
.top_dialog_wrap .hl_dialog_top { margin-bottom:10px; }
.top_dialog_wrap .hl_dialog_top .main { font-size:1.5em; color:var(--c-green); }
.top_dialog_wrap .comment:not(:last-child) { padding-bottom:40px; margin-bottom:40px; border-bottom:2px dashed #DDE815; }
@media (max-width:1200px) {
	.top_dialog_wrap { flex-direction:column; }
	.top_dialog_wrap > * { width:100%!important; }
	.top_dialog_wrap ._left { width:100%; margin-left:auto; margin-right:auto; padding-right:0; padding-bottom:40px; margin-bottom:40px; border-bottom:2px dashed #DDE815; }
	.top_dialog_wrap ._left .logo { width:100%; display:flex; align-items:center; justify-content:center; margin-top:0; }
	.top_dialog_wrap ._left .company .main { text-align:center; }
	.top_dialog_wrap ._left .top_dialog_image_sp { width:220px; margin-right:20px; position:relative; }
	.top_dialog_wrap ._left .logo_image { width:400px; }
	.top_dialog_wrap ._right { overflow:visible; max-height:unset; }
}
@media (max-width:575px) {
	.top_dialog_wrap ._left .logo { flex-direction:column; }
	.top_dialog_wrap ._left .top_dialog_image_sp { margin-right:0; margin-bottom:20px; width:180px; }
	.top_dialog_wrap ._left .logo_image { max-width:100%; }
}

#about { position:relative; z-index:1; }
.about { background: url(../image/layout/border_bg.png) repeat center; background-size: 100vw; padding: 100px 0 80px;}
.about img { width: 200px; height: auto;}
.about .hl_about { font-size:3em; font-weight:bold; line-height:1.4; text-align:center; padding:20px; }
.about .FlexBox { max-width:1240px; padding-left:20px; padding-right:20px; margin-left:auto; margin-right:auto; }
.about .FlexBox  > * { width:50%; }
.about p { margin: 0 30px;}
.about_in { position:relative; }
.about_in .FlexBox { align-items:stretch; }
.about_in .FlexBox ._left { width:50%; }
.about_in .FlexBox ._left img { width:100%; height:auto; }
.about_in .FlexBox ._right { width:50%; display:flex; align-items:center; justify-content:center; position:relative; }
.about_in .hl_about { font-size:3em; font-weight:bold; line-height:1.4; text-align:center; padding:20px 0; margin-bottom:20px; }
.about_in .button_wrap { text-align:center; position:relative; z-index:2; }
.about_in .button_wrap > .about_more_button { max-width:100%; }
.about_more { margin: 0 auto; position:relative; padding:0 20px; }
.about_more::before { content:""; width:280px; height:280px; display:block; bottom:0; right:0; background:url(../image/top/about_image2.png) no-repeat center center / contain; position:absolute; transform:translate(40%,40%); }
.about_more .about_more_button { display:inline-block; font-size: 20px; font-weight: bold; width: 320px; padding: 15px 20px 15px 0; border-radius: 50px; position: relative;}
.about_more .about_more_button::after { content: ''; position: absolute; top: 40%; right: 10%; width: 10px; height: 10px; margin: auto; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); box-sizing: border-box; }
@media (max-width:1800px) {
	.about_more::before { width:200px; height:200px; transform:translate(10%,25%); }
}
@media (max-width:1440px) {
	.about_in .FlexBox ._left { width:38%; }
	.about_in .FlexBox ._right { width:62%; }
}
@media (max-width:1200px) {
	.about .hl_about,
	.about_in .hl_about { font-size:2.5em; }
	.about_more::before { width:140px; height:140px; }
}
@media (max-width:991px) {
	.about { padding:60px 0 40px; }
	.about .hl_about { padding:0 20px; }
	.about .FlexBox { flex-direction:column; }
	.about .FlexBox > * { width:100%; }
	.about .FlexBox ._left { padding-bottom:40px; }
	.about_in .FlexBox { position:relative; }
	.about_in .FlexBox ._left { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; opacity:.16; overflow:hidden; }
	.about_in .FlexBox ._right { position:relative; z-index:2; width:100%; padding-bottom:20px }
	.about_in .button_wrap { width:calc(100% - 140px); }
	.about_more::before { width:200px; height:200px; }
}
@media (max-width:767px) {
	.about_more::before { width:140px; height:140px; }
}
@media (max-width:575px) {
	.about_more::before { transform:translateY(30%); }
	.about_in .button_wrap { width:calc(100% - 120px); }
	.about_in .hl_about { font-size:2em; margin-bottom:0; }
}

.work { background:#fff; }

.member_slider_wrap { background:#F6F6F6; }

#member_image { position:relative; padding-top:70px; }
#member_image .member_list,
#member_image .slick-list { overflow:visible; }
body.pc #member_image .slick-arrow:hover { opacity:.6; }
#member_image .slick-arrow { width:60px; height:60px; background:var(--c-green) no-repeat center center / 13px auto; border-radius:60px; box-shadow:2px 2px 0 rgba(0,0,0,.25); transition:opacity .2s; top:0; transform:none; left:auto; position:absolute; font-size:0; color:transparent; border:0; z-index:2; }
#member_image .slick-prev { right:calc(50% - 570px + 70px); background-image:url(../image/layout/arrow_l.png); }
#member_image .slick-next { right:calc(50% - 570px); background-image:url(../image/layout/arrow_r.png); }
#member_image .slick-arrow::before { display:none; }
@media (max-width:1200px) {
	#member_image .slick-prev { right:90px; }
	#member_image .slick-next { right:20px; }
}
@media (max-width:767px) {
	#member_image { padding-top:0; }
	#member_image .slick-arrow { top:50%; transform:translateY(-50%); width:40px; height:40px; }
	#member_image .slick-prev { left:-10px; right:auto; }
	#member_image .slick-next { left:auto; right:-10px; }
	#member_image.member_list .member_detail { width:calc(100vw - 80px); }
}

.line_bnr .line_bnr_main img { width:100%; }

#entry_now { background:url(../image/layout/shop-1.jpg) no-repeat center center / cover; margin-top:50px; }
#entry_now h2 img { width: 560px; height: auto;}
#entry_now h3 { font-size: 1.75em; font-weight: bold; margin: 0; width:100%;}
#entry_now .entry_cat h3 { position:absolute; top:25px; left:50%; transform:translateX(-50%); }
.entry_head_wrap { text-align:center; }
.entry_head { margin:0; transform:translateY(-50%); display:inline-flex; justify-content:center; background:linear-gradient(to right, #42B334, #DFE915); align-items:center; padding:20px 30px; font-weight:bold; }
.entry_head .main { font-size:3.5em; color:#fff; padding-right:20px; text-shadow:0 0 16px #50B848; }
.entry_head .sub { display:flex; align-items:center; }
.entry_head .sub .unit { display:inline-block; background:#fff; color:#50B848; font-size:1.75em; padding:10px; font-weight:bold; }
.entry_head .sub .unit:not(:last-child) { margin-right:10px; }
.no_paper { padding: 10px;}
.easy { padding: 10px;}
.entry_more { text-align: center;}
.entry_more a { font-size: 20px; font-weight: bold; padding:15px 20px; border-radius: 50px; display:inline-block; max-width:calc(100% - 40px); width:240px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); }
.entry_more a::after { content: ''; position: absolute; top:50%; right:20px; width: 10px; height: 10px; margin: auto; border-top: 2px solid #fff; border-right: 2px solid #fff; transform:translateY(-50%) rotate(45deg); box-sizing: border-box; }
.entry_cat { height: 0; border-radius: 10px; background:no-repeat center bottom / 100% auto; position:relative; padding-bottom:115%; }
.regular { background-image:url(../image/top/entry1.png); }
.full { background-image:url(../image/top/entry2.png); }
.short { background-image:url(../image/top/entry3.png); }
.regular2 { background-image:url(../image/top/entry1.jpg); }
.full2 { background-image:url(../image/top/entry2.jpg); }
.short2 { background-image:url(../image/top/entry3.jpg); }
@media (max-width:1200px) {
	.entry_head .main { font-size:2.75em; }
	.entry_head .sub .unit { font-size:1.25em; }
}
@media (max-width:991px) {
	#entry_now { margin-top:0; }
	.entry_head_wrap { margin-bottom:30px; }
	.entry_head { background:none; flex-direction:column; align-items:flex-start; transform:none; margin-top:0; padding:40px 0 0; }
	.entry_head .main { background:linear-gradient(to right, #42B334, #DFE915); padding:10px 20px; margin-bottom:20px; font-size:3em; }
	.entry_head .sub { flex-wrap:wrap; }
	.entry_head .sub .unit { background:#50B848; color:#fff; margin-bottom:10px; }
	#entry_now .entry_cat h3 { position:relative; top:auto; left:auto; transform:none; font-size:1.5em; margin-bottom:10px; }
	.entry_more a { position:relative; bottom:auto; left:auto; transform:none; }
	.entry_cat { padding:15px; height:auto; background-size:auto 100%; background-position:left bottom; display:flex; flex-direction:column; justify-content:center; }
	.entry_cat > * { width:calc(100% - 180px)!important; margin-left:auto!important; display:flex; justify-content:center; }
	.regular { background-image:url(../image/top/entry1-sp.png); }
	.full { background-image:url(../image/top/entry2-sp.png); }
	.short { background-image:url(../image/top/entry3-sp.png); }
	.regular2 { background-image:url(../image/top/entry1-sp.jpg); }
	.full2 { background-image:url(../image/top/entry2-sp.jpg); }
	.short2 { background-image:url(../image/top/entry3-sp.jpg); }
	.entry_cat .example_wrap { margin-bottom:10px; }
	.entry_cat .button_wrap a { padding:10px; }
}
@media (max-width:575px) {
	.entry_head .main { width:320px; text-align:center; }
	.entry_cat { padding:10px; }
	.entry_cat > * { width:calc(100% - 110px)!important; }
	.entry_cat .example_wrap { line-height:1.2; }
	.entry_cat .example_wrap p { font-size:.9em; }

}