@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%; margin-bottom: 0;}
.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: 0; background: #8fbb28;}
.result .hed { background: #fed92b; padding: 40px 50px; color: #000;}
.result .hed h2 { width: 440px; display: block; margin: 0 auto 30px;}
.result .hed h2 img {}
.result .hed p { max-width: 1600px; margin: auto; font-size: 18px; color: #000;}

.result .main { background: #0e3457; 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: #FFF; 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: #FFF; align-items: center; padding: 5px 15px; color: #0e3457; border: none; border-radius: 3px;}
.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: #FFF; 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: #FFF; align-items: center; padding: 5px 15px; color: #0e3457; border: none; border-radius: 3px;}
.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: #FFF; 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: #FFF; align-items: center; padding: 5px 15px; color: #0e3457; border: none; border-radius: 3px;}
.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: 18px; max-width: 1600px; margin: auto; text-align: left; color: #FFF;}


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


.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.0000vw; height: 7.6042vw; padding: 0.5208vw 2.0833vw; display: flex; align-items: center; margin: auto;}
header .hd__inner h1 { width: 17.7083vw;}
header .hd__inner h1 a {}
header .hd__inner h1 a img {}

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

.kv { width: 100%; margin: auto;}
.kv .inner { width: 100.0000vw; margin: auto; position: relative;}
.kv .inner .img { width: 100%; margin-bottom: 0;}
.kv .mv_txt01 { width: 100.0000vw; padding: 1.7188vw 4.6875vw; margin: auto; font-size: 1.1458vw;}
.kv .mv_txt01 a { color: #00F;}

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


.result { font-family: "Noto Sans JP", sans-serif; font-weight: 400; padding: 0; background: #8fbb28;}
.result .hed { background: #fed92b; padding: 2.0833vw 2.6042vw; color: #000;}
.result .hed h2 { width: 22.9167vw; display: block; margin: 0 auto 1.5625vw;}
.result .hed h2 img {}
.result .hed p { max-width: 83.3333vw; margin: auto; font-size: 0.9375vw; color: #000;}

.result .main { background: #0e3457; text-align: center; padding: 2.6042vw 0 7.2917vw;}
.result .main .uline { width: 77.0833vw; margin: auto; border-bottom: solid 0.3125vw #FFF;}
.result .main .box01 { display: flex; justify-content: flex-start; align-items: center; width: 57.2917vw; margin: auto; padding: 1.5625vw 0; flex-wrap: nowrap;}
.result .main .box01 h3 { width: 16.6667vw; margin: 0; padding: 0.2604vw 3.6458vw 0.2604vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box01 h3::after { content: "／"; margin: 0 0.7813vw; color: #FFF; font-size: 2.3958vw; position: absolute; top: 50%; right: 0;}
.result .main .box01 h3 img { width: auto; height: 3.5417vw; margin-left: auto;}
.result .main .box01 .win { display: flex; background: #FFF; align-items: center; padding: 0.2604vw 0.7813vw; color: #0e3457; border: none; border-radius: 0.1563vw;}
.result .main .box01 .win .txt { padding: 0 0.7813vw 0 0;}
.result .main .box01 .win .txt .area { font-size: 1.6667vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .txt .name { font-size: 1.6667vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .no { font-size: 3.1250vw; 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.2917vw; margin: auto; padding: 1.5625vw 0;}
.result .main .box02 h3 { width: 16.6667vw; margin: 0; padding: 0.2604vw 3.6458vw 0.2604vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box02 h3::after { content: "／"; margin: 0 0.7813vw; color: #FFF; font-size: 2.3958vw; position: absolute; top: 50%; right: 0;}
.result .main .box02 h3 img { width: auto; height: 2.3958vw; margin-left: auto;}
.result .main .box02 .win { display: flex; background: #FFF; align-items: center; padding: 0.2604vw 0.7813vw; color: #0e3457; border: none; border-radius: 0.1563vw;}
.result .main .box02 .win .txt { padding: 0 0.7813vw 0 0;}
.result .main .box02 .win .txt .area { font-size: 1.3542vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .txt .name { font-size: 1.3542vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .no { font-size: 2.0833vw; 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.2917vw; /*height: 2.3958vw;*/ margin: auto; padding: 0 0 2.6042vw;}
.result .main .box03 h3 { width: 16.6667vw; margin: 0; padding: 0.2604vw 3.6458vw 0.2604vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box03 h3::after { content: "／"; margin: 0 0.7813vw; color: #FFF; font-size: 2.3958vw; position: absolute; top: 50%; right: 0;}
.result .main .box03 h3 img { width: auto; height: 2.3958vw; margin-left: auto;}
.result .main .box03 .win { display: flex; background: #FFF; align-items: center; padding: 0.2604vw 0.7813vw; color: #0e3457; border: none; border-radius: 0.1563vw;}
.result .main .box03 .win .txt { padding: 0 0.7813vw 0 0; line-height: 1em;}
.result .main .box03 .win .txt .area { font-size: 1.3542vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .txt .name { font-size: 1.3542vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .no { font-size: 2.0833vw; font-weight: bold;}
.result .main .box03 .win .no::before { content: "【";}
.result .main .box03 .win .no::after { content: "】";}
.result .main .lastTxt { font-size: 0.9375vw; max-width: 83.3333vw; margin: auto; text-align: left; color: #FFF;}


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


.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: 1px; 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: 2px; 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: #fed92b; padding: 4.6875vw 7.8125vw; color: #231815;}
.result .hed h2 { height: 9.3750vw; text-align: center; margin: 0 0 4.6875vw;}
.result .hed h2 img { width: auto; height: 100%; margin: auto;}
.result .hed p { max-width: 100%; margin: auto; font-size: 2.5000vw; color: #231815; font-weight: 600;}

.result .main { background: #0e3457; text-align: center; padding: 1.5625vw 0 15.6250vw;}
.result .main .uline { width: 90%; margin: auto;}
.result .main .box01 { display: flex; align-items: center; flex-direction: column; width: 81.2500vw; margin: auto; padding: 4.6875vw 0; flex-wrap: nowrap;}
.result .main .box01 h3 { width: auto; margin: 0; padding: 0 0 3.1250vw; box-sizing: border-box; position: relative;}
.result .main .box01 h3 img { width: auto; height: 8.4375vw; margin-left: auto;}
.result .main .box01 .win { display: flex; flex-direction: column; background: #FFF; align-items: center; padding: 1.5625vw 0; color: #0e3457; width: 100%; border-radius: 0.4688vw;}
.result .main .box01 .win .txt { padding: 0 2.3438vw 0 0; display: flex; justify-content: center;}
.result .main .box01 .win .txt .area { font-size: 5.0000vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .txt .name { font-size: 5.0000vw; line-height: 1.2; font-weight: bold;}
.result .main .box01 .win .no { font-size: 7.8125vw; font-weight: bold;}
.result .main .box01 .win .no::before { content: "【";}
.result .main .box01 .win .no::after { content: "】";}

.result .main .box02 { display: flex; justify-content: center; align-items: center; width: 81.2500vw; margin: auto; padding: 3.1250vw 0; border-top: solid 0.4688vw #FFF;}
.result .main .box02 h3 { width: auto; margin: 0; padding: 0.7813vw 6.2500vw 0.7813vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box02 h3::after { content: "／"; margin: 0 2.3438vw; color: #FFF; font-size: 4.0625vw; position: absolute; top: 50%; right: -0.7813vw;}
.result .main .box02 h3 img { width: auto; height: 4.3750vw;}
.result .main .box02 .win { display: flex; background: #FFF; align-items: center; padding: 0.7813vw 2.3438vw; color: #0e3457; border: none; border-radius: 0.4688vw;}
.result .main .box02 .win .txt { padding: 0 2.3438vw 0 0;}
.result .main .box02 .win .txt .area { font-size: 2.1875vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .txt .name { font-size: 2.1875vw; line-height: 1.2; font-weight: bold;}
.result .main .box02 .win .no { font-size: 4.0625vw; font-weight: bold;}
.result .main .box02 .win .no::before { content: "【";}
.result .main .box02 .win .no::after { content: "】";}

.result .main .box03 { display: flex; justify-content: center; align-items: center; width: 81.2500vw; margin: auto; padding: 3.1250vw 0 6.2500vw; border-top: solid 0.4688vw #FFF;}
.result .main .box03 h3 { width: auto; margin: 0; padding: 0.7813vw 6.2500vw 0.7813vw 0; text-align: right; line-height: 0; box-sizing: border-box; position: relative;}
.result .main .box03 h3::after { content: "／"; margin: 0 2.3438vw; color: #FFF; font-size: 4.0625vw; position: absolute; top: 50%; right: -0.7813vw;}
.result .main .box03 h3 img { width: auto; height: 4.3750vw;}
.result .main .box03 .win { display: flex; background: #FFF; align-items: center; padding: 0.7813vw 2.3438vw; color: #0e3457; border: none; border-radius: 0.4688vw;}
.result .main .box03 .win .txt { padding: 0 2.3438vw 0 0; line-height: 1em;}
.result .main .box03 .win .txt .area { font-size: 2.1875vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .txt .name { font-size: 2.1875vw; line-height: 1.2; font-weight: bold;}
.result .main .box03 .win .no { font-size: 4.0625vw; font-weight: bold;}
.result .main .box03 .win .no::before { content: "【";}
.result .main .box03 .win .no::after { content: "】";}
.result .main .lastTxt { font-size: 2.5000vw; max-width: 90%; margin: auto; text-align: left; color: #FFF;}


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


.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; color: #F00;}


.catalogBtn { margin-bottom: 15.6250vw; text-align: center;}
.catalogBtn a { display: inline-block; border-radius: 1.5625vw; background: #b81c25; width: 78.1250vw; padding: 2.3438vw 0; color: #FFF; font-size: 3.7500vw; font-weight: 900; letter-spacing: 0.1rem;}
.catalogBtn a span { display: block; font-size: 3.1250vw; letter-spacing: 1.5625vw; position: relative; z-index: 10;}
.catalogBtn a span::before { content: ""; display: block; position: absolute; left: 6.2500vw; right: 46.8750vw; height: 1px; top: 50%; background: #FFF; z-index: 1;}
.catalogBtn a span::after { content: ""; display: block; position: absolute; left: 46.8750vw; right: 6.2500vw; height: 1px; top: 50%; 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: inline-block; width: 9.3750vw; height: 9.3750vw; align-content: center; text-align: center; position: fixed; bottom: 6.2500vw; right: 3.1250vw; background: #C9CACA; border-radius: 0.4688vw; z-index: 1000; padding: 1.5625vw;}
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: 3.7500vw; 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: #fed92b; 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: #0e3457; 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: 520px; 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: #FFF; align-items: center; padding: 10px 0; color: #0e3457; width: 100%; border-radius: 3px;}
.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: center; align-items: center; width: 520px; 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: 28px;}
.result .main .box02 .win { display: flex; background: #FFF; align-items: center; padding: 5px 15px; color: #0e3457; border: none; border-radius: 3px;}
.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: center; align-items: center; width: 520px; 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: 28px;}
.result .main .box03 .win { display: flex; background: #FFF; align-items: center; padding: 5px 15px; color: #0e3457; border: none; border-radius: 3px;}
.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; color: #FFF;}


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


.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; color: #F00;}


.catalogBtn { margin-bottom: 100px; text-align: center;}
.catalogBtn a { display: inline-block; border-radius: 10px; background: #b81c25; width: 500px; padding: 15px 0; color: #FFF; font-size: 24px; font-weight: 900; letter-spacing: 0.1rem;}
.catalogBtn a span { display: block; font-size: 20px; letter-spacing: 10px; position: relative; z-index: 10;}
.catalogBtn a span::before { content: ""; display: block; position: absolute; left: 40px; right: 300px; height: 1px; top: 50%; background: #FFF; z-index: 1;}
.catalogBtn a span::after { content: ""; display: block; position: absolute; left: 300px; right: 40px; height: 1px; top: 50%; 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: inline-block; width: 60px; height: 60px; align-content: center; text-align: center; position: fixed; bottom: 40px; right: 20px; background: #C9CACA; border-radius: 3px; z-index: 1000; padding: 10px;}
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: 24px; 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;}



}