@charset "utf-8";
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body {line-height:1.8em;color: #26181a;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin:0; width:100%;position:relative;font-family:acumin-pro, heisei-kaku-gothic-std, sans-serif;letter-spacing: 0.03em;padding:0;font-feature-settings: "palt";}
.home{padding: 0;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul,ol{padding:0;margin:0;}
.cl:after { content: "";clear: both;display: block;}
.none{ display:none;}
div{ padding:0; margin:0; line-height: 1em;;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic;}
a img:hover {opacity: 0.7 ;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
li {list-style-type:none;}
a {cursor: pointer; display: block;}
a:link {text-decoration: none; color:inherit; }
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color: inherit;}
a:active {text-decoration: none; color:inherit;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
::selection {background: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}
.in,.in2{ padding:0 5%; max-width: 1450px; margin: auto; position: relative; height: 100%; width: 100%; box-sizing: border-box;}
.mvin{ padding:0 5%; max-width: 1600px; margin: auto; position: relative; height: 100%; width: 100%; box-sizing: border-box;}
.tr{-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.hdn{overflow: hidden;}
.pc{ display:block;}
.sp{ display:none;}
.on_pc{ display: block;}
.on_sp{ display: none;}
.blk{display: block;}
.tbl{display: table;}
.po_re{ position: relative;}
.po_ab{ position: absolute;}
.m00{border-radius: 800px;}
.m20{border-radius: 20px;}
.m10{border-radius: 10px;}
.m05{border-radius: 5px;}
.flx{ display: flex!important; flex-wrap: wrap;}
.flx_b{ display: flex !important; flex-wrap: wrap; justify-content: space-between;}
.flx_r{flex-direction: row-reverse;}
.flx_c{ display: flex!important; flex-wrap: wrap; align-items: center;}
.fw5{ font-weight: 500;}
.fw7{ font-weight: 700;}
.f_w{ color: #fff;}
.f_rd{ color: #ec3227;}
.shdimg {-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));}
.shdtx {text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}
.grd{background-image: linear-gradient(120deg, #ec3227, #ff9d51); background-size: cover; height: 100%;}

/*header*/
.header{ z-index: 99; position: fixed; padding: calc(15px + 1.5%); width: 100%; box-sizing: border-box; top: 0; left: 0;}
.smaller.header{ background: rgba(255,255,255,1.0); padding: calc(8px + 0.7%) calc(15px + 1.5%);}
.hd_logo{ width: 193px; height: 45px; background: url(../images/logo_rd.svg) center/100% auto no-repeat; display: block;}
.hd_logo a{display: block; width: 100%; height: 100%;}
.home .hd_logo{ background: url(../images/logo_wh.svg) center/100% auto no-repeat;}
.smaller .hd_logo{ background: url(../images/logo_rd.svg) center/100% auto no-repeat;}
.hd_inq{ border: 1px solid #26181a;color: #26181a !important; margin: 0 10px 0 0;}
.home .hd_inq{ border: 1px solid #fff;color: #fff !important;}
.smaller .hd_inq{ border: 1px solid #26181a;color: #26181a !important;}
.hd_dl{ color: #fff !important; margin: 0 25px 0 0;}
.hd_inq,.hd_dl{font-size: 1.2rem; line-height: 1em; font-weight: 600; box-sizing: border-box; padding: 10px ; width: 125px; text-align: center; border-radius:40px; }
.hd_lng{ color: #ec3227; font-size: 1.4rem; line-height: 1em; font-weight: 700; margin: 0 25px 0 0;}
.hd_lng p,.hd_lng a{ color: #26181a; padding:0 7px;}
.home .hd_lng p,.home .hd_lng a{ color: #fff; padding:0 7px;}
.smaller .hd_lng p,.smaller .hd_lng a{ color: #26181a;}
.hd_lng a{ opacity: 0.3;}
.hd_lng a:hover{ opacity: 1.0;}

.hamb {
	position: relative;
    cursor: pointer;
    width: 25px;
    height: 16px;
    z-index: 10;
}
.hamb span {background: #26181a;transition: all .3s;
    position: absolute;
    height: 2px;
    background-color: #fff;
    width:100%;
    z-index: 10;}
.home .hamb span {
    /*3本の線を作る*/
    transition: all .3s;
    position: absolute;
    height: 2px;
    background-color: #fff;
    width:100%;
    z-index: 10;
}
.hamb span {background: #26181a;}
.smaller .hamb span {background: #26181a;}
.hamb span:nth-of-type(1) {
    /*上の線の位置*/
    top: 0;
}
.hamb span:nth-of-type(2) {
    /*真ん中の線の位置*/
    top: 8px;
}
.hamb span:nth-of-type(3) {
    /*下の線の位置*/
    top: 16px;
}
.hamb.open span{ background: #ec3227;}
.hamb.open span:nth-of-type(1) {
    /*openのとき、上の線を右斜めにする*/
    top: 0px;
    transform: translateY(8px) rotate(-45deg);
}
.hamb.open span:nth-of-type(2) {
    /*真ん中の線を消す*/
    opacity: 0;
}
.hamb.open span:nth-of-type(3) {
    /*下の線を左斜めにする*/
    top: 16px;
    transform: translateY(-8px) rotate(45deg);
}
.hamb-mn{ display: none; background: #fff; position: fixed; top: 0; left: 0; width: 100%; padding:0;height: 100vh; box-sizing: border-box;}
.hamb_in{ width: 100%;}
.hamb_dl{ max-width: 260px; margin: auto; padding: calc(15px + 2%) 0 calc(20px + 3%) 0;}
.hamb_dl li{ width: 49%;}
.hd_logo_mn{ width: 237px; height: 54px; background: url(../images/logo_rd.svg) center/100% auto no-repeat; display: block; position: fixed; top: calc(10px + 1%); left: calc(15px + 1.5%);}
.hamb_li {border-top:1px solid #ec3227;}
.hamb_li li{border-bottom:1px solid #ec3227; text-align: center; font-size: 2.4rem;font-weight: 700; line-height: 1em;}
.hamb_li li a{ padding: 3vh 0;}

.hddlin{ display: none; width: 100%; height: 100%; background: #fff; position: fixed; top: 0; left: 0; padding: calc(10px + 1%); box-sizing: border-box; z-index: 101;}
.hddl_bx{ border-radius: 15px; width: 100%; height: 100%;}
.hddl_bxin{ padding: 5%;}
.hddl_bxin{ width: 100%;}
.hddl_bx_l{ width: 45%; text-align:center;}
.hddl_bx_l img{max-width: 400px;}
.hddl_bx_r{ width: 50%; color: #fff !important; font-weight: 700;}
.hddl_r_ttl{ font-size: 2.8rem; line-height: 1.4em;}
.hddl_r_tx{ font-size: 1.6rem; font-weight: 700; padding: calc(20px + 3%) 0; line-height: 1.6em;}
.hddl_tokkyo{ font-size: 1.1rem; line-height: 1em; padding: 5px  10px; border: 1px solid #fff; border-radius: 20px; display: table; margin: 5px 0 0 0;}
#close_btn{ position: absolute; top: 3%; right: 3%; width: 40px; height: 40px; background: none; border: none;}
/*index*/
.mv{ z-index: -1;}
.mvbg{ width: 100%; height: 100vh; position: fixed; z-index: -1; top: 0; left: 0; background: #000;}
.mvbg .bx-wrapper,.mvbg .bx-viewport{ width: 100%; height: 100%; display: block; position: relative;}
.mvbgsl,.mvbgsl li{width: 100%; height: 100%; display: block;}
.darker{ opacity: 0.2;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.mvbgsl li{ background-size: cover; background-position: center; background-repeat: no-repeat;}
.mvbgsl li::before{background: url(../images/mv1.jpg) center/cover no-repeat;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;position: absolute;top: 0;left: 0;width: 100% !important;height: 100%;content: "";z-index: -1;box-sizing: border-box;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;animation:ms1 14s;}
.mvbgsl li:nth-child(2)::before{animation: ms2 14s;background: url(../images/mv2.jpg) center/cover no-repeat ;}
.mvbgsl li:nth-child(3)::before{animation: ms1 14s;background: url(../images/mv3.jpg) center/cover no-repeat;}
.mvbgsl li:nth-child(4)::before{animation: ms2 14s;background: url(../images/mv4.jpg) center/cover no-repeat;}
.mvbgsl li:nth-child(5)::before{animation: ms1 14s;background: url(../images/mv5.jpg) center/cover no-repeat;}
.mvbgsl li:nth-child(6)::before{animation: ms2 14s;background: url(../images/mv6.jpg) center/cover no-repeat;}
@keyframes ms1{0%{transform: scale(1.15) ;}100%{transform: scale(1.01) ;}}
@keyframes ms2{0%{transform: scale(1.01) ;}100%{transform: scale(1.15);}}
.mvbx{ min-height: 100vh; top: 0;}
.mv_ttl{ position:sticky;top:0; left: 5%; height: 100vh; margin: 0 0 calc(20px + 2%) 0;}
.mv_ttl_in{ position: absolute; bottom: calc(30px + 5%);}
.mv_cspt{ width:48%; padding: 10px 0 calc(70px + 5%) 52%;}
.mv_cns_p{ font-size: 2rem; line-height: 2.2em; font-weight: 700; letter-spacing: -0.05em; margin: 0 0 calc(60px + 6%) 0;}
.idx_lnk1{ border: 1px solid #fff; padding: 15px 40px; background: url(../images/ar_maru_r.png) 96.3% center/16px no-repeat; font-size: 1.4rem; line-height: 1em;text-align: center; border-radius: 50px; max-width: 360px; box-sizing: border-box; position: relative; z-index: 1;}
.idx_lnk2{ border: 1px solid #ec3227; padding: 15px 40px; background: url(../images/ar_maru_r.png) 96.3% center/16px no-repeat; font-size: 1.4rem; line-height: 1em;text-align: center; border-radius: 50px; max-width: 360px; box-sizing: border-box; margin: auto;}
.mvcp{font-size: 4.2rem; font-weight: 700;line-height: 1.6em; margin: 0 0 calc(30px + 2.5%) 0;}
.mvcp_sub{font-size: 2.3rem; font-weight: 700; padding: 0 0 15px 0; border-bottom: 3px solid #fff; line-height: 1em; display: table; position: relative;}
.mvcp_sub:after{position: absolute; display: block; right: -16px; bottom: -4px; width: 6px; height: 6px; background: #fff; content: ""; border-radius: 10px;}
/**/
.movie_blk {width: 100%; height: 100vh;position: relative;position: fixed; z-index: -1; top: 0; left: 0; background: #000;}
.movie_blk2 {height: 100vh;position: relative;}
.movie_blk video {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.movie_blk p {font-size: 20px;padding: 20px;border-radius: 8px;background-color: rgba(255,255,255,0.7);position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}

.idx_enttl_r,.idx_enttl_w{ padding: 0 0 10px 0; display: table; line-height: 1em; letter-spacing: 0.04em; margin: 0 0 calc(30px + 2%) 0; font-size: 1.25rem; font-weight: 700; position: relative;}
.idx_bel_ttl{ margin: 0 auto calc(25px + 1%) auto !important;}
.idx_enttl_w{border-bottom: 2px solid #fff;}
.idx_enttl_r{ border-bottom: 2px solid #ec3227;}
.idx_enttl_r:after,.idx_enttl_w:after{ position: absolute; width: 3px; height: 3px; content: ""; border-radius: 15px; bottom: -2px; right: -8px;}
.idx_enttl_w:after{ background: #fff;}
.idx_enttl_r:after{ background: #ec3227;}
.idx_btm{ background: #fff; position: relative; z-index: 1; padding:calc(70px + 5.5%) 0 0 0;}
.idx_why{ padding:0 0 calc(40px + 3%) 0;}
.idx_btm_lead{ font-size: 3.2rem; line-height: 2em; font-weight: 700;}
.idx_why_bx{position:relative;align-items: flex-start}
.idx_why_l{ width: 60%; padding: calc(20px + 2%) 0;}
.idx_why_r{ width: 35%; text-align: right;}
.idx_why_r img{ width: 90%; max-width: 380px;}
.idx_whybx{padding: calc(80px + 8%) 0 0 0;}
.idx_whybx_img{ margin: 0 -20% calc(20px + 2%) 0;}
.idx_whybx_txb{}
.idx_whyb_ttl{ font-size: 2.8rem; line-height: 1.9em; margin: 0 0 calc(20px + 2%) 0; font-weight: 700;}
.idx_whyb_ttl2{text-align: right;}
.idx_whyb_ttl span{ border-bottom: 2px solid #ec3227; padding: 0 0 5px 0;}
.idx_whyb_tx{max-width: 550px; font-size: 1.7rem; line-height: 1.7em;}
.idx_whyb_tx2{margin: 0 0 0 auto;}
.scroll-box01,.scroll-box02,.scroll-box03{ padding:36vw 0 calc(100px + 9vw) 0; margin: -36vw 0 0 0;}
.scroll-box04{ padding:30vw 0 calc(50px + 5%) 0; margin: -30vw 0 0 0;}
.why_wrapper{position: relative;align-items: flex-start; border-bottom: 1px solid #d3d3d3;}
/*コンテンツのブロック*/
.why_contents{ width: 60%; padding: calc(40px + 4%) 0 0 0;}
.why_contents div{}
.why_contents div:last-child{ }
/*画像のブロック*/
.why_images{height: 90vh;width: 35%;position: sticky;position: -webkit-sticky;top: calc(30px + 3%);text-align:left; z-index: 1;}
.why_images p {position: absolute;bottom:30px;transition: .8s;opacity: 0;width: 90%;max-width: 380px;padding: 0; margin: 0;}
.why_images p:first-child,.why_images p.active {visibility: visible;opacity: 1;}
.idx_why_ttl{padding: 0 0 calc(25px + 3%) 0;}
.idx_why_ttlnum{ font-size: 8.8rem; font-weight: 700; line-height: 1em; padding: 0 15px 0 0;}
.idx_why_ttltx{ font-size: 3.1rem; line-height: 1em; font-weight: 700;}
.idx_why_ttltx span{ font-size: 0.5em; line-height: 1.5em; display: table; padding: 0 0 8px 0;}
.idx_why_limg{ width: 130%; margin: 0 -30% calc(15px + 2%) 0;}
.idx_why_limg2{ width: 130%; margin: 0 -0 calc(15px + 2%) -30%; position: relative; z-index: -1;}
.why_wrapper2{ margin: calc(30px + 3%) 0 calc(50px + 5%) 0;}

.idx_cv1{width: 98%; margin: 1%; position: relative; padding: calc(30px + 4%) 0 calc(20px + 3%) 0; border-radius: 10px;}
.idx_cv2{background: url(../images/baloon2.svg) right bottom/cover no-repeat; padding: calc(30px + 4%) 0 calc(50px + 5%) 0;}
.idx_cv2_ttl{ font-size: 3rem; font-weight: 700; line-height: 1.4em;}
.idx_cv2_logo{width: 50%; max-width: 290px; padding: calc(25px + 1.5%) 0 calc(15px + 1%) 0;}
.idx_cv2_l{ width: 51%;}
.idx_cv2_r{ width: 45%; margin: calc(-60px - 7%) 0 0 0;}
.idx_cv2_p{ font-size: 1.75rem;font-weight: 700; line-height: 1.9em;}
.idx_cv2_ttl2{ position: relative; font-size: 1.4rem; line-height: 1em; padding: calc(50px + 4%) 0 calc(10px + 2%) 0; font-weight: 600;}
.idx_cv2_ttl2:after{ position: absolute;content: ""; background: #fff; height: 1px; top: calc(30px + 3%); left: 0; width: 50px;}
.idx_cv2_btn{ max-width: 300px;}
.idx_cv2_btn li{width: 49%;}
.idx_cv1_lead{ font-size: 3.8rem; text-align: center; margin: 0 0 calc(25px + 2%) 0; line-height: 0.8em;}
.idx_cv_tokkyo{ font-size: 1.25rem; line-height: 1em; padding:5px 10px; border: 1px solid #fff; border-radius: 30px;}
.idx_cv1_btn{ max-width: 400px; margin: auto; padding:0 0 calc(15px + 1.5%) 0;}
.idx_cv1_btn li{ width:49%;}
.idx_cv1_p{ font-size: 1.85rem; line-height: 1em; text-align: center;}
.idx_cv1_bal{ position: absolute; top: -5px; right: 5%; z-index: 1; max-width: 111px; width: 13%; min-width: 70px;}
.idx_iv1,.idx_iv2{ padding: calc(40px + 4%) 0;}
.idx_iv2{ background: #f3f3f3;}
.idx_iv1{background: #e4e4e4;}
.idx_ivimg{ width:66%; padding: 0 17%;position: relative; z-index: 99;}
.idx_iv_ttl1{font-size: 1.4rem; font-weight: 700; margin: 0 0 calc(5px + 2.5%) 0;}
.idx_iv_ttlbx{ position: absolute; left: 0; top: 20px; font-style: italic;}
.idx_iv_name span{font-size: 2.8rem; font-style: normal; color: #fff; background: #000; font-weight: 700; padding: 9px 25px; display: table; line-height: 1em; letter-spacing: 0.2em; margin: 0 0 5px 0;}
.idx_iv_name{ font-weight: 700; position: relative; z-index: 10;}
.idx_iv_copy{position: absolute; bottom: 25px; right: 0; font-size: 2.4rem; line-height: 1.7em; font-weight: 700;}
.idx_iv_tx{ position: absolute; bottom: -15px; font-size: 8.6vw; line-height: 1em; font-weight: 700; right: 0; z-index: 0;white-space: nowrap;}

.idx_tpc{ padding: calc(40px + 4%) 0;}
.idx_tpcli{margin: 0 0 calc(20px + 3%) 0;}
.idx_tpcli li{ width: 31%; margin: 0 3.5% 4% 0;}
.idx_tpcli li:nth-child(3n){margin: 0 0 4% 0;}
.idx_tpc_img{padding:0 0 calc(10px + 2%) 0;}
.idx_tpc_img img{ border-radius: 5px;}
.idx_tpc_date{ color: #ec3227; font-size: 1.2rem; line-height: 1em; padding: 0 0 15px 0;font-style: italic;}
.idx_tpc_ttl{ font-size: 1.7rem; line-height: 1.5em; font-weight: 700;}

.idx_bel_lead{ font-size:2.2rem; line-height: 1em; padding: 0 0 calc(15px + 1%) 0; text-align: center;font-weight: 700;}
.idx_bel_li{ padding: 0 0 calc(20px + 2%) 0;}
.idx_bel_li li{ width: 32.7%;border-radius: 5px;}
.idx_bel_li li:nth-child(1){ background: #efefef url(../images/ic_seq_r.svg) 20px center/30px no-repeat;}
.idx_bel_li li:nth-child(2){ background: #efefef url(../images/ic_faq_r.svg) 20px center/30px no-repeat;}
.idx_bel_li li:nth-child(3){ background: #efefef url(../images/ic_mail_r.svg) 20px center/30px no-repeat;}
.idx_bel_li li a{background: url(../images/ar_maru_r.png) 95% center/14px no-repeat; padding:45px 50px 45px 60px; text-align: center; font-size: 1.8rem; line-height: 1em; font-weight:700;}


.main-modal{ position: fixed; z-index:9999;background:rgba(255,255,255,0.9);top: 0; left: 0; width: 100%; height: 100vh;}
.movie{ position: relative;margin: 8% 0 0 0;}
.js-modal-close{ position: absolute; top: -70px; right:0; width: 40px; height: 40px;}
.main-modal .movie{ width: 100%;}
.main-modal video{margin: auto; width: 80%; max-width: 900px; display: table;}

/*footer*/
.footer{ border-top:1px solid #dedede; padding: calc(20px + 3%) 0 calc(10px + 1%) 0; background: #fff;}
.ft_logo{ width: 50%;}
.ft_logo img{ max-width: 190px; width: 70%;}
.ft_ist{ max-width: 22px;}
.ft_upr{ padding: 0 0 calc(20px + 2%) 0;}
.ft_l{ width: 60%;}
.ft_l_li{max-width: 300px; padding: 0 0 calc(20px + 2%) 0;}
.ft_l_li li{width: 45%;}
.ft_l_li li a{padding: 7px 0; font-size: 1.3rem; line-height: 1em; font-weight: 700;}
.ft_r{ max-width: 260px;}
.ft_rli{ padding: 0 0 calc(5px + 0.5%) 0;}
.ft_rli li{ width: 49%;}
.ft_inq{ border: 1px solid #dedede; font-size: 1.2rem; line-height: 1em; padding:10px; text-align: center; border-radius: 20px; font-weight: 500; margin: 0 0 calc(30px + 2%) 0;}
.ft_copy{ font-size:1rem; line-height: 1em; text-align: right;}
.ft_l_li2 li{ font-size: 1.1rem; color: #595959;}
.ft_l_li2 li a:after{ content: "/"; display:inline; padding:0 5px;}
.ft_l_li2 li:last-child a:after{ content: ""; display:none;}
.ft_tokkyo{ font-size: 1.05rem; line-height: 1em; padding: 4px 10px; color: #666;border: 1px solid #dedede;border-radius:30px;} 
 /*under*/
.bread{ position: absolute; right: 5%; top: 0; color: #ec3227;}
.bread p{font-size: 0.85rem; text-align: right; font-weight: 700; padding: 0 0 20px 0; position: relative; line-height: 1em;}
.bread p:after{position: absolute; content: ""; width: 1.5px; height: 12px; bottom: 4px;right: 0; display: block; background: #ec3227;}
.bread p:last-child:after{display: none;}
.und_wrap{position: relative; margin: calc(90px + 8%) 0 calc(40px + 4%) 0;}
.und_ttl{ font-size: 1.6rem; font-weight: 700; line-height: 1em; position: relative; padding: calc(30px + 2%) 0 calc(40px + 3%) 0;}
.und_ttl span{font-size: 3.5em; line-height: 1em; display: table; color: #ec3227; padding: 0 0 calc(11px + 0.8%) 0;}
.und_ttl:before{ background: #ec3227; width: 60px; height: 1px; left: 0; top: 0; position: absolute; content: ""; display: block;}
.und_lead{ font-size: 2.2rem; line-height: 2.2em; font-weight: 700; margin: 0 0 calc(30px + 5%) 0;}
.nws_lead{ margin: 0 0 calc(15px + 1%) 0; line-height: 1.4em;}
.use_wrap{ margin: calc(70px + 5%) 0 calc(30px + 5%) 0;}
.use_mv{ width: 97%; margin:0 1.5%; position: relative; z-index: 0; border-radius: 10px; }
.use_mv1{ background: url(../images/use_mv1.jpg) center/cover no-repeat; padding:calc(50px + 3%) 0 calc(45px + 4.5%) 0;}
.use_mv2{ background: url(../images/use_mv2.jpg) center/cover no-repeat; padding:calc(50px + 3%) 0 calc(45px + 4.5%) 0;}
.use_w_ttl{ margin:0 0 calc(50px + 8%) 0;color: #fff; font-size: 4.2rem; line-height: 1em; position: relative; font-weight: 700;}
.use_w_ttl span{ font-size: 20rem; color: #ec3227; line-height: 1em; display: table; font-weight: 400; position: absolute; bottom: 120%;}
.use_w_lead{ font-weight: 700; font-size: 2.4rem; line-height: 1.85em; color: #fff;}
.use_w_und{ background: #fff; border-radius: 10px 10px 0 0; margin:calc(-30px - 4%) 0 0 0; position:relative; z-index: 1; padding: calc(20px + 2.5%) 0 0 0;}
.use_w_can{ align-items: flex-start; margin: 0 0 calc(10px + 4%) 0;}
.use_w_can li{width: 33.3333%; padding:0 5%; box-sizing: border-box;}
.use_w_can li:nth-child(2){ border-right: 1px solid #ec3227;border-left: 1px solid #ec3227;}
.use_w_canimg{ max-width: 190px; width: 80%; margin: 0 auto calc(22px + 3.5%) auto;}
.use_w_cantxb{ width: 100%; text-align: center; font-size: 2rem; line-height: 1em; font-weight: 700;}
.use_w_cantxb span{font-size: 1.1rem; padding: 15px 0 0 0; line-height: 1.35em;color: #ec3227; font-weight: 400; display: block; text-align: center;}
.use_w_subttl{ background: #efefef; padding: 8px 20px; font-size: 1.2rem; line-height: 1em; display: table; font-weight: 700; margin: 0 auto calc(15px + 1%) auto;}
.use_bx{ background: url(../images/3ten_rd.svg) center top/auto 35px no-repeat; padding: 135px 0 100px 0;}
.use_bx_img{width:50%; background: #efefef; border-radius: 10px; text-align: center; position: relative;}
.use_bx_img img{margin: -100px 0; width:65%; max-width: 350px;}
.use_bx_txb{ width: 46%; border-top: 1px solid #d3d3d3;}
.use_bxin{ width: 100%;}
.usebx_stp{ background: #ec3227; padding: 5px 10px; border-radius: 2px; color: #fff; font-weight: 700; display: table; font-size: 1.4rem; line-height: 1em;}
.usebx_ttl{ font-size: 2.4rem; line-height: 1.3em; padding: calc(10px + 1%) 0 calc(20px + 2%) 0; font-weight: 700;}
.usebx_tx{font-size: 1.7rem; line-height: 1.65em; width: 100%;}
.usebx_tx span{font-size: 1rem; line-height: 1.65em;}
.use_loope{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.lightbox-thumbnail{ position: absolute; width: 20px !important; height: 20px !important; right:5px; bottom: 5px;}
.lightbox-overlay {
  /* 初期状態では非表示 */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s; /* フェードイン・アウトのアニメーション */

  /* オーバーレイの基本スタイル */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9); /* 半透明の背景 */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

/* :target擬似クラスで表示状態を切り替える */
.lightbox-overlay:target {
  visibility: visible;
  opacity: 1;
	z-index: 10000;
}

.lightbox-content {
  width: 65%;
  max-width: 320px;
	position: relative; z-index: 10002;
  max-height: 90%;
  overflow:auto; /* 画像がはみ出す場合にスクロール */
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  transform: scale(0.8); /* ポップアップ時の初期サイズ */
  transition: transform 0.3s ease-out;
}

.lightbox-overlay:target .lightbox-content {
  transform: scale(1); /* ポップアップ時に元のサイズに */
}

.lightbox-content img {
  display: block; /* 余白をなくす */
  max-width: 100%;
  height: auto;
}

.lightbox-close {
  position: fixed;
	text-align: right;
	padding: 15px 15px 0 0; box-sizing: border-box;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 40px;
	width: 100%; height: 100%;
  text-decoration: none;
  line-height: 1;
  z-index: 10001; /* 画像より手前に表示 */
}

.lightbox-close:hover {
  color: #ccc;
}



.faq_w{border-bottom: 1px solid #d3d3d3;}
.faq_w dt:first-child{border-top: 1px solid #ec3227}
.faq_w dt{border-top: 1px solid #d3d3d3; padding: calc(15px + 0.5%) 0; cursor: pointer;}
.faq_w dt.active{background: #efefef;}
.faq_w dt:hover{background: #efefef;}
.faq_w dd{display: none;padding:calc(10px + 1%) 0; margin: 0;}
.faq_qa{ font-size: 2.8rem; width: 90px; text-align: center; color:#ec3227; font-weight: 700;}
.faq_q{ border-left: 1px solid #ec3227; font-size: 2.2rem; line-height: 1.4em; font-weight: 700; width: calc(100% - 95px); padding: 20px 30px; box-sizing: border-box; background: url(../images/ar_bel_r.svg) 99% center/14px no-repeat;}
.faq_w dt.active .faq_q{ background: url(../images/ar_upr_r.svg) 99% center/14px no-repeat;}
.faq_abx{border-left: 1px solid #ec3227; width: calc(100% - 95px); padding: 20px 0 20px 30px; box-sizing: border-box;}
.faq_a{font-size: 2.2rem; line-height: 1.4em; font-weight: 700; padding: 0 0 calc(15px + 1%) 0;}
.faq_atx{font-size: 1.5rem; line-height: 1.6em;}

.sec_wrap{ padding: calc(30px + 4%) 0 0 0;}
.sec_bx{ border-top: 1px solid #d3d3d3; padding: calc(22px + 1.5%) 0;}
.sec_bx1{ border-top: 1px solid #ec3227;}
.sec_l{ width: 45%;}
.sec_r{ width: 50%;}
.sec_ttl{ font-size: 3rem; line-height: 1.5em;font-weight: 700; padding: calc(10px + 2%) 0 0 0;}
.sec_tx{ font-size: 1.8rem; line-height: 1.7em; padding:calc(30px + 2%) 0 0 0;}

.cmp_wrap{ padding: 0 0 calc(40px + 5%) 0;}
.cmp_bx_ttl{ border-top:1px solid #ec3227; color:#ec3227; font-size: 1.5rem; line-height: 1em; padding: calc(10px + 1.5%) 0 0 0; width: 22%; font-weight: 700;}
.cmp_bx{ padding: 0 0 calc(45px + 4%) 0;}
.cmp_bx_txbx{width: 72%;}
.cmp_bxtx{ font-size: 2.4rem; line-height: 1.7em; font-weight: 700;}

.cmp_bxli li{ font-size: 2.4rem; line-height: 1.4em; padding: 0 0 calc(15px + 1%) 18px; font-weight: 700; position: relative;}
.cmp_bxli li:before{content: ""; display: block; position: absolute; width: 10px; height: 10px; background: #ec3227; border-radius: 10px; top: 12px; left: 0;}
.cmp_bx_prf{ margin: 0 0 calc(20px + 4%) 0; align-items: flex-end;}
.cmp_mes_img{ width: 48%;}
.cmp_mes_ttl{ width: 48%; font-size: 2.4rem; line-height: 1.5em; font-weight: 700;}
.cmp_mes_tx{ font-size: 1.8rem; line-height: 1.7em;}
.cmp_inf{ background: #efefef; padding: calc(50px + 6%) 0; margin: 0 0 calc(-40px - 4%) 0;}
.cmp_if_ttl{ font-size: 3.2rem; font-weight: 700; color: #ec3227; padding: 0 0 calc(40px + 2.5%) 0;}
.cmp_if_ttl2{ display: table; border-top: 1px solid #ec3227; padding: calc(15px + 0.7%) 0 calc(20px + 1.2%) 0; font-size: 1.6rem; line-height: 1em; font-weight: 700;}
.cmp_if_mem{ padding:0 0 calc(50px + 4%) 0; align-items: flex-start;}
.cmp_if_mem li{ width: 47.5%; margin: 0 0 calc(20px + 3%) 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cmp_if_mem_img{width:40%; padding: 0;}
.cmp_mem_bx{ width: 56%; padding: calc(15px + 2.5%) 0 0 0; border-top: 1px solid #d3d3d3;}
.cmp_mem_name{ font-size: 1.85rem; line-height: 1.3em; font-weight: 700; letter-spacing: 0.07em;}
.cmp_mem_name span{ line-height: 1.7em; font-size: 1rem; display: block; letter-spacing: 0.02em; font-weight: 500;}
.cmp_mem_name font{ line-height: 1.5em; font-size: 1rem; display: block; color: #ec3227; padding: 7px 0 19px 0;}
.cmp_mem_prf{ font-size: 1.35rem; line-height: 1.7em;}
.cmp_if_if{ width: 46%; border-top: 1px solid #d3d3d3;}
.cmp_if_map{ width: 50%; height: 30vw;}
.cmp_if_map iframe{ width: 100%; height: 100%;filter:grayscale(100%);-webkit-filter:grayscale(100%);}
.cmp_if_info{ width: 100%;}
.cmp_if_info li{ padding: 2% 0;}
.cmp_if_name{ width: 90px; font-size: 1.1rem; line-height: 1em; color:#ec3227;}
.cmp_if_tx{ width: calc(100% - 100px); font-size: 1.7rem; line-height: 1.55em;}

.cpt_bxin1{ padding: 0 0 calc(40px + 4%) 0;}
.cptbx_img{ height: 100vh;width: 50%; top: 0;}
.cptbx_img1{background: url(../images/cpt_img1.jpg) center/cover no-repeat; width: 48%;}
.cptbx_img1_2{ max-width: 400px; width: 40%;}
.cptbx_img2{background: url(../images/cpt_img2.jpg) center/cover no-repeat; width: 106%; margin: 0 0 calc(30px + 3%) -3%; height: 35vw;}
.cptbx_img3{top: 150px;}
.cptbx_txb{ width: 48%;box-sizing: border-box;}
.cptbx_txb2{margin: 0 0 0 auto;}
.cptbx_txb3{ width: 46%;}
.cptbx_txb4{ width: 100%; max-width: 600px;}
.cptbx_subttl{color: #ec3227; font-weight: 700; font-size: 1.2rem; line-height: 1em; padding:0 0 calc(5px + 0.5%) 0; display: flex; align-items: center;}

.cptbx_subttl span{padding: 0 10px 0 0; font-size: 1.5em; line-height: 1em;}
.cptbx_ttl{ font-size: 5rem; line-height: 1.3em; font-weight: 700; padding: 0 0 calc(40px + 2%) 0;margin: 0 0 calc(40px + 2%) 0; position: relative;}
.cptbx_ttl:after{ position: absolute; bottom: 0; left: 0; height: 1px; max-width: 60px; width: 15%; background: #ec3227; display: block; content: "";}
.cptbx_lead{ font-size: 2.8rem; line-height: 1.8em; font-weight: 700; margin: 0 0 calc(25px + 2%) 0;}
.cptbx_lead2{ text-align: center; margin:calc(15px + 3%) 0 0 0; padding:calc(28px + 3%) 0 0 0; background: url(../images/ar_bel3_r.svg) center top/14px no-repeat; width: 100%;}
.cptbx_leadbg{ background: #fff; padding: 40px 70px; border-radius: 500px; text-align: center; display: table; margin: auto;}
.cptbx_tx{ font-size: 1.8rem; line-height: 2em; font-weight: 500;}
.cptbx_txbg{ line-height: 1.7em;}
.cptbx_ttl2{ font-size: 2.2rem; line-height: 1.8em; font-weight: 700; padding: 0 0 calc(20px + 1%) 0;}

.cpt_bxin2{ align-items: flex-end; margin: 0 0 calc(90px + 10%) 0;}

/*news*/
.nws_cate_tab{ padding: calc(5px + 1.5%) 0 calc(10px + 1%) 0; border-bottom: 1px solid #ec3227; }
.nws_cate_tab li{ margin: 0 8px 8px 0;}
.nws_cate_tab li a{font-size: 1.5rem; line-height: 1em; padding: 10px 19px; border-radius: 30px; border: 1px solid #ec3227;}
.nws_arc_bx{ background: url(../images/ar_rgt_r.svg) right center/6px no-repeat; padding: calc(15px + 1.5%) 20px calc(15px + 1.5%) 0; border-bottom: 1px solid #d3d3d3;}
.nws_arc_img{ width: 31%;}
.nws_arc_img img{border-radius: 5px;}
.nws_arc_txb{ width: 65%; position: relative;}
.nws_arc_ttl{ font-size: 1.8rem; line-height: 1.4em; font-weight: 700;}
.nws_page_nav{ font-size: 2rem; line-height: 1em; text-align: center; padding: calc(20px + 1%) 0 0 0;}
.nws_page_nav li { display: inline-block; padding: 0 1px;}
.nws_page_nav li a,.nws_page_nav li span{ display: table; width: 28px; height: 28px; line-height: 28px; text-align: center; }
.nws_page_nav li span{ color: #fff; background: #ec3227; border-radius: 3px;}
.nws_arc_date{ font-weight: 700; font-style: italic; color: #ec3227; position: absolute; top: 0; left: 0; font-size: 1.2rem; letter-spacing: 0.08em;}

.nws_det_wrap{}
.nws_det_main{ border-top: 1px solid #ec3227; max-width: 720px; width: 67%; padding: calc(10px + 1%) 0;}
.nws_det_r{ width: 28%;}
.nws_det_date{ font-size: 1.2rem; line-height: 1em; font-style: italic; font-weight:500; letter-spacing: 0.05em; color: #ec3227;}
.nws_det_ttl{ font-size: 2.4rem; line-height: 1.55em; margin:calc(25px + 2%) 0 calc(10px + 2%) 0; font-weight: 700;}
.nws_det_catag{ flex-wrap: nowrap; margin: 0 0 calc(2% + 35px) 0;}
.nws_det_cat{margin: 0 10px 3px 0;}
.nws_det_cat a{ background: #ec3227; line-height: 24px; height: 24px; padding: 0 10px; border-radius: 3px; color: #fff; font-weight: 1.2rem; font-weight: 600;}
.nws_det_tag li{ display: inline-block;}
.nws_det_tag li a{background: #efefef; line-height: 24px; height: 24px; padding: 0 10px; font-size: 1.1rem; margin: 0 3px 3px 0; border-radius: 20px;}
.nde{ padding: 0 0 calc(5px + 0.5%) 0; font-size: 1.6rem; line-height: 1.85em;}
.nde figure{ margin: 0 !important;}
.nde img{ border-radius: 5px; margin: 0 0 calc(13px + 0.8%) 0;}
.nde h1,.nde h2,.nde h3{ font-size: 1.6em; line-height: 1.6em; padding: calc(10px + 1.5%) 0 calc(20px + 1.5%) 0; font-weight: 600;}
.nde h4,.nde h5,.nde h6{ font-size: 1.3em; line-height: 1.6em; padding: calc(10px + 1.5%) 0 calc(20px + 1.5%) 0;font-weight: 600;}
.nde p{ padding: 0 0 calc(20px + 1.5%) 0; font-size:1em; }
.nde ul{ background: #efefef; border-radius: 10px; padding:2.5% 5%; margin: 0 0 calc(30px + 4%) 0;}
.nde ul li{ font-size: 0.85em; padding: 2.5% 0 2.5% 25px; border-bottom: 1px solid #d9d9d9; line-height: 1.5em;position: relative;}
.nde ul li:last-child{border: none;}
.nde ul li:before{ width: 12px; height: 12px; box-sizing: border-box; display: block; content: ""; position: absolute; left: 0; top: calc(50% - 6px); border:2px solid #ec3227; border-radius: 20px;}
.nws_det_nav{ border-top: 1px solid #ec3227;border-bottom: 1px solid #ec3227; padding: calc(10px + 0.5%) 0;}
.nws_det_nav1,.nws_det_nav2{ width: 48%;}
.nws_det_nav2{ padding: 0 0 0 2%; margin: 0 0 0 calc(2% - 2px); border-left:1px solid #d3d3d3;}
.nws_det_navimg{ width: 33%;}
.nws_det_navimg img{border-radius: 3px;}
.nws_det_navtxb{ width: 62%; position: relative;}
.nws_det_nav_date{ position: absolute; font-style: italic; color: #ec3227; top: 0; left: 0; font-weight: 600;}
.nws_det_nav_ttl{ font-size: 1.2rem; font-weight: 700; line-height: 1.5em; padding: 7px 0 0 0;}
.nws_detr_bx{ border-top: 1px solid #d3d3d3; margin: 0 0 calc(20px + 3vw) 0;}
.nws_detr_ttl{ color: #ec3227; font-size: 1.2rem; padding: calc(15px + 1%) 0 calc(18px + 1.3%) 0; line-height: 1em; font-weight: 600;}
.nws_detr_cat li{ margin: 0 0 5px 0; background: #efefef url(../images/ar_rgt_r.svg) 97% center/4px no-repeat; border-radius: 3px;}
.nws_detr_cat li a{ padding: 11px 25px 11px 15px; font-size: 1.4rem; line-height: 1.3em;}
.nws_detr_arc li{background: #efefef; width: 32.333%; margin: 0 1.5% 1.5% 0;}
.nws_detr_arc li:nth-child(3n){ margin: 0 0 1.5% 0;}
.nws_detr_arc li a{ font-size: 1.25rem; line-height: 1em; padding: 12px 10px; border-radius: 3px; text-align: center; font-weight: 600;}


.pp_tplnk{ display: table; margin: auto;}
.pp{}
.pp a{border-bottom: 2px solid #fff; font-weight: 700;margin:0 5px; padding: 0 0 10px 0;font-size: 1.4em; line-height: 10px; color: #fff;text-align: center;}
.soon{ margin: calc(60px + 4%) 0 0 0; text-align: center; font-size: 3rem; line-height: 1.5em; font-weight: 600; color: #fff; letter-spacing: 0.1em;}
.copy{ font-size: 1rem; text-align: center; line-height: 20px; padding:30px 0 10px 0; height: 20px;}

.pp_bx{ max-width: 900px; margin: calc(20px + 2%) auto calc(40px + 4%) auto;}
.pp_ttl{ font-size: 3rem; line-height: 1.25em; font-weight: 700;}
.pp_itr{ font-size: 1.6rem; line-height: 1.9em; padding: calc(30px + 4%) 0 calc(30px + 3%) 0;}
.pp_bxin{padding: 0 0 calc(25px + 3%) 0;}
.pp_inttl{ font-size: 2rem; font-weight: 700; line-height: 1.25em; padding: 0 0 calc(18px + 1%) 0;}
.pp_inttl2{ font-size: 1.6rem; font-weight: 700; line-height: 1.25em; padding:calc(5px + 0.5%)  0 calc(10px + 0.5%) 0;}
.pp_txbx{ font-size: 1.6rem; line-height: 1.85em;}
.pp_list1{padding: calc(10px + 1%) 0;}
.pp_list1 li{margin: 7px 0; padding:0 0 0 20px !important;line-height: 1.5em; position: relative;text-indent: 0 !important;}
.pp_list1 li:before{content: ""; display: block; position: absolute;}
.pp_list1 li:before{ border: 1px solid #ec3227;border-radius: 50px; width: 12px; height: 12px; left: 0; top: 6px;}
.pp_cn1 li{padding: 15px; display: flex; justify-content: space-between; align-items: center; margin: 4px 0; font-size: 1.45rem; line-height: 1.55em; letter-spacing: -0.01em;}
.pp_cn1 li:first-child{ padding: 5px;}
.pp_cn1 li:nth-child(even){ background: #efefef;}
.pp_cn1{ padding: calc(10px + 2%) 0;}
.pp_cnp1{ width: 52%; padding: 0 5% 0 0; border-right: 1px solid #ccc; font-weight: 500;}
.pp_cnp2{ width: 38%; font-weight: 500;}
.pp_cnp3{ font-size: 1.2rem; line-height: 1em; font-weight: 700; text-align: center;}

.pp_list2 li{margin: 7px 0 15px 0; padding:0 0 0 14px;text-indent: -1em; letter-spacing: 0;}
.pp_lnkbx{padding: calc(10px + 1%) 0;}
.pp_lnkbx a{padding: 10px 30px 10px 10px; border: 1px solid #ccc; border-radius: 5px; margin: 0 5px 5px 0; line-height: 1.3em; background: url(../images/ar_red.png) 98% center/12px no-repeat;}
.pp_lnkbx a:hover{background:#eee url(../images/ar_red.png) 99% center/12px no-repeat;}
.pp_ad{background: #f1f1f1; padding: calc(15px + 1%); border-radius: 5px; display: table; margin: 15px 0 0 0;}
.pp_list_p1{ font-size: 0.85em; text-indent: 0 !important; line-height: 1.6em;}

.ctct_w{ background: #efefef; padding:calc(15px + 3.5%) 0;}
.ctct_lead{ font-size: 1.8rem; line-height: 1.8em; font-weight: 500; padding: 0 0 calc(15px + 2.5%) 0;}
.ctct_win{ max-width: 900px; margin:0 auto 2% auto; padding: 5%; box-sizing: border-box;}
.ctct_bx{ padding: calc(10px + 1.8%) 0; border-top: 1px solid #d3d3d3;}
.ctct_ttlbx{ width: 170px;}
.ctct_txbx{ width: calc(100% - 180px);}
.hissu,.nini{width: 40px;height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 3px; font-size: 1.1rem; font-weight: 700;}
.hissu{ background: #ec3227;}
.nini{ background: #a7a7a7;}
.ctct_ttl{width: calc(100% - 50px); font-size: 1.4rem; line-height: 20px;}
.ctct_ipt{ background: #fff; width: 100%; border: 1px solid #d3d3d3; border-radius: 5px; font-size: 1.6rem; line-height: 1.2em; padding: 13px; display: block; box-sizing: border-box;}
.ctct_txa{background: #fff; width: 100%; border: 1px solid #d3d3d3; border-radius: 5px; font-size: 1.6rem; line-height: 1.6em; padding: 13px; display: block; box-sizing: border-box; max-width: 100%; height: calc(100px + 10vw);}
.ctct_pp_w{background:#dedede; border-radius: 3px; padding: 4%; margin: calc(10px + 2%) 0;}
.ctct_ppbx{ display: table; margin: auto;}
.ctct_ppbx input{ width: 22px; height: 22px; border: none !important; border-radius: 22px;}
.ctct_ppbx label{ padding: 0 0 0 10px; font-size: 1.5rem; line-height: 1em;}
.ctct_btn{letter-spacing: 0.09em; text-align: center; display: block; font-size: 3.2rem; line-height: 1em; padding: calc(15px + 4%); border: none; border-radius: 5px; width: 100%; color: #fff; font-weight: 700;}
.ctct_rdo,.ctct_rdobx .wpcf7-list-item input {display: none;}
.ctct_rdobx .wpcf7-form-control{display: flex; flex-wrap: wrap;}
.ctct_rdobx .wpcf7-list-item-label {background: #fff;padding: 13px 20px;border: 1px solid #d3d3d3; border-radius: 50px; font-size: 1.3rem; line-height: 1em; margin: 0 8px 8px 0;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; display: block;}
.ctct_rdobx .wpcf7-list-item input:checked + .wpcf7-list-item-label {background:#ec3227; color: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.ctct_rdo:checked + label {background:#ec3227; color: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.cptbx_bg{ background: #fef3f2 url(../images/mark_w.svg) 5% 5%/300px no-repeat; padding: 8% 6% 3% 6%; border-radius: 10px;}
.wpcf7-list-item {display:table!important;}

.ctct_ppbx .wpcf7-list-item label{display: flex; align-items: center;}
.ctct_pchk{ border-radius: 50px !important; margin: 0 8px 0 0; }
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1300px) {
	
	/*index*/
	.mv_cspt{ width:50%; padding: calc(100vh + 30px) 0 calc(30px + 3%) 50%;}
	.mv_cns_p{ font-size: 1.4vw; line-height: 2em; font-weight: 700; letter-spacing: -0.02em;}
	.mvcp{font-size: 2.7vw; font-weight: 700;line-height: 1.8em;}
	.mvcp_sub{font-size: 1.6vw;}
	
	.idx_cv1_lead{ font-size: 2.8rem;}
	.idx_btm_lead{ font-size:2.8vw;}
	.idx_whyb_ttl{ font-size: 2.5vw;}
	
	.why_images p {bottom:30px; width: 80%;}
	.idx_why_r img{ width: 80%;}
	
	.idx_iv_copy{ font-size: 2rem;}
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
	.why_images p {bottom:20px;}
	.idx_btm_lead{ font-size:3vw;}
	.idx_whyb_ttl{ font-size: 2.7vw;}
	
	.idx_cv1{width: 96%; margin: 2%;}
	.idx_cv1_lead{ font-size: 2.6rem;}
	.idx_cv1_p{ font-size: 1.7rem;}
	.idx_cv2_ttl{ font-size: 2.6rem;}
	.idx_cv2_p{ font-size: 1.6rem; line-height: 1.7em;}
	
	.idx_ivimg{ width:60%; padding: 0 25% 0 15%;position: relative;}
	.idx_iv_name span{font-size: 2.25rem;}
	.idx_iv_copy{font-size: 2rem;}
	.idx_tpc_ttl{ font-size: 1.6rem;}
	
	/*under*/
	.und_ttl{ font-size: 1.4rem;}
	.und_ttl span{font-size: 3.2em;}
	.und_lead{ font-size: 2.1rem;}
	
	.use_w_ttl{ font-size: 3.6rem;}
	.use_w_ttl span{ font-size: 15rem;}
	.use_w_cantxb{font-size: 1.75rem;}
	.use_bx{padding: 105px 0 70px 0;}
	.use_bx_img img{margin: -70px 0;width:70%; max-width: 330px;}
	
	.sec_ttl{ font-size: 2.7rem;}
	.sec_tx{ font-size: 1.7rem;}
	
	.cmp_mem_name{ font-size: 1.7rem;}
	.cmp_if_tx{ font-size: 1.5rem;}
	
	.cptbx_img1{height: 70vw; }
	.cptbx_ttl{ font-size:4rem;}
	.cptbx_lead{ font-size: 2.35rem;}
	.cptbx_tx{ font-size: 1.6rem;}
	.cptbx_ttl2{ font-size: 2rem;}
	
	.nws_cate_tab li a{font-size: 1.4rem;}
	
	.ctct_ttlbx{ width: 140px;}
	.ctct_txbx{ width: calc(100% - 150px);}
	.ctct_ttl{ font-size: 1.2rem;}
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:768px) {
    .pc{ display:none !important;}
    .sp{ display:block !important;}
	
	/*header*/
	.hd_inq,.hd_dl{font-size: 1.1rem;padding: 7px ; width: 95px;}
	.home .hd_inq{margin: 0 8px 0 0;}
	.hd_dl{ color: #fff !important; margin: 0 15px 0 0;}
	.hd_lng{ margin: 0 15px 0 0;}
	.hamb_li li{font-size: 2.2rem;}
	
	.hddl_r_ttl{ font-size: 2.4rem;}
	.hddl_r_tx{ font-size: 1.4rem;}
	
	/*index*/
	.mv_ttl{ position:relative;top:auto; left: auto; height:100vh; margin: 0;}
	.mv_ttl_in{ position:absolute; bottom: calc(50px + 5%); padding: 0 0 0 0;}
	.mv_cspt{ width:100%; padding:calc(80px + 8.5%) 0 calc(90px + 5%) 0;}
	.mv_cns_p{ font-size: 3.6vw;}
	.mvcp{font-size:5vw;}
	.mvcp_sub{font-size: 3.5vw;}
	.why_sp_bx{ margin:15px 0 calc(30px + 3%) 0;}
	.why_sp_bxlst{ padding: 0 0 calc(50px + 5%) 0;}
	.why_sp_bxbd{ padding: 0 0 calc(30px + 3%) 0; border-bottom: 1px solid #d3d3d3; margin:15px 0 0 0;}
	.why_sp_imgbx{ padding: 0 0 calc(5px + 1%) 0;}
	.why_sp_img1{ width: 100%; padding: calc(20px + 6%) 0 0 0;}
	.why_sp_img2{ width: 40%; margin: 0 -9% 0 -32%;}
	.why_sp_img3{ width: 40%; margin: 0 -32% 0 -9%;}
	.idx_whyb_ttl{ font-size: 3.2vw;}
	.idx_whyb_tx{font-size: 1.6rem;}
	.fi{opacity : 0;transform : translate(30px, 0);transition : all 1s;filter: saturate(0);}
	.fi.scrollin {opacity : 1;transform : translate(0, 0);filter: saturate(100%);}
	.fi2{opacity : 0;transform : translate(-30px, 0);transition : all 1s;filter: saturate(0);}
	.fi2.scrollin {opacity : 1;transform : translate(0, 0);filter: saturate(100%);}
	.idx_why_ttl{padding:calc(25px + 5%) 0 0 0; margin:0;}
	
	.idx_iv_name span{font-size: 2rem;}
	.idx_iv_copy{font-size: 1.75rem;}
	
	.idx_iv_tx{  font-size: 15vw;}
	
	.idx_tpc_date{ font-size: 1.1rem; padding: 0 0 10px 0;}
	.idx_tpc_ttl{ font-size: 1.45rem;}
	
	.idx_cv2_ttl{ font-size: 2.4rem;}
	.idx_cv2_p{ font-size: 1.5rem; line-height: 1.7em;}
	
	.idx_bel{ padding: 15px 0 0 0;}
	.idx_bel_lead{ font-size:2rem;}
	.idx_bel_li li:nth-child(1){ background: #efefef url(../images/ic_seq_r.svg) 12px center/24px no-repeat;}
	.idx_bel_li li:nth-child(2){ background: #efefef url(../images/ic_faq_r.svg) 12px center/24px no-repeat;}
	.idx_bel_li li:nth-child(3){ background: #efefef url(../images/ic_mail_r.svg) 12px center/24px no-repeat;}
	.idx_bel_li li a{ padding:35px 40px 35px 50px;font-size: 1.3rem; letter-spacing: -0.02em;}
	.ft_l_li2 li{ font-size: 1rem; color: #595959;}
	.ft_r{ max-width: 260px; width: 35%;}
	/*under*/
	.und_lead{ font-size: 2rem;}
	.use_w_lead{ font-size: 2rem;}
	
	.use_bx{padding: 75px 0 40px 0;}
	.use_bx_img img{margin: -40px 0;}
	
	.usebx_stp{padding: 4px 9px;font-size: 1.2rem;}
	.usebx_ttl{ font-size: 2.2rem;padding: calc(6px + 1%) 0 calc(14px + 2%) 0;}
	.usebx_tx{font-size: 1.55rem;}
	
	.faq_qa{ font-size: 2.3rem; width: 70px;}
	.faq_q{ font-size: 2rem; line-height: 1.4em;width: calc(100% - 80px); padding: 15px 30px;}
	.faq_abx{border-left: 1px solid #ec3227; width: calc(100% - 80px); padding: 15px 0 15px 20px;}
	.faq_a{font-size: 2rem;}
	.faq_atx{font-size: 1.4rem;}
	
	.sec_ttl{ font-size: 2.5rem;}
	.sec_tx{ font-size: 1.6rem;}
	
	.cmp_bxtx,.cmp_bxli li,.cmp_mes_ttl{ font-size: 2rem;}
	.cmp_mes_tx{ font-size: 1.65rem;}
	.cmp_mem_name{ font-size: 1.6rem;}
	.cmp_if_if{ width: 100%; padding: calc(15px + 5%) 0;}
	.cmp_if_map{ width: 100%; height: 50vw;}
	.cmp_if_mem li{ width: 100%; margin: 0 0 calc(30px + 3%) 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
	
	.cptbx_img{ height: 70vw;}
	.cptbx_img1{ width: 105%; margin: 0 -5% calc(30px + 2%) 0; height: 70vw;}
	.cptbx_img2{width: 105%; margin: 0 0 calc(30px + 2%) -5%; height: 70vw;}
	.cptbx_txb{ width: 100%;}
	.cptbx_img1_2{ max-width: 1000px; width: 70%; margin: 0 0 calc(30px + 2%) 0;}
	.cptbx_txsp{ margin: 0 0 60px 0;}
	.nws_cate_tab li a{font-size: 1.35rem;}
	
	.nws_arc_ttl{ font-size: 1.6rem;}
	.nws_arc_date{font-size: 1.1rem;}
	.nde{font-size: 1.5rem;}
	.nws_det_nav1,.nws_det_nav2{ width: 100%;}
	.nws_det_nav2{ padding: 4% 0 0 0; margin: 4% 0 0 0; border-left:none; border-top: 1px solid #d3d3d3;}
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:620px) {
    .in{ padding:0 5%;}
    .on_pc{ display: none !important;}	
    .on_sp{ display:block !important;}
	/*header*/
	.header{ z-index: 99; position: fixed; padding: calc(15px + 1.5%);}
	.hd_logo{ max-width: 137px; height: 35px; width: 38%;}
	.hd_logo_mn{ width: 160px; height: 54px;}
	.hd_inq,.hd_dl{font-size: 1rem;padding: 5px ; width: 85px; box-sizing: border-box;}
	.home .hd_inq{margin: 0 8px 0 0;}
	.hd_dl{ color: #fff !important; margin: 0 9px 0 0;}
	.hd_lng{ margin: 0 9px 0 0;font-size: 1.2rem;}
	.hamb_li li{font-size: 1.8rem;}
	.home .hd_lng p,.home .hd_lng a{ padding:0 4px;}
	
	.hddl_bx_l{ width: 100%; text-align:center; padding: 0 0 calc(30px + 3%) 0;}
	.hddl_bx_l img{max-width: 400px; width: 70%;}
	.hddl_bx_r{ width: 100%; color: #fff !important; font-weight: 700;}
	
	/*index*/
	.mvbg .bx-wrapper,.movie_blk2{ height: 75vh;}
	.mvbgsl,.mvbgsl li{width: 100%; height: 100%; display: block;}
	.sp_grd{ z-index: 99; background: url(../images/mv_grd.png) center/100% 100% no-repeat; height: 150px; width: 100%; position: absolute; bottom: 24vh; left: 0;}
	.sp_grd2{ z-index: 99; background: url(../images/mv_grd.png) center/100% 100% no-repeat; height: 150px; width: 100%; position: absolute; bottom: 0; left: 0;}
	.mv_cns_p{ font-size: 4.7vw; letter-spacing: 0.01em;margin: 0 0 calc(30px + 3%) 0;}
	.mvcp{font-size:6.8vw;}
	.mvcp_sub{font-size:3.6vw;}
	
	.idx_btm_lead{ font-size:4.8vw;}
	.why_sp_img2{ width: 45%; margin: 0 -9% 0 -37%;}
	.why_sp_img3{ width: 45%; margin: 0 -37% 0 -9%;}
	.idx_whyb_ttl{ font-size: 4.5vw; margin: 0 0 calc(15px + 2%) 0;}
	.idx_whyb_tx{font-size: 1.4rem;}
	.idx_why_ttlnum{ font-size: 6.3rem;}
	.idx_why_ttltx{ font-size: 2.5rem;}
	.idx_cv1_lead{ font-size: 2rem;}
	.idx_cv1_p{ font-size: 1.5rem;}
	.idx_cv2_l{ width: 100%; padding: 0 0 50px 0;}
	.idx_cv2_btn{width: 100%!important; max-width: 600px;}
	.idx_cv2_r{ width: 60%; margin: calc(-70px - 5%) auto 25px auto; }
	.idx_cv2_ttl{ font-size: 2rem;}
	.idx_cv2_p{ font-size: 1.4rem; line-height: 1.7em;}
	
	.idx_ivimg{ width:100%; padding: 0;position: relative;}
	.idx_ivimg img{ width:90%; padding: 0 0 0 10%;position: relative; margin: -25px 0 10px 0; z-index: 0;}
	.idx_iv_ttlbx{ position: relative; left: auto; top:auto; z-index: 1;}
	.idx_iv_name span{font-size: 1.8rem; padding: 7px 15px; }
	.idx_iv_copy{position: relative;bottom:auto; right: auto; font-size: 1.7rem; width: 90%; margin: 0 0 0 10%;}
	
	.idx_tpcli li{ width: 100%; margin: 0;padding: 5% 0;border-bottom: 1px solid #d3d3d3;}
	.idx_tpcli li:nth-child(3n){margin: 0;}
	.idx_tpcli li:first-child{padding: 0 0 5% 0;}
	.idx_tpcli li:last-child{border: none;}
	.idx_tpc_img{padding:0; width: 35%;}
	.idx_tpc_txb{ width: 60%;}
	.idx_bel_lead{ font-size:1.75rem;}
	.idx_bel_li li{ width: 100%; margin: 4px 0;}
	.idx_bel_li li:nth-child(1){ background: #efefef url(../images/ic_seq_r.svg) 15px center/28px no-repeat;}
	.idx_bel_li li:nth-child(2){ background: #efefef url(../images/ic_faq_r.svg) 15px center/28px no-repeat;}
	.idx_bel_li li:nth-child(3){ background: #efefef url(../images/ic_mail_r.svg) 15px center/28px no-repeat;}
	.idx_bel_li li a{ padding:35px 45px 35px 55px;font-size: 1.55rem; letter-spacing:0em;}
	
	.main-modal video{ width: 100%; max-width: 900px;}
	
	.ft_logo{ width: 100%;}
	.ft_l{ width: 100%; padding: 0 0 calc(10px + 3%) 0;}
	.ft_l_li{max-width: 620px;}
	.ft_r{ max-width: 100%; width: 100%;}
	.ft_l_li li{width: 32%;}
	.ft_l_li li a{padding: 10px 0; font-size: 1.15rem;}
	
	/*under*/
	.bread{top: -35px; color: #ec3227;}
	.und_ttl{ font-size: 3vw;}
	.und_ttl span{font-size:3em;}
	.und_lead{ font-size: 1.95rem; line-height: 1.9em;}
	.use_w_lead{ font-size: 1.85rem;}
	.use_mv{ width: 100%; margin:0; border-radius:0; }
	.use_w_ttl{ font-size: 2.8rem;}
	.use_w_ttl span{ font-size: 12rem;}
	.use_w_und{ padding: calc(5px + 0.5%) 0 0 0;}
	.use_w_und2{ padding: calc(20px + 2.5%) 0 0 0;}
	.use_w_can li{width: 100%; padding:7% 0;}
	.use_w_can li:nth-child(2){ border-right:none;border-left:none; border-top:1px solid #ec3227; border-bottom:1px solid #ec3227;}
	.use_w_canimg{ width: 30%; margin: 0;}
	.use_w_cantxb{ width: 65%; text-align:left; font-size: 2rem; line-height: 1em; font-weight: 700;}
	
	.use_bx{padding: 85px 0 0 0;}
	.use_bx_img img{margin: -30px 0;}
	
	.usebx_tx{padding: calc(30px + 3%) 0;}
	
	.faq_qa{ font-size: 2rem; width: 65px;}
	.faq_q{ font-size: 1.8rem;width: calc(100% - 70px); padding: 15px 30px 15px 15px;}
	.faq_abx{border-left: 1px solid #ec3227; width: calc(100% - 70px); padding: 15px 0 15px 15px;}
	.faq_a{font-size: 1.8rem;}
	.faq_atx{font-size: 1.4rem;}
	
	.sec_l{ width: 100%;}
	.sec_r{ width: 100%;}
	.sec_tx{ padding:calc(15px + 1%) 0 0 0;}
	.cmp_bx{ padding: 0 0 calc(60px + 3%) 0;}
	.cmp_bx_ttl{ padding: calc(15px + 1.5%) 0 calc(20px + 2.5%) 0; width: 33%;}
	.cmp_bx_txbx{width: 100%;}
	.cmp_bxtx,.cmp_bxli li{ font-size: 1.8rem;}
	.cmp_bxli li:before{ top: 9px;}
	
	.cmp_mes_img{ width: 100%; padding: 0 0 calc(15px + 1%) 0;}
	.cmp_mes_ttl{ width: 100%; font-size: 1.8rem;}
	.cmp_if_ttl2{font-size: 1.3rem;}
	
	.cmp_mem_bx{ width: 55%;}
	.cmp_mem_name{}
	.cmp_mem_name font{ padding: 4px 0 14px 0;}
	.cmp_mem_prf{ font-size: 1.2rem; line-height: 1.65em;}
	.cmp_if_map{ height: 65vw;}
	
	.cpt_bx{ padding: calc(30px + 5%) 5% 0 5%;}
	
	.cptbx_img3{ position: relative; width: 100%; margin: 0; top:auto; height: auto;}
	.cptbx_txb3{ width: 100%;}
	.cptbx_txb{ width: 100%;}
	.cptbx_ttl{ font-size:3.2rem;}
	.cptbx_lead{ font-size: 2.1rem;}
	.cptbx_ttl2{ font-size: 1.95rem;}
	.cptbx_bg{  padding: 10% 7% 2% 7%;}
	.cptbx_leadbg{ background: none; padding: 0; font-size: 4.4vw; letter-spacing: -0.02em; line-height: 1.7em;}
	
	.nws_cate_tab li{margin: 0 5px 8px 0;}
	.nws_cate_tab li a{font-size: 1.2rem; padding: 7px 12px;}
	.nws_arc_ttl{ font-size: 1.4rem; font-weight: 500; padding: 5px 0 0 0;}
	.nws_arc_date{font-size: 1rem;}
	
	.nws_arc_img{ width: 35%;}
	.nws_arc_txb{ width:calc(65% - 15px); }
	
	.nws_det_main{ width: 100%; margin: 0 0 calc(50px + 5%) 0;}
	.nws_det_r{ width: 100%;}
	
	
	.pp_ttl{ font-size: 2.4rem;}
	.pp_itr{ font-size: 1.5rem; line-height: 1.8em;}
	.pp_txbx{ font-size: 1.4rem; line-height: 1.75em;}
	.pp_list1 li:before{width: 10px; height: 10px; top: 5px;}
	.pp_cn1 li{font-size: 1.3rem;}
	.pp_list2 li{padding:0 0 0 10px;text-indent: -1em;}
	
	.ctct_ttlbx{ width: 100%; margin: 0 0 calc(10px + 1.5%) 0;}
	.ctct_txbx{ width: 100%;}
	.ctct_btn{ font-size: 2.4rem;}
	
	}