@charset "UTF-8";


html { font-size: 62.5%; scroll-behavior: smooth;}
a { text-decoration: none;}
body { font-family: "Noto Sans JP", sans-serif; font-weight: 500; min-height: 100vh; background: #FFF; color: #000;}

a,
a:hover { transition: ease .5s;}

img { width: 100%; height: auto;}

a img { transform: scale(1); transition: ease .5s;}
a:hover img { transform: scale(1.05); transition: ease .5s; /*opacity: 0.8;*/}





/*PC*/
@media screen and (min-width: 1920px) {

body { font-size: 22px; font-feature-settings: "palt"; letter-spacing: 0.03em;}
.wrap { width: 100%;}

.pc { display: block;}
.sp { display: none;}
.pcBr { display: inline-block;}
.spBr { display: none;}

.sp_nav { display: none;}
	
a[href^="tel:"] { pointer-events: none;}


/*--------------------------------------------------------------*/

header {}
header .hd__inner { width: 1920px; height: 146px; padding: 10px 40px; display: flex; align-items: center; margin: auto;}
header .hd__inner h1 { width: 340px;}
header .hd__inner h1 a {}
header .hd__inner h1 a img {}

/*--------------------------------------------------------------*/

.kv { width: 100%; margin: auto;}
.kv .inner { width: 1920px; margin: auto; position: relative;}
.kv .inner .img { width: 100%;}
.kv .mv_txt01 { width: 1920px; padding: 33px 90px; margin: auto; font-size: 22px;}
.kv .mv_txt01 a { color: #00F;}

/*--------------------------------------------------------------*/


.result { font-family: "Noto Sans JP", sans-serif; font-weight: 400; padding: 20px 0 0; background: #8fbb28;}
.result .hed { background: #fff9cc; padding: 40px 50px; color: #000;}
.result .hed h2 { width: 314px; display: block; margin: 0 auto 30px;}
.result .hed h2 img {}
.result .hed p { max-width: 1600px; margin: auto; font-size: 20px; color: #000;}

.result .main { background: #8fbb28; text-align: center; padding: 50px 0 140px;}
.result .main .uline { width: 1480px; margin: auto; border-bottom: solid 6px #FFF;}
.result .main .box01 { display: flex; justify-content: flex-start; align-items: center; width: 1100px; margin: auto; padding: 30px 0; flex-wrap: nowrap;}
.result .main .box01 h3 { width: 320px; margin: 0; padding: 5px 70px 5px 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box01 h3::after { content: "／"; margin: 0 15px; color: #c30d23; font-size: 46px; position: absolute; top: 50%; right: 0;}
.result .main .box01 h3 img { width: auto; height: 68px; margin-left: auto;}
.result .main .box01 .win { display: flex; background: #db4f03; align-items: center; padding: 5px 15px; color: #FFF; border: solid 4px #FFF;}
.result .main .box01 .win .txt { padding: 0 15px 0 0;}
.result .main .box01 .win .txt .area { font-size: 32px; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .txt .name { font-size: 32px; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .no { font-size: 60px; font-weight: bold;}
.result .main .box01 .win .no::before { content: "【";}
.result .main .box01 .win .no::after { content: "】";}

.result .main .box02 { display: flex; justify-content: flex-start; align-items: center; width: 1100px; margin: auto; padding: 30px 0;}
.result .main .box02 h3 { width: 320px; margin: 0; padding: 5px 70px 5px 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box02 h3::after { content: "／"; margin: 0 15px; color: #c30d23; font-size: 46px; position: absolute; top: 50%; right: 0;}
.result .main .box02 h3 img { width: auto; height: 46px; margin-left: auto;}
.result .main .box02 .win { display: flex; background: #d37850; align-items: center; padding: 5px 15px; color: #FFF; border: solid 4px #FFF;}
.result .main .box02 .win .txt { padding: 0 15px 0 0;}
.result .main .box02 .win .txt .area { font-size: 26px; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .txt .name { font-size: 26px; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .no { font-size: 40px; font-weight: bold;}
.result .main .box02 .win .no::before { content: "【";}
.result .main .box02 .win .no::after { content: "】";}

.result .main .box03 { display: flex; justify-content: flex-start; align-items: center; width: 1100px; /*height: 46px;*/ margin: auto; padding: 0 0 50px;}
.result .main .box03 h3 { width: 320px; margin: 0; padding: 5px 70px 5px 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box03 h3::after { content: "／"; margin: 0 15px; color: #c30d23; font-size: 46px; position: absolute; top: 50%; right: 0;}
.result .main .box03 h3 img { width: auto; height: 46px; margin-left: auto;}
.result .main .box03 .win { display: flex; background: #d37850; align-items: center; padding: 5px 15px; color: #FFF; border: solid 4px #FFF;}
.result .main .box03 .win .txt { padding: 0 15px 0 0; line-height: 1em;}
.result .main .box03 .win .txt .area { font-size: 26px; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .txt .name { font-size: 26px; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .no { font-size: 40px; font-weight: bold;}
.result .main .box03 .win .no::before { content: "【";}
.result .main .box03 .win .no::after { content: "】";}
.result .main .lastTxt { font-size: 20px; max-width: 1400px; margin: auto; text-align: left;}


/*--------------------------------------------------------------*/


.about { margin: 50px 0 0; padding: 130px 0 140px; background: url("../images/about_bg.png") center top no-repeat; background-size: cover; position: relative;}
.about .inner { width: 1600px; background: #fdfdf5; margin: auto; padding: 0 0 40px; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner h3 { width: 100%; margin: 0 0 10px;}
.about .inner .box01 { width: 1336px; margin: auto; border-bottom: solid 2px #2c392d; padding: 50px 0;}
.about .inner .box01 h4 { font-family: "Noto Serif JP", serif; font-size: 43px; text-align: center; margin: 0 0 40px;}
.about .inner .box01 h4 span { font-size: 54px;}
.about .inner .box01 p { font-size: 25px; width: 1140px; margin: 0 auto 50px;}
.about .inner .box01 .img { width: 748px; margin: 0 auto;}

.about .inner .box02 { width: 1336px; margin: auto; border-bottom: solid 2px #2c392d; padding: 50px 0;}
.about .inner .box02 h4 { font-family: "Noto Serif JP", serif; font-size: 43px; text-align: center; margin: 0 0 40px;}
.about .inner .box02 p { font-size: 25px; width: 1140px; margin: 0 auto 20px;}
.about .inner .box02 p:last-child { width: auto; font-size: 22px; text-align: right; margin: 0;}
.about .inner .box02 .img { width: 989px; margin: 0 auto 20px;}

.about .inner .box03 { width: 1336px; margin: auto; border-bottom: solid 2px #2c392d; padding: 50px 0 40px;}
.about .inner .box03 h4 { font-family: "Noto Serif JP", serif; font-size: 43px; text-align: center; margin: 0 0 40px;}
.about .inner .box03 > p { font-size: 25px; width: 1140px; margin: 0 auto 20px;}

.about .inner .box03 .sbox { width: 1288px; margin: 0 auto; padding: 50px 0 80px; position: relative; background: #026636; border-radius: 30px; border-bottom: solid 1px #2c392d;}
.about .inner .box03 .sbox::before { content: ""; position: absolute; top: 20px; left: 20px; width: 43px; height: 38px; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox::after  { content: ""; position: absolute; top: 20px; right: 20px; width: 43px; height: 38px; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::before { content: ""; position: absolute; bottom: 20px; left: 20px; width: 43px; height: 38px; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::after  { content: ""; position: absolute; bottom: 20px; right: 20px; width: 43px; height: 38px; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox h4 { width: 694px; text-align: center; margin: 0 auto 40px;}
.about .inner .box03 .sbox ol { width: 1170px; margin: auto; display: flex; flex-direction: column;}
.about .inner .box03 .sbox ol li { width: 100%; height: 403px; margin: 0 0 40px; padding: 30px;}
.about .inner .box03 .sbox ol li:nth-of-type(1) { background: url("../images/about_box04_bg01.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(2) { background: url("../images/about_box04_bg02.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(3) { background: url("../images/about_box04_bg03.png") 0 0 no-repeat; background-size: cover; margin: 0;}
.about .inner .box03 .sbox ol li h5 { width: 550px; margin: 0 0 20px;}
.about .inner .box03 .sbox ol li h5::after {}
.about .inner .box03 .sbox ol li p { width: 525px; color: #FFF;}
.about .inner .box03 .sbox ol li .comment { font-size: 18px; margin: 20px 0 0; width: 525px; color: #FFF;}


/*--------------------------------------------------------------*/


.reuse-about-privacy { width: 1500px; margin: 100px auto 100px;}
.reuse-about-privacy-title { font-size: 45px; margin-bottom: 60px; text-align: center;}
.reuse-about-privacy-wrap { height: 400px; overflow-y: scroll; border: 1px solid #595757; padding: 20px;}
.reuse-about-privacy-text { font-size: 20px; line-height: 1.4;}
.reuse-about-privacy-text em { font-style: normal; color: #F00;}



.catalogBtn { margin: 0 auto 150px; text-align: center;}
.catalogBtn a { display: inline-block; border-radius: 30px; background: #b81c25; width: 700px; padding: 15px 0; color: #FFF; font-size: 40px; font-weight: 900; letter-spacing: 2px;}
.catalogBtn a span { display: block; font-size: 30px; letter-spacing: 10px; position: relative; z-index: 10; padding-top: 20px;}
.catalogBtn a span::before { content: ""; display: block; position: absolute; left: 40px; right: 240px; height: 1px; top: 10px; background: #FFF; z-index: 1;}
.catalogBtn a span::after { content: ""; display: block; position: absolute; left: 240px; right: 40px; height: 1px; top: 10px; background: #FFF; z-index: 2;}




/*--------------------------------------------------------------*/

footer { margin-top: 100px;}
footer img { width: auto;}
footer .f-wrapper { padding: 35px 0 50px; background: #0d66a4;}
footer .pageTop { display: block; background: #C9CACA; padding: 20px 0 10px; text-align: center;}
footer .pageTop:hover { text-decoration: none;}
footer .pageTop .ico { width: 80px; margin: auto; display: inline-block;}
footer .pageTop .ico:after { content: "TOP"; display: block; font-size: 18px; line-height: 1;}
footer .l-footer-contact { margin-bottom: 5px; color: #ffffff; font-size: 30px; text-align: center;}
footer .f-inner { display: flex; justify-content: center; align-items: center; padding-bottom: 40px; border-bottom: 1px solid #ffffff;}
footer .f-text .text { color: #ffffff; font-size: 24px; line-height: 1.4;}
footer .f-tel { margin-right: 20px; margin-left: 20px;}
footer .f-tel .text { color: #ffffff; font-size: 80px; line-height: 1.3;}
footer .f-logo { line-height: 1; display: block; text-align: center; padding: 40px 0 50px; margin: auto;}
footer .f-logo a { display: inline-block;}
footer .f-copyright { line-height: 1; display: block; text-align: center; color: #fff; font-weight: 500; font-size: 20px; letter-spacing: 2.5px; padding: 0 25px;}


}




/*PC*/
@media print, screen and (min-width: 768px) and ( max-width: 1919px) {

body { font-size: 1.146vw; font-feature-settings: "palt"; letter-spacing: 0.03em;}
.wrap { width: 100%;}

.pc { display: block;}
.sp { display: none;}
.pcBr { display: inline-block;}
.spBr { display: none;}

.sp_nav { display: none;}
	
a[href^="tel:"] { pointer-events: none;}


/*--------------------------------------------------------------*/

header {}
header .hd__inner { width: 100%; height: 7.604vw; padding: 0.521vw 2.083vw; display: flex; align-items: center; margin: auto;}
header .hd__inner h1 { width: 17.708vw;}
header .hd__inner h1 a {}
header .hd__inner h1 a img {}

/*--------------------------------------------------------------*/

.kv { width: 100%; margin: auto;}
.kv .inner { width: 100%; margin: auto; position: relative;}
.kv .inner .img { width: 100%;}
.kv .mv_txt01 { width: 100vw; padding: 1.719vw 4.688vw; margin: auto; font-size: 1.146vw;}
.kv .mv_txt01 a { color: #00F;}

/*--------------------------------------------------------------*/


.result { font-family: "Noto Sans JP", sans-serif; font-weight: 400; padding: 1.042vw 0 0; background: #8fbb28;}
.result .hed { background: #fff9cc; padding: 2.083vw 2.604vw; color: #000;}
.result .hed h2 { width: 16.354vw; display: block; margin: 0 auto 1.563vw;}
.result .hed h2 img {}
.result .hed p { max-width: 83.333vw; margin: auto; font-size: 1.042vw; color: #000;}

.result .main { background: #8fbb28; text-align: center; padding: 2.604vw 0 7.292vw;}
.result .main .uline { width: 77.083vw; margin: auto; border-bottom: solid 6px #FFF;}
.result .main .box01 { display: flex; justify-content: flex-start; align-items: center; width: 57.292vw; margin: auto; padding: 1.563vw 0; flex-wrap: nowrap;}
.result .main .box01 h3 { width: 16.667vw; margin: 0; padding: 0.26vw 3.646vw 0.26vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box01 h3::after { content: "／"; margin: 0 0.781vw; color: #c30d23; font-size: 2.396vw; position: absolute; top: 50%; right: 0;}
.result .main .box01 h3 img { width: auto; height: 3.542vw; margin-left: auto;}
.result .main .box01 .win { display: flex; background: #db4f03; align-items: center; padding: 0.26vw 0.781vw; color: #FFF; border: solid 4px #FFF;}
.result .main .box01 .win .txt { padding: 0 0.781vw 0 0;}
.result .main .box01 .win .txt .area { font-size: 1.667vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .txt .name { font-size: 1.667vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .no { font-size: 3.125vw; font-weight: bold;}
.result .main .box01 .win .no::before { content: "【";}
.result .main .box01 .win .no::after { content: "】";}

.result .main .box02 { display: flex; justify-content: flex-start; align-items: center; width: 57.292vw; margin: auto; padding: 1.563vw 0;}
.result .main .box02 h3 { width: 16.667vw; margin: 0; padding: 0.26vw 3.646vw 0.26vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box02 h3::after { content: "／"; margin: 0 0.781vw; color: #c30d23; font-size: 2.396vw; position: absolute; top: 50%; right: 0;}
.result .main .box02 h3 img { width: auto; height: 2.396vw; margin-left: auto;}
.result .main .box02 .win { display: flex; background: #d37850; align-items: center; padding: 0.26vw 0.781vw; color: #FFF; border: solid 4px #FFF;}
.result .main .box02 .win .txt { padding: 0 0.781vw 0 0;}
.result .main .box02 .win .txt .area { font-size: 1.354vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .txt .name { font-size: 1.354vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .no { font-size: 2.083vw; font-weight: bold;}
.result .main .box02 .win .no::before { content: "【";}
.result .main .box02 .win .no::after { content: "】";}

.result .main .box03 { display: flex; justify-content: flex-start; align-items: center; width: 57.292vw; /*height: 2.396vw;*/ margin: auto; padding: 0 0 2.604vw;}
.result .main .box03 h3 { width: 16.667vw; margin: 0; padding: 0.26vw 3.646vw 0.26vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box03 h3::after { content: "／"; margin: 0 0.781vw; color: #c30d23; font-size: 2.396vw; position: absolute; top: 50%; right: 0;}
.result .main .box03 h3 img { width: auto; height: 2.396vw; margin-left: auto;}
.result .main .box03 .win { display: flex; background: #d37850; align-items: center; padding: 0.26vw 0.781vw; color: #FFF; border: solid 4px #FFF;}
.result .main .box03 .win .txt { padding: 0 0.781vw 0 0; line-height: 1em;}
.result .main .box03 .win .txt .area { font-size: 1.354vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .txt .name { font-size: 1.354vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .no { font-size: 2.083vw; font-weight: bold;}
.result .main .box03 .win .no::before { content: "【";}
.result .main .box03 .win .no::after { content: "】";}
.result .main .lastTxt { font-size: 1.042vw; max-width: 72.917vw; margin: auto; text-align: left;}


/*--------------------------------------------------------------*/


.about { margin: 2.604vw 0 0; padding: 6.771vw 0 7.292vw; background: url("../images/about_bg.png") center top no-repeat; background-size: cover; position: relative;}
.about .inner { width: 83.333vw; background: #fdfdf5; margin: auto; padding: 0 0 2.083vw; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner h3 { width: 100%; margin: 0 0 0.521vw;}
.about .inner .box01 { width: 69.583vw; margin: auto; border-bottom: solid 2px #2c392d; padding: 2.604vw 0;}
.about .inner .box01 h4 { font-family: "Noto Serif JP", serif; font-size: 2.24vw; text-align: center; margin: 0 0 2.083vw;}
.about .inner .box01 h4 span { font-size: 2.813vw;}
.about .inner .box01 p { font-size: 1.302vw; width: 59.375vw; margin: 0 auto 2.604vw;}
.about .inner .box01 .img { width: 38.958vw; margin: 0 auto;}

.about .inner .box02 { width: 69.583vw; margin: auto; border-bottom: solid 2px #2c392d; padding: 2.604vw 0;}
.about .inner .box02 h4 { font-family: "Noto Serif JP", serif; font-size: 2.24vw; text-align: center; margin: 0 0 2.083vw;}
.about .inner .box02 p { font-size: 1.302vw; width: 59.375vw; margin: 0 auto 1.042vw;}
.about .inner .box02 p:last-child { width: auto; font-size: 1.146vw; text-align: right; margin: 0;}
.about .inner .box02 .img { width: 51.51vw; margin: 0 auto 1.042vw;}

.about .inner .box03 { width: 69.583vw; margin: auto; border-bottom: solid 2px #2c392d; padding: 2.604vw 0 2.083vw;}
.about .inner .box03 h4 { font-family: "Noto Serif JP", serif; font-size: 2.24vw; text-align: center; margin: 0 0 2.083vw;}
.about .inner .box03 > p { font-size: 1.302vw; width: 59.375vw; margin: 0 auto 1.042vw;}

.about .inner .box03 .sbox { width: 67.083vw; margin: 0 auto; padding: 2.604vw 0 4.167vw; position: relative; background: #026636; border-radius: 1.563vw; border-bottom: solid 1px #2c392d;}
.about .inner .box03 .sbox::before { content: ""; position: absolute; top: 1.042vw; left: 1.042vw; width: 2.24vw; height: 1.979vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox::after  { content: ""; position: absolute; top: 1.042vw; right: 1.042vw; width: 2.24vw; height: 1.979vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::before { content: ""; position: absolute; bottom: 1.042vw; left: 1.042vw; width: 2.24vw; height: 1.979vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::after  { content: ""; position: absolute; bottom: 1.042vw; right: 1.042vw; width: 2.24vw; height: 1.979vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox h4 { width: 36.146vw; text-align: center; margin: 0 auto 2.083vw;}
.about .inner .box03 .sbox ol { width: 60.938vw; margin: auto; display: flex; flex-direction: column;}
.about .inner .box03 .sbox ol li { width: 100%; height: 20.99vw; margin: 0 0 2.083vw; padding: 1.563vw;}
.about .inner .box03 .sbox ol li:nth-of-type(1) { background: url("../images/about_box04_bg01.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(2) { background: url("../images/about_box04_bg02.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(3) { background: url("../images/about_box04_bg03.png") 0 0 no-repeat; background-size: cover; margin: 0;}
.about .inner .box03 .sbox ol li h5 { width: 28.646vw; margin: 0 0 1.042vw;}
.about .inner .box03 .sbox ol li h5::after {}
.about .inner .box03 .sbox ol li p { width: 27.344vw; color: #FFF;}
.about .inner .box03 .sbox ol li .comment { font-size: 0.938vw; margin: 1.042vw 0 0; width: 27.344vw; color: #FFF;}


/*--------------------------------------------------------------*/


.reuse-about-privacy { width: 78.125vw; margin: 5.208vw auto 5.208vw;}
.reuse-about-privacy-title { font-size: 2.344vw; margin-bottom: 3.125vw; text-align: center;}
.reuse-about-privacy-wrap { height: 20.833vw; overflow-y: scroll; border: 1px solid #595757; padding: 1.042vw;}
.reuse-about-privacy-text { font-size: 1.042vw; line-height: 1.4;}
.reuse-about-privacy-text em { font-style: normal; color: #F00;}



.catalogBtn { margin: 0 auto 7.813vw; text-align: center;}
.catalogBtn a { display: inline-block; border-radius: 1.563vw; background: #b81c25; width: 36.458vw; padding: 0.781vw 0; color: #FFF; font-size: 2.083vw; font-weight: 900; letter-spacing: 0.104vw;}
.catalogBtn a span { display: block; font-size: 1.563vw; letter-spacing: 0.521vw; position: relative; z-index: 10; padding-top: 1.042vw;}
.catalogBtn a span::before { content: ""; display: block; position: absolute; left: 2.083vw; right: 12.5vw; height: 0.052vw; top: 0.521vw; background: #FFF; z-index: 1;}
.catalogBtn a span::after { content: ""; display: block; position: absolute; left: 12.5vw; right: 2.083vw; height: 0.052vw; top: 0.521vw; background: #FFF; z-index: 2;}




/*--------------------------------------------------------------*/

footer { margin-top: 5.208vw;}
footer img { width: auto;}
footer .f-wrapper { padding: 1.823vw 0 2.604vw; background: #0d66a4;}
footer .pageTop { display: block; background: #C9CACA; padding: 1.042vw 0 0.521vw; text-align: center;}
footer .pageTop:hover { text-decoration: none;}
footer .pageTop .ico { width: 4.167vw; margin: auto; display: inline-block;}
footer .pageTop .ico:after { content: "TOP"; display: block; font-size: 0.938vw; line-height: 1;}
footer .l-footer-contact { margin-bottom: 0.26vw; color: #ffffff; font-size: 1.563vw; text-align: center;}
footer .f-inner { display: flex; justify-content: center; align-items: center; padding-bottom: 2.083vw; border-bottom: 1px solid #ffffff;}
footer .f-text .text { color: #ffffff; font-size: 1.25vw; line-height: 1.4;}
footer .f-tel { margin-right: 1.042vw; margin-left: 1.042vw;}
footer .f-tel .text { color: #ffffff; font-size: 4.167vw; line-height: 1.3;}
footer .f-logo { line-height: 1; display: block; text-align: center; padding: 2.083vw 0 2.604vw; margin: auto;}
footer .f-logo a { display: inline-block;}
footer .f-copyright { line-height: 1; display: block; text-align: center; color: #fff; font-weight: 500; font-size: 1.042vw; letter-spacing: 0.13vw; padding: 0 1.302vw;}


}





/*sp*/
@media only screen and (max-width: 767px) {

body { font-size: 3.125vw; font-feature-settings: "palt"; letter-spacing: 0.03em;}
.wrap { width: 100%;}

.pc { display: none;} 
.sp { display: block;} 
.pcBr { display: none;} 
.spBr { display: inline-block;} 

.hamburger { position: fixed; top: 1.563vw; right: 1.563vw; width: 7.813vw; height: 7.813vw; cursor: pointer; z-index: 1001;}
.hamburger a { display: block; width: 7.813vw; height: 7.813vw; position: relative; background: transparent; border: none;}
.hamburger a span { display: block; width: auto; height: 0.469vw; background: #000; position: absolute; left: 0.781vw; right: 0.781vw; border-radius: 1.563vw; transition: all 0.3s ease;}
.hamburger a span:nth-of-type(1) { top: 1.875vw;}
.hamburger a span:nth-of-type(2) { top: 50%; transform: translateY(-50%);}
.hamburger a span:nth-of-type(3) { bottom: 1.875vw;}
.hamburger a.active span:nth-of-type(1) { top: 3.75vw; transform: rotate(45deg);} 
.hamburger a.active span:nth-of-type(2) { opacity: 0;} 
.hamburger a.active span:nth-of-type(3) { bottom: 3.594vw; transform: rotate(-45deg);} 

.sp_nav { position: fixed; top: -100vh; left: 0; bottom: 0; right: 0; height: 100vh; color: #000; background: rgba(255, 255, 255, 0); z-index: 1000; overflow-y: auto; transition: all 0.5s ease;}
.sp_nav.active { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; color: #000; background: rgba(255, 255, 255, 1.0); z-index: 1000; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sp_nav .nav__box__logo { width: 50%; margin: 0 0 6.25vw;}

.sp_nav ul { width: 100%; margin: 0 0 31.25vw;}
.sp_nav ul li { border-top: solid 1px #FFF;}
.sp_nav ul li a { display: block; padding: 2.031vw 3.125vw; background: #e1f3f9; color: #176693; position: relative;}
.sp_nav ul li a::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 3.125vw; display: block; width: 2.344vw; height: 2.344vw; border-bottom: solid 2px #176693; border-right: solid 2px #176693; transform: rotate(-45deg);}

/*--------------------------------------------------------------*/

header { width: 100%;}
header .hd__inner { width: 100%; height: 10.938vw; align-content: center; padding: 0 3.125vw; position: relative;}
header .hd__inner h1 { width: 38.125vw; height: 6.875vw;}
header .hd__inner h1 a { display: block;}
header .hd__inner h1 a img { transform: scale(1); transition: ease .5s;}


/*--------------------------------------------------------------*/


.kv { width: 100%; margin: auto;}
.kv .inner { width: 100%; margin: auto; position: relative;}
.kv .inner .img { width: 100%;}


/*--------------------------------------------------------------*/


.result { font-family: "Noto Sans JP", sans-serif; font-weight: 400; padding: 0 0 0; background: #8fbb28;}
.result .hed { background: #fff9cc; padding: 4.688vw 7.813vw; color: #231815;}
.result .hed h2 { height: 9.375vw; text-align: center; margin: 0 0 4.688vw;}
.result .hed h2 img { width: auto; height: 100%; margin: auto;}
.result .hed p { max-width: 100%; margin: auto; font-size: 2.5vw; color: #231815; font-weight: 600;}

.result .main { background: #8fbb28; text-align: center; padding: 1.563vw 0 15.625vw;}
.result .main .uline { width: 90%; margin: auto;}
.result .main .box01 { display: flex; align-items: center; flex-direction: column; width: 85.938vw; margin: auto; padding: 4.688vw 0; flex-wrap: nowrap;}
.result .main .box01 h3 { width: auto; margin: 0; padding: 0 0 3.125vw; box-sizing: border-box; position: relative;}
.result .main .box01 h3 img { width: auto; height: 8.438vw; margin-left: auto;}
.result .main .box01 .win { display: flex; flex-direction: column; background: #db5c19; align-items: center; padding: 1.563vw 0; color: #FFF; width: 100%; border: solid 3px #FFF;}
.result .main .box01 .win .txt { padding: 0 2.344vw 0 0; display: flex; justify-content: center;}
.result .main .box01 .win .txt .area { font-size: 5vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .txt .name { font-size: 5vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .no { font-size: 7.813vw; font-weight: bold;}
.result .main .box01 .win .no::before { content: "【";}
.result .main .box01 .win .no::after { content: "】";}

.result .main .box02 { display: flex; justify-content: flex-start; align-items: center; width: 85.938vw; margin: auto; padding: 3.125vw 0; border-top: solid 3px #FFF;}
.result .main .box02 h3 { width: auto; margin: 0; padding: 0.781vw 6.25vw 0.781vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box02 h3::after { content: "／"; margin: 0 2.344vw; color: #FFF; font-size: 4.063vw; position: absolute; top: 50%; right: -0.781vw;}
.result .main .box02 h3 img { width: auto; height: 5vw;}
.result .main .box02 .win { display: flex; background: #d37850; align-items: center; padding: 0.781vw 2.344vw; color: #FFF; border: solid 3px #FFF;}
.result .main .box02 .win .txt { padding: 0 2.344vw 0 0;}
.result .main .box02 .win .txt .area { font-size: 2.188vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .txt .name { font-size: 2.188vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .no { font-size: 4.063vw; font-weight: bold;}
.result .main .box02 .win .no::before { content: "【";}
.result .main .box02 .win .no::after { content: "】";}

.result .main .box03 { display: flex; justify-content: flex-start; align-items: center; width: 85.938vw; margin: auto; padding: 3.125vw 0 6.25vw; border-top: solid 3px #FFF;}
.result .main .box03 h3 { width: auto; margin: 0; padding: 0.781vw 6.25vw 0.781vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box03 h3::after { content: "／"; margin: 0 2.344vw; color: #FFF; font-size: 4.063vw; position: absolute; top: 50%; right: -0.781vw;}
.result .main .box03 h3 img { width: auto; height: 5vw;}
.result .main .box03 .win { display: flex; background: #d37850; align-items: center; padding: 0.781vw 2.344vw; color: #FFF; border: solid 3px #FFF;}
.result .main .box03 .win .txt { padding: 0 2.344vw 0 0; line-height: 1em;}
.result .main .box03 .win .txt .area { font-size: 2.188vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .txt .name { font-size: 2.188vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .no { font-size: 4.063vw; font-weight: bold;}
.result .main .box03 .win .no::before { content: "【";}
.result .main .box03 .win .no::after { content: "】";}
.result .main .lastTxt { font-size: 2.5vw; max-width: 90%; margin: auto; text-align: left;}


/*--------------------------------------------------------------*/


.about { margin: 7.813vw 0 0; padding: 20.313vw 3.125vw 21.875vw; background: url("../images/about_bg.png") center top no-repeat; background-size: cover; position: relative;}
.about .inner { width: 100%; background: #fdfdf5; margin: auto; padding: 0 0 6.25vw; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner h3 { width: 100%; margin: 0 0 1.563vw;}
.about .inner .box01 { width: auto; margin: auto; border-bottom: solid 2px #2c392d; padding: 7.813vw 2.344vw;}
.about .inner .box01 h4 { font-family: "Noto Serif JP", serif; font-size: 4.688vw; text-align: center; margin: 0 0 6.25vw;}
.about .inner .box01 h4 span { font-size: 5.938vw;}
.about .inner .box01 p { font-size: 3.125vw; width: auto; margin: 0 auto 7.813vw;}
.about .inner .box01 p { font-size: 3.125vw; width: auto; margin: 0 auto 7.813vw;}
.about .inner .box01 p { font-size: 3.125vw; width: auto; margin: 0 auto 7.813vw;}
.about .inner .box01 .img { width: 84.375vw; margin: 0 auto;}

.about .inner .box02 { width: auto; margin: auto; border-bottom: solid 2px #2c392d; padding: 7.813vw 2.344vw;}
.about .inner .box02 h4 { font-family: "Noto Serif JP", serif; font-size: 4.688vw; text-align: center; margin: 0 0 6.25vw;}
.about .inner .box02 p { font-size: 3.125vw; width: auto; margin: 0 auto 3.125vw;}
.about .inner .box02 p:last-child { width: auto; font-size: 3.125vw; margin: 0;}
.about .inner .box02 .img { width: 81.25vw; margin: 0 auto 3.125vw;}

.about .inner .box03 { width: auto; margin: auto; border-bottom: solid 2px #2c392d; padding: 7.813vw 2.344vw 6.25vw;}
.about .inner .box03 h4 { font-family: "Noto Serif JP", serif; font-size: 4.688vw; text-align: center; margin: 0 0 6.25vw;}
.about .inner .box03 > p { font-size: 3.125vw; width: auto; margin: 0 auto 3.125vw;}

.about .inner .box03 .sbox { width: 100%; margin: 0 auto; padding: 7.813vw 0 6.25vw; position: relative; background: #026636; border-radius: 4.688vw; border-bottom: solid 1px #2c392d;}
.about .inner .box03 .sbox::before { content: ""; position: absolute; top: 3.125vw; left: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox::after  { content: ""; position: absolute; top: 3.125vw; right: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::before { content: ""; position: absolute; bottom: 3.125vw; left: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::after  { content: ""; position: absolute; bottom: 3.125vw; right: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox h4 { width: 80.469vw; text-align: center; margin: 0 auto 6.25vw;}
.about .inner .box03 .sbox ol { width: 76.563vw; margin: auto; display: flex; flex-direction: column;}
.about .inner .box03 .sbox ol li { width: 100%; height: auto; margin: 0 0 6.25vw; padding: 2.344vw 3.125vw;}
.about .inner .box03 .sbox ol li:nth-of-type(1) { background: url("../images/about_box04_bg01.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(2) { background: url("../images/about_box04_bg02.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(3) { background: url("../images/about_box04_bg03.png") 0 0 no-repeat; background-size: cover; margin: 0;}
.about .inner .box03 .sbox ol li img { width: 100%; margin: 0 0 3.125vw;}
.about .inner .box03 .sbox ol li h5 { width: auto; margin: 0 0 3.125vw;}
.about .inner .box03 .sbox ol li h5::after {}
.about .inner .box03 .sbox ol li p { width: auto; color: #FFF;}
.about .inner .box03 .sbox ol li .comment { font-size: 2.813vw; margin: 3.125vw 0 0; width: auto; color: #FFF;}


/*--------------------------------------------------------------*/

.reuse-about-privacy { margin: 11.94vw 2.985vw 5.97vw;}
.reuse-about-privacy-title { font-size: 3.881vw; margin-bottom: 2.985vw; text-align: center;}
.reuse-about-privacy-wrap { height: 37.313vw; overflow-y: scroll; border: 1px solid #595757; padding: 2.985vw;}
.reuse-about-privacy-text { font-size: 2.687vw; font-weight: 500;}
.reuse-about-privacy-text em { font-style: normal;}


.catalogBtn { margin-bottom: 14.925vw; text-align: center;}
.catalogBtn a { display: inline-block; border-radius: 1.493vw; background: #b81c25; width: 53.731vw; padding: 2.239vw 0; color: #FFF; font-size: 2.985vw; font-weight: 900; letter-spacing: 0.2rem;}
.catalogBtn a span { display: block; font-size: 2.388vw; letter-spacing: 1.493vw; position: relative; z-index: 10;}
.catalogBtn a span::before { content: ""; display: block; position: absolute; left: 5.97vw; right: 35.821vw; height: 0.149vw; top: 1.791vw; background: #FFF; z-index: 1;}
.catalogBtn a span::after { content: ""; display: block; position: absolute; left: 35.821vw; right: 5.97vw; height: 0.149vw; top: 1.791vw; background: #FFF; z-index: 2;}



/*--------------------------------------------------------------*/


footer { margin-top: 15.625vw;}
footer img { width: auto;}
footer a,
footer a:hover,
footer a:visited { color: #FFF; display: block;}
footer .f-wrapper { padding-top: 5.469vw; padding-bottom: 3.125vw; background: #0d66a4;}
footer .pageTop { display: none;}
footer .pageTop:hover { text-decoration: none;}
footer .pageTop .ico:after { content: "TOP"; display: block; font-size: 1.875vw; line-height: 1;}
footer .l-footer-contact { margin-bottom: 0; color: #ffffff; font-size: 2.188vw; text-align: center;}
footer .f-inner { display: flex; justify-content: center; align-items: center; padding-bottom: 3.906vw; border-bottom: 1px solid #ffffff; -ms-flex-wrap: wrap; flex-wrap: wrap;}
footer .f-text .text { color: #ffffff; font-size: 2.188vw; text-align: center; line-height: 1.3;}
footer .f-tel { margin: 2.344vw;}
footer .f-tel .text { color: #ffffff; font-size: 5.938vw; line-height: 1.3;}
footer .f-logo { line-height: 1; display: block; text-align: center; padding: 5vw 9.375vw 3.75vw;}
footer .f-copyright { line-height: 1; display: block; text-align: center; color: #fff; font-weight: 500; font-size: 1.875vw; /*letter-spacing: 0.391vw; */padding: 0 2.344vw;}



}



/*sp*/
@media screen and (width: 640px) {

body { font-size: 20px; font-feature-settings: "palt"; letter-spacing: 0.03em;}
.wrap { width: 100%;}

.pc { display: none;} 
.sp { display: block;} 
.pcBr { display: none;} 
.spBr { display: inline-block;} 

.hamburger { position: fixed; top: 10px; right: 10px; width: 50px; height: 50px; cursor: pointer; z-index: 1001;}
.hamburger a { display: block; width: 50px; height: 50px; position: relative; background: transparent; border: none;}
.hamburger a span { display: block; width: auto; height: 3px; background: #000; position: absolute; left: 5px; right: 5px; border-radius: 10px; transition: all 0.3s ease;}
.hamburger a span:nth-of-type(1) { top: 12px;}
.hamburger a span:nth-of-type(2) { top: 50%; transform: translateY(-50%);}
.hamburger a span:nth-of-type(3) { bottom: 12px;}
.hamburger a.active span:nth-of-type(1) { top: 24px; transform: rotate(45deg);} 
.hamburger a.active span:nth-of-type(2) { opacity: 0;} 
.hamburger a.active span:nth-of-type(3) { bottom: 23px; transform: rotate(-45deg);} 

.sp_nav { position: fixed; top: -100vh; left: 0; bottom: 0; right: 0; height: 100vh; color: #000; background: rgba(255, 255, 255, 0); z-index: 1000; overflow-y: auto; transition: all 0.5s ease;}
.sp_nav.active { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; color: #000; background: rgba(255, 255, 255, 1.0); z-index: 1000; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sp_nav .nav__box__logo { width: 50%; margin: 0 0 40px;}

.sp_nav ul { width: 100%; margin: 0 0 200px;}
.sp_nav ul li { border-top: solid 1px #FFF;}
.sp_nav ul li a { display: block; padding: 13px 20px; background: #e1f3f9; color: #176693; position: relative;}
.sp_nav ul li a::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; display: block; width: 15px; height: 15px; border-bottom: solid 2px #176693; border-right: solid 2px #176693; transform: rotate(-45deg);}

/*--------------------------------------------------------------*/

header { width: 100%;}
header .hd__inner { width: 100%; height: 70px; align-content: center; padding: 0 20px; position: relative;}
header .hd__inner h1 { width: 244px; height: 44px;}
header .hd__inner h1 a { display: block;}
header .hd__inner h1 a img { transform: scale(1); transition: ease .5s;}


/*--------------------------------------------------------------*/


.kv { width: 100%; margin: auto;}
.kv .inner { width: 100%; margin: auto; position: relative;}
.kv .inner .img { width: 100%;}


/*--------------------------------------------------------------*/


.result { font-family: "Noto Sans JP", sans-serif; font-weight: 400; padding: 0 0 0; background: #8fbb28;}
.result .hed { background: #fff9cc; padding: 30px 50px; color: #231815;}
.result .hed h2 { height: 60px; text-align: center; margin: 0 0 30px;}
.result .hed h2 img { width: auto; height: 100%; margin: auto;}
.result .hed p { max-width: 100%; margin: auto; font-size: 16px; color: #231815; font-weight: 600;}

.result .main { background: #8fbb28; text-align: center; padding: 10px 0 100px;}
.result .main .uline { width: 90%; margin: auto;}
.result .main .box01 { display: flex; align-items: center; flex-direction: column; width: 550px; margin: auto; padding: 30px 0; flex-wrap: nowrap;}
.result .main .box01 h3 { width: auto; margin: 0; padding: 0 0 20px; box-sizing: border-box; position: relative;}
.result .main .box01 h3 img { width: auto; height: 54px; margin-left: auto;}
.result .main .box01 .win { display: flex; flex-direction: column; background: #db5c19; align-items: center; padding: 10px 0; color: #FFF; width: 100%; border: solid 3px #FFF;}
.result .main .box01 .win .txt { padding: 0 15px 0 0; display: flex; justify-content: center;}
.result .main .box01 .win .txt .area { font-size: 32px; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .txt .name { font-size: 32px; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .no { font-size: 50px; font-weight: bold;}
.result .main .box01 .win .no::before { content: "【";}
.result .main .box01 .win .no::after { content: "】";}

.result .main .box02 { display: flex; justify-content: flex-start; align-items: center; width: 550px; margin: auto; padding: 20px 0; border-top: solid 3px #FFF;}
.result .main .box02 h3 { width: auto; margin: 0; padding: 5px 40px 5px 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box02 h3::after { content: "／"; margin: 0 15px; color: #FFF; font-size: 26px; position: absolute; top: 50%; right: -5px;}
.result .main .box02 h3 img { width: auto; height: 32px;}
.result .main .box02 .win { display: flex; background: #d37850; align-items: center; padding: 5px 15px; color: #FFF; border: solid 3px #FFF;}
.result .main .box02 .win .txt { padding: 0 15px 0 0;}
.result .main .box02 .win .txt .area { font-size: 14px; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .txt .name { font-size: 14px; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .no { font-size: 26px; font-weight: bold;}
.result .main .box02 .win .no::before { content: "【";}
.result .main .box02 .win .no::after { content: "】";}

.result .main .box03 { display: flex; justify-content: flex-start; align-items: center; width: 550px; margin: auto; padding: 20px 0 40px; border-top: solid 3px #FFF;}
.result .main .box03 h3 { width: auto; margin: 0; padding: 5px 40px 5px 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box03 h3::after { content: "／"; margin: 0 15px; color: #FFF; font-size: 26px; position: absolute; top: 50%; right: -5px;}
.result .main .box03 h3 img { width: auto; height: 32px;}
.result .main .box03 .win { display: flex; background: #d37850; align-items: center; padding: 5px 15px; color: #FFF; border: solid 3px #FFF;}
.result .main .box03 .win .txt { padding: 0 15px 0 0; line-height: 1em;}
.result .main .box03 .win .txt .area { font-size: 14px; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .txt .name { font-size: 14px; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .no { font-size: 26px; font-weight: bold;}
.result .main .box03 .win .no::before { content: "【";}
.result .main .box03 .win .no::after { content: "】";}
.result .main .lastTxt { font-size: 16px; max-width: 90%; margin: auto; text-align: left;}


/*--------------------------------------------------------------*/


.about { margin: 7.813vw 0 0; padding: 20.313vw 3.125vw 21.875vw; background: url("../images/about_bg.png") center top no-repeat; background-size: cover; position: relative;}
.about .inner { width: 100%; background: #fdfdf5; margin: auto; padding: 0 0 6.25vw; filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.7));}
.about .inner h3 { width: 100%; margin: 0 0 1.563vw;}
.about .inner .box01 { width: auto; margin: auto; border-bottom: solid 2px #2c392d; padding: 7.813vw 2.344vw;}
.about .inner .box01 h4 { font-family: "Noto Serif JP", serif; font-size: 4.688vw; text-align: center; margin: 0 0 6.25vw;}
.about .inner .box01 h4 span { font-size: 5.938vw;}
.about .inner .box01 p { font-size: 3.125vw; width: auto; margin: 0 auto 7.813vw;}
.about .inner .box01 p { font-size: 3.125vw; width: auto; margin: 0 auto 7.813vw;}
.about .inner .box01 p { font-size: 3.125vw; width: auto; margin: 0 auto 7.813vw;}
.about .inner .box01 .img { width: 84.375vw; margin: 0 auto;}

.about .inner .box02 { width: auto; margin: auto; border-bottom: solid 2px #2c392d; padding: 7.813vw 2.344vw;}
.about .inner .box02 h4 { font-family: "Noto Serif JP", serif; font-size: 4.688vw; text-align: center; margin: 0 0 6.25vw;}
.about .inner .box02 p { font-size: 3.125vw; width: auto; margin: 0 auto 3.125vw;}
.about .inner .box02 p:last-child { width: auto; font-size: 3.125vw; margin: 0;}
.about .inner .box02 .img { width: 81.25vw; margin: 0 auto 3.125vw;}

.about .inner .box03 { width: auto; margin: auto; border-bottom: solid 2px #2c392d; padding: 7.813vw 2.344vw 6.25vw;}
.about .inner .box03 h4 { font-family: "Noto Serif JP", serif; font-size: 4.688vw; text-align: center; margin: 0 0 6.25vw;}
.about .inner .box03 > p { font-size: 3.125vw; width: auto; margin: 0 auto 3.125vw;}

.about .inner .box03 .sbox { width: 100%; margin: 0 auto; padding: 7.813vw 0 6.25vw; position: relative; background: #026636; border-radius: 4.688vw; border-bottom: solid 1px #2c392d;}
.about .inner .box03 .sbox::before { content: ""; position: absolute; top: 3.125vw; left: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox::after  { content: ""; position: absolute; top: 3.125vw; right: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::before { content: ""; position: absolute; bottom: 3.125vw; left: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox span::after  { content: ""; position: absolute; bottom: 3.125vw; right: 3.125vw; width: 2.813vw; height: 2.656vw; background: url("../images/about_box04_pin.png") 0 0 no-repeat; background-size: cover; filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.7));}
.about .inner .box03 .sbox h4 { width: 80.469vw; text-align: center; margin: 0 auto 6.25vw;}
.about .inner .box03 .sbox ol { width: 76.563vw; margin: auto; display: flex; flex-direction: column;}
.about .inner .box03 .sbox ol li { width: 100%; height: auto; margin: 0 0 6.25vw; padding: 2.344vw 3.125vw;}
.about .inner .box03 .sbox ol li:nth-of-type(1) { background: url("../images/about_box04_bg01.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(2) { background: url("../images/about_box04_bg02.png") 0 0 no-repeat; background-size: cover;}
.about .inner .box03 .sbox ol li:nth-of-type(3) { background: url("../images/about_box04_bg03.png") 0 0 no-repeat; background-size: cover; margin: 0;}
.about .inner .box03 .sbox ol li img { width: 100%; margin: 0 0 3.125vw;}
.about .inner .box03 .sbox ol li h5 { width: auto; margin: 0 0 3.125vw;}
.about .inner .box03 .sbox ol li h5::after {}
.about .inner .box03 .sbox ol li p { width: auto; color: #FFF;}
.about .inner .box03 .sbox ol li .comment { font-size: 2.813vw; margin: 3.125vw 0 0; width: auto; color: #FFF;}


/*--------------------------------------------------------------*/

.reuse-about-privacy { margin: 80px 20px 40px;}
.reuse-about-privacy-title { font-size: 26px; margin-bottom: 20px; text-align: center;}
.reuse-about-privacy-wrap { height: 250px; overflow-y: scroll; border: 1px solid #595757; padding: 20px;}
.reuse-about-privacy-text { font-size: 18px; font-weight: 500;}
.reuse-about-privacy-text em { font-style: normal;}


.catalogBtn { margin-bottom: 100px; text-align: center;}
.catalogBtn a { display: inline-block; border-radius: 10px; background: #b81c25; width: 360px; padding: 15px 0; color: #FFF; font-size: 20px; font-weight: 900; letter-spacing: 0.2rem;}
.catalogBtn a span { display: block; font-size: 16px; letter-spacing: 10px; position: relative; z-index: 10;}
.catalogBtn a span::before { content: ""; display: block; position: absolute; left: 40px; right: 240px; height: 1px; top: 12px; background: #FFF; z-index: 1;}
.catalogBtn a span::after { content: ""; display: block; position: absolute; left: 240px; right: 40px; height: 1px; top: 12px; background: #FFF; z-index: 2;}


/*--------------------------------------------------------------*/


footer { margin-top: 100px;}
footer img { width: auto;}
footer a,
footer a:hover,
footer a:visited { color: #FFF; display: block;}
footer .f-wrapper { padding-top: 35px; padding-bottom: 20px; background: #0d66a4;}
footer .pageTop { display: none;}
footer .pageTop:hover { text-decoration: none;}
footer .pageTop .ico:after { content: "TOP"; display: block; font-size: 12px; line-height: 1;}
footer .l-footer-contact { margin-bottom: 0; color: #ffffff; font-size: 14px; text-align: center;}
footer .f-inner { display: flex; justify-content: center; align-items: center; padding-bottom: 25px; border-bottom: 1px solid #ffffff; -ms-flex-wrap: wrap; flex-wrap: wrap;}
footer .f-text .text { color: #ffffff; font-size: 14px; text-align: center; line-height: 1.3;}
footer .f-tel { margin: 15px;}
footer .f-tel .text { color: #ffffff; font-size: 38px; line-height: 1.3;}
footer .f-logo { line-height: 1; display: block; text-align: center; padding: 32px 60px 24px;}
footer .f-copyright { line-height: 1; display: block; text-align: center; color: #fff; font-weight: 500; font-size: 12px; /*letter-spacing: 2.5px; */padding: 0 15px;}



}