@charset "utf-8";

.menu ul li a.menu_sell { background:#F2F2F2; }
@media screen and (min-width: 1200px) {
	.menu ul li a.menu_sell { background:none; }
	.menu ul li a.menu_sell.underline::after { width:100%; }
    .ul_footer li a.menu_sell.underline::after {  width:100%; }
    .ul_footer li a.menu_sell{  background:none;}
}

/*webフォントのチラつき防止*/
html {
    visibility: hidden;
  }
  html.wf-active {
    visibility: visible;
  }

h2 { font-size:16px; font-weight:bold; margin-bottom:10px; letter-spacing:0.1em; text-align:center; position:relative; }
@media screen and (min-width:768px) {
    h2 { text-align:left;}
}
.reason_flex_l{width:100%;}
.reason_flex_l .img_number{width: 10%;  }
h2 .img_number {width: 10%; margin:0 auto 20px auto;  }
@media screen and (min-width:768px) {
    h2 .img_number {width: 5%; margin:0 2% 0 auto;  }
}
.reason_flex_l small{display: inline-block;font-size: 12px;margin-bottom: 15px;letter-spacing: 2px;}
.reason_flex_l span{font-size: 32px;font-family: "source-han-sans-japanese", sans-serif;font-weight: 400;display: block;margin: 20px 0;font-style: normal;
    letter-spacing: 0.2em;color: #474747;}

.reason_flex_r{width:100%; position:relative; }
.reason_flex_r .img_hito1 { width:100px; height:auto; position:absolute; bottom:-50px; right:-20px; z-index:1; }
.reason_flex_r .img_hito2 { width:80px; height:auto; position:absolute; bottom:-10px; right:0; z-index:1; }
.reason_flex_r .img_hito3 { display:none; }
/*.reason_flex_r img{width:100%;}*/
.reason_flex_r p{margin-bottom: 20px; text-align: justify;}
.reason_flex_r strong{font-size: 17px;margin-bottom: 10px;display: block;}
.reason_flex_r .img_reazon{width:100%;}
.reason_flex_r_flex_l { margin-bottom:30px; }
.reason_flex_r_flex_l div{display: flex;}
.reason_flex_r_flex_l div .div_button {width: 80%;margin: 20px 0;height: 50px;color: #fff;display: flex;align-items: center;justify-content: center;background: #3e3a39; border-radius: 0;}
.reason_flex_r .img_reazon_top{width:100%; margin-top:0px; }
.sp_kasen {
    width: auto;
    display: inline-block; /* 必要に応じて追加 */
    position: relative; /* 必要に応じて追加 */
    z-index:1;
  }
  
  .sp_kasen::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.6em; /* text-decoration-thicknessと同じ値に設定 */
    background-color: #DBDBDB; /* text-decoration-colorと同じ色に設定 */
    z-index:-1;
  }

.contents.top .topillust { width:50%; margin:10px 25% 30px 25%; }

@media screen and (min-width:768px) {
    h2 { width:100%; font-size:20px; margin-bottom:30px; }
    .contents.top { display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:50px; }
    .contents.top .top_left { width:50%; }
    .contents.top .topillust { width:35%; margin:0; }
    .div_h1_p{margin-bottom:50px;}
    .reason_flex_l .img_number{width:60px;}
    .reason_flex{width:100%;display: flex; flex-wrap:wrap; }
    .reason_flex_l{width:8%;}
    .reason_flex_r{width:92%;}

    .reason_flex_r_flex{ display:flex;margin-top:0px; flex-wrap:wrap; }
    .reason_flex_r_flex_l{width: 65%;}
    .reason_flex_r_flex_r{width: 35%;}
    .reason_flex_r .img_hito2 { right:-50px; }
    .reason_flex_r .img_hito3 { width:80px; height:auto; margin-bottom:110px; display:block; }
    .reason_flex_r_flex_r img { vertical-align: bottom;}
    .reason_flex_r strong { font-size:24px; }
    .reason_flex_r .img_reazon_top{width:100%; margin-top:0px; }
    .reason_flex_r .img_reazon{width:100%; margin-top:-20px; }
    .img_reason3{display: flex;width:100%;justify-content: space-between;margin: 30px 0;}
    .img_reason3 img{width:33%;}
    .reason_flex_r_flex_r{margin-bottom:80px; position: relative;} 
    .reason_flex_r_flex_l div .div_button {width: 40%;margin:0;}
    .reason_flex_r_flex_l div .div_button:hover{opacity: 0.7;}
    .reason_wrap { width:93%; margin:0 0 0 7%; display:flex; }

}

.reason_flex_r_flex_l div.div_box { width:99%; display:flex; flex-wrap:wrap; border:1px solid #707070; padding:20px 2.5% 20px 2.5%; margin-bottom:0;}
.reason_flex_r_flex_l div.div_box.marginbottom0 { margin-bottom:0; padding-bottom:10px; }
@media screen and (min-width:768px) {
    .reason_flex_r_flex_l div.div_box  { padding-bottom:20px; }
}
.reason_flex_r_flex_l div.div_box div {width:50%; display:flex; flex-wrap:wrap; justify-content:center; /*align-items:baseline;*/ margin-bottom:0;align-items: flex-end; }
.reason_flex_r_flex_l div.div_box div.marginbottom0 { margin-bottom:0; padding-bottom:0px; }
@media screen and (min-width:768px) {
.reason_flex_r_flex_l div.div_box div.marginbottom0 { margin-bottom:0; padding-bottom:30px; }
}
.reason_flex_r_flex_l div.div_box div .sp_total { text-align:center; display:block; line-height:1.1; margin-bottom:10px; }
.width100 { width:100%; }
.marginbottom0 { margin-bottom:0; }
.marginbottom20 { margin-bottom:20px; }


.reason_flex_r_flex_l div.div_box div em { font-size:35px; font-family: "bebas-neue", sans-serif; font-weight:400; font-style: normal;}
.reason_flex_r_flex_l div.div_box div small { width:auto; font-size:13px; line-height:1.1; font-family:'ヒラギノ角ゴシック', 'hiragino-kaku-gothic-pron','Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ ゴシック', 'ＭＳ Ｐゴシック', 'MS PGothic', Times, sans-serif; }
.reason_flex_r_flex_l div.div_box.short { width:auto; margin:0 auto 20px auto; }
.reason_flex_r_flex_l div.div_box.short div { width:100%;}
.reason_flex_r_flex_l div.div_box.short div .sp_total { text-align:center; display:block; line-height:1.1; margin-bottom:0px; margin-right:10px; }
@media screen and (min-width:768px) {
    .reason_flex_r_flex_l div.div_box { width:90%; padding:30px 2.5% 0 2.5%; margin-bottom:20px; }
    .reason_flex_r_flex_l div.div_box div { width:50%; text-align:center; margin-bottom:30px; }
    .reason_flex_r_flex_l div.div_box div .sp_total { margin-bottom:0;}
    .reason_flex_r_flex_l div.div_box div.marginbottom0 { margin-bottom:0; }
    .reason_flex_r_flex_l div.div_box { margin-bottom:0; align-items:end;}
    .reason_flex_r_flex_l div.div_box div span em { font-size:50px; }
    .reason_flex_r_flex_l div.div_box div em  { font-size:50px; }
    .reason_flex_r_flex_l div.div_box div small { margin-right:5px; text-align:left; }
    .reason_flex_r_flex_l div.div_box.short { width:50%; margin:0 0 20px 0; }

}

.reason_flex_r_flex_l div.div_box div.div_box_kaiin small { width:30%; line-height:1.2em; }
.reason_flex_r_flex_l div.div_box div.div_box_kaiin span { width:auto;}


.reason_flex_r_flex_l div.div_box div.div_tesuryo {width: 100%; display:flex; justify-content:center; margin-bottom:20px; flex-wrap:wrap; border-bottom:1px solid #707070; padding-bottom:10px; }
.reason_flex_r_flex_l div.div_box div.div_tesuryo.noborder { border-bottom:0; margin-bottom:0; }
@media screen and (min-width:768px) {
    .reason_flex_r_flex_l div.div_box div.div_tesuryo { width:33%; border-bottom:0; border-right:1px solid #707070; margin-bottom:0; }
    .reason_flex_r_flex_l div.div_box div.div_tesuryo.noborder { border-bottom:0; border-right:0px; }
    .reason_flex_r_flex_l div.div_box div.div_tesuryo .sp_total { width:100%; margin-bottom:15px; }
}

.h2_title { width:100%; text-align:left; letter-spacing:0.1; margin-top:50px; }
.div_satei { margin-top:30px;  }
@media screen and (min-width:768px) {
    .h2_title { text-align:center; margin-top:100px; margin-bottom:0; display:inline-block; }
}
.sm_caution { display:inline-block; line-height:1.5; margin:10px 0 20px 0;}

.a_link { width:80%; margin:20px auto 30px auto; height:50px; color:#fff; display:flex; align-items:center; justify-content:center; background:#3e3a39; border-radius:0;}
.a_link:hover { opacity:0.7; }
@media screen and (min-width:768px) {
    .a_link { width:40%;  margin:20px 0;}
}

/*エリアページへのリンク*/
.contentsArea { width:100%; margin:50px 0 -50px 0; padding:30px 0; background:#d1d1d1; }
.arealinks { width:100%; display:flex; flex-direction:column; }
.arealink { width:100%; display:flex; flex-direction:column; }
.arealinkH2 { width:100%; display:block; font-weight:bold; }
.arealinkP { width:100%; display:block; }
.arealinkLink { width:100%; height:60px; margin:10px 0 0 0; display:flex; justify-content:center; align-items:center; background:#454545; color:#fff; position:relative; transition:0.3s; }
.arealinkLink::after { content:""; margin:-4px 0 0 0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4.5px solid #fff; position:absolute; right:20px; top:50%; z-index:1; width:0; pointer-events:none; transition:0.3s; }
.arealinkImage { display:none; }
@media screen and (min-width: 768px) {
    .contentsArea { padding:50px 0; }
    .arealinks { flex-direction:row; }
    .arealinkH2 { font-size:20px; }
    .arealinkP { margin:10px 0; }
    .arealinkLink { width:260px; }
    .arealinkLink:hover { opacity:0.7; transition:0.3s; }
    .arealinkImage { width:300px; height:180px; margin:0; display:block; object-fit:cover; }
}