@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 使用フォント */
.bebas{font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;}
.ab{font-family: ab-polcadot, sans-serif;font-weight: 400;font-style: normal;}

/* ディスクリプション周り */
.hd_h1{width: 100%;color: #a6a6a6;font-size: 14px;background-color: #fff;font-weight:400;}
.error404 .hd_h1{display:none;}
.error404 h1.logo{width: 20%;margin: 0;}
h1{font-size: 12px;margin: 0 auto;width: 100%;max-width: 97%;font-weight:400;}
.site-description{background-color: transparent !important;color:#a6a6a6 !important;padding:5px 0 5px 0!important;text-align:left;width: 100%;max-width: 98%;margin: 0 auto;float: none;}
.fontsize00{position: absolute;right: 2%;top: 5%;z-index: 800;display:flex;align-items: center;}
.fontsize{display: flex;gap: 0.5em;}
.fontsize00 p{display: block;line-height: 2;}
.fontsize li{list-style:none;}
.header-container-in.hlt-top-menu.wrap{width:100%;}
.article p{margin-bottom:0;}

.fontsize a {padding: 0 3px 2px;color: #fff;text-decoration: none;background: #0682e2;transition:.3s;}
.fontsize a.active {background: #01e6ba;transition:.3s;}
.fontsize a.small,.fontsize a.large{font-size:1rem;}
:root :where(a:where(:not(.wp-element-button))){text-decoration:none;}

.article h2{background-color:inherit;font-size:inherit;border-radius:inherit;padding:inherit;}
.article h3{margin-bottom:inherit;}
.article h3{border:0;font-size:inherit;padding:0;}
.article h3.mds_01{text-align:center;font-size:36px;font-weight:bold;margin:3rem auto 6rem;}
.article h3.mds_01 span{display:block;font-size:18px;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;margin-bottom:10px;}
.article h4 {border-top:none;border-bottom: 1px solid #3BAAF6;}

h3.mds_02{text-align:center;font-size:36px;font-weight:bold;margin:0 auto 3rem;color:#fff;}
h3.mds_02 span{display:block;font-size:18px;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;}

.small{font-size:0.8rem;}
.medium{font-size:1rem;}
.large{font-size:1.1rem;}

.grecaptcha-badge { visibility: hidden; }
.level-0,.level-1{display:none;}

/* margin px */
.m_at{margin:0 auto;}
.m_top0{margin-top:0;}
.m_top5{margin-top:5px;}
.m_top8{margin-top:8px;}
.m_top10{margin-top:10px;}
.m_top15{margin-top:15px;}
.m_top20{margin-top:20px;}
.m_top30{margin-top:30px;}
.m_top40{margin-top:40px;}
.m_top45{margin-top:45px;}
.m_top50{margin-top:50px;}
.m_top60{margin-top:60px;}
.m_top70{margin-top:70px;}
.m_top80{margin-top:80px;}
.m_top100{margin-top:100px;}
.m_top120{margin-top:120px;}
.m_top150{margin-top:150px;}
.m_top200{margin-top:200px;}

.m_btm10{margin-bottom:10px!important;}
.m_btm15{margin-bottom:15px!important;}
.m_btm20{margin-bottom:20px!important;}
.m_btm25{margin-bottom:25px;}
.m_btm30{margin-bottom:30px;}
.m_btm40{margin-bottom:40px;}
.m_btm50{margin-bottom:50px;}
.m_btm60{margin-bottom:60px;}
.m_btm70{margin-bottom:70px;}
.m_btm80{margin-bottom:80px;}
.m_btm100{margin-bottom:100px;}
.m_btm120{margin-bottom:120px;}
.m_btm150{margin-bottom:150px;}
.m_btm200{margin-bottom:200px;}

.m_leftat{margin-left: auto;}
.m_left5{margin-left: 5px;}
.m_left8{margin-left: 8px;}
.m_left10{margin-left: 10px;}
.m_left15{margin-left: 15px;}
.m_left20{margin-left: 20px;}
.m_left30{margin-left: 30px;}
.m_left35{margin-left: 35px;}
.m_left40{margin-left: 40px;}
.m_left60{margin-left: 60px;}
.m_left80{margin-left: 80px;}

.m_rtop10{margin-top:-10px;}
.m_rtop20{margin-top:-20px;}
.m_rtop25{margin-top:-25px;}
.m_rtop30{margin-top:-30px;}
.m_rtop32{margin-top:-32px;}
.m_rtop35{margin-top:-35px;}
.m_rtop40{margin-top:-40px;}
.m_rtop55{margin-top:-55px;}
.m_rtop60{margin-top:-60px;}
.m_rtop70{margin-top:-70px;}
.m_rtop80{margin-top:-80px;}
.m_rtop90{margin-top:-90px;}
.m_rtop100{margin-top:-100px;}
.m_rtop120{margin-top:-120px;}
.m_rtop140{margin-top:-140px;}

.m_rbtm20{margin-bottom:-20px!important;}

.m_rleft5{margin-left:-5px;}
.m_rleft10{margin-left:-10px;}
.m_rleft15{margin-left:-15px;}
.m_rleft20{margin-left:-20px;}

.m_rightat{margin-right:auto;}
.m_right5{margin-right: 5px;}
.m_right8{margin-right: 8px;}
.m_right10{margin-right: 10px;}
.m_right15{margin-right: 15px;}
.m_right20{margin-right: 20px;}
.m_right30{margin-right: 30px;}
.m_right40{margin-right: 40px;}
.m_right50{margin-right: 50px;}
.m_right60{margin-right: 60px;}


/* margin % */
.m_top15p{margin-top:15%;}
.m_top10p{margin-top:10%;}
.m_top5p{margin-top:5%;}
.m_btm0{margin-bottom:0!important;}
.m_btm5{margin-bottom:5px;}

.m_btm5p{margin-bottom:5%;}
.m_btm10p{margin-bottom:10%;}
.m_btm15p{margin-bottom:15%;}
.m_btm20p{margin-bottom:20%;}
.m_btm25p{margin-bottom:25%;}
.m_btm30p{margin-bottom:30%;}
.m_btm32p{margin-bottom:32%;}
.m_rtop20{margin-top:-20px;}

.m_rbtm80{margin-bottom:-80px;}
.m_rtop5p{margin-top:-5%;}

.m_rtop5p{margin-top:-4.6%;}
.m_rtop6p{margin-top:-5.6%;}
.m_rtop8p{margin-top:-7.6%;}
.m_rtop10p{margin-top:-10%;}
.m_rtop16p{margin-top:-16%;}
.m_rtop17p{margin-top:-17%;}
.m_rtop18p{margin-top:-18%;}

.m_left5p{margin-left: 5%;}
.m_left11p{margin-left: 11%;}
.m_left13p{margin-left: 13%;}
.m_left15p{margin-left: 15%;}

.m_rright20p{margin-right:-20%;}
.m_rright25{margin-right:-25px;}


/* margin rem */
.m_top1r{margin-top:1rem}
.m_top2r{margin-top:2rem}
.m_top3r{margin-top:3rem;}
.m_top4r{margin-top:4rem}
.m_top5r{margin-top:5rem}
.m_top6r{margin-top:6rem}

.m_btm1r{margin-bottom:1rem}
.m_btm2r{margin-bottom:2rem}
.m_btm3r{margin-bottom:3rem}
.m_btm4r{margin-bottom:4rem}
.m_btm5r{margin-bottom:5rem}
.m_btm6r{margin-bottom:6rem}

.m_2rem{margin:2rem!important;}


/* padding px */
.p_6{padding:6px;}
.p_10{padding:10px;}
.p_15{padding:15px;}
.p_20{padding:20px;}
.p_30{padding:30px;}
.p_40{padding:40px;}

.p_top5{padding-top:5px;}
.p_top10{padding-top:10px;}
.p_top15{padding-top:15px;}
.p_top20{padding-top:20px;}
.p_top30{padding-top:30px;}
.p_top40{padding-top:40px;}
.p_top50{padding-top:50px;}
.p_top60{padding-top:60px;}
.p_top70{padding-top:70px;}
.p_top80{padding-top:80px;}
.p_top90{padding-top:90px;}
.p_top100{padding-top:100px;}
.p_top120{padding-top:120px;}
.p_top150{padding-top:150px;}
.p_top200{padding-top:200px;}
.p_top10p{padding-top:10%;}
.p_top15p{padding-top:19%;}
.p_top20p{padding-top:20%;}

.p_btm0{padding-bottom:0!important;}
.p_btm5{padding-bottom:5px;}
.p_btm10{padding-bottom:10px;}
.p_btm15{padding-bottom:15px;}
.p_btm20{padding-bottom:20px;}
.p_btm25{padding-bottom:25px;}
.p_btm30{padding-bottom:30px;}
.p_btm40{padding-bottom:40px;}
.p_btm50{padding-bottom:50px;}
.p_btm60{padding-bottom:60px;}
.p_btm80{padding-bottom:80px;}
.p_btm90{padding-bottom:90px;}
.p_btm100{padding-bottom:100px;}
.p_btm120{padding-bottom:120px;}
.p_btm150{padding-bottom:150px;}
.p_btm200{padding-bottom:200px;}
.p_btm10p{padding-bottom:10%;}
.p_btm15p{padding-bottom:15%;}
.p_btm18p{padding-bottom:18%;}
.p_btm20p{padding-bottom:20%;}

.p_left5{padding-left: 5px;}
.p_left4{padding-left: 4px;}
.p_left8{padding-left: 8px;}
.p_left10{padding-left: 10px;}
.p_left20{padding-left: 20px;}
.p_left30{padding-left: 30px;}
.p_left40{padding-left: 40px;}
.p_left50{padding-left: 50px;}
.p_left60{padding-left: 60px;}
.p_left80{padding-left: 80px;}

.p_right5{padding-right: 5px;}
.p_right8{padding-right: 8px;}
.p_right10{padding-right: 10px;}
.p_right20{padding-right: 20px;}
.p_right30{padding-right: 30px;}
.p_right40{padding-right: 40px;}
.p_right50{padding-right: 50px;}
.p_right60{padding-right: 60px;}
.p_right80{padding-right: 80px;}

/* padding rem */
.p_top_16m{padding-top:16rem;}
.p_btm_5m{padding-bottom:5rem;}
.p_left_6m{padding-left:6rem;}


/* フォント関連 */
.fs_10{font-size: 10px;}
.fs_11{font-size: 11px;}
.fs_12{font-size: 12px;}
.fs_13{font-size: 13px;}
.fs_14{font-size: 14px;}
.fs_15{font-size: 15px;}
.fs_16{font-size: 16px;}
.fs_17{font-size: 17px;}
.fs_18{font-size: 18px;}
.fs_19{font-size: 19px;}
.fs_20{font-size: 20px;}
.fs_22{font-size: 22px;}
.fs_23{font-size: 23px;}
.fs_24{font-size: 24px;}
.fs_25{font-size: 25px;}
.fs_26{font-size: 26px;}
.fs_27{font-size: 27px;}
.fs_28{font-size: 28px;}
.fs_29{font-size: 29px;}
.fs_30{font-size: 30px!important;}
.fs_32{font-size: 32px;}
.fs_34{font-size: 34px;}
.fs_35{font-size: 30px;}
.fs_36{font-size: 36px;}
.fs_40{font-size: 40px;}
.fs_42{font-size: 42px;}
.fs_43{font-size: 43px;}
.fs_44{font-size: 44px;}
.fs_45{font-size: 45px;}
.fs_47{font-size: 47px;}
.fs_48{font-size: 48px;}
.fs_49{font-size: 49px;}
.fs_50{font-size: 50px;}
.fs_52{font-size: 52px;}
.fs_53{font-size: 53px;}
.fs_55{font-size: 55px;}
.fs_56{font-size: 56px;}
.fs_58{font-size: 58px;}
.fs_60{font-size: 60px;}
.ft_fs_60{font-size: 60px;}
.fs_66{font-size: 66px;}
.fs_68{font-size: 68px;}
.fs_72{font-size: 72px;}
.fs_77{font-size: 77px;}
.fs_80{font-size: 80px;}
.fs_87{font-size: 87px;}
.fs_90{font-size: 90px;}
.fs_96{font-size: 96px;}
.fs_120{font-size:120px;}
.fs_133{font-size:133px;}
.fs_200{font-size:190px;}
.fs_219{font-size:219px;}
.fs_220{font-size:220px;}
.fs_241{font-size:241px;}

.f_snml{font-style:normal;}
.f_nml{font-weight:normal;}
.f_bld{font-weight: bold;}
.f_w4{font-weight:400;}
.f_w5{font-weight:600;}
.f_w6{font-weight:600;}
.f_w7{font-weight:700;}
.f_w9{font-weight:900;}

.ctr{text-align: center;}
.right{text-align: right;}
.left{text-align:left;}
.just{text-align-last:justify;} 
.tate{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}

.l_h180p{line-height:180px;}
.l_h60p{line-height:60px;}
.l_h55p{line-height:55px;}
.l_h30p{line-height:30px;}
.l_h25p{line-height:25px;}
.l_h22{line-height:2.2!important;}
.l_h4{line-height:4;}
.l_h35{line-height:3.5;}
.l_h3{line-height:3;}
.l_h25{line-height:2.5;}
.l_h22{line-height:2.2;}
.l_h2{line-height:2!important;}
.l_h18{line-height:1.8!important;}
.l_h16{line-height:1.6!important;}
.l_h15{line-height:1.5;}
.l_h14{line-height:1.4;}
.l_h12{line-height:1.2;}
.l_h1{line-height:1;}


/* width関連 */
.w_at{width:auto;}
.w_8p{width:8%;}
.w_10p{width:10%;}
.w_14p{width:14%;}
.w_15p{width:15%;}
.w_18p{width:18%;}
.w_20p{width:20%;}
.w_22p{width:22%;}
.w_23p{width:23%;}
.w_24p{width:24%;}
.w_25p{width:25%;}
.w_26p{width:26%;}
.w_28p{width:28%;}
.w_30p{width:30%;}
.w_31p{width:31%;}
.w_32p{width:32%;}
.w_33p{width:33%;}
.w_34p{width:34%;}
.w_35p{width:35%;}
.w_36p{width:36%;}
.w_38p{width:38%;}
.w_40p{width:40%;}
.w_42p{width:42%;}
.w_45p{width:45%;}
.w_46p{width:46%;}
.w_47p{width:47%;}
.w_48p{width:48%;}
.w_49p{width:49%;}
.w_50p{width:50%;}
.w_52p{width:52%;}
.w_54p{width:54%;}
.w_55p{width:55%;}
.w_57p{width:57%;}
.w_58p{width:58%;}
.w_60p{width:60%;}
.w_62p{width:62%;}
.w_65p{width:65%;}
.w_68p{width:68%;}
.w_70p{width:70%;}
.w_75p{width:75%;}
.w_77p{width:77%;}
.w_80p{width:80%;}
.w_82p{width:82%;}
.w_83p{width:83%;}
.w_85p{width:85%;}
.w_88p{width:88%;}
.w_90p{width:90%;}
.w_92p{width:92%;}
.w_93p{width:93%;}
.w_94p{width:94%;}
.w_95p{width:95%;}
.w_100p{width:100%;}

.va_tb{vertical-align:text-bottom;}
.va_md{vertical-align:middle;}
.va_btm{vertical-align:bottom;}
.ov_hd{overflow:hidden;}

.sp_db{display:none;}
.sp_sd{display:none;}

.nop p{display:none;}
.nop .d_b{display:block;}
.d_b{display:block;}
.d_ib{display:inline-block;}

.td_no a{text-decoration:none;}
.hv_us{transition:.3s;}
.hv_us:hover{opacity:.8;transition:.3s;}

.ls_n{list-style:none;padding-left:0;margin-bottom:0!important;}
.lt_sr10{letter-spacing:-10px;}
.lt_s0{letter-spacing:0px;}
.lt_s1{letter-spacing:1px;}
.lt_s2{letter-spacing:2px;}
.lt_s4{letter-spacing:4px;}

/* 色関連 */
.c_blk{color:#000;}
.c_red{color: #E90606;}
.c_or{color:#ff6b06;}
.c_or02{color:#ff9538;}
.c_or03{color:#FE4E02;}
.c_wht{color: #fff;}
.c_rd{color: #e22213;}
.c_ble{color:#0097FF;}
.c_ble02{color:#2480ae;}
.c_bledw{color:#00529c;}
.c_yr{color:#f7c400;}
.c_yr02{color:#e5b500;}
.c_pk{color:#ed7a94;}
.c_pnk{color:#c64379;}
.c_ppl{color:#4d008a;}
.c_gld{color:#c4982c;}
.c_gry{color:#8F8F8F;}
.c_gry02{color:#D7D7D7;}
.c_gry03{color:#F8F8F8;}
.c_gry04{color:#898989;}
.c_gry05{color:#595454;}
.c_grn{color:#80c158;}
.c_grn02{color:#01e6ba;}
.c_gra{display: inline-block;
  background: linear-gradient(90deg, #b30000, #920008 50%, #420000)!important;
  background: -webkit-linear-gradient(0deg, #b30000, #920008 50%, #420000)!important;-webkit-background-clip: text!important;-webkit-text-fill-color: transparent;}
.c_kome{color:#ce3000;}
.c_ej{color:#9d040b;}
.c_ab01{color:#b80d0d;}
.c_ab02{color:#1b7405;}
.c_ab03{color:#006b91;}
.c_ab04{color:#d16800;}
.c_cop{color:#103551;}

.c_11{color:#d64141;}
.c_12{color:#f2891b;}
.c_21{color:#ffaa00;}
.c_22{color:#9cc92f;}
.c_31{color:#009e3b;}
.c_32{color:#006837;}
.c_41{color:#00b9ef;}
.c_42{color:#0086ce;}
.c_51{color:#265caa;}
.c_52{color:#2e3181;}
.c_61{color:#9387bf;}
.c_62{color:#582c8c;}

.f_or{color:#f55a0d;}

.bg_blk{background-color:#040404;}
.bg_wht{background-color:#fff;}
.bg_ble{background-color:#0682e2;}
.bg_ble02{background-color:#E9F8FF;}
.bg_ble03{background-color:#00529c;}
.bg_ble04{background-color:#3BAAF6;}
.bg_ble05{background-color:#F3FAFF;}
.bg_gry{background-color:#eeede6;}
.bg_gry02{background-color:#f5f5f5;}
.bg_gry03{background-color:#FAFAFA;}
.bg_grn{background-color:#E1FAEB;}
.bg_ppl{background-color:#4d008a;}
.bg_or{background-color:#FEEACB;}
.bg_yr{background-color:#e2d581;}
.bg_01{background-color:#fcf3cd;}
.bg_02{background-color:#fcf5e9;}
.bg_03{background-color:#fffbe1;}
.bg_04{background-color:#fcf3cd;}
.bg_05{background-color:#ecf9d7;}
.bg_06{background-color:#f7c400;}
.bg_07{background-color:#F7FAFC;}
.bg_rd{background:#fff;border-radius:60px;}
.bg_krn{background-color: rgba(255, 133, 26, 0.04);}
.hbg_gra{background: rgb(6,130,226);
background: linear-gradient(90deg, rgba(6,130,226,0.08) 0%, rgba(2,177,208,0.08) 50%, rgba(1,230,186,0.08) 100%);}
#bg_navy{background:#0B1F2F;padding:6rem 0 8rem;}

.bd_1{border: 1px solid #000;}
.bd_gty1{border: 1px solid #D9D9D9;}
.bd_bbtm{border: 1px solid #1EAEFF;}
.bd_ble{border-bottom: 1px solid #0097FF;}
.bd_rdsc{border-radius:50%;}
.bd_rd0{border-radius:0px;}
.bd_rd20{border-radius:20px;}
.bd_rd30{border-radius:30px;}
.bd_rd40{border-radius:40px;}
.w_p30p{width:30px;}

.b_btmyr {position:relative;padding:7px 10px;background-color:#fff;text-align:center;border-radius:10px;font-size:20px;}
.b_btmyr:before{content: "";position: absolute;top:100%;left:50%;margin-left:-10px;border:10px solid transparent;border-top:15px solid #fff;}
.se{display:none;}
.hk_n{mix-blend-mode:multiply;}

a{text-decoration:none;}
a{color:#000;}

.under {background:linear-gradient(transparent 60%, #ffd91f 60%);}
.tx_shdw{text-shadow: 0px 0px 10px rgba(0,0,0,1);}
.tx_shdw02{text-shadow: 0px 0px 40px rgba(0,0,0,3);}
.bx_sdw{box-shadow: 0px 0px 20px -6px rgba(0,0,0,.4);}
.bx_sdw02{box-shadow: 0px 0px 40px 2px rgba(1,230,186,0.3);}
.bx_sdw03{box-shadow: 0px 0px 22px 9px rgba(30,174,255,0.1);}
.bx_sdw04{box-shadow: 0px 0px 30px 0px rgba(30, 174, 255,0.1);}
.dp_shdw{filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.3));}
.dp_shdw02{filter: drop-shadow(0px 0px 30px rgba(30,174,255,0.2));}
.dp_shdw03{filter: drop-shadow(0px 0px 40px rgba(251,178,184,0.6));}
.dp_shdw04{filter: drop-shadow(0px 0px 40px rgba(243,255,171,0.6));}
.dp_shdw05{filter: drop-shadow(0px 0px 40px rgba(255,212,116,0.6));}
.lt_sr1{letter-spacing:-1px;}
.lt_sr2{letter-spacing:-2px;}
.lt_sr6{letter-spacing:-6px;}
.lt_s1{letter-spacing:1px;}
.lt_s2{letter-spacing:2px;}

.ref{transform: scale(-1, 1);}

.up_gry{border-top: 1px solid #D9D9D9;}

.ud_blk{border-bottom: 1px solid #000;}
.ud_ej{border-bottom: 2px solid #a11f24;}
.ud_gry{border-bottom: 1px solid #D9D9D9;}
.ud_pnk{border-bottom: 1px solid #E90606;}
.ud_ppl{border-bottom: 2px solid #4d008a;}
.ud_ppl1{border-bottom: 1px solid #4d008a;}
.ud_11{border-bottom: 1px solid #d64141;}
.ud_12{border-bottom: 1px solid #f2891b;}
.ud_21{border-bottom: 1px solid #ffaa00;}
.ud_22{border-bottom: 1px solid #9cc92f;}
.ud_31{border-bottom: 1px solid #009e3b;}
.ud_32{border-bottom: 1px solid #006837;}
.ud_41{border-bottom: 1px solid #00b9ef;}
.ud_42{border-bottom: 1px solid #0086ce;}
.ud_51{border-bottom: 1px solid #265caa;}
.ud_52{border-bottom: 1px solid #2e3181;}
.ud_61{border-bottom: 1px solid #9387bf;}
.ud_62{border-bottom: 1px solid #582c8c;}

.ud_dble{border-bottom:1px dotted #3BAAF6!important;}
.up_dble{border-top:1px dotted #3BAAF6!important;}

.p_rl{position: relative;}
.p_ab{position: absolute;}
.top_sp{display:none;}

.z_i0{z-index:0;}
.z_i1{z-index:1;}
.z_i2{z-index:2;}


/* flex関連 */
.fx{display:flex;}
.fx_ard{display:flex;justify-content:space-around;}
.fx_btw{display:flex;justify-content:space-between;}
.fx_end{display:flex;justify-content:flex-end;}
.fx_stt{display:flex;justify-content:flex-start;}
.fx_wrp{display:flex;flex-wrap:wrap;}
.fx_rwrp{display:flex;flex-wrap:wrap-reverse;}
.fx_rvs{display:flex;flex-direction:row-reverse;}
.fx_ctr{display:flex;justify-content:center;}
.actr{align-items:center;}
.astr{align-items:flex-start;}
.aend{align-items:flex-end;}
.abas{align-items:baseline;}
.fx_clm{display:flex;flex-direction:column;}

/* outline関連 */
.b_inr{width: 100%;max-width: 1210px;margin: 0 auto;}
.o_inr,.header-in.wrap{width: 100%;max-width: 1100px;margin: 0 auto;}
.breadcrumb{width: 100%;max-width:70%;margin: 0 auto;color:#103551;font-size:14px;padding-bottom:30px;}
.breadcrumb-caption{color:#103551;}
.breadcrumb-item .far,.breadcrumb-home .fa-home{display:none;}
.breadcrumb .sp{margin:0 5px 0 7px;}
.header-container-in.hlt-top-menu .wrap{width: 100%;margin-left:70%;}
.top_01-1{margin-bottom:60px;}
.s_inr{width: 100%;max-width: 810px;margin: 0 auto;}
.i_inr{width: 100%;max-width: 960px;}
.p_inr{width: 100%;max-width: 610px;margin: 0 auto;}

body.category .content-in,body.single .content-in{width:100%;max-width:1200px;margin:0 auto;}


/* ヘッダーコンテナ関連 */
.header-in{width: 98%;margin: 0 auto 15px;flex-direction:inherit;justify-content:space-between;align-items:center;padding-top:10px;}
.tagline{margin:0;}
.date-tags{display:none;}
.search-box{margin:0;}
.search-edit{border:2px solid #101010!important;border-radius:50px!important;padding: 10px 25px!important;width: 266px!important;}
.search-submit{right: 8px;color:#111111;top: calc(50% - 10px);}
.main{padding:0;border:none;}
.body .article,.entry-content,.entry-content>*{margin-bottom:0;}

li{list-style:none;}
a{text-decoration:none;}

.gnav_wrapper .current_page_parent a{color:#3BAAF6;}
ol, ul {padding-left: 0;}

.logo{text-align:left;}
.logo img{width:70%;}
.logo-image{padding:0;}
.logo-image span, .logo-image a{width: 440px;display: block;padding: 0;}


/*　ハンバーガーメニュー　*/
.home .navi{display:block;}
.navi{position: absolute;z-index: 800;background-color: transparent;top: 30px;right: 20px;display:none;}
.gnav_btn {
    width: 48px;
    height: 48px;
    border: 2px solid;
	background-color:#000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	position: relative;
    z-index: 801;
    transition: all 0.4s ease;
	pointer-events:auto;
}

.gnav_btn--lines {position: relative;width: 18px;height: 12px;}

.gnav_btn--lines span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 6px;}
.gnav_btn--lines span {transition: all 0.4s ease;box-sizing: border-box;}
.gnav_btn--lines span:nth-of-type(1) {top: 1px;}
.gnav_btn--lines span:nth-of-type(2) {bottom: 1px;}
.active.gnav_btn {border-color: #000;background-color: #fff;}
.active .gnav_btn--lines span:nth-of-type(1) {transform: translateY(5px) rotate(-30deg);background-color: #000;}
.active .gnav_btn--lines span:nth-of-type(2) {transform: translateY(-3px) rotate(30deg);background-color: #000;}

.hbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #223847;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease;
	z-index:1;
}

.active + .hbg {opacity: 1;pointer-events: all;z-index: 800;}

.hamb_wrap{
	position: absolute;
    top: 160px;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding-bottom: 80px;
}

.hbg_inner {
    width: 95%;
    max-width: 1680px;
	margin-left: auto;
    margin-right: auto;
}

.hamb_nav a{color:#fff;}

.header-container-in.hlt-top-menu .logo-header .site-name{
	background-size: contain;
    background-repeat: no-repeat;
    background-image: url(images/logo-wh.svg);
}

.hamb_nav{display: flex;justify-content: center;width: 95%;text-align: center;margin: 0 auto;padding: 6rem;}
.hm_ct_bx{
	width: 32%;
    color: #fff;
    border: 3px solid #3BAAF6;
    background-color: rgba(30, 52, 67, 0.9);
    padding: 50px 50px 30px;
    border-radius: 20px;
}

.hm_ct_tx{
	margin-bottom: 24px;
    font-size: 4rem;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #3BAAF6;
    font-weight: 500;
}

.two_way.home #splash,.two_way .loader{z-index:-1;}
.two_way.home #container{opacity:1;z-index:1;}

/* ヘッダー */
.header{position:relative;z-index:800;}
.header-in{display:block;}
.logo-image span, .logo-image a{width: 440px;}
.header-container{background: transparent;width: 100%;position:absolute;display: block;padding:0 20px;}

.h2_bx{position:relative;background:url(images/catalog.png) no-repeat center/cover;padding:130px 0 120px;}
.h2_bx.company{background:url(images/company.png) no-repeat center/cover;}
.h2_bx.about{background:url(images/about.png) no-repeat center/cover;}
.h2_bx.contact,.h2_bx.faq{background:url(images/contact.png) no-repeat center/cover;}
.h2_bx.renewal{background:url(images/elevator.png) no-repeat center/cover;}
.h2_bx.works{background:url(images/works.png) no-repeat center/cover;}
.h2_bx.plan{background:url(images/plan.png) no-repeat center/cover;}
.h2_bx.simulator{background:url(images/simulator.png) no-repeat center/cover;}
.article h2.entry-title{font-size:42px;font-weight:500;padding:0;margin:0;}
.h2_bx.works{background:url(images/works.png) no-repeat center/cover;}
.hd_txt{text-transform: capitalize;}

/* サイドメニュー */
.side_menu {
 background: url(images/ere_sbg.png) no-repeat center/cover;
/* width: 12%;  */
 width:clamp(12%, 20vw, 233px);
 height: 100vh;
 position: sticky;
 top: 0;
 right: 0;
}
.stairs_bx{
 background: #000;
 width: 100%;
 margin: 0 auto 20px;
 text-align: center;
 /* padding: 50px 0 60px; */
 /* padding:clamp(2rem, 3.3vw, 50px) 0 clamp(3rem, 3.2vw, 60px); */
 /* aspect-ratio: 1 / 0.307; */
 padding:clamp(1rem, 3vw, 40px) 0 clamp(1rem, 3vw, 40px)
}
.stairs_arw {
  /* width: 73px; 適切な幅と高さを指定
  height: 70px; */
  width: clamp(50px, 3.8vw, 73px);
height: clamp(48px, 3.6vw, 70px);
  background-size: cover;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease; /* スムーズな画像変更 */
	margin: 0 auto;
	background-image: url(images/ere_dwarw.png);
}
.stairs_bx img{width:73px;}
.side_nav{width:75%;margin:0 auto;}
.side_nav li a {
 position: relative;
 width: 100%;
 display: block;
 color: #000;
 font-weight: 500;
 padding: 4px 0 4px clamp(1rem, 2vw, 40px);
 /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3));*/
 margin-bottom: 20px;
 text-decoration: none;
}

.side_nav li.menu-item-53 a:before {
 content: "";
 background: url(images/button_1.png) no-repeat center/contain;
 width: clamp(25px, 1.9vw, 36px);
 height: clamp(25px, 1.9vw, 36px);
 filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
 position: absolute;
 top: 50%;
 left: -5%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.side_nav li.menu-item-54 a:before {
 content: "";
 background: url(images/button_2.png) no-repeat center/contain;
 /* width: 36px;
 height: 36px; */
 width: clamp(25px, 1.9vw, 36px);
 height: clamp(25px, 1.9vw, 36px);
 filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
 position: absolute;
 top: 50%;
 left: -5%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.side_nav li.menu-item-55 a:before {
 content: "";
 background: url(images/button_3.png) no-repeat center/contain;
 /* width: 36px;
 height: 36px; */
 width: clamp(25px, 1.9vw, 36px);
 height: clamp(25px, 1.9vw, 36px);
 filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
 position: absolute;
 top: 50%;
 left: -5%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.side_nav li.menu-item-211 a:before {
 content: "";
 background: url(images/button_4.png) no-repeat center/contain;
 /* width: 36px;
 height: 36px; */
 width: clamp(25px, 1.9vw, 36px);
 height: clamp(25px, 1.9vw, 36px);
 filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
 position: absolute;
 top: 50%;
 left: -5%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.side_nav li.menu-item-59 a:before {
 content: "";
 background: url(images/button_5.png) no-repeat center/contain;
 /* width: 36px;
 height: 36px; */
 width: clamp(25px, 1.9vw, 36px);
 height: clamp(25px, 1.9vw, 36px);
 filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
 position: absolute;
 top: 50%;
 left: -5%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.side_nav li.menu-item-60 a:before {
 content: "";
 background: url(images/button_6.png) no-repeat center/contain;
 /* width: 36px;
 height: 36px; */
 width: clamp(25px, 1.9vw, 36px);
 height: clamp(25px, 1.9vw, 36px);
 filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
 position: absolute;
 top: 50%;
 left: -5%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.side_nav .sub-menu {
  /* margin-bottom:20px;*/
  margin-top: 0; 
  display:none;
  transition:all 0.3s ease;
  padding:.5rem 0 1.7rem .5rem;
  @media(1800px >= width){
    padding-bottom: .5rem;
  }

}
.side_nav .sub-menu li a{
  background: transparent;filter: none;border-bottom: 1px solid #fff;position:relative;padding-left: 25px;text-align:left;margin-bottom: 0;
  @media(1800px >= width){
    font-size:15px;
  }
}
.side_nav .sub-menu li a:before {position: absolute;content: "ー";top: 10px;left: 8px;font-size: 12px;background:none;filter:none;width:auto;height:auto;transform:none;}
.go-to-top{position:relative;margin:15px auto 0;right: inherit;/*bottom: inherit;*/z-index:2;display:block!important;}
.go-to-top-button{width: 70px;height: 90px;margin:0 auto;filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.3));}
.openbtn img{/*filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.3));margin-top:30px;*/}
.side_nav .menu-item-55:hover .sub-menu{display:block;margin-top: -15px;}
.side_nav .menu-item-55{position:relative;}
.side_nav .menu-item-55 a{padding-right: 10px;position:relative;}
.side_nav .menu-item-55 a:after {
 content: "+";
 font-size: 12px;
 position: absolute;
 right: 10px;
 @media(1600px < width <= 1789px){
  right:0;
 }
 top: 50%;
 transform: translateY(-50%);
 background: #000;
 border-radius: 50%;
 padding: 1px 4px 2.5px 4px;
 line-height: 1;
 color: #fff;
 font-weight: 400;
}
.side_nav .menu-item-55 .sub-menu a:after{display:none;}
.ema_bx{margin:1rem auto;}
.ema_bx02{margin:20px 0 0;}

.ema_bx img {width:90%;}






/* TOP */
#hr_01{height: 100vh; /* 各セクションを100vhに設定 */}
#main_01{position:relative;height: 100vh; /* 各セクションを100vhに設定 */}
.box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_movie {
  display: flex;
  justify-content: center;
  align-items: center;
}

video{object-fit:cover;height:100vh;width:100%;}
.entry-content,.content{margin-top:-1px;}

.scroll_main{width:88%;}

.btn01{background: #fff;width:250px;border: 1px solid #000;color: #000;padding: 20px 0;text-align:center;font-weight: bold;position:relative;transition: all 0.3s ease;}
.btn01:after{content:"";position:absolute;background:url(images/btn_arw.png) no-repeat center/contain;width:24px;height:24px;right:20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.btn01:hover{background:#000;color:#fff;}
.btn01:after:hover{background:url(images/btn_arw02.png) no-repeat center/contain;}
.btn02{background: #000;color:#fff;transition: all 0.3s ease;}
.btn02:after{content:"";position:absolute;background:url(images/tg_rink.png) no-repeat center/contain;width:10px;height:9px;right:30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.btn02:hover{background:#fff;color:#000;}
.btn03{background: transparent;width:264px;border: 1px solid #fff;color: #fff;padding: 20px 0;text-align:center;font-weight: bold;position:relative;transition: all 0.3s ease;}
.btn03:after{content:"";position:absolute;background:url(images/btn_arw02.png) no-repeat center/contain;width:24px;height:24px;right:20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.btn04{background: #000;color: #fff;padding: 15px 0;width: 304px;display: block;margin-top: 5px;position: relative;}
.mail_img{position: relative;padding-left:10%;}
.mail_img:before{position:absolute;content:"";background:url(images/contact_img.png) no-repeat center/contain;width:26px;height:20px;top: 55%;left: -5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

.btn05{background: #fff;width:264px;border: 1px solid #000;color: #000;padding: 10px 30px 10px 20px;text-align:center;font-weight: bold;position:relative;transition: all 0.3s ease;}
.btn05:after{content:"";position:absolute;background:url(images/btn_arw.png) no-repeat center/contain;width:24px;height:24px;right:20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.btn05:hover{background:#000;color:#fff;}
.btn05:after:hover{background:url(images/btn_arw02.png) no-repeat center/contain;}
.btn06{background: #000;color:#fff;transition: all 0.3s ease;}
.btn06:after{content:"";position:absolute;background:url(images/tg_rink.png) no-repeat center/contain;width:10px;height:9px;right:13px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.btn06:hover{background:#fff;color:#000;}

#hr_02{position:relative;z-index:1;}
#hr_02:before{content:"";background:url(images/hr_03.png) no-repeat left/auto 100%;position:absolute;left:0;top:0;width: 100%;height: 100%;z-index: -2;}
#hr_02:after{content:"";background: rgb(16,53,81);background: linear-gradient(90deg, rgba(16,53,81,0) 30%, rgba(16,53,81,1) 58%);z-index: -1;width: 100%;height: 100%;position: absolute;top:0;}

#hr_03 {position: relative;z-index: 1;background: url(images/hr_0301.png) no-repeat center/cover;}

#hr_04{position:relative;z-index:1;background:url(images/hr_0401.png) no-repeat center/cover;}
#hr_05{position:relative;z-index:1;background:url(images/hr_0501.png) no-repeat center/cover;}
#hr_06{position:relative;z-index:1;background:url(images/hr_0601.png) no-repeat center/cover;}
#hr_07{position:relative;z-index:1;background:url(images/hr_07.png) no-repeat center/cover;}
#hr_09{position:relative;overflow:hidden;}
#hr_09:after{content:"";position:absolute;top:0;left:0;background:url(images/sircle.png) no-repeat top center;background-size:100% auto;width: 100%;padding: 70px;filter: drop-shadow(0px 44px 80px rgba(30,177,240,0.5)) drop-shadow(0px 44px 80px rgba(30,177,240,0.5)) drop-shadow(0px 44px 80px rgba(30,177,240,0.5));}
#hr_10{background: repeating-linear-gradient(90deg, #D9D9D9, #D9D9D9 1px, #F5F5F5 1px, #F5F5F5 335px);}

.news_list li{border-bottom: 1px solid #DDDDDD;padding-bottom: 15px;padding-top: 15px;position: relative;line-height:2;}
.news_list li a{/*線の基点とするためrelativeを指定*/display:block;color: #000;}
.news_list li::before{
	content:"";
	position:absolute;
	top: 70%;
    right: 3%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	background:url(images/news_arw.png) no-repeat center/contain;
	width: 32px;
    height: 32px;
}

.news_list li.current a,
.news_list li a:hover{
  color:#000;
}

.news_list li::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -1px;
    left: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background:#000;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

/*現在地とhoverの設定*/
.news_list li.current::after,.news_list li:hover::after {transform: scale(1, 1);/*X方向にスケール拡大*/}

/* スライダー */
/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}

@keyframes infinity-scroll-right {
  from {transform: translateX(-100%);}
  to {transform: translateX(0%);}
}


/* スクロールダウンアイコン */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap');

.scroll_down{
  position:absolute;
  bottom:1%;
  right:50%;
  animation: arrowmove 1.5s ease-in-out infinite;
	@media(834px >= width){
	transform: scale(.8);
	}
}

.scroll_down span{
  position: absolute;
  left: -24px;
  bottom: 13px;
  color: #fff;
  font-size: clamp(0.563rem, 0.517rem + 0.19vw, 0.75rem);
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: .125em;
  writing-mode: vertical-rl;
  text-decoration: none;
  text-transform: uppercase;
}

.scroll_down:before {
    content: "";
    position: absolute;
    bottom: 5px;
    right: -4px;
    width: 1px;
    height: 12px;
    background: #fff;
    transform: skewX(-31deg);
}

.scroll_down:after{
  content:"";
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 1px;
/*   height: 72px; */
	height:clamp(60px, 3.568rem + 0.78vw, 72px);
  background:#fff;
}

@keyframes arrowmove{
   0%{bottom:1%;}
   50%{bottom:3%;}
   100%{bottom:1%;}
   /* 50%{bottom:3%;}
   00%{bottom:1%;} */
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,.d-demo {display: -ms-grid;overflow: hidden;}
/*----------------------------*/

.d-demo__wrap {display: flex;overflow: hidden;}

ul.d-demo__list{margin-bottom:0;}
ul.d-demo__list li{margin:0;}

.d-demo__list {display: flex;list-style: none;}

.d-demo__list--left{animation :infinity-scroll-left 40s infinite linear 4s both;}
.d-demo__list--right {animation: infinity-scroll-right 40s infinite linear 4s both;}
.d-demo__item {width: calc(100vw / 4);}
.d-demo__item > img{width: 100%;vertical-align: bottom;}

/* よくある質問 */
.count{counter-reset: number 0;}
.qa-6 {
    margin-bottom: 5px;
    border-top: 1px solid #dddddd;
}

.qa-6.ud_gry{border-bottom:1px solid #dddddd;}

.qa-6 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 2.5em 2em 2.5em 3.2em;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
	line-height:1;
	letter-spacing: 1px;
}

.qa-6 summary::before,
.qa-6 p::before {
    position: absolute;
    left: 0.2em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-6 summary::before {
    counter-increment: number 1;
  content: "Q" counter(number) "";
	font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;
	background:#103551;
	border-radius:50%;
	color:#fff;
	padding: 7px 8px;
}

.qa-6 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 0em 2.5em 1em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-6[open] p {
    transform: none;
    opacity: 1;
}

.qa-6 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "";
}

.summary_inner{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;width:100%;
  line-height: 1.5; 
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

/* --------アイコンを作ります-------- */
.icon {
  display: block;
  position: relative;
  width: 12px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 12%;
  transition: transform 0.4s;
}

/* アコーディオンが開いた時のスタイル */
details[open] .icon {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 7.5px;
  height: 2px;
  background-color: #000;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}

.ct_frbx{border-radius:80px 80px 0 0;background:#fff;box-shadow: 0px 0px 24px 6px rgba(30, 177, 240,0.1);}
.ct_frbx img{border-radius:80px 0 0 0;vertical-align:bottom;}
.ct_frbx img.bd_rd0{border-radius:0;}
.ct_frbx .bg_wht{border-radius:0 80px 0 0;}
.ct_imgtt{position:relative;padding-left:55px;line-height:2.8;font-size:24px;}
.ct_imgtt:before{content:"";background:url(images/contact_tt.png) no-repeat center/contain;width:43px;height:43px;position:absolute;top:10px;left:4px;filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.3));}

/* footer */
#ft_inq_bg{background:url(images/contact_01.png) no-repeat top left;background-size:cover;width:50%;}

#footer{padding:10px 0;margin-top:0;}
#footer-in{width:100%;margin:0 auto;padding-top:40px;}
#footer-in #nav_menu-4 .sub-menu {padding-left:40px;}
#footer-in #nav_menu-4 .sub-menu li a{position:relative;}
#footer-in #nav_menu-4 .sub-menu li a:before{position:absolute;content:"ー";top:14px;left:-18px;font-size:12px;}
.footer-bottom{border-top:1px solid #898989;}
.footer-bottom.fdt-left-and-right .footer-bottom-content{align-items:flex-end;width:85%;margin:20px auto 0;}
.footer-right{display:flex;justify-content:space-between;width:40%;}
.footer-widgets{width:80%;margin-bottom: 80px;}

.ft_inq{width:100%;max-width:50%;}
.ft_inq_01{}
.ft_inq_02{padding-bottom:5rem;}

.widget_nav_menu ul li a:hover{background:rgba(255,255,255,0);}

/* TOP */
.front_01{width:100%;max-width:48%;}
.front_02{width:100%;max-width:50%;position:relative;}
.front_03{width:100%;max-width:90%;}
.front_04{width:100%;max-width:80%;}

.f_area{position:absolute;top:23%;left:20.2%;
	width: 400px;
    height:400px;
    border-radius: 50%;
    background-color:rgba(140,208,254,.5);
	font-size:36px;
    color:#fff;
	text-align:center;
	transform: scale(0) translate(-50%, -50%);
	-webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    animation-name:f_area;
    animation-duration:4s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;}

@keyframes f_area{
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}

/* 会社概要 */
.tablepress>*+tbody>*>*, .tablepress>tbody>*~*>*, .tablepress>tfoot>*>*{border-top:0!important;border-bottom:1px solid #D9D9D9!important;}
#tablepress-1 td,#tablepress-7 td{padding: 32px 12px;line-height: 2;}
table th, table td, table:not(.has-border-color) :where(th,td), table tr:nth-of-type(2n+1) {background-color: transparent;border: 0;}
#tablepress-1 .column-1,#tablepress-7 .column-1{color:#103551;font-weight:bold;}

.dw_btn{background: #DDF5FF;border: 2px solid #3BAAF6;border-radius: 50px;padding: 20px 40px;align-items: center;font-size: 16px;font-weight: 700;width: 40%;}
.area{background-color: #fff;padding:2em 0; margin:0;display:block;line-height:2.2;width:60%;}

/* お問い合わせ */
.ic01{position: relative;padding-left:3%;}
.ic01:before{position:absolute;content:"";background:url(images/inq01.png) no-repeat center/contain;width:50px;height:55px;top: 55%;left: -5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.ic02{position: relative;padding-left:3%;}
.ic02:before{position:absolute;content:"";background:url(images/inq02.png) no-repeat center/contain;width:50px;height:55px;top: 55%;left: -5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.pt6r8{padding:60px 80px;}

.contact_bx{background: #fff;border-radius: 50px;margin-top:40px;padding-top:60px;}
.wpcf7 .c_kome {color: #fff;background: #E90606;font-size: 14px;padding: 2px 5px;font-weight: 400;margin-left: 15px;}
.wpcf7 {width: 90%;margin: 0 auto;font-size: 16px;}
.wpcf7 table th, .wpcf7 table td {padding: 1.5em .5em;}
.wpcf7 input[type=text], .wpcf7 input[type=password], .wpcf7 input[type=date], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=number], .wpcf7 input[type=search], .wpcf7 input[type=tel], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 textarea, .wpcf7 select, .wpcf7 .search-edit {border: 1px solid #898989;border-radius: 0;font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 500;font-style: normal;}
.wpcf7-form-control {/*display: flex;*/flex-direction: column;line-height: 2.5;}
.wpcf7 input[type=submit] {-webkit-appearance: none;border: 1px solid var(--cocoon-thin-color);background-color: #FE4E02;color: #fff;font-size: 16px;text-align: center;width: 194px;margin: 0 auto;justify-content: center;align-items: center;border-radius: 50px;font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 600;font-style: normal;letter-spacing: 1px;}

.inq_bx {background: #fff;width: 100%;height: 240px;overflow: auto;border: 1px solid #898989;margin: 0 auto;padding: 1.5rem 1.5rem;}
.inq_05{height: 230px;overflow: auto;border: 1px solid #e0e0e0;margin:2rem auto 8rem;background: #fff;padding: 25px;}
.inq_05 h4{margin-bottom: .5rem;margin-top: 2.5rem;}
.inq_06{margin: 0 auto 2rem;}
.inq_07{}
.inq_08{margin:0 0 0.5rem;}

.map{width:100%;margin-top:20px;}
.map iframe{width:100%;max-width:100%;height:155px;}
.wpcf7-form-control{flex-direction:row;}

/* 私たちについて */
#ab_bg01{background:#F5F5F5;padding:5rem 0;margin-top:6rem;}

.ab_01{width:100%;max-width:510px;}
.ab_02{position:relative;}
.ab_02 span{display:block;position:relative;font-size:28px;font-weight:bold;}
.ab_02:before{position:absolute;content:"01";color:rgba(30,177,240,.1);top:-4rem;left:0;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:200px;line-height: 1;}
.ab_03{width:100%;max-width:426px;margin-top: 3rem;}

.ab_05{margin:0 12% 0 0;}
.ab_06{margin:0 0 0 12%;}
.ab_07{position:relative;}
.ab_07 span{display:block;position:relative;font-size:28px;font-weight:bold;line-height:4;}
.ab_07:before{position:absolute;content:"02";color:rgba(30,177,240,.1);top:-3rem;left:0;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:200px;line-height: 1;}

.ab_08{position:relative;}
.ab_08 span{display:block;position:relative;font-size:28px;font-weight:bold;}
.ab_08:before{position:absolute;content:"03";color:rgba(30,177,240,.1);top:-4rem;left:0;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:200px;line-height: 1;}
.ab_09{width:100%;max-width:480px;}
.ab_10{position:relative;}
.ab_10 span{display:block;position:relative;font-size:26px;font-weight:bold;}
.ab_10:before{position:absolute;content:"01";color:rgba(254,160,2,.15);top:-4rem;left:0;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:200px;line-height: 1;}
.ab_11{margin-top:3rem;line-height: 2;}
.ab_12{}
.ab_12{width:100%;max-width:448px;}
.ab_13{border:1px solid #000;padding:3rem 2rem;margin-bottom: 4rem;}

.ab_14{position:relative;}
.ab_14 span{display:block;position:relative;font-size:28px;font-weight:bold;line-height:2;}
.ab_14:before{position:absolute;content:"02";color:rgba(254,160,2,.15);top:-3rem;left:0;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:200px;line-height: 1;}
.ab_15{position:relative;margin:3rem 0;}
.ab_15 span{display:block;position:relative;font-size:28px;font-weight:bold;}
.ab_15:before{position:absolute;content:"03";color:rgba(254,160,2,.15);top:-4rem;left:0;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:200px;line-height: 1;}

#about_w .btn01:after{right:10px;}

/* ページコンテンツフッター */
.page_ft_01{background:url(images/ft_bnr01.png) no-repeat top left;background-size:cover;width:100%;max-width:30%;padding: 11rem 0 0;box-shadow:3px 3px 7px rgba(0,0,0,.25);}
.page_ft_01 a{display:block;color:#fff;position:relative;background:rgba(2,63,109,.9);padding:1rem 0 1rem 3rem;}
.page_ft_01 a:before{position:absolute;content:url(images/arw_wh01.svg);top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right:2rem;}

.page_ft_02{background:url(images/ft_bnr02.png) no-repeat top left;background-size:cover;width:100%;max-width:30%;padding: 11rem 0 0;box-shadow:3px 3px 7px rgba(0,0,0,.25);}
.page_ft_02 a{display:block;color:#fff;position:relative;background:rgba(2,63,109,.9);padding:1rem 0 1rem 3rem;}
.page_ft_02 a:before{position:absolute;content:url(images/arw_wh01.svg);top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right:2rem;}

.page_ft_03{background:url(images/ft_bnr03-2.png) no-repeat top left;background-size:cover;width:100%;max-width:30%;padding: 11rem 0 0;box-shadow:3px 3px 7px rgba(0,0,0,.25);}
.page_ft_03 a{display:block;color:#fff;position:relative;background:rgba(2,63,109,.9);padding:1rem 0 1rem 3rem;}
.page_ft_03 a:before{position:absolute;content:url(images/arw_wh01.svg);top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right:2rem;}


/* エレベーターリニューアル */
#ren_bg01{background:url(images/ren_bg01.png) no-repeat top center;background-size:cover;padding:6rem 0;color:#fff;position:relative;margin-top: 4rem;}
#ren_bg02{background:url(images/ren_bg02.png) no-repeat top center;background-size:cover;padding:10rem 0 3rem;}
#ren_bg03{background:url(images/ren_bg03.png) no-repeat top left;background-size:cover;padding:11rem 0;position:relative;overflow:hidden;}

.ren_bx01{text-align:center;font-size:18px;margin:3rem 0 1rem;}
.ren_bx02{font-size:36px;font-weight:bold;text-align:center;margin-bottom: 3rem;}
.ren_bx02 span{background:#000;color:#fff;border-radius:50px;padding:6px 3rem;position:relative;}
.ren_bx02 span:before{position:absolute;content:"▼";bottom:-2rem;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);color:#000;}
.ren_bx03{border-bottom:1px solid #ddd;font-size: 24px;font-weight:bold;}
.ren_bx03 span{color:#FEA002;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;display: block;}
.ren_bx04{margin-top:2rem;}
.ren_bx05-1{width: 100%;max-width:1170px;border: 1px solid #000;border-radius: 20px;padding: 2rem 1.5rem;margin: 0 auto 3rem;}
.ren_bx05-2{background-color:#F5F5F5;padding:2rem;margin: 2rem auto;}
.ren_bx05{width: 100%;max-width: 30%;border: 1px solid #000;border-radius: 20px;padding: 2rem 1.5rem;margin-bottom: 3rem;}
.ren_bx06{position:absolute;top:-3rem;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.ren_bx07{text-align:left;font-size:20px;width:100%;max-width:555px;margin:0 auto;}
.ren_bx07 span{display:block;text-align:center;font-size:32px;font-weight:bold;margin-bottom:2rem;}
.ren_bx08{font-size:36px;margin: 3rem auto;font-weight:bold;}
.ren_bx08 span{display:block;font-size:20px;}
.ren_bx09{width:100%;max-width:1200px;margin:0 auto;}
.ren_bx10{position:relative;background:#fff;width:100%;max-width:30%;padding: 6rem 2rem 1rem;margin-bottom: 6rem;}
.ren_bx11{position:absolute;top:-3.5rem;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.ren_bx12{text-align:center;font-weight:bold;font-size:32px;line-height:1.5;height: 7rem;/*display: flex;*/justify-content: center;align-items: center;}
.ren_bx12 span{color:#FE4E02;}
.ren_bx13{margin: 2rem auto;height:6rem;}

.ren_bx15{color:#fff;width:100%;max-width:1200px;margin:0 auto;font-size:20px;line-height:2.2;}
.ren_bx15 span{display:block;font-size:60px;line-height: 1.4;margin: 0 auto 3rem;}
.ren_bx16{position:absolute;top:0;right:0;color:rgba(0,0,0,.3);font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:21rem;line-height:21rem;}
.ren_bx17{width:100%;max-width:50%;}

/* 施工プラン */
#plan_bg{background:url(images/plan_bg01.png) no-repeat top left;background-size:cover;padding:3rem 0;}
.plan_gd{background-image: linear-gradient(60deg, rgba(88, 63, 0, 1), rgba(226, 210, 186, 1) 54%, rgba(220, 202, 175, 1) 55%, rgba(211, 189, 156, 1) 56%, rgba(198, 170, 128, 1) 57%, rgba(195, 167, 124, 1) 66%, rgba(189, 160, 113, 1) 74%, rgba(177, 148, 94, 1) 82%, rgba(162, 131, 68, 1) 90%, rgba(142, 109, 34, 1) 97%, rgba(134, 101, 21, 1));width: 100%;max-width: 40%;text-align: center;font-size: 30px;font-weight: bold;padding: 1rem 0;position: relative;margin: 0 3rem 0 0;}
.plan_gd:before{position:absolute;content:"";width:96%;height:90%;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);border:1px solid rgba(255,255,255,.4);}

.plan_01{}
.plan_02{font-size:32px;font-weight:bold;margin: 0rem 0 0 2rem;}
.plan_03{background:rgba(244, 240, 223,.5);padding: 2rem;box-sizing: border-box;}
.plan_04{width:100%;max-width:400px;}
.plan_05{}
.plan_06{background:#fff;padding:2rem 2rem 1rem;/*margin: 2rem 0 0;*/}
.plan_07{background:#EFF1F9;padding: 2rem;box-sizing: border-box;}
.plan_08{background:#FEF3EF;padding: 2rem;box-sizing: border-box;}
.plan_09{color:#0061AA;font-weight:bold;}
.plan_10{width: 100%;max-width: 800px;margin: 0 auto;text-align: center;}
.plan_11{color:#fff;text-align:center;font-size:30px;margin-bottom:20px;}
.plan_11 span{display:block;font-size:18px;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;margin:0 0 0.5rem;}
.plan_12{width:100%;max-width:1100px;margin:0 auto;background:#fff;padding:3rem;}
.plan_13{width:100%;max-width:48%;border-top: 1px solid #AC8E56;border-bottom: 1px solid #AC8E56;padding: 1.5rem 1rem;}

.featherlight-sample {display: none;}

/* ウェブカタログ */
.webc_01{display:flex;justify-content:flex-start;margin:3rem auto;}
.webc_01 a{display:block;background:#000;color:#fff;border-radius:50px;padding:3px 2rem;margin:0 1rem 0 0;}
.webc_02{border-bottom:1px solid #ddd;padding:0 0 3px;margin:3rem auto 2rem;}

/* シミュレーター */
.sim_01{width: 100%;max-width: 250px;margin:3rem auto 7rem;text-align:center;}
.sim_01 a{display:block;background:#000;color:#fff;border-radius:20px;padding:17px 0;}
.sim_02{width:100%;max-width:85%;margin:0 auto 3rem;}
.sim_03{line-height: 1;font-size:30px;}
.sim_03 a.link01{display:block;width:100%;max-width:50%;color:#fff;background:url(images/sim_03.png) no-repeat top left;background-size:cover;position:relative;padding: 17rem 6rem 4rem;}
.sim_03 a.link01:before{content:"";position:absolute;background:url(images/arw_wh02.svg) no-repeat top left;background-size:100% auto;bottom:60px;right:5rem;width:120px;height:20px;}
.sim_03 a.link02{display:block;width:100%;max-width:50%;color:#fff;background:url(images/sim_04.png) no-repeat top left;background-size:cover;position:relative;padding: 17rem 6rem 4rem;}
.sim_03 a.link02:before{content:"";position:absolute;background:url(images/arw_wh02.svg) no-repeat top left;background-size:100% auto;bottom:60px;right:5rem;width:120px;height:20px;}
.sim_03 a span{display:block;font-family: "bebas-neue", sans-serif;font-weight: 400;font-style: normal;font-size:140px;}

/* 施工実績 */
.works_01{width:48%;}
.works_01 span{display:block;}
.works_01 img{}
.works_02{width:48%;margin: 0 0 0 2rem;}
.works_02 span{display:block;}
.works_02 img{}

#tab_container_498 .tab-content{}

.plan_title{color:#fff;font-size:18px;}

/*お知らせ*/
.entry-categories-tags {margin-top: 80px;}

/* カテゴリーと投稿 */
body.category .archive-title{display:none;}
body.category main,body.single main{margin:2rem auto;}
body.single .breadcrumb,body.category .breadcrumb{max-width:100%;}
body.single article.article .breadcrumb{display:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


@media screen and (max-width: 1800px){
	.ct_imgtt{line-height:2;font-size:18px;}
    .ct_imgtt:before {width: 36px;height: 40px;top: -2px;left: 8px;}
	.fs_200 {font-size: 170px;}
}
	
/*1600px以下*/
@media screen and (max-width: 1600px){
	.scroll_main{width:85%;}
	.side_menu{width:15%;}
	.side_nav li.menu-item-53 a:before,.side_nav li.menu-item-54 a:before,.side_nav li.menu-item-55 a:before,.side_nav li.menu-item-211 a:before,.side_nav li.menu-item-59 a:before,.side_nav li.menu-item-60 a:before{width:25px;height:25px;}
	.side_nav .menu-item-55 a:after{right: 0px;}
	.side_nav li a{margin-bottom:4px;}
	.stairs_bx{width:100%;padding:20px 0 20px;margin: 5px auto 10px;}
	.stairs_arw{width: 53px;height: 50px;}
	.fs_200{font-size:140px;}
	.front_01{max-width:49%;}
	.front_02{max-width:35%;}
	.front_03{max-width:95%;}
	.front_04{max-width:95%;}
	.f_area{top: 23%;left: 27.2%;width: 300px;height: 300px;}
	.fs_36{font-size:30px;}
	.ct_imgtt:before{width:26px;height:26px;top: 8px;}
	.ft_inq{max-width:100%;}
	.ct_imgtt{line-height:2;font-size:17px;}
	.ft_inq_01{width:100%;max-width:100%;margin-bottom:40px;}
	.ft_fs_60{font-size:48px;}
	.dw_btn{width:50%;}
	#com_w .w_60p{width:85%}
	.ic01 {padding-left: 6%;}
	.ic02 {padding-left: 6%;}
	#cont_w .fs_72{font-size: 56px;}
	.pt6r8 {padding: 40px 60px;}
	.ema_bx{margin:1rem auto 0;}
	.ema_bx02{margin:0;}
	.openbtn img{width:80%;margin-top:10px;}
	.go-to-top {margin:0 auto;}
	.go-to-top-button {width: 62px;}
	.footer-right {width: 60%;}
	.ab_05 {margin: 0 12% 0 6%;}
	.ab_06 {margin: 0 6% 0 12%;}
	.ab_10 span {font-size: 22px;}
	.ab_11 {margin-right: 2rem;}
	.ab_14 span {font-size: 22px;}
	.ab_15 span {font-size: 22px;}
	.wpcf7 .c_kome{margin-left: 0;display: block;width: 100%;max-width: 40px;}
}

/*1400px以下*/
@media screen and (max-width: 1400px){
	.w_90p{width:95%;}
	.w_80p{width:85%;}
	.fs_200{font-size:125px;}
	#hr_07 .w_90p{width:86%;}
	#hr_07 .btn01{max-width: 93%;}
	#hr_07 .w_33p{width: 40%;}
	.none{display:none;}
	.ab_01{margin-top:40px;line-height:2.2;}
	.ab_02 span {font-size: 24px;}
	.ab_05 {padding-left: 8%;}
	.ab_06 {padding-right: 8%;}
	.ab_07 span {font-size: 24px;line-height: 2;}
	.ab_08 span {font-size: 24px;line-height: 2;}
	#ab_bg01 .w_70p{width: 86%;}
	.ab_11 {margin-right: 2rem;}
	.ren_bx15{padding-left:6rem;}
	#web_ct .b_inr{max-width:900px;}
	.side_nav li a{padding: 4px 0 4px 24px;}
	.side_nav{width:80%;}
	.side_menu{width:18%;}
	.scroll_main{width:82%;}
	.btn01{width:235px;}
	#cont_w .btn01{width:277px;}
	.btn02:after{right: 17px;}
	.f_area{top: 20%;left: 24.2%;}
	.ab_10 span {font-size: 22px;}
	.ab_14 span {font-size: 22px;}
	.ab_15 span {font-size: 22px;}
	#ren_bg03{padding: 4rem 0 10rem;}
	#plan_w .b_inr{width:90%;}
	.plan_12 {max-width: 980px;}
	.ren_bx05-1{width: 95%;}
	#cont_w .w_80p {width: 90%;}
}

/*1300px以下*/
@media screen and (max-width: 1300px){
	.fs_200{font-size:120px;}
	.side_nav li a{padding: 4px 0 4px 28px;}
	.f_area{top: 20.5%;left: 24.8%;width: 280px;height: 280px;}
	#hr_02{height:115vh;}
	.btn01 {width: 225px;}
	#cont_w .w_80p {width: 93%;}
	#footer .fs_24{font-size:18px;}
	.ren_bx12{font-size:26px;}
	.ren_bx15 span {font-size: 50px;}
	.ren_bx15{font-size:17px;}

	.ren_bx12{height:4rem;}
	.ren_bx10{padding:6rem 1rem 1rem;}
}

/*1200px以下*/
@media screen and (max-width: 1200px){
	.fs_200{font-size:115px;}
	.f_area{width: 250px;height: 250px;}
}

/*1024px以下*/
@media screen and (max-width: 1024px){
	.f_area{width: 190px;height: 190px;top: 25.5%;left: 29.8%;}
	.fs_24{font-size:20px;}
	.front_01{max-width:55%;}
	.btn01{width: 200px;padding: 15px 0;}
	.btn01:after{width: 15px;height: 15px;right: 15px;}
	.btn02:after{right:5px;}
	.fs_200{font-size:90px;}
	.fs_120{font-size:80px;}
	.fs_36{font-size:23px;}
	.fs_80{font-size:60px;}
	.w_85p{width:90%;}
	.p_right40{padding-right:20px;}
	.p_left40{padding-left:20px;}
	.ft_inq_01{margin-bottom: 10px;}
	.footer-center{display:none;}
	.ab_05{padding-left: 5%;margin: 0 5% 0 0;}
	.ab_06{padding-right: 5%;margin: 0 0 0 5%;}
	.ab_10 span,.ab_14 span,.ab_15 span{font-size:18px;}
	.ab_10:before,.ab_14:before,.ab_15:before{top:-2rem;font-size:150px;}
	.ab_13{padding: 1rem;}
	.ab_09 .btn01{width:250px;}
	.b_inr{max-width:95%;}
	.footer-bottom.fdt-left-and-right .footer-bottom-content{width: 95%;}
	.h2_bx{padding: 3rem 0;}
	.ren_bx02,.ren_bx07 span,.ren_bx08{font-size:28px;}
	#ren_bg01{padding: 5rem 0 3rem;}
	.ren_bx10{padding: 4rem 1rem 1rem;margin-bottom: 5rem;}
	.ren_bx11{width: 100%;max-width: 95px;}
	.ren_bx12{font-size:22px;}
	.ren_bx15 span{font-size:40px;}
	#ren_bg02{padding: 10rem 0 0rem;}
	#ren_bg03{padding: 0rem 0 3rem;}
	.side_nav .sub-menu{padding-left: 10px;}
	.side_nav .menu-item-55:hover .sub-menu{margin-top: -8px;}
	.side_nav{width: 86%;}
	.scroll_main{width:81%;}
	.side_menu{width:19%;}
	.breadcrumb{max-width:90%;}
	.h2_bx .w_70p{width:90%;}
	.sim_02 img{width:100%;max-width:50%;}
	.sim_03 a.link01,.sim_03 a.link02{max-width: 100%;padding: 10rem 6rem 4rem;}
	.sim_03{flex-wrap:wrap;}
	.ren_bx12{height:3rem;}
	.ren_bx13{height:8rem;}
}

/*834px以下*//* 1024px以下に修正 */
@media screen and (max-width: 1023px){
	.no-mobile-header-logo #header .logo-header {display: block;}
	.side_menu,nav#navi,.mobile-menu-buttons .menu-caption{display:none;}
	.scroll_main,#main_01{width:100%;}
	main.main{padding:0;}
	.f_area{top: 26.5%;left: 30.8%;width: 300px;height: 300px;}
	.front_04 .fx_btw{flex-wrap:wrap;}
	.btn01{width: 260px;margin: 0 0 1rem;}
	.mobile-header-menu-buttons{background-color:rgba(255,255,255,0);box-shadow:none;justify-content: flex-end;width: 100%;max-width: 97%;top:4rem;}
	body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons){margin-top:0;}
	.mobile-menu-buttons .menu-button{background: #333;color: #fff;border-radius: 50%;width: 70px;height: 70px;}
	.footer-bottom.fdt-left-and-right .footer-bottom-content{align-items: center;}
	#hr_04 .fx_btw{justify-content:space-around;}
	#hr_04 .w_90p,#hr_06 .w_95p{width:90%;}
	#hr_06 .p_right40{padding-right:0;}
	.sp_fs16{font-size:16px;}
	#hr_02{height:auto;}
	.front_01{max-width:94%;}
	.front_03{flex-wrap:wrap;}
	.front_02{max-width:460px;}
	.ab_05{margin: 0 3% 0 0;}
	.ren_bx03{font-size: 18px;}
	#ren_bg02{background: url(images/ren_bg02_sp.png) no-repeat top center;background-size: cover;padding: 10rem 0 0rem;}
	.plan_gd{font-size: 24px;}
	.plan_12{max-width:95%;}
	.p_top_16m{padding-top:13rem;}
	.com_01{flex-wrap:wrap;justify-content:center;}
	.area{width:100%;}
	.com_01 .p_left_6m{padding-left:0;width:100%;max-width:65%;margin:0 auto;}
	.com_02{margin-top: 3rem;}
	.com_03{flex-wrap: wrap;margin-top: 3rem;}
	.com_03 .w_54p{width:100%;}
	.m_btm120{margin-bottom: 55px;}
	.pt6r8{padding:40px 20px;}
	.ic01:before{top:0;left:-2%;}
	.wpcf7 .c_kome{display:block;width:100%;max-width:50px;text-align:center;margin: 0;}
	#cont_w .fs_72{font-size:45px;}
	.inq_05{margin: 2rem auto 5rem;}
	.sim_01 {margin: 3rem auto 2rem;}
	#shumi .ctr{text-align:justify;}
	#cont_w .fx_btw {justify-content: center;}
	#cont_w .ic02,.fs_36,.c_cop,.f_w6,.m_btm20,.lt_s2{text-align:center;}
	#cont_w .ic02:before{width: 42px;height: 36px;top: 54%;left: 10%;}
}
/*834px以下*/
@media screen and (max-width: 834px){
	.ren_bx13{height:10rem;}
}

/*630px以下*/
@media screen and (max-width: 630px){
	.front_02{max-width: 67%;}
	.f_area{top: 23%;left: 27.8%;width: 200px;height: 200px;}
	#hr_10 .ct_frbx{flex-wrap:wrap;justify-content:center;}
	#ft_inq_bg{width:100%;height:310px;border-radius: 0px 35px 0px 0px;}
	#hr_10 .w_50p{width:100%;}
	.p_top_16m{padding-top:5rem;}
	#hr_08 .fx_btw{flex-wrap:wrap;}
	#hr_08 .w_45p{width:92%;}
	#hr_07 .w_33p,#hr_06 .w_45p,#hr_05 .w_45p,#hr_04 .w_45p{width:100%;}
	#hr_06 .w_95p,#hr_05 .w_95p,#hr_04 .w_90p{flex-wrap:wrap;justify-content:center;margin: 0 auto;}
	#hr_06 .w_50p,#hr_05 .w_50p,#hr_04 .w_50p{width:100%;}
	#hr_02 .w_45p{width:90%;margin:0 auto;}
	.fs_200,.fs_120{font-size:65px;}
	.pt6r8{flex-wrap:wrap;}
	.pt6r8 .w_60p,.w_70p{width:90%;}
	.dw_btn{width: 100%;}
	.contact_bx{padding:30px 15px;}
	.fs_42{font-size:30px;}
	.fs_36{font-size:20px;}
	.m_btm80{margin-bottom:20px;}
	.sim_03 a span{font-size:70px;}
	.sim_03 a.link01, .sim_03 a.link02{padding: 7rem 6rem 4rem;}
	.plan_06 {flex-wrap:wrap;padding: 2rem 1rem 1rem;}
	.plan_02{font-size: 18px;}
	.plan_03,.plan_07,.plan_08{padding:1rem;}
	.plan_11{font-size:18px;}
	.plan_gd,.plan_13{max-width:100%;}
	.plan_13{margin: 2rem auto 0;}
	.plan_gd{margin: 0 auto;}
	.ren_bx02, .ren_bx07 span, .ren_bx08{font-size:18px;}
	.ren_bx02 span:before{bottom:-1rem;}
	.ren_bx05{max-width:100%;}
	.ren_bx10,.ren_bx07{max-width:92%;}
	.ren_bx16{display:none;}
	.ren_bx15{max-width:92%;margin:0 auto;padding-left:0;}
	.ren_bx17{max-width:100%;}
	.ic02:before{width: 30px;height: 33px;top: 54%;left: -2%;}
	.wpcf7{width:100%;}
	#cont_w .w_80p{width:95%;}
	.wpcf7 table td{width:70%;}
	.ic01{padding-left:10%;}
	.h2_bx{padding: 1rem 0;}
	table.tablepress td{font-size:16px;}
	.plan_04{padding-bottom:30px;}
	.plan_09{font-size: 14px;padding: 2rem 0;}
	.ab_03 {margin: 3rem 0 2rem;}
	.ab_07:before {top: -5rem;}
	.ab_10:before, .ab_14:before{top: -1rem;}
	.ab_10 span, .ab_14 span{top: 2rem;}
	.ab_15:before{top: -3rem;}
	.ab_12 {margin-top: 2rem;}
	.ab_11 {margin-top: 4rem;}
	.ren_bx01 {font-size: 16px;margin: 3rem 2rem 1rem;}
	.ren_bx05-2 {padding: 1rem;}
	.ren_bx14{text-align:center;}
	#about_w .w_68p{width:85%;}
	.article h3.mds_01,h3.mds_02{font-size:24px;}
	.sp_wrap{flex-wrap:wrap;}
	.sp_rwrap{flex-wrap:wrap-reverse;}
	#about_w .fx_end,#about_w .fx_stt{justify-content:center;}
	.ab_05{width: 100%;max-width: 93%;margin: 0 auto 1rem;padding-left: 0;}
	.ab_04{width:100%;max-width:93%;margin:0 auto;}
	.page_ft_01,.page_ft_02,.page_ft_03{max-width: 93%;}
	.ab_13{flex-wrap:wrap;}
	.mobile-header-menu-buttons{max-width: 93%;top: 2rem;}
	.mobile-menu-buttons .menu-button{width:50px;height:50px;}
	.ren_bx13{height:6rem;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* 20241224 footer contact修正 */
section#hr_10 {
  .bg_wht {
   border-radius: 80px 80px 0 0;
  }
 
  .bebas.fs_200.l_h1 {
   line-height: 0;
   text-align: center;
   padding-bottom: .4em;
  }
 
  @media(900px <= width) and (1400px > width) {
 
   .fx.fx_btw.fx_wrp.actr.m_top10 {
    padding-top:.5em;
    justify-content: center;
    flex-wrap: wrap;
    gap:8%;
   }
   .ft_inq.f_w5.ct_imgtt{width: 35%;}
  }
 
  @media(1400px <=width) {
   .m_top40 {
    text-align: center;
   }
   .fx.fx_btw.fx_wrp.actr.m_top10 {
    padding-top: .5em;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2em;
   }
   .ft_inq.f_w5.ct_imgtt{width: unset;}
   .fx_ard.m_top40.fx_wrp {
     display: flex;
     justify-content: center;
     column-gap: clamp(1em, 10vw, 100px);
   }
  }
  @media (834px < width) {
   .fx_wrp{flex-wrap: nowrap;}
   .ctr.ft_inq_01,.ctr.ft_inq_02{flex: 1;} 

  }
.ctr.ft_inq_02{
	a.btn04{margin:auto !important;}
	}
 }
/* 操作盤高さ調整　２０２５/０１/add */
@media (834px <= width <= 1800px) and (695px <=  height < 850px) {
 .ema_bx {
  margin: 0.75rem auto min(1.8vh, 0.75rem);
 }
 .side_nav nav,
 .fx.fx_ctr.astr.ema_bx02{
  margin-bottom: calc(100vh * 0.01);
 }
 .side_nav nav>ul>li a{
  margin-top: calc(100vh * 0.01);
 }
 .fx.fx_ard.actr.openbtn.w_70p.m_at {
  margin: calc(100vh * 0.01) auto ;
 }
}

@media (834px <= width <= 1800px) and (850px <=  height) {
 .side_nav nav,
 .fx.fx_ctr.astr.ema_bx02{
  margin-bottom: calc(100vh * 0.02 + .5rem);
 }
 .side_nav nav>ul>li a{
  margin-top: calc(100vh * 0.02);
 }
 .fx.fx_ard.actr.openbtn.w_70p.m_at {
  margin: calc(100vh * 0.02 + .5rem) auto calc(100vh * 0.02);
 }
}

/* 2025/01/31 → 2025/06/05修正 */
.catch {
	background: linear-gradient(7deg, rgba(0, 0, 0, 0) 17.66%, rgba(38, 38, 38, 0) 33.6%, rgba(102, 102, 102, 0) 60.16%);
	position: absolute;
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	color:#fff;
	text-align: center;
	transition: all 1.75s;
}
.catch.show {
	background: linear-gradient(7deg, rgba(0, 0, 0, 0.5) 17.66%, rgba(38, 38, 38, 0.2) 33.6%, rgba(102, 102, 102, 0.02) 60.16%);
}
.catch>.catch_in{
	width:clamp(310px, 10.159rem + 39.22vw, 790px);
	position: relative;
	display: grid;
	row-gap:clamp(1.25rem, 0.947rem + 1.29vw, 40px);
}
.catch h1{
	position: relative;
	font-size:clamp(5rem, 2.696rem + 9.8vw, 200px);
	font-family: "bebas-neue", sans-serif;
	font-feature-settings: "palt";
	width: 100%;
	height: fit-content;
	line-height: .9;
	opacity: 0.1;
	padding-block:clamp(1.563rem, 1.184rem + 1.62vw, 50px) clamp(1.563rem, 1.366rem + 0.84vw, 38px);
}
.catch h1::before{
	content: "";
  width: calc(100% - clamp(0.188rem, 0.081rem + 0.45vw, 10px));
  height: clamp(1.563rem, 1.083rem + 2.04vw, 50px);
  position: absolute;
  z-index: 20;
  left:0;
  top: 0;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
}
.catch h1::after{
		content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  left:0;
  top: 0;
  border-bottom:2px solid #fff;
  border-left:2px solid #fff;
}
.catch p{
	font-size:clamp(1.125rem, 0.664rem + 1.96vw, 2.625rem);
	font-family: "dnp-shuei-gothic-gin-std", sans-serif;
	font-feature-settings: "palt";
	position: relative;
	line-height:1;
	letter-spacing: clamp(1px, 0.025rem + 0.16vw, 3.5px);
	/* フェードイン用の初期状態 */
	opacity: 0;
	transform: translateY(20px);
	transition: all 1.25s ease-out .8s;
}

/* フェードイン実行時のスタイル */
.catch.show h1{opacity: 1;}
.catch h1 span{transform: translateY(-10px);opacity: 0.1;display: block;}
.catch.show h1 span{transform: translateY(0);opacity: 1;}
.catch.show p {opacity: 1;transform: translateY(0);}
.catch.is-show p,.catch.w_show p,.catch.is-show.show.w_show p {opacity: 0;}
.catch.is-show.show.w_show p {opacity: 0;animation: slideInTOP 0.7s cubic-bezier(0.33, 1, 0.68, 1) 2s forwards;}

@media(700px >= width){.catch{padding: unset;display: grid;}.catch p{justify-self: center;}}
@media(550px >= width){.catch p{justify-self: center;}}
@keyframes slideInTOP {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
				opacity: 1;
  }
}



/* 2025/05/ローディング修正 */
.loader {display: grid;justify-content: center;align-items: center;color: #ff8005;width: clamp(90px, 25vw, 350px);}
.loader>div {padding-block: clamp(0.9rem, 0.512rem + 1.66vw, 2.5rem);padding-inline: 2px;background: #000;}
.loading {background: #000;position: relative;display: grid;grid-template-columns: 1fr 2fr;align-items: center;justify-items: end;font-size:clamp(1rem, 0.333rem + 2.5vw, 60px);font-feature-settings: "pnum" 1;}
@media(600px > width){.loading {justify-items: center;font-size:18px;letter-spacing: -.5rem}}
@media(600px <= width){.loading {padding-inline-end: 5px;letter-spacing: -.25em}}
@media(1440px < width){.loading {letter-spacing: -.35em}}
.loading::before {content: "";display: block;background:linear-gradient(351deg, #3333330a 31%, #ffffff47 57%, #33333300 77%, #33333336 100%);width: 100%;height: calc(clamp(1rem, 0.333rem + 2.5vw, 60px) + .5em);position: absolute;}
.loading span {line-height: 1;display: block;align-self: center;}
.loading span img {max-width: unset;width: auto;height: clamp(1rem, 0.158rem + 3.3vw, 3.75rem);object-fit: contain;display: block;}
/* ロゴのスタイル */
.splash_logo_02 {width: 100%;max-width: unset; background: url(https://www.hain-re.co.jp/wphainr/wp-content/uploads/2025/05/op_logo.svg) no-repeat center top;background-size: 100% auto;background-size: contain;position: relative;z-index: 900;}
#splash {background: transparent;position: relative;z-index: 900;align-items: start;/*top: 12%;*/}
@media (orientation: portrait) {#splash {top: 35vh;}}
@media (orientation: landscape) {#splash{top: 20vh;}}
/* ローディングとロゴのコンテナ */
.splash-container {position: relative;top: 0;display: grid;grid-auto-columns: 1fr;grid-template-rows: 1fr 3fr;max-width: unset;z-index: 900;row-gap: 3vh;}
/* アニメーション背景部分 */
.splashbg1, .splashbg3, .splashbg4 {display: block;position: fixed;z-index: 800;width: 100%;height: 100vh;top: 0;animation-timing-function: linear;animation-fill-mode: forwards;transform: translateX(0);background: url(images/ere_02-2.jpg) no-repeat left top / cover;}
/* スプラッシュ背景のスタイル */
.splashbg1 {left: 0;border-left: 1px solid #9b9b9b;}
.splashbg3 {left: 30vw;box-shadow: -8px 0 10px rgba(155, 155, 155, 0.3);}
.splashbg4 {left: 70vw;box-shadow: -8px 0 10px rgba(155, 155, 155, 0.3);z-index: 960;}
.splashbg1.move {animation-name: PageAnime1;animation-duration: 3s;animation-delay: 0s;}
.splashbg3.move {animation-name: PageAnime3;animation-duration:3.25s;animation-delay: .5s;}
.splashbg4.move {animation-name: PageAnime4;animation-duration:3.5s;animation-delay:1.25s;}
@keyframes PageAnime1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(130%);
  }
}
@keyframes PageAnime3 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(130%);
  }
}
@keyframes PageAnime4 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(110%);
  }
}
.front_loading {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 900;opacity: 1; visibility: visible;}
.front_loading.is-active {opacity: 0;visibility: hidden;display: none;}
.loading-animation {position: relative;width: 100vw;height: 100vh;z-index: 900;display: flex;justify-content: center;opacity: 0;visibility: hidden;}
.loading-animation.is-active {opacity: 1;visibility: visible;}
/* ロゴのアニメーション */
#splash.move-right-animation {animation: moveRight 7.5s linear forwards .5s;will-change: transform;transform-origin: left center;}
#splash .loader.move-right-animation {animation: erase .4s linear forwards 1s;overflow: hidden;}
/* splash_logo_02のアニメーション用CSS */
@keyframes moveRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(300vw);
    opacity: 1;
  }
}
@keyframes erase {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#header-container,#menu-header-spbtn {opacity: 0;visibility: hidden;pointer-events: none;}
#header-container.is-show,#menu-header-spbtn.is-show {opacity: 1;visibility: visible;pointer-events: auto;}
#main_01 {opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .3s ease;}
#main_01.is-show{opacity: 1;visibility: visible;pointer-events: auto;}

@media(630px <= width){
section#hr_02[data-section-name="renewal"] {height: 95lvh;}
}