@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	/* -webkit-text-size-adjust: 100%; */
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: middle;
}

body {
font-feature-settings: "palt";
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}

@media only screen and(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

*, *::after, *::before {
	box-sizing: border-box;

}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;will-change: contents;
}

a,
img,
input,
svg,
*:before,
*:after {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a:hover img,
a:hover input {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}


html {font-size: 16px;}
img {vertical-align: middle;}
body {color: #000;font-family: 'Noto Sans JP', sans-serif;font-weight:400;letter-spacing: 0.05em;}
a {transition: opacity 0.2s;}
a:hover {opacity: 0.8;}
.spview {display: none;}
.pcview {display: block;}
.w1000{max-width: 1040px;padding:0 20px;margin:0 auto;}
.w900{max-width: 940px;padding:0 20px;margin:0 auto;}
@media screen and (max-width:750px) {
html {font-size: 4.2vw;}
.spview {display: block;}
.pcview {display: none;}
.w1000{width:100%;padding:0 5vw;}
}


header{padding:0 0 0 25px;border-top:10px solid #A98667;height: 113px;display: flex;justify-content: space-between;align-items: center;padding-bottom: 3px;}
header h1{width: 400px;}
header h1 img{width: 100%;}
header h1 span{display: none;}
header .pull_menu{background: #f2e7d1;padding:0 150px 0 40px;align-self: stretch;width: 490px;border-bottom-left-radius: 20px;display: flex;align-items: center;}
header .pull_menu ul{line-height: 2;display: flex;flex-wrap: wrap;}
header .pull_menu ul li{font-size: 14px;font-weight: 500;color:#5c3122;}
header .pull_menu ul li:nth-last-child(-n+2){display: none;}
header .pull_menu ul li:nth-child(2n)::before{content:"/";margin: 0 0.4em;}
header .pull_menu .close_btn{display: none;}
header .menu_btn{display: none;}
header .contact_btn{width: 100px;height: 110px;position: absolute;top:0;right: 0;z-index: 5;}
header .contact_btn a{height: 100%;text-align: center;display: flex;justify-content:center;align-items: center;background:#5c3122;flex-direction: column;transition: background 0.2s;}
header .contact_btn a:hover{opacity: 1;background:#7C5A4E;}
header .contact_btn img{width:38px;margin-bottom: 8px;}
header .contact_btn span{display: block;font-size: 13px;font-weight: 500;color:#fff;line-height: 1.4;}
@media screen and (max-width:950px) {
header .pull_menu{padding:0 100px 0 20px;width: 50%;}
}
@media screen and (max-width:900px) {
header .pull_menu{padding:0 60px 0 20px;width: 40%;}
header .pull_menu ul{line-height: 1.5;display: block;}
header .pull_menu ul li{font-size: 13px;}
header .pull_menu ul li:nth-child(2n)::before{content:none;margin:0;}
}
@media screen and (max-width:750px) {
header{padding:0 0 0 3vw;border-top-width:1.3vw;height:15.9vw;position: fixed;width: 100%;background:#fff;top:0;left:0;z-index:999;}
header h1{width: 29vw;}
header .pull_menu{background: rgba(40,26,22,0.95);padding:0;width: 100%;border-bottom-left-radius: 0;position: fixed;top:0;left: 0;height: 100%;z-index: 15;display: none;}
header .pull_menu ul{line-height: 1;display: block;padding:17vw 5vw 0;}
header .pull_menu ul li{font-size: 4.2vw;color:#fff;}
header .pull_menu ul li:nth-last-child(-n+2){display: block;}
header .pull_menu .close_btn{display: block;width: 16vw;height: 16vw;position: absolute;top:0;right: 0;z-index: 5;background:#a98667;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: background 0.2s;}
header .pull_menu ul li a{padding:1.1em 0;display: block;border-bottom: 2px solid #fff;display: flex;align-items: center;justify-content: space-between;}
header .pull_menu ul li a::after{content:"";display: block;width: 8vw;height: 8vw;background-image: url(../images/menu_arrow.svg);background-size: contain;background-repeat: no-repeat;}
header .pull_menu ul li:nth-last-child(-n+2) a::after{transform: rotate(-90deg);}
header .pull_menu .close_btn:hover{background:#BA9E85;}
header .pull_menu .close_btn img{width:5vw;pointer-events: none;}
header .contact_btn{width: 16vw;height: 16vw;top:-1.3vw;}
header .contact_btn img{width:6.4vw;margin-bottom: 1vw;margin-top: 0.8vw;}
header .contact_btn span{font-size: 2.3vw;line-height: 1.3;}
header .menu_btn{display: block;width: 16vw;height: 16vw;position: absolute;top:-1.3vw;right: 16vw;z-index: 5;background:#a98667;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: background 0.2s;}
header .menu_btn:hover{background:#BA9E85;}
header .menu_btn img{width:6.4vw;pointer-events: none;margin-top: 0.9vw;}
header .menu_btn span{display: block;font-size: 2.3vw;font-weight: 500;color:#fff;line-height: 1.3;pointer-events: none;margin:0.9em 0 0.5em;}
}


/*backtop*/
#backtop{position:fixed;bottom:-50px;right:25px;z-index:20;transition:bottom 0.2s;}
#backtop a{display:block;width:50px;height:50px;overflow: hidden;border-radius:50%;}
#backtop a img{width: 100%;border-radius:50%;}
@media only screen and (max-width: 750px) {
#backtop{right:4vw;bottom:-12vw;}
#backtop a{width:12vw;height:12vw;}
}


footer{padding:35px 0;}
footer .numata_banner{width: 92px;margin:0 auto 20px;}
footer .numata_banner img{width:100%;}
footer .numata_link{text-align: center;}
footer .numata_link a{display: inline-block;width: 295px;padding:0.7em 0 0.8em;color:#fff;font-size: 14px;font-weight: 600;background:#64473E;border-radius: 50px;border:1px solid #64473E;transition: background 0.2s,color 0.2s;}
footer .numata_link a:hover{background: #fff;color:#64473E;opacity: 1;}
footer .copy{text-align: center;font-size: 12px;letter-spacing: 0.03em;margin-top: 25px;}
footer .policy{text-align: center;margin-top:20px;}
footer .policy a{text-decoration: underline;font-size: 13px;font-weight: 500;}
@media screen and (max-width:750px) {
footer{padding:12vw 0 8vw;}
footer .numata_banner{width: 40vw;margin:0 auto 8vw;}
footer .numata_link a{width: 78vw;padding:1.1em 0 1.2em;font-size: 3.7vw;}
footer .copy{font-size: 3.2vw;margin-top: 6.5vw;}
footer .policy{margin-top:6vw;}
footer .policy a{font-size: 3.7vw;}
}



.kv{border-top:15px solid #F4ECDC;background-image: url(../images/main_img_pc.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;padding:90px 0 130px;}
.kv .mark{width: 475px;margin:0 auto;}
.kv .mark img{width:100%;}
@media screen and (max-width:750px) {
.kv{border:none;background-image: url(../images/main_img_sp.jpg);padding:24vw 0 29vw;margin-top: 16vw;}
.kv .mark{width: 80vw;}
}


main{background:#F4ECDC;}

.ceatec{padding:60px 0 30px;}
.ceatec_inner{width: max-content;margin:0 auto;padding:40px 40px 30px 60px;border:2px solid #5C3122;background:#fff;border-radius: 18px;box-shadow: 0 0 12px rgba(100,71,62,0.5);display: flex;justify-content: center;align-items: center;}
.ceatec_inner .img{width: 440px;margin:0 auto;}
.ceatec_inner img{width:100%;}
.ceatec_inner p:not(.img):not(.ceatec_link){text-align: center;font-size: 22px;font-weight: 700;line-height: 1.5;margin-top: 12px;color:#5C3122;}
.ceatec_inner p.ceatec_link{margin-left:50px;}
.ceatec_inner p.ceatec_link a{font-size: 20px;font-weight: 600;padding:0.9em 1.5em 0.95em 2em;background:#B9513A;color:#fff;border-radius: 50px;border:2px solid #B9513A;transition: background 0.2s,color 0.2s;display: inline-block;}
.ceatec_inner p.ceatec_link a::after{content:"";display:inline-block;width:0.85em;height:0.85em;background-image: url(../images/arrow_brown.svg);background-size: contain;background-repeat: no-repeat;margin-left: 1em;filter: brightness(0) invert(1);vertical-align: -2px;transition: filter 0.2s;}
.ceatec_inner p.ceatec_link a:hover{background:#fff;color:#B9513A;opacity: 1;}
.ceatec_inner p.ceatec_link a:hover::after{filter:unset;}
@media screen and (max-width:900px) {
.ceatec{padding:50px 0 20px;}
.ceatec_inner{display: block;padding:40px 40px 30px 40px;}
.ceatec_inner p.ceatec_link{margin-left:0;margin-top:20px;text-align: center;}
}
@media screen and (max-width:750px) {
.ceatec{padding:8vw 0 8vw;}
.ceatec_inner{width:100%;padding:6vw 6vw 5vw 6vw;}
.ceatec_inner .img{width: 100%;}
.ceatec_inner p:not(.img):not(.ceatec_link){font-size: 4.2vw;margin-top: 0.8em;}
.ceatec_inner p.ceatec_link{margin-top:3vw;}
.ceatec_inner p.ceatec_link a{font-size: 4.2vw;padding:0.7em 1.5em 0.75em 2em;}
.ceatec_inner p.ceatec_link a::after{width:1em;height:1em;vertical-align: -0.2em;}
}

.radio{padding:60px 0 30px;}
.radio_inner{width: max-content;margin:0 auto;padding:20px 40px 20px 60px;border:2px solid #5C3122;background:#fff;border-radius: 18px;box-shadow: 0 0 12px rgba(100,71,62,0.5);display: flex;justify-content: center;align-items: center;}
.radio_inner .img{width: 240px;margin:10px auto;}
.radio_inner img{width:100%;}
.radio_inner p:not(.img):not(.radio_link){text-align: center;font-size: 22px;font-weight: 700;line-height: 1.5;color:#5C3122;}
.radio_inner p.radio_link{margin-left:50px;}
.radio_inner p.radio_link a{font-size: 20px;font-weight: 600;padding:0.9em 1.5em 0.95em 2em;background:#B9513A;color:#fff;border-radius: 50px;border:2px solid #B9513A;transition: background 0.2s,color 0.2s;display: inline-block;}
.radio_inner p.radio_link a::after{content:"";display:inline-block;width:0.85em;height:0.85em;background-image: url(../images/arrow_brown.svg);background-size: contain;background-repeat: no-repeat;margin-left: 1em;filter: brightness(0) invert(1);vertical-align: -2px;transition: filter 0.2s;}
.radio_inner p.radio_link a:hover{background:#fff;color:#B9513A;opacity: 1;}
.radio_inner p.radio_link a:hover::after{filter:unset;}
@media screen and (max-width:900px) {
.radio{padding:50px 0 20px;}
.radio_inner{display: block;padding:25px 40px 25px 40px;}
.radio_inner p.radio_link{margin-left:0;margin-top:20px;text-align: center;}
}
@media screen and (max-width:750px) {
.radio{padding:8vw 0 8vw;}
.radio_inner{width:100%;padding:5vw 6vw 5vw 6vw;}
.radio_inner .img{width: 80%;margin:2vw auto;}
.radio_inner p:not(.img):not(.radio_link){font-size: 4.2vw;}
.radio_inner p.radio_link{margin-top:3vw;}
.radio_inner p.radio_link a{font-size: 4.2vw;padding:0.7em 1.5em 0.75em 2em;}
.radio_inner p.radio_link a::after{width:1em;height:1em;vertical-align: -0.2em;}
}




nav{max-width: 1040px;padding:30px 20px 0;margin:0 auto;display: flex;justify-content: space-between;}
nav p{width: 23.5%;text-align: center;}
nav p a{border:2px solid #5C3122;background:#fff;color:#64473E;border-radius: 18px;font-weight: 700;padding:1em 0.5em;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: background 0.2s;height: 100%;line-height: 1.3;overflow-wrap:anywhere;word-break:keep-all;}
nav p a::after{content:"";display:block;width: 24px;height: 24px;background-image: url(../images/nav_arrow.svg);background-size: contain;background-repeat: no-repeat;margin-top: 10px;transition: filter 0.2s;}
nav p a:hover{opacity: 1;background:#5C3122;color:#fff;}
nav p a:hover::after{filter: brightness(0) invert(1);}
@media screen and (max-width:750px) {
nav{padding:0 0 0;display: block;position: relative;z-index: 8;}
nav p{width: 100%;text-align: left;}
nav p a{border-radius: 0;padding:1.1em 1em;flex-direction: row;justify-content: space-between;border-color: #A98667;font-size: 4.2vw;}
nav p:not(:last-of-type) a{border-bottom: none;}
nav p a::after{width: 8vw;height: 8vw;margin-top: 0;;}
}


.sec_title{display: flex;background-position: left bottom;background-repeat: no-repeat;background-size: auto 103px;align-items: flex-end;}
.sec_title h2{padding-top:70px;font-size: 38px;font-weight: 700;color:#5C3122;letter-spacing: 0.08em;}
.sec_title h2+p{font-size: 16px;font-weight: 700;color:#5C3122;line-height: 1.5;margin-left: 30px;}
.sec_title h2+p span{color:#B9513A;}
.sec_title h2 span.blank{width: 1em;display: inline-block;}
#enviroment .sec_title{background-image: url(../images/enviroment_en.svg);}
#spot .sec_title{background-image: url(../images/spot_en.svg);}
#support .sec_title{background-image: url(../images/support_en.svg);}
@media screen and (max-width:750px) {
.sec_title{display: block;background-position: center top;background-size: auto 13vw;}
.sec_title h2{padding-top:7vw;font-size: 8vw;text-align: center;line-height: 1.3;letter-spacing: 0.06em;}
.sec_title h2+p{font-size: 4.2vw;line-height: 1.6;margin-left: 0;text-align: center;margin-top: 1.2em;}
.sec_title h2 span.blank{display:none;}
#enviroment .sec_title{background-image: url(../images/enviroment_en_sp.svg);}
#spot .sec_title{background-image: url(../images/spot_en_sp.svg);}
#support .sec_title{background-image: url(../images/support_en_sp.svg);}
}


#about{padding:40px 0 90px;background:#F4ECDC;}
#enviroment{padding:70px 0 90px;background:#fff;}
#spot{padding:70px 0 90px;background:#F4ECDC;}
#support{padding:70px 0 90px;background:#fff;}
@media screen and (max-width:750px) {
#about{padding:20vw 0 12vw;margin-top: -10vw;position: relative;z-index: 6;}
#enviroment{padding:20vw 0 12vw;margin-top: -10vw;position: relative;z-index: 5;}
#spot{padding:20vw 0 12vw;margin-top: -10vw;position: relative;z-index: 4;}
#support{padding:20vw 0 20vw;margin-top: -10vw;position: relative;z-index: 3;}
}


#about h2{display: none;}
#about .about_inner{}
#about .about_inner .about_numata{display: flex;flex-wrap: wrap;justify-content: space-between;}
#about .about_inner .about_numata .img{width: 41%;margin-bottom: 50px;}
#about .about_inner .about_numata .img img{width:100%;}
#about .about_inner .about_numata .title_box{width:54%;}
#about .about_inner .about_numata .data{width:32%;}
#about .about_inner .about_numata .movie{width:64%;}
#about .about_inner .about_numata .title_box h3{font-weight: 700;font-size: 30px;color:#5C3122;line-height: 1.5;letter-spacing: 0.1em;margin:0.5em 0 0.8em;}
#about .about_inner .about_numata .title_box h3+p{font-size: 16px;letter-spacing: 0.1em;text-align: justify;line-height: 1.5;}
#about .about_inner .about_numata .data h3{font-weight: 700;font-size: 16px;letter-spacing: 0.05em;margin:0.9em 0;}
#about .about_inner .about_numata .data h3::before{content:"■";color:#A98667;}
#about .about_inner .about_numata .data table{width: 100%;font-size: 14px;font-weight: 500;}
#about .about_inner .about_numata .data table tr th:first-of-type{width: 40%;}
#about .about_inner .about_numata .data table tr:first-of-type th{background:#000;color:#fff;padding:0.45em 1em;text-align: center;}
#about .about_inner .about_numata .data table th{background:#F2E7D1;padding:0.45em 0 0.45em 1.5em;line-height: 1.5;text-align: left;}
#about .about_inner .about_numata .data table td{padding:0.45em 1.5em;line-height: 1.5;}
#about .about_inner .about_numata .data table tr.sub{color:#4F4F4F;}
#about .about_inner .about_numata .data table tr.sub th{padding-left: 2em;}
#about .about_inner .about_numata .data table tr{border-bottom: 1px solid #7f7f7f;}
#about .about_inner .about_numata .data table tr:first-of-type th:first-of-type{border-right: 1px solid #fff;}
#about .about_inner .about_numata .data table tr:not(:first-of-type) th:first-of-type{border-right: 1px solid #000;}
#about .about_inner .about_numata .data table tr:last-of-type{border-bottom: 1px solid #000;}
#about .about_inner .about_numata .data table+p{font-size: 12px;font-weight: 500;margin-top: 0.5em;}
#about .about_inner .about_numata .movie{}
#about .about_inner .about_numata .movie h3{width: 420px;margin-bottom: -2px;}
#about .about_inner .about_numata .movie h3 img{width: 100%;}
#about .about_inner .about_numata .movie h3 span{display: none;}
#about .about_inner .about_numata .movie .movie_inner{position: relative;z-index: 5;height: 56.25%;padding-top:56.25%;}
#about .about_inner .about_numata .movie .movie_inner iframe{width: 100%;height: 100%;position: absolute;top:0;left:0;}
@media screen and (max-width:860px) {
#about .about_inner .about_numata .img{width: 65%;margin-bottom:0;margin:0 auto 10px;}
#about .about_inner .about_numata .title_box{width:100%;margin-bottom: 25px;}
#about .about_inner .about_numata .data{width:60%;margin:0 auto 30px;}
#about .about_inner .about_numata .movie{width:65%;margin:0 auto;}
#about .about_inner .about_numata .title_box h3{text-align: center;}
#about .about_inner .about_numata .movie h3{margin:0 auto -2px;}
/*#about .about_inner .about_numata .movie .movie_inner{height:34vw;}*/
}
@media screen and (max-width:750px) {
#about .about_inner .about_numata{display: flex;flex-direction: column;}
#about .about_inner .about_numata .img{display: none;}
#about .about_inner .about_numata .title_box{order: 1;margin-bottom: 9vw;}
#about .about_inner .about_numata .title_box h3{font-size: 8vw;text-align: left;margin:0.8em 0 0.5em;}
#about .about_inner .about_numata .title_box h3+p{font-size: 4.2vw;}
#about .about_inner .about_numata .data{width:100%;order: 2;margin:0 auto 0;}
#about .about_inner .about_numata .data h3{font-size: 4.2vw;margin: 0 0 0.9em;}
#about .about_inner .about_numata .data table{font-size: 3.7vw;}
#about .about_inner .about_numata .data table tr:first-of-type th{padding:0.4em 1em;}
#about .about_inner .about_numata .data table th{padding:0.4em 0 0.4em 1em;}
#about .about_inner .about_numata .data table td{padding:0.4em 1em;}
#about .about_inner .about_numata .data table+p{font-size: 3vw;margin-top: 0.6em;}
#about .about_inner .about_numata .movie{order: 0;width: 100%;}
#about .about_inner .about_numata .movie h3{width: 100%;}
/*#about .about_inner .about_numata .movie .movie_inner{height:48vw;}*/


}


#about .about_inner .about_plan{background:#fff;border-radius: 22px;margin-top: 30px;padding-top: 40px;}
#about .about_inner .about_plan h3{text-align: center;background:#B9513A;color:#fff;font-size: 20px;font-weight: 700;padding:0.5em 0;letter-spacing: 0.1em;}
#about .about_inner .about_plan>div{display: flex;justify-content: space-between;padding:20px 50px 30px;align-items: center;}
#about .about_inner .about_plan .img{width: 32%;flex-shrink: 0;border:2px solid #17863D;}
#about .about_inner .about_plan .img img{width: 100%;}
#about .about_inner .about_plan .img+div{width: 64%;}
#about .about_inner .about_plan div p:not(.more){font-size: 14px;font-weight: 400;line-height: 1.6;text-align: justify;letter-spacing: 0.09em;}
#about .about_inner .about_plan div p.more{margin-top: 1em;}
#about .about_inner .about_plan div p.more a{font-size: 16px;font-weight: 500;color: #fff;background:#B9513A;border-radius: 50px;padding: 0.9em 3em 0.9em;display: flex;justify-content: center;align-items: center;width: max-content;margin: 0 auto;gap: 1em;border:2px solid #B9513A;transition: background 0.2s,color 0.2s;}
#about .about_inner .about_plan div p.more a::after{content:"";display: block;width: 14px;height: 25px;background-image: url(../images/arrow_brown.svg);background-position: center center;background-size: contain;background-repeat: no-repeat;filter: brightness(0) invert(1);transition: filter 0.2s;}
#about .about_inner .about_plan div p.more a:hover{background:#fff;color:#B9513A;opacity: 1;}
#about .about_inner .about_plan div p.more a:hover::after{filter: brightness(1) invert(0);}
@media screen and (max-width:750px) {
#about .about_inner .about_plan{border-radius: 3.3vw;margin-top: 9vw;padding-top: 6vw;}
#about .about_inner .about_plan h3{font-size: 5.3vw;padding:0.4em 0;line-height: 1.4;}
#about .about_inner .about_plan>div{display: block;padding:5vw 5vw 8vw;}
#about .about_inner .about_plan .img{width: 100%;margin-bottom: 4vw;}
#about .about_inner .about_plan .img+div{width: 100%;}
#about .about_inner .about_plan div p:not(.more){font-size: 3.7vw;line-height: 1.5;}
#about .about_inner .about_plan div p.more{margin-top: 1.5em;}
#about .about_inner .about_plan div p.more a{font-size: 4vw;padding: 0.8em 0em 0.9em;width: 100%;gap: 0.7em;}
#about .about_inner .about_plan div p.more a::after{width: 3.7vw;height: 7vw;}
}


#enviroment{}
#enviroment .enviroment_inner{margin-top: 60px;}
#enviroment .enviroment_inner.sec1{margin-top: 40px;}
#enviroment .enviroment_inner h3{font-size: 20px;font-weight: 700;color:#fff;background:#A98667;padding:0.47em 0 0.53em;text-align: center;margin-bottom: 30px;letter-spacing: 0.09em;}
#enviroment .enviroment_inner .lead{font-size: 16px;font-weight: 500;color:#5C3122;text-align: justify;line-height: 1.6;letter-spacing: 0.09em;}

#enviroment .enviroment_inner.sec1 .flex{display: flex;justify-content: space-between;padding:0 50px;margin-top: 30px;}
#enviroment .enviroment_inner.sec1 img{width: 100%;}
#enviroment .enviroment_inner.sec1 .traffic{width: 46%;}
#enviroment .enviroment_inner.sec1 .access{width:44.5%;}

#enviroment .enviroment_inner.sec2 .flex{display: flex;justify-content: space-between;}
#enviroment .enviroment_inner.sec2 img{width: 100%;}
#enviroment .enviroment_inner.sec2 .flex>div{width: 46%;display: flex;flex-direction: column;justify-content: space-between;}
#enviroment .enviroment_inner.sec2 .flex>div p:not(.lead){margin-top: 15px;}
#enviroment .enviroment_inner.sec2 .flex>p{width:50%;}

#enviroment .enviroment_inner.sec3 .flex{display: flex;justify-content: space-between;margin-top: 25px;}
#enviroment .enviroment_inner.sec3 img{width: 100%;}
#enviroment .enviroment_inner.sec3 .left{width: 66%;background: #F0EDE6;border-radius: 16px;padding:40px 30px;}
#enviroment .enviroment_inner.sec3 .right{width:32%;}
#enviroment .enviroment_inner.sec3 h4{text-align: center;font-size: 20px;font-weight: 700;letter-spacing: 0.09em;color:#5C3122;margin-bottom: 25px;}
#enviroment .enviroment_inner.sec3 .flex_inner{display: flex;flex-wrap: wrap;justify-content: space-between;gap:28px 7%;}
#enviroment .enviroment_inner.sec3 .flex_inner>div{width: 46.5%;display: flex;flex-direction: column;justify-content: space-between;}
#enviroment .enviroment_inner.sec3 .flex_inner h5{color:#fff;font-size: 14px;font-weight: 500;line-height: 1.6;letter-spacing: 0.04em;background:#B9513A;padding:0.7em 0 0.7em;text-align: center;}
#enviroment .enviroment_inner.sec3 .flex_inner .txt{flex:1;font-size: 14px;letter-spacing: 0.1em;line-height: 1.6;text-align: justify;margin:1.2em 0;}
#enviroment .enviroment_inner.sec3 .flex_inner .img{padding:0 9px;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(3) .img{max-height: 300px;margin:0 auto;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(4) .img{max-height: 300px;margin:0 auto;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(3) .img img{width: auto;height: 100%;max-width: 100%;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(4) .img img{width: auto;height: 100%;max-width: 100%;}
#enviroment .enviroment_inner.sec3 .right p+p{margin-top: 20px;}
#enviroment .enviroment_inner.sec4 .slide_btn{margin-top: 40px;padding:0 50px;display: flex;flex-wrap: wrap;gap: 10px 30px;margin-bottom: 20px;}
#enviroment .enviroment_inner.sec4 .slide_btn p{width: calc((100% - 60px) / 3);text-align: center;display: flex;justify-content: center;align-items: center;height: 52px;border-radius: 50px;background:#F0EDE6;font-size: 15px;font-weight: 600;line-height: 1.3;border:1px solid #F0EDE6;transition: background 0.2s,color 0.2s,border 0.2s;cursor: pointer;}
#enviroment .enviroment_inner.sec4 .slide_btn p:hover{background:#fff;border-color: #B9513A;color:#B9513A;}
#enviroment .enviroment_inner.sec4 .slide_btn p.active{background:#B9513A;color:#fff;border:none;}
@media screen and (max-width:950px) {
#enviroment .enviroment_inner.sec4 .slide_btn{padding:0 30px;}
#enviroment .enviroment_inner.sec4 .slide_btn p{width: calc((100% - 60px) / 2);}
}
@media screen and (max-width:750px) {
#enviroment .enviroment_inner{margin-top: 9vw;}
#enviroment .enviroment_inner.sec1{margin-top: 8vw;}
#enviroment .enviroment_inner h3{font-size: 5.3vw;margin-bottom: 5vw;}
#enviroment .enviroment_inner .lead{font-size: 4.2vw;line-height: 1.7;}
#enviroment .enviroment_inner.sec1 .flex{display: block;padding:0;margin-top: 8vw;}
#enviroment .enviroment_inner.sec1 .traffic{width: 100%;}
#enviroment .enviroment_inner.sec1 .access{width:100%;margin-top: 8vw;}
#enviroment .enviroment_inner.sec2 .flex{display: block;}
#enviroment .enviroment_inner.sec2 .flex>div{width:100%;display: block;}
#enviroment .enviroment_inner.sec2 .flex>div p:not(.lead){margin-top: 5vw;}
#enviroment .enviroment_inner.sec2 .flex>p{width:100%;margin-top: 5vw;}
#enviroment .enviroment_inner.sec3 .flex{display: block;margin-top: 5vw;}
#enviroment .enviroment_inner.sec3 .left{width: 100%;padding:7vw 5vw;}
#enviroment .enviroment_inner.sec3 .right{width:100%;margin-top: 6vw;}
#enviroment .enviroment_inner.sec3 h4{font-size:5.3vw;margin-bottom: 5vw;}
#enviroment .enviroment_inner.sec3 .flex_inner{display: block;}
#enviroment .enviroment_inner.sec3 .flex_inner>div{width:100%;display: block;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:not(:last-of-type){margin-bottom: 9vw;}
#enviroment .enviroment_inner.sec3 .flex_inner h5{font-size: 4vw;line-height: 1.5;padding:0.55em 0 0.6em;}
#enviroment .enviroment_inner.sec3 .flex_inner .txt{font-size: 3.9vw;line-height: 1.6;margin:1em 0;letter-spacing: 0.06em;}
#enviroment .enviroment_inner.sec3 .flex_inner .img{padding:0 5vw;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(3) .img{height: auto;max-height: unset;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(4) .img{height: auto;max-height: unset;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(3) .img img{height: unset;max-width: 100%;}
#enviroment .enviroment_inner.sec3 .flex_inner>div:nth-of-type(4) .img img{height: unset;max-width: 100%;}
#enviroment .enviroment_inner.sec3 .right p+p{margin-top: 5vw;}
#enviroment .enviroment_inner.sec4 .slide_btn{padding:0 0;margin-top: 6vw;gap: 3vw 3vw;margin-bottom: 6vw;justify-content: space-between;}
#enviroment .enviroment_inner.sec4 .slide_btn p{width: calc((100% - 3vw) / 2);height: 16vw;font-size: 3.5vw;border-radius: 16px;line-height: 1.5;}

}


#spot{}
#spot .spot_visual{background:#5C3122;margin-top: 30px;}
#spot .spot_visual .spot_visual_inner{max-width: 750px;margin:0 auto;position: relative;}
#spot .spot_visual .spot_visual_inner img{width: 100%;}
#spot .spot_visual .spot_visual_inner .kukaku{position: absolute;width: 210px;bottom:10px;left:10px;}

#spot .spot_inner{margin-top:35px;display: flex;justify-content: space-between;align-items: flex-start;}
#spot .spot_inner .left{width: 560px;margin-right:30px;}
#spot .spot_inner .right{width: 390px;}
#spot .spot_inner .left h3{color:#64473E;font-size: 20px;font-weight: 600;letter-spacing: 0.08em;padding:0.8em 0 0.8em;}
#spot .spot_inner .left dl{background: #fff;font-size: 14px;font-weight: 500;line-height: 1.6;}
#spot .spot_inner .left dl div{display: flex;width: 100%;align-items: stretch;}
#spot .spot_inner .left dl dt{display: flex;justify-content: flex-start;align-items: center;background: #64473E;color:#fff;width:150px;padding:0.5em 1em;letter-spacing: 0.09em;}
#spot .spot_inner .left dl div:not(:last-of-type) dt{border-bottom: 1px solid #fff;}
#spot .spot_inner .left dl dd{color:#64473E;padding:0.5em 1em;flex:1;letter-spacing: 0.09em;}
#spot .spot_inner .left dl div:not(:last-of-type) dd{border-bottom: 1px solid #64473E;}
#spot .spot_inner .left dl{border-top: 1px solid #64473E;border-bottom: 1px solid #64473E;} 

#spot .spot_inner .spot_map .map{width: 255px;}
#spot .spot_inner .spot_map .map img{width: 100%;}
#spot .spot_inner .spot_map .gmap{margin-top: 15px;}
#spot .spot_inner .spot_map .gmap a{display: block;padding: 0.6em 1.3em 0.7em;border:1px solid #64473E;color:#64473E;border-radius: 50px;width: max-content;font-size: 14px;font-weight: 500;letter-spacing: 0.01em;transition: background 0.2s,color 0.2s;}
#spot .spot_inner .spot_map .gmap a:hover{background:#64473E;color:#fff;opacity: 1;}
#spot .spot_inner .spot_info{margin-top: 30px;}
#spot .spot_inner .spot_info h3{color:#5C3122;font-size: 14px;font-weight: 700;letter-spacing: 0.09em;}
#spot .spot_inner .spot_info dl{margin-top: 5px;}
#spot .spot_inner .spot_info dl dt{color:#5C3122;font-size: 14px;font-weight: 700;line-height: 1.6;letter-spacing: 0.05em;}
#spot .spot_inner .spot_info dl dd{color:#5C3122;font-size: 14px;font-weight: 400;line-height: 1.6;border-top: 1px solid #5C3122;margin-top:0.9em;padding-top: 0.9em;}
#spot .spot_inner .spot_info .more{margin-top: 15px;}
#spot .spot_inner .spot_info .more a{display: block;padding: 0.6em 1.3em 0.7em;border:1px solid #64473E;color:#fff;border-radius: 50px;width: max-content;font-size: 14px;font-weight: 500;letter-spacing: 0.01em;transition: background 0.2s,color 0.2s;background:#64473E;}
#spot .spot_inner .spot_info .more a:hover{opacity: 1;background:#fff;color:#64473E;}

@media screen and (max-width:750px) {
#spot .spot_visual{margin-top:7vw;}
#spot .spot_visual .spot_visual_inner .kukaku{position: static;width: 100%;background: #64473E;padding:5vw;}
#spot .spot_inner{margin-top:9vw;display: block;}
#spot .spot_inner .left{width: 100%;margin-right:0;}
#spot .spot_inner .right{width: 100%;margin-top: 8vw;}
#spot .spot_inner .left h3{font-size: 5.3vw;padding:0 0 0.8em;}
#spot .spot_inner .left dl{font-size: 3.7vw;line-height: 1.6;}
#spot .spot_inner .left dl div{display: block;}
#spot .spot_inner .left dl dt{display: block;width:100%;padding:0.4em 1em 0.45em;}
#spot .spot_inner .left dl div:not(:last-of-type) dt{border-bottom:none;}
#spot .spot_inner .left dl dd{padding:0.5em 0 0.55em 1em;letter-spacing: 0.03em;}
#spot .spot_inner .left dl div:not(:last-of-type) dd{border-bottom:none;}
#spot .spot_inner .left dl{border-top:none;}
#spot .spot_inner .spot_map .map{width: 100%;}
#spot .spot_inner .spot_map .gmap{margin-top: 5vw;}
#spot .spot_inner .spot_map .gmap a{padding: 0.8em 2em 0.9em;font-size: 3.7vw;margin:0 auto;}
#spot .spot_inner .spot_info{margin-top: 8vw;}
#spot .spot_inner .spot_info h3{font-size: 4.2vw;}
#spot .spot_inner .spot_info dl{margin-top: 1.5vw;}
#spot .spot_inner .spot_info dl dt{font-size: 4.2vw;line-height: 1.5;}
#spot .spot_inner .spot_info dl dd{font-size: 3.7vw;margin-top:0.9em;padding-top: 0.9em;line-height: 1.5;}
#spot .spot_inner .spot_info .more{margin-top: 4vw;}
#spot .spot_inner .spot_info .more a{padding: 0.8em 2em 0.9em;font-size: 3.7vw;margin:0 auto;}

}


#support{}
#support .support_inner{margin-top: 30px;}
#support .support_inner .panel h3{display: none;}
#support .support_inner .panel ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}
#support .support_inner .panel ul li{width: calc((100% - 60px) / 4);background: #F4ECDC;border:2px solid #A98667;border-radius: 20px;padding: 18px 15px 12px;position: relative;cursor: pointer;transition: background 0.2s,border 0.2s;}
#support .support_inner .panel ul li::after{content:"";display: block;width: 30px;height: 30px;background-image: url(../images/support_panel_arrow.svg);background-position: center center;background-size: contain;background-repeat: no-repeat;position: absolute;bottom:7px;right: 7px;opacity: 0.2;}
#support .support_inner .panel ul li h4{text-align: center;font-weight: 700;font-size: 14px;line-height: 1.5;color:#64473E;letter-spacing: 0.05em;transition: color 0.2s;}
#support .support_inner .panel ul li h4 span{display: block;font-weight: 500;color:#B59288;margin-top: 0.3em;}
#support .support_inner .panel ul li .icon{background: #fff;border-radius: 50%;width: 60px;margin:0 auto 8px;}
#support .support_inner .panel ul li .icon img{width: 100%;}
#support .support_inner .panel ul li:hover{background:#64473E;border-color:#64473E;}
#support .support_inner .panel ul li:hover h4{color:#fff;}
#support .support_inner .panel ul li:hover h4 span{color:#fff;}
#support .support_inner .panel ul li:hover .icon{filter: brightness(0) invert(1);background: none;}
#support .support_inner .panel ul li:hover::after{filter: brightness(0) invert(1);opacity: 1;}
#support .support_inner .panel ul li table{display: none;}
#support .support_inner .panel ul li table+p{display: none;}

#support .support_inner .panel p.more{margin-top: 30px;}
#support .support_inner .panel p.more a{font-size: 16px;font-weight: 500;color: #fff;background:#B9513A;border-radius: 50px;padding: 0.9em 3em 0.9em;display: flex;justify-content: space-between;align-items: center;width: 520px;margin: 0 auto;border:2px solid #B9513A;transition: background 0.2s,color 0.2s;}
#support .support_inner .panel p.more a::after{content:"";display: block;width: 14px;height: 25px;background-image: url(../images/arrow_brown.svg);background-position: center center;background-size: contain;background-repeat: no-repeat;filter: brightness(0) invert(1);transition: filter 0.2s;}
#support .support_inner .panel p.more a:hover{background:#fff;color:#B9513A;opacity: 1;}
#support .support_inner .panel p.more a:hover::after{filter: brightness(1) invert(0);}

#support .support_inner .system{margin-top: 80px;}
#support .support_inner .system h3{background:#64473E;color:#fff;font-size: 22px;font-weight: 700;padding:1em 0;text-align: center;}
#support .support_inner .system .system_inner{display: flex;justify-content: space-between;align-items: center;background: #F0EDE6;padding:35px;}
#support .support_inner .system .system_inner .left{width: 420px;margin-right: 20px;}
#support .support_inner .system .system_inner .right{width: 460px;}
#support .support_inner .system .system_inner .left p{text-align: justify;line-height: 1.5;font-size: 14px;letter-spacing: 0.09em;margin-bottom: 1.5em;}
#support .support_inner .system .system_inner .left  li{text-align: center;background: #fff;padding: 0.6em 0;font-size: 14px;font-weight: 600;margin-top: 10px;}
#support .support_inner .system .system_inner .right img{width: 100%;}

#support .support_inner .msg{margin-top: 60px;}
#support .support_inner .msg h3{background:#64473E;color:#fff;font-size: 22px;font-weight: 700;padding:1em 0;text-align: center;}
#support .support_inner .msg .msg_inner{background: #F0EDE6;padding:35px 50px;}
#support .support_inner .msg .msg_inner p{text-align: justify;line-height: 1.7;font-size: 16px;letter-spacing: 0.09em;font-weight: 500;}
@media screen and (max-width:850px) {
#support .support_inner .panel ul{gap: 20px;justify-content: flex-start;}
#support .support_inner .panel ul li{width: calc((100% - 40px) / 3);}
}
@media screen and (max-width:750px) {
#support .support_inner{margin-top: 5vw;}
#support .support_inner .panel ul{gap: 4vw;}
#support .support_inner .panel ul li{width: calc((100% - 4vw) / 2);padding: 4vw 0 4vw;min-height: 44vw;}
#support .support_inner .panel ul li::after{width: 6.6vw;height: 6.6vw;bottom:1vw;right: 1vw;}
#support .support_inner .panel ul li h4{font-size: 3.6vw;line-height: 1.5;}
#support .support_inner .panel ul li h4 span{font-size: 3vw;}
#support .support_inner .panel ul li .icon{width: 12vw;margin:0 auto 2vw;}
#support .support_inner .panel p.more{margin-top: 9vw;}
#support .support_inner .panel p.more a{font-size: 4vw;padding: 0.8em 2em 0.9em;width: 90%;}
#support .support_inner .panel p.more a::after{width: 3.7vw;height: 7vw;}
#support .support_inner .system{margin-top: 14vw;}
#support .support_inner .system h3{font-size: 5.8vw;padding:0.75em 0;line-height: 1.4;}
#support .support_inner .system .system_inner{display: block;padding:5vw 5vw 7vw;}
#support .support_inner .system .system_inner .left{width: 100%;}
#support .support_inner .system .system_inner .right{width: 100%;margin-top: 7vw;}
#support .support_inner .system .system_inner .left p{line-height: 1.5;font-size: 3.9vw;margin-bottom: 1.3em;}
#support .support_inner .system .system_inner .left  li{font-size: 3.9vw;margin-top: 2.5vw;}

#support .support_inner .msg{margin-top: 11vw;}
#support .support_inner .msg h3{font-size: 5.8vw;padding:0.75em 0;line-height: 1.4;}
#support .support_inner .msg .msg_inner{padding:5vw;}
#support .support_inner .msg .msg_inner p{line-height: 1.6;font-size: 3.7vw;}
}


#contact{background:#64473E;color:#fff;padding:50px 0 50px;}
#contact h2{text-align: center;font-size: 26px;font-weight: 700;letter-spacing: 0.09em;}
#contact .contact_inner{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 45px;}
#contact .contact_inner .left{margin-left: 50px;width: 500px;margin-right: 30px;}
#contact .contact_inner .right{width: 380px;}
#contact .contact_inner .left p:nth-of-type(1){font-size: 18px;font-weight: 700;letter-spacing: 0.09em;border-bottom: 1px solid #fff;padding-bottom: 1em;margin-bottom: 0.7em;line-height: 1.3;}
#contact .contact_inner .left p:nth-of-type(2){font-size: 14px;font-weight: 400;line-height: 1.9;}
#contact .contact_inner .right .mail{margin-bottom: 12px;vertical-align: middle;}
#contact .contact_inner .right .mail a{display: block;background: #E58800;text-align: center;padding:0.3em 0 0.3em;border-radius: 50px;border:1px solid #E58800;font-size: 18px;font-weight: 500;transition: background 0.2s,color 0.2s;}
#contact .contact_inner .right .mail a::after{content: "";display: inline-block;width: 30px;height: 30px;background-image: url(../images/icon_mail.svg);background-size: contain;background-repeat: no-repeat;vertical-align: -8px;margin-left: 0.3em;filter: brightness(0) invert(1);}
#contact .contact_inner .right .mail a:hover{background:#fff;color:#E58800;opacity: 1;}
#contact .contact_inner .right .mail a:hover::after{filter: brightness(1) invert(0);}
#contact .contact_inner .right .request{vertical-align: middle;}
#contact .contact_inner .right .request a{display: block;background: #E25100;text-align: center;padding:0.3em 0 0.3em;border-radius: 50px;border:1px solid #E25100;font-size: 18px;font-weight: 500;transition: background 0.2s,color 0.2s;}
#contact .contact_inner .right .request a::after{content: "";display: inline-block;width: 30px;height: 30px;background-image: url(../images/icon_request.svg);background-size: contain;background-repeat: no-repeat;vertical-align: -8px;margin-left: 0.3em;filter: brightness(0) invert(1);}
#contact .contact_inner .right .request a:hover{background:#fff;color:#E25100;opacity: 1;}
#contact .contact_inner .right .request a:hover::after{filter: brightness(1) invert(0);}
#contact .contact_inner .right .tel{text-align: center;font-weight: 600;font-size: 16px;letter-spacing: 0.09em;margin-top: 18px;overflow-wrap:anywhere;word-break:keep-all;}
#contact .contact_inner .right .tel a{pointer-events: none;display: block;font-size: 26px;letter-spacing: 0.05em;margin:0.25em 0;line-height: 1.3;}
#contact .contact_inner .right .tel span{text-align: center;display: block;font-size: 14px;letter-spacing: 0.05em;font-weight: 400;}

@media screen and (max-width:750px) {
#contact{padding:12vw 0 12vw;}
#contact h2{font-size: 6.9vw;}
#contact .contact_inner{display: block;margin-top:9vw;}
#contact .contact_inner .left{margin-left: 0;width: 100%;margin-right: 0;}
#contact .contact_inner .right{width: 100%;margin-top: 8vw;}
#contact .contact_inner .left p:nth-of-type(1){font-size: 4.8vw;padding-bottom: 1.1em;margin-bottom:1em;line-height: 1.5;text-align: center;}
#contact .contact_inner .left p:nth-of-type(2){font-size: 3.7vw;line-height: 1.8;}
#contact .contact_inner .right .mail{margin-bottom: 4vw;}
#contact .contact_inner .right .mail a{padding:0.5em 0 0.5em;font-size: 4.8vw;width: 90%;margin:0 auto;}
#contact .contact_inner .right .mail a::after{width: 10vw;height: 10vw;vertical-align: -3.2vw;}
#contact .contact_inner .right .request a{padding:0.5em 0 0.5em;font-size: 4.8vw;width: 90%;margin:0 auto}
#contact .contact_inner .right .request a::after{width: 10vw;height: 10vw;vertical-align: -3.2vw;}
#contact .contact_inner .right .tel{font-size: 4.2vw;margin-top: 8vw;}
#contact .contact_inner .right .tel a{pointer-events: auto;font-size: 6.5vw;margin:0.25em 0 0.5em;}
#contact .contact_inner .right .tel span{font-size: 3.7vw;}

}

.overlay{position: fixed;top:0;left:0;width: 100%;height: 100%;background:rgba(100,71,62,0.5);z-index: 60;display: none;}
.popup{position: fixed;top:15vh;left:50%;width: 80vw;max-width:1000px;background:#fff;border-radius: 24px;z-index: 70;transform: translateX(-50%);padding:75px 40px 40px;display: none;}
.popup .popup_close{position: absolute;top:20px;right: 20px;width: 40px;height:40px;border-radius: 50%;cursor: pointer;background: #A98667;display: flex;justify-content: center;align-items: center;transition: background 0.2s;}
.popup .popup_close img{width: 50%;}
.popup .popup_close:hover{background:#B9513A;}
.popup .popup_inner{max-height:50vh;overflow-y: auto;}

.popup p.more{margin-top: 25px;}
.popup p.more a{font-size: 16px;font-weight: 500;color: #fff;background:#B9513A;border-radius: 50px;padding: 0.9em 2.5em 1em 2.5em;display: flex;justify-content: space-between;align-items: center;width: max-content;margin: 0 auto;border:2px solid #B9513A;transition: background 0.2s,color 0.2s;gap: 2em;}
.popup p.more a::after{content:"";display: block;width: 14px;height: 25px;background-image: url(../images/arrow_brown.svg);background-position: center center;background-size: contain;background-repeat: no-repeat;filter: brightness(0) invert(1);transition: filter 0.2s;}
.popup p.more a:hover{background:#fff;color:#B9513A;opacity: 1;}
.popup p.more a:hover::after{filter: brightness(1) invert(0);}

@media screen and (max-width:750px) {
.popup{position: fixed;top:15vh;left:5vw;width: 90vw;transform:unset;padding:18vw 5vw 7vw;}
.popup .popup_close{top:4vw;right: 4vw;width: 11vw;height:11vw;}
.popup .popup_inner{max-height:45vh;overflow-y: unset;overflow: auto;height: auto;}
.popup p.more{margin-top: 6vw;}
.popup p.more a{font-size: 4vw;padding: 0.8em 1.5em 0.9em;width: 100%;gap: 0;}
.popup p.more a::after{width: 3.7vw;height: 7vw;}
}

.popup_title{font-size: 18px;font-weight: 500;letter-spacing: 0.06em;color:#fff;background:#A98667;padding:1em 1em 1.1em;position: relative;z-index: 5;border:1px solid #A98667;width: 100%;}
.popup_title span::before{content:"（";}
.popup_title span::after{content:"）";}
.popup_table{margin-top: -1px;padding-bottom:10px;}
.popup_table table{width: 100%;font-size: 14px;font-weight: 500;letter-spacing: 0.03em;height: 100%;}
.popup_table table tr:first-of-type th:first-of-type{width: 120px;}
.popup_table table th{background:#F2E7D1;border:1px solid #000;padding:0.8em 1em;vertical-align: middle;line-height: 1.5;}
.popup_table table td{border:1px solid #000;padding:0.8em 1em;vertical-align: middle;line-height: 1.5;}
.popup_table table .indent{text-indent: -1em;padding-left:2em!important;}
.popup_table table .indent2{text-indent: -1.25em;padding-left:2.25em!important;}
.popup_table table .indent3{text-indent: -1em;padding-left:1em!important;}
.popup_table table .w150{width: 150px;}
.popup_table table .w180{width:180px;}
.popup_table table .w33{width: calc((100% - 120px) / 3);}
.popup_table table .center *{text-align: center;}
.popup_table table .gray{background:#EEE;}
.popup_table table .dotbottom{border-bottom-style: dashed!important;}
.popup_table table .dottopclear{border-top-width: 0;}
.popup_table table .dotright{border-right-style: dashed!important;}
.popup_table table .dotleftclear{border-left-width: 0;}
.popup_caution{font-size: 14px;font-weight: 500;letter-spacing: 0.03em;text-align: right;margin-top: 0.5em;}
@media screen and (max-width:750px) {
.popup_title{font-size: 4.2vw;width: 900px;line-height: 1.3;padding:0.6em 1em 0.7em;}
.popup_table table{width: 900px;font-size: 3.2vw;}
.popup_table table tr:first-of-type th:first-of-type{width: 28vw;}
.popup_table table th{padding:0.7em 0;font-size: 3.2vw;}
.popup_table table td{padding:0.7em 1em;font-size: 3.2vw;}
.popup_table table .w150{width: 35vw;}
.popup_table table .w180{width:40vw;}
.popup_table table .w33{width: calc((100% - 28vw) / 3);}
.popup_caution{font-size: 3vw;text-align: left;}
}

.swiper{position: relative;}
.swiper-slide{transition: opacity 0.2s;}
.swiper-slide:not(.swiper-slide-active){opacity:0.4;}
.swiper-wrapper{width: 320px;}
.swiper-wrapper img{width: 100%;}
.swiper-button-next,.swiper-button-prev{position: absolute;top:calc(50% - 25px);z-index: 15;}
.swiper-button-next{right:40px;}
.swiper-button-prev{left:40px;}
.swiper-button-next::after,.swiper-button-prev::after{content:"";display: block;width: 50px;height: 50px;background-image: url(../images/slide_arrow.svg);background-size: contain;background-repeat: no-repeat;border-radius: 50%;cursor: pointer;transition: opacity 0.2s;}
.swiper-button-next::after{transform: rotate(180deg);}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity: 0.8;}

@media screen and (max-width:750px) {
.swiper-wrapper{width: 63vw;}
.swiper-button-next,.swiper-button-prev{top:calc(50% - 6vw);}
.swiper-button-next{right:4vw;}
.swiper-button-prev{left:4vw;}
.swiper-button-next::after,.swiper-button-prev::after{width: 12vw;height: 12vw;}
}

.swiper-pagination{position: absolute;z-index: -99;}



#policy{padding:70px 0 100px;}
#policy h2{font-size: 30px;font-weight: 700;text-align: center;color:#5c3122;margin-bottom: 40px;}
#policy section{margin-bottom: 40px;}
#policy h3{margin-bottom:0.7em;font-size: 18px;font-weight: 600;color:#5c3122;background:#fff;border:1px solid #5c3122;padding:0.4em 0.7em 0.5em;border-left-width: 10px;}
#policy h4{color:#5c3122;font-size: 16px;font-weight: 600;margin-bottom: 0.45em;margin-top: 1em;}
#policy h4::before{content:"●";}
#policy p{margin-bottom:0.7em;font-size: 16px;font-weight:400;line-height: 1.7;text-align: justify;}
#policy p a{text-decoration: underline;color:#5C3122;font-weight: 500;margin: 0 0.15em;}
#policy ul{margin-bottom:0.7em;}
#policy li{font-size: 16px;font-weight:400;line-height: 1.6;text-indent: -1em;padding-left: 1em;text-align: justify;}
#policy ul li::before{content:"・";font-feature-settings:normal;}
@media screen and (max-width:750px) {
#policy{padding:25vw 0 12vw;}
#policy h2{font-size: 5.5vw;margin-bottom: 8vw;}
#policy section{margin-bottom: 6vw;}
#policy h3{font-size: 4vw;}
#policy h4{font-size: 3.2vw;}
#policy p{font-size: 3.2vw;}
#policy li{font-size:3.2vw;}
}


#sub_contact{padding:70px 0 100px;}
#sub_contact h2{font-size: 30px;font-weight: 700;text-align: center;color:#5c3122;margin-bottom: 25px;}
#sub_contact h2+p{text-align: center;font-size: 18px;font-weight: 500;line-height: 1.7;margin-bottom: 25px;}
#sub_contact .contact_yokozuka{margin:0 auto 30px;border: 1px solid #999;padding:20px 20px;width: max-content;border-left:none;border-right: none;}
#sub_contact .contact_yokozuka p:nth-of-type(1){text-align: center;font-size: 15px;font-weight: 500;}
#sub_contact .contact_yokozuka p:nth-of-type(2){text-align: center;margin-top: 0.8em;}
#sub_contact .contact_yokozuka p:nth-of-type(2) a{display: inline-block;padding: 0.6em 1.3em 0.7em;border:1px solid #64473E;color:#fff;border-radius: 50px;width: max-content;font-size: 14px;font-weight: 500;letter-spacing: 0.01em;transition: background 0.2s,color 0.2s;background:#64473E;}
#sub_contact .contact_yokozuka p:nth-of-type(2) a:hover{opacity: 1;background:#fff;color:#64473E;}
#sub_contact .contact_caution{margin-bottom: 40px;border: 1px solid #999;padding:15px 35px;background:#fff;border-radius:10px;}
#sub_contact .contact_caution p:nth-of-type(1){font-size: 14px;font-weight: 700;line-height:1;text-align: center;color:#E25100;margin-bottom: 0.5em;}
#sub_contact .contact_caution p:nth-of-type(2){font-size: 14px;font-weight: 500;line-height: 1.5;text-align: justify;}

.form_inner:not(.active){display: none;}
#sub_contact .tab{display: flex;justify-content: space-between;align-items: flex-end;}
#sub_contact .tab p{width: 50%;text-align: center;padding:0.7em 0 0.8em;background:#A98667;color:#fff;cursor: pointer;font-size: 20px;font-weight: 600;letter-spacing: 0.15em;transition: background 0.2s,color 0.2s;border-top-right-radius: 12px;border-top-left-radius: 12px;}
#sub_contact .tab p.active{background:#B9513A;color:#fff;padding:0.9em 0 1em;border:1px solid #B9513A;border-bottom: none;}
#sub_contact .tab p:not(.active):hover{background:#5c3122;color:#fff;}
#sub_contact .form_wrap{border:1px solid #5c3122;border-top: none;background:#fff;padding:40px 50px;}

#sub_contact .form_inner>p:nth-of-type(1){margin-bottom:1em;font-size: 20px;font-weight: 600;color:#5c3122;background:#fff;border:1px solid #5c3122;padding:0.6em 0.7em 0.7em;border-left-width: 10px;}
#sub_contact .form_inner>p:nth-of-type(2){font-size: 16px;font-weight: 500;}
#sub_contact .form_inner table{margin-top: 30px;width: 100%;font-size: 16px;font-weight: 600;}
#sub_contact .form_inner table th{background:#F4ECDC;padding:1em;vertical-align: middle;width: 30%;border:1px solid #5c3122;position: relative;}
#sub_contact .form_inner table th span{position: absolute;top:0;left:0;font-size: 12px;background:#B9513A;color:#fff;padding:0.2em 1em 0.5em;display: block;}
#sub_contact .form_inner table td{padding:1em;vertical-align: middle;border:1px solid #5c3122;}
#sub_contact .form_inner table input{font-family: inherit;font-size: 16px;width: 100%;padding:0.5em;}
#sub_contact .form_inner table textarea{font-family: inherit;font-size: 16px;width: 100%;padding:0.5em;resize: vertical;}

#sub_contact .form_inner .policy_ck{margin-top: 25px;text-align: center;}
#sub_contact .form_inner .policy_ck label{cursor: pointer;text-decoration: underline;font-size: 14px;font-weight: 500;}
#sub_contact .form_inner .send_btn{margin-top: 25px;}
#sub_contact .form_inner .send_btn button{appearance: none;border:none;background:none;font-family: inherit;padding: 0;margin: 0;line-height: 1;}
#sub_contact .form_inner .send_btn button{font-size: 18px;font-weight: 500;color: #fff;background:#B9513A;border-radius: 50px;padding: 0.9em 2em 1em 4em;display: flex;justify-content: space-between;align-items: center;width: max-content;margin: 0 auto;border:2px solid #B9513A;transition: background 0.2s,color 0.2s;gap: 2em;}
#sub_contact .form_inner .send_btn button::after{content:"";display: block;width: 14px;height: 25px;background-image: url(../images/arrow_brown.svg);background-position: center center;background-size: contain;background-repeat: no-repeat;filter: brightness(0) invert(1);transition: filter 0.2s;}
#sub_contact .form_inner .send_btn button:not([disabled]):hover{background:#fff;color:#B9513A;opacity: 1;cursor: pointer;}
#sub_contact .form_inner .send_btn button:not([disabled]):hover::after{filter: brightness(1) invert(0);}
#sub_contact .form_inner .send_btn button[disabled]{background:#ccc;border-color: #ccc;cursor: not-allowed;}
@media screen and (max-width:750px) {
#sub_contact{padding:25vw 0 12vw;}
#sub_contact h2{font-size: 5.5vw;margin-bottom: 7vw;}
#sub_contact h2+p{font-size: 3.7vw;line-height: 1.6;margin-bottom:5vw;}
#sub_contact .contact_yokozuka{margin:0 auto 5vw;padding:3vw 0;width: 100%;}
#sub_contact .contact_yokozuka p:nth-of-type(1){font-size: 3.5vw;line-height: 1.4;}
#sub_contact .contact_yokozuka p:nth-of-type(2){margin-top: 0.55em;}
#sub_contact .contact_yokozuka p:nth-of-type(2) a{font-size: 3.2vw;padding: 0.8em 2em 0.9em;}
#sub_contact .contact_caution{margin-bottom: 8vw;padding:4vw 4vw;}
#sub_contact .contact_caution p:nth-of-type(1){font-size: 3.5vw;}
#sub_contact .contact_caution p:nth-of-type(2){font-size: 3vw;}

#sub_contact .tab p{font-size: 4vw;}
#sub_contact .form_wrap{padding:5vw 5vw 7vw;}
#sub_contact .form_inner>p:nth-of-type(1){font-size: 4vw;}
#sub_contact .form_inner>p:nth-of-type(2){font-size: 3vw;}
#sub_contact .form_inner table{margin-top: 5vw;font-size: 3.7vw;display: block;width: 100%;}
#sub_contact .form_inner table tbody{width: 100%;display: block;}
#sub_contact .form_inner table tr{width:100%;display: block;margin-bottom: 3vw;}
#sub_contact .form_inner table th{padding:0.6em 1em;width: 100%;display: flex;align-items: center;justify-content: space-between;position: static;}
#sub_contact .form_inner table th span{position: static;font-size: 2.8vw;padding:0.3em 1em 0.4em;display: block;}
#sub_contact .form_inner table td{padding:0.6em 1em;display: block;width: 100%;border-top-width: 0;}

#sub_contact .form_inner .policy_ck{margin-top: 2vw;}
#sub_contact .form_inner .policy_ck label{font-size: 3.7vw;line-height: 1.4;}
#sub_contact .form_inner .send_btn{margin-top: 5vw;}
.popup p.more{margin-top: 6vw;}
#sub_contact .form_inner .send_btn button{font-size: 4vw;padding: 0.8em 1.5em 0.9em;width: 70%;gap: 0;}
#sub_contact .form_inner .send_btn button::after{width: 3.7vw;height: 7vw;}

}

tbody {
    -webkit-text-size-adjust: 100%;
  } 

#sub_download{padding:70px 0 100px;}
#sub_download h2{font-size: 30px;font-weight: 700;text-align: center;color:#5c3122;margin-bottom: 25px;}
#sub_download .download_inner{margin-top:60px;}
#sub_download h3{font-size: 18px;font-weight: 600;text-align: center;margin-bottom: 1em;}
#sub_download .file{text-align: center;margin: 20px 0 50px;}
#sub_download .file a{display: inline-block;padding: 0.8em 2em 0.9em 3.2em;border-radius: 50px;background: #fff;color:#E25100;font-size: 18px;border:2px solid #E25100;font-weight: 500;transition: background 0.2s,color 0.2s;position: relative;}
#sub_download .file a span{font-size: 0.85em;margin-left: 0.3em;}
#sub_download .file a::before{content:"";display: block;width: 1.8em;height: 1.8em;background-image: url(../images/icon_request.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;position: absolute;top:calc(50% - 0.9em);left:1.2em;}
#sub_download .file a:hover{background:#E25100;color:#fff;opacity: 1;}
#sub_download .file a:hover::before{filter: brightness(0) invert(1);}
@media screen and (max-width:750px) {
#sub_download{padding:25vw 0 12vw;}
#sub_download h2{font-size: 5.5vw;margin-bottom: 7vw;}
#sub_download .download_inner{margin-top:8vw;}
#sub_download h3{font-size: 4vw;}
#sub_download .file{text-align: center;margin: 4vw 0 8vw;}
#sub_download .file a{font-size: 3.7vw;padding: 0.5em 2em 0.55em 4em;line-height: 1.4;width: 95%;}
#sub_download .file a span{font-size: 0.85em;margin-left: 0;display: block;}
#sub_download .file a::before{width: 2.4em;height: 2.4em;top:calc(50% - 1.2em);left:1.5em;}
}

