@charset "utf-8";

/* Common */
#main{ padding-top:90px; }
.pagetitle{ padding:250px 0 0; overflow:hidden;
  background:url(../img/reform/main.jpg) no-repeat center top / cover; }
.pagetitle .t_box{ width: 38%; float:left; padding:350px 5% 60px 5%;
  font-size:1.5em; line-height:1.3; color:#FFF;
  background:url(../img/bg_t_box.png) no-repeat left bottom / contain; }
.pagetitle .t_box .sub{ font-size:1.5em; }
.pagetitle .t_box .sub .gf-roboto{ display:block; font-size:0.6em; font-weight:normal; }
.pagetitle .t_box .copy{ margin:0; }
.pagetitle .txt{ position:relative; width:50%; float:right; margin-top:14.5em; padding:1.5em 1em 1.5em 1.8em;
  font-size:1.5em; font-weight:500; color:#694015;
  background:rgba(255,255,255,0.85); box-shadow:0 0 10px rgba(3,3,0,0.07); }
.pagetitle .txt p{ margin:0; }
.pagetitle .txt strong{ margin-left:30px; font-size:1.2em; }
.pagetitle .txt::before{ position:absolute; content:""; top:0; left:0;
  width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0;
  border-color: rgba(238,117,41,0.7) transparent transparent transparent; }
.mind{ position:relative; z-index:1; margin-bottom:3em; padding:7em 0 5em; text-align: center; }
.mind::before{ position:absolute; z-index:-1; content:""; left:0; top:0;
  width:450px; height:100%; background:url(../img/mind_left.svg) no-repeat 0 0 /contain; }
.mind::after{ position:absolute; z-index:-1; content:""; right:0; top:0;
  width:450px; height:100%; background:url(../img/mind_right.svg) no-repeat right 0 /contain; }
.mind .logo{ width:45%; margin:0 auto 1.3em; }
.mind .txt{ font-size:1.15em; line-height:2.0; }
.mind .sub{ font-size:1.8em; }
.col2{ overflow:hidden; margin-bottom: 5em; }
.col2 .txt{ width:60%; float:right; position:relative; z-index:1; padding:1em 4% 2em; }
.col2 .txt::before{ position:absolute; content:""; z-index:-1; bottom:0; left:0;
  width: 0; height: 0;
  border-style: solid; border-width: 250px 0 0 250px;
  border-color: transparent transparent transparent #eaf1ff; }
.col2 .pic{ width:35%; float:left; }
.title_line{ padding:1.2em 1.5em 0.5em; font-size:1.5em; line-height:1.5; border-left:4px solid #ee7529; }
.title_line .gf-roboto{ display:block; font-weight:400; font-style:italic; color:#ee7529; }
.link_nav li{ margin:0 20px; }
.t_dark{ display:inline-block; padding:0.5em; font-weight:500; color:#FFF; background:rgba(90,41,5,0.8); }
.t_data{ width: 100%; margin:50px 0; background:#FFF; border:6px solid #ecd9c1; }
.t_data tr > *{ padding: 15px 25px; border-bottom: 1px solid #ecd9c1; }
.t_data th{ width: 25%; text-align: left; font-weight:500;
  background:#faf5ee; border-right: 3px solid #ecd9c1; }
.t_data td{ width: 75%; }
.t_data tr:last-child th, .t_data tr:last-child td{ border-bottom: 0; }
.d_data dt{ width:30%; padding: 10px 20px; background: #faf5ee; border-bottom: 1px solid #ecd9c1; }
.d_data dd{ width:70%; padding: 10px 20px; border-bottom: 1px solid #ecd9c1; }
.space{ margin:3em 0; }
.mind_c{ overflow:hidden; }
.mind_c .txt{ position:relative; z-index:1; width:50%; float:left; margin-left:40px; padding:5em 0; font-size:1.2em; }
.mind_c .txt::before{ position:absolute; z-index:-1; content:""; width:270px; height:270px;
  top:50px; right:20px; background:url(../img/c_stripe_y.svg) no-repeat 0 0 / contain; border-radius:50%; }
.mind_c .txt .gf-yellow{ margin:-10px 0 0 0; text-align:right; color:#b1a466;
  font-size:2.0em; font-weight:normal; transform: rotate(-10deg); }
.mind_c .pic{ width:280px; float:left; margin-left:60px; }
.mind_c .pic figure{ position:relative; z-index:1; height:280px; }
.mind_c .pic figure::before{ position:absolute; z-index:-1; content:""; width:175px; height:175px;
  top:20px; right:-100px; background:#ebf4ff; border-radius:50%; }
.mind_c .pic figure img{ border-radius:50%; }
.mind_c.second .txt::before{ width:175px; height:175px;
  top:110px; right:50px; background:#ebf4ff; }
.mind_c.second .pic{ margin-left:150px; }
.mind_c.second .pic figure::before{ width:270px; height:270px;
  top:50px; right:-90px; background:url(../img/c_stripe_y.svg) no-repeat 0 0 / contain; }

.pan{ font-size: 0.85em; }
.pan ul{ margin: 0 0 0 50px; padding: 0 0 15px;  overflow: hidden; }
.pan ul li{ margin-right: 15px; float: left; }
.pan ul li:before{ content:"/　" }
.pan ul li a{ color: #5a2905;  }
.pan ul li:first-child{ padding-left: 0; }
.pan ul li:first-child:before{ content:"" }

.bnr{ margin:40px auto; }
.bnr li{ width:32%; margin-bottom:30px; text-align:right; font-size:1.3em;
   line-height:1.4; border:1px solid #b69074;
   background-color:#f3f2ec; background-size:100%; background-repeat:no-repeat; }
.bnr li a{ display:block; padding:30px 40px 30px 0; text-decoration:none; font-weight:500; color:#6f370d; }
.bnr li .gf-limelight{ display:block; font-size:1.1em; color:#ba733d; }
.bnr li.bnr_message{ width:80%; margin:0 auto; background-image:url(../img/recruit/bg_message.jpg);
  background-position: -30px center; background-size: 70%; background-position:0 -70px; background-color:#fffbf0; }
.bnr li.bnr_message a{ padding: 40px 40px 40px 0; }
.bnr li.bnr_about{ background-image:url(../img/top/pic_company.jpg); background-size: 70%;
  background-position: 0 center; background-color:#d6f0ff; }
.bnr li.bnr_application{ background-image:url(../img/recruit/bg_application.jpg); }
.bnr li.bnr_contact{ background-image:url(../img/recruit/bg_contact.jpg); }

.info_keigu { text-align: right; width: 90%; }

/* reform ---- */
#g_reform .pagetitle{ background-image:url(../img/reform/main.jpg); }
#g_reform .mind{ margin-bottom:0; }
.bg_suggest{ position:relative; z-index:1; overflow:hidden; padding:90px 150px 260px 100px;
  background:url(../img/reform/bg_suggest.jpg) no-repeat 0 0 / cover; }
.bg_suggest::before{ position:absolute; z-index:-1; content:""; top:0; right:0;
  width: 0; height: 0; border-style: solid; border-width: 0 900px 900px 0;
  border-color: transparent rgba(255,255,255,0.8) transparent transparent; }
.bg_suggest .txt{ width:470px; margin-left:55%; font-size:1.05em; line-height:2.0; letter-spacing:0.08em; }
.bg_suggest .txt .sub{ font-size:1.9em; letter-spacing:0.08em; color:#694015; }
.bg_suggest .en_copy{ position:absolute; z-index:1; top:340px; left:80px; margin:0;
  font-size:3.5em; line-height: 1.0; font-style:italic; font-weight:400; color:#FFF; }
.bg_suggest .en_copy::before{ position:absolute; z-index:-1; content:""; right:0; bottom:0;
  width: 0; height: 0; border-style: solid; border-width: 0 0 90px 90px;
  border-color: transparent transparent rgba(238,117,41,0.7) transparent;
 }

.ref_title { margin-bottom:1.786em; padding:0 0 .12em; text-align:center;
 font-size:1.75em; font-weight:500; line-height:1.4; letter-spacing:.03em; color:#694015;
  background:url(../img/stripe_y.svg) no-repeat center top 1.1em; }
.ref_title span { font-size:1.07em; }

/* list */
.ref_category { padding-top:80px; }
.ref_category .ref_title { font-size:1.875em; }
.reform_list > li { width:86%; margin-bottom:4em; }
.reform_list > li:nth-child(odd) { margin-left:auto; }
.reform_list .thumbnail { position:relative; overflow:hidden; width:324px; height:324px; margin-right:6.8%; border-radius:50%; }
.reform_list div.thumbnail { color:#000; text-align:center; background:#efe8cb; }
.reform_list div.thumbnail:before { content:"No Image"; font-size:1.2em; font-weight:bold; color:#694015; }
.reform_list > li:nth-child(even) .thumbnail { -webkit-order:2; order:2; margin-right:0; margin-left:7%; }
.reform_list .thumbnail img, .reform_list div.thumbnail:before {
 position:absolute; top:50%; left:50%; display:block; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.reform_list .thumbnail img { max-width:140%; max-height:140%; }
.reform_list .summary { -webkit-flex:1; flex:1; }
.reform_list .ttl { margin-bottom:2em; color:#694015; font-size:1.313em; font-weight:500; letter-spacing:.1em; text-indent:-.4em; }
.reform_list .txt { margin:.6em 0 0; line-height:2; }
.reform_list .used_list li { display:inline-block; margin-right:.7em; }
.reform_list .btn_more { margin-top:1.5em; }
.reform_list .cat { position:relative; margin:0 0 .2em; padding:.9em 0 .5em 3.75em; color:#ee7529; font-weight:bold; }
.reform_list .cat:before { content:""; position:absolute; top:0; bottom:0; left:0; width:3em; height:3em; margin:auto 0; background:no-repeat 0 / 100%; }
  .reform_list .kitchen .cat:before { background-image:url(../img/reform/ico_kitchen.svg); }
  .reform_list .bus .cat:before { background-image:url(../img/reform/ico_bus.svg); }
  .reform_list .toilet .cat:before { background-image:url(../img/reform/ico_toilet.svg); }
  .reform_list .washroom .cat:before { background-image:url(../img/reform/ico_washroom.svg); }
  .reform_list .hotwater .cat:before { background-image:url(../img/reform/ico_hotwater.svg); }
  .reform_list .interior .cat:before { background-image:url(../img/reform/ico_interior.svg); }
  .reform_list .exterior .cat:before { background-image:url(../img/reform/ico_exterior.svg); }
.maker{ padding-top:5em; }
.maker .sub{ margin-bottom:1em; font-size:1.3em; }
.maker_list{ margin-bottom:2em; padding-bottom:1.5em; border-bottom: 1px solid #d0bfad; }
.maker_list li{ margin-bottom:1em; padding:0 1em; }

/* 簡易事例 */
.example{ padding-top:5em; }
.example .sub{ margin-bottom:1em; text-align:center; font-size:1.1em; }
.example .sub span{ position:relative; display:inline-block; padding: 0.4em 0 0.4em 2.2em; }
.example .sub.ico_shower span::before{ position:absolute; content:""; width:2.5em; height:2.5em;
  top:0; left:-1em;
  background:url(../img/ico_shower.svg) no-repeat 0 0 / 100%; }
.example .pic{ display:block; width:60%; margin:0 auto; }
.ex_list li{ margin-bottom:1.5em; }
.ex_list .a_round{ display: block; width:80%; margin: 1em auto; }

/* detail */
#g_reform #main { padding-bottom:3em; }
.ref_point_list { padding:.2em 0 .2em; padding-left:.75em; border-left:5px solid #d59b6e; }
.ref_point_list li, .request_list li { position:relative; margin-bottom:0.2em; padding-left:1.55em; }
.ref_point_list li:last-child { margin-bottom:0; }
.ref_point_list li:before, .request_list li:before {
  content:""; position:absolute; top:.65em; left:.5em; width:4px; height:4px; background:#666; }

.ref_title_area { position:relative; z-index:2; margin-bottom:5em; padding:3em 0; }
.ref_title_area .title_box { width:50%; margin:10% 0 0 0; padding:2em 4em; letter-spacing:.05em;
  background-color:rgba(255,255,255,0.8); }
.ref_title_area .ref_ttl { font-size:1.3em; font-weight: 400; line-height:1.4;  }
.ref_title_area .main_img { position:absolute; z-index:-1; top:0; right:0; bottom:0; left:0;
 width:100%; height:100%; opacity:.7; background:no-repeat center top / cover; }
.ref_title_area .request_list li { font-weight:normal; }
.t_arrow{ margin-bottom:1.5em; padding:0.6em 1.5em;
  background:#f6f6f6; border:2px solid #363636; overflow:hidden; }
.t_arrow .title{ display:inline-block; padding-right:3em; font-size:1.15em; font-weight:500; }
.t_arrow .gf-roboto{ position:relative; float:right; font-size: 1.2em; }
.t_arrow .gf-roboto::before{ position:absolute; content:""; width:100%; height:1px; padding-right:3em;
  background:#000; bottom:0.3em; left:0; }
.box2col{ margin-bottom:4em; }
.box2col .t_arrow{ margin-right:3em; }
.box2col .request_list{ flex:1; }
.pic_list li{ width:46%; margin-bottom:3em; }

/* ミニマムなリフォーム投稿のとき */
.noimg.ref_title_area { background:url(../img/reform/bg_request.jpg) no-repeat left bottom / cover; }

.suggest { padding:80px 0 90px; }
.suggest_con { position:relative; z-index:2; }
.suggest_con.img:before { content:""; position:absolute; bottom:0; left:0; right:0; z-index:-1;
 width:0; height:0; margin:0 auto; border-width:0 475px 460px 475px; border-style:solid;
 border-color:transparent transparent #f0faff transparent; }
.suggest .img .staff_img, .suggest .img .suggest_box { width:50%; }
.suggest .staff_img img { width:100%; }
.suggest .img .suggest_box { padding:5%; }
.suggest_box .lead { margin-bottom:1.5em; font-size:1.5em; font-weight:normal; letter-spacing:.05em; }
.suggest_box .txt { line-height:2; }
.suggest_box .used_list { margin:4em 0 2em; }
.used_list li { display:inline-block; margin: 0 1em .75em 0; font-size:.875em; font-weight:500; }
.used_list .used_item { display:inline-block; padding:.3em .8em; text-decoration:none; color:#fff; background:#4d4d4d; }
.used_list li a:hover { background:#666; }

.ba_box { margin:76px 0 90px; }
.ba_box:last-child { margin-bottom:0; }
.ba_box .ba_img { margin-bottom:35px; }
.ba_box .ba_img .before { float:left; width:40%; }
.ba_box .ba_img .after { float:right; width:56%; }
.ba_box .ba_img .before figcaption { padding-top:.2em; font-size:2em; color:#dfb08c; }
.ba_box .ba_img .after figcaption { font-size:2.5em; line-height:1.5; color:#f37e26; }
.ba_box .ba_comment { float:left; width:44%; }
.ba_box .ba_comment .ttl { margin-bottom:.9em; font-size:1.25em; color:#694015; }
.ba_box .ba_point { float:right; width:48%; margin-top:3.5em; }

.ref_gallery { margin-bottom:20px; padding:76px 0 68px; background:#f9f7eb; }
.ref_gallery .gallery_box { max-width:900px; width:86%; margin:0 auto; text-align:center; }
.ref_gallery .slider-container .slick-slide img { margin:0 auto; }
.ref_gallery .caption { margin-bottom:0; }
.ref_gallery .slider-nav { margin-top:60px; }
.ref_gallery .slider-nav .caption { display:none; }
.ref_gallery .slider-nav .slick-list { margin-right:-20px; }
.ref_gallery .slider-nav .slick-slide { margin-right:20px; }
.ref_gallery .slick-arrow { position:absolute; top:50%; width:2.5em; height:2.5em;
  font-size:1em; text-indent:-9999px; border:none; background:none; cursor:pointer;
  -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ref_gallery .slick-arrow:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0;
  width:1.44em; height:1.44em; margin:auto; font-size:1em; text-indent:-9999px;
  border-left:2px solid #000; border-top:2px solid #000;
  -webkit-transform:rotate(135deg) translateX(.3em) translateY(.3em);
  transform:rotate(135deg) translateX(.3em)  translateY(.3em); }
 .ref_gallery .slick-next { right:-15%; }
 .ref_gallery .slick-prev { left:-15%;
  -webkit-transform: scale(-1, 1) translateY(-1.2em);
  transform:scale(-1, 1) translateY(-1.2em); }

.ref_panorama { padding-top:50px; padding-bottom:78px; }
.panorama_txt { margin-top:2.2em; color:#694015; font-weight:500; text-align:center; letter-spacing:.1em; }
.ref_panorama #theta { overflow:hidden; max-width:900px; width:100%; height:300px; margin:0 auto; text-align:center; }

.ref_page_nav .page_btn.prev { float:left; }
.ref_page_nav .page_btn.prev a { padding:8px 40px 10px 70px; }
.ref_page_nav .page_btn.prev a:before { right:auto; left:30px; -webkit-transform: scale(-1, 1); transform:scale(-1, 1); }
.ref_page_nav .page_btn.next { float:right; }

/* reform detail style2 */
.style2 .suggest .staff_img{ order:2; }
.style2 .suggest .suggest_box{ order:1; background:#f9f1e6; }
.style2 .suggest_con:before{ content:none; }
.style2 .ref_gallery{ background: #f0faff; }
.style2 .ref_gallery .ref_title{ background-image:url(../img/stripe_brown.svg); }

/* recruit */
#g_recruit header .logo.logo_w{ display:block; }
#g_recruit header .logo.logo_g{ display:none; }
#g_recruit, #g_recruit #main{ background-color:#0b0b0b; }
#g_recruit #main{ color:#FFF; }
#g_recruit .copyright{ background:#0b0b0b; }
#g_recruit header{ background:transparent; }
#g_recruit.staff header{ background-color:#0b0b0b; }
#g_recruit #gnav a{ color:#FFF; }
#g_recruit #headerbox.scroll #gnav.inner{ margin-top:15px; }
#g_recruit #headerbox.h_lower #gnav > ul > li > a{ height:auto; padding:20px 0; }
#g_recruit #headerbox.h_lower #gnav > ul > li > a:hover,
#g_recruit #headerbox.h_lower #gnav > ul > li.current > a{ background:rgba(255,255,255,0.4); }
#g_recruit #headerbox.h_lower #gnav > ul > li ul{ top: 66px; background:#333; }
#g_recruit #headerbox.h_lower #gnav > ul > li ul a{ border-bottom:1px solid #666; }
#g_recruit #headerbox.h_lower #gnav > ul > li ul li:last-child a{ border:0; }
.bg_man{ position:relative; text-align:center; background:url(../img/recruit/bg_man.jpg) no-repeat center -130px / contain; }
.bg_man .copy_hello{ padding-top:200px;
  font-size:12em; font-weight:400; font-style:italic; line-height:1.1; color:#d2be55; }
.bg_man .copy_gra{ width:50%; margin:-240px auto 320px; padding:6px 0; font-size:1.6em; letter-spacing:0.15em; color:#000;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 100%);  }
.bg_man .glass{ position:absolute; top:0; left:0; }
.bg_man .copy_jp{ position:relative; margin-bottom:0; font-size:2.0em; line-height:1.4; letter-spacing:0.08em; color:#FFF; }
.bg_man .mono{ position:relative; }
.bg_man .copy_en{ position:relative; z-index:1; transform: rotate(-10deg); margin:0 0 0 280px;
  color:#e43b14; font-size:6.0em; line-height:1; }
.btn_staff{ max-width:1100px; margin:60px auto 40px; }
.btn_staff li{ text-align:right;
  background:url(../img/recruit/btn_iwai.jpg) no-repeat center top / cover; }
.btn_staff li p{ margin:0; line-height:1.4; }
.btn_staff li a{ display:block; position:relative; overflow:hidden; z-index:1;
  padding:120px 480px 120px 100px;
  font-size:1.4em; text-decoration:none; color:#FFF; }
.btn_staff li a::before{ position:absolute; z-index:-1; content:""; top:0; left:572px;
  width:98px; height:100%; background:rgba(0,67,204,0.7); transform:skew(-33.8deg);
  transition:all .3s; }
.btn_staff li a:hover::before{ width:52%; left:0; }
.btn_staff li .gf-roboto{ margin-right:20px; font-size:2.5em; font-style:italic; }
.btn_staff li.btn_hashimoto{ background-image:url(../img/recruit/btn_hashimoto.jpg); }
.btn_staff li.btn_inoue{ background-image:url(../img/recruit/btn_inoue.jpg); }
.btn_staff li.btn_hashimoto a{ padding:120px 100px 120px 450px; }
.btn_staff li.btn_hashimoto a::before{ left:436px; background:rgba(194,0,0,0.7); }
.btn_staff li.btn_inoue a{ padding:120px 740px 120px 0; }
.btn_staff li.btn_inoue a::before{ left:300px; }
.btn_staff li.btn_inoue a:hover::before{ left:0; width: 27.4%; }
.btn_staff .copy_en{ position:relative; z-index:1; transform: rotate(-10deg); margin:-50px 0 0 0;
  color:#e43b14; font-size:6.0em; line-height:1; }
.txt_below{ position:relative; width:35%; margin:-50px auto 100px; }

#g_recruit .bnr li{ border:none; }
#g_recruit .bnr li a{ color:#222; }
#g_recruit .bnr li .gf-limelight{ font-family: 'Roboto Condensed', sans-serif; color:#d30000; }
#g_recruit .copyright{ color:#FFF; }
#g_recruit .t_data{ border-color:#666; }
#g_recruit .t_data tr > *{ border-color:#666; }
#g_recruit .t_data th{ background:#111; }
#g_recruit .t_data td{ background:#333; }
#g_recruit .t_data dl{ overflow:hidden; }
#g_recruit .t_data dt{ width:20%; clear:both; float:left; margin-bottom:10px; padding:8px 10px;
  text-align:center; background:#333; border:1px solid #999; }
#g_recruit .t_data dd{ width:80%; float:right; margin-bottom:10px; padding:8px 10px; }
.requirements .stripe_b{ margin-top:40px; }
.requirements .copy{ text-align:center; font-size:1.3em; }
.requirements .copy .gf-roboto{ margin:-0.5em 0 0.5em; font-size:3.5em; font-style: italic;
  line-height: 0.9; color:rgba(210,190,86,0.6); }
.requirements .copy .sub{ font-size: 1.2em; font-weight:normal; }
.requirements .t_data{ margin: 1em 0 3em; }
.requirements .a_link{ width:90%; margin:4em auto; }
.requirements .a_link li{ width:30%; }
.requirements .a_link a{ display:block; position:relative; padding:0.5em 0;
  text-decoration:none; text-align:center;
  color:#FFF; background:#222; border:1px solid #bfbfbf; }
.requirements .a_link a:hover{ background:#444; }
.requirements .a_link a::before{ position:absolute; content:"";
  width: 0; height: 0; top:1.1em; right:1em;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #bfbfbf; }
.b_sub{ position:relative; padding-left:1em; font-size:1.3em; }
.b_sub::before{ position:absolute; content:""; width:5px; height:1.3em;
  top:0.3em; left:0; background:#bfbfbf; }
.requirements .disc li{ margin-bottom:1em; }
.requirements .disc li:last-child{ margin-bottom:0; }

/* recruit staffs */
#g_recruit.inoue .pagetitle{ background-image:url(../img/recruit/main_inoue.jpg); }
#g_recruit.hashimoto .pagetitle{ background-image:url(../img/recruit/main_hashimoto.jpg); }
#g_recruit.iwai .pagetitle{ background-image:url(../img/recruit/main_iwai.jpg); }
#g_recruit.boss .pagetitle{ background-image:url(../img/recruit/main_boss.jpg); }
.interview{ margin-bottom:50px; }
.interview .qa .txt{ width:50%; position:relative; z-index:1; float:right;
  margin-top:-50px; padding:80px 5% 60px; color:#FFF; background:#262626; }
.interview .qa .txt::before{ position:absolute; content:""; z-index:-1;
  width: 0; height: 0; left:0; bottom:0;
  border-style: solid; border-width: 600px 0 0 600px;
  border-color: transparent transparent transparent #243351; }
.interview .qa .txt .copy{ margin-bottom:50px; font-size:1.5em; font-weight:500; line-height:1.6; }
.interview .qa .txt .q{ position:relative; padding:5px 5px 5px 60px; font-size:1.2em; font-weight:400;
  background:#31569f; }
.interview .qa .txt .q::before{ position:absolute; content:""; background:#FFF;
  width:30px; height:1px; top:50%; left:20px; }
.interview .qa .pic{ width:30%; float:left; margin-left:10%; padding-top:80px; }
.interview .qa .pic figure{ margin-bottom:40px; }
.stripe_b{ margin-bottom:30px; padding:0 0 0.5em; text-align:center;
  font-size:1.75em; line-height: 1.3; letter-spacing:0.05em; font-weight: 500;
  background:url(../img/stripe_b.svg) no-repeat center top 1.8em; }
.stripe_b .gf-roboto{ display:block; font-size:0.8em; color:#c5c5c5; }
.timetable li{ position:relative; max-width:150px; padding: 10px 20px 0; line-height:1.5; text-align:center; }
.timetable li::before{ position:absolute; content:""; top: 65px; left:50%;
  width:14px; height:14px; margin-left:-7px; background:#ee7529; border-radius:50%; }
.timetable li::after{ position:absolute; content:""; top:70px; left:0;
  width:100%; height:4px; background:#ee7529; }
.timetable li .gf-roboto{ display:block; font-size:2.0em; font-style:italic; }
.timetable li p{ margin:2em 0 0; }
#g_recruit .tel a{ color:#FFF; }
#g_recruit input[type="text"], #g_recruit input[type="email"],
#g_recruit input[type="tel"], #g_recruit textarea{ background:#DDD; }

/* 社長メッセージ */
.boss .interview .qa .txt{ overflow:hidden; }
.boss .interview .qa .txt::before{ border-width: 300px 0 0 300px; }
.boss .interview .qa + .qa .txt{ width: 45%; float:left; margin-top:50px; }
.boss .interview .qa + .qa .pic{ width: 45%; float:right; margin:-120px 5% 0 0; }
.boss_message{ margin-top:80px; padding:0 3em 5em 55%; color:#222;
  background:url(../img/recruit/boss_message.jpg) #FFF no-repeat center top / cover; }
.boss_message .title_line{ margin-bottom:4em; }
.boss_message .sub{ font-weight:500; }

/* event */
#event .pagetitle{ padding-top:100px; background-image:url(../img/showroom/main03.jpg); }
#event .pagetitle .t_box{ padding: 250px 0 50px 3.5%; font-size: 1.3em; }
.event_list{ margin:50px 0; }
.event_list li{ width:50%; padding:30px; border-bottom:1px solid #d0bfad; }
.event_list li a{ display:block; overflow:hidden; text-decoration:none; color:#222; }
.event_list li:nth-child(2n+1){ border-right:1px solid #d0bfad; }
.event_list li:nth-last-child(-n+2){ border-bottom:0; }
.event_list li .pic{ width:30%; float:left; }
.event_list li .title{ width:65%; float:right; }
.event_list li figure{ overflow:hidden; width:100%; position:relative;
  margin-bottom:20px; padding-top:100%; box-shadow:0 0 15px rgba(0,0,0,0.1); }
.event_list li .gf-roboto{ display:block; font-size:1.2em; font-weight:700; }
.event_list li figure img{ transition:all .2s;
  position:absolute; top:50%; left:50%; max-width:150%; max-height:150%;
  transform:translate(-50%, -50%); }
#g_showroom .link_nav li.latest .a_round{ background:#ea6752; }
#g_showroom .link_nav li.latest .a_round:hover{ background:#f37e26; }
#g_showroom .event_info { width: 890px; margin: 0 auto; background-image: url(../img/showroom/bnr_sweets.jpg); padding: 30px 0; background-color:rgba(255,255,255,0.2); background-blend-mode:lighten; }
#g_showroom .event_info .event_cokking{ padding-left: 50px; }
.event_prev{ margin:50px 0; }
.event_prev li{ width:240px; margin:20px 15px; }
.event_prev li figure{ max-height:174px; overflow:hidden; }
.event_prev .ref_title{ margin-bottom: 1.2em; padding: 0 0 .12em; text-align:left; font-size:1.0em; }
.pagetitle { position:  relative; }
.pagetitle .corona_info{ padding: 10px 30px; position: absolute; right: 50px; bottom: 60px; background-color:rgba(255,255,255,0.85); }
.pagetitle .corona_info h3 {margin-top: 16px;}
.pagetitle .corona_info h4{ width: 100%; margin-top: 2em; border-bottom: solid 1px #d9b664; font-size: 1.2em; font-weight: normal; }
.pagetitle .corona_info p { font-size:15px; }

/* corporate */
#g_corporate .pagetitle{ background-image:url(../img/corporate/main.jpg); }
.genba{ margin-top:-1.5em; }
.genba img{ width:35%; }

/* company */
#g_company .pagetitle{ background-image:url(../img/company/main.jpg); }
.shop.col2 .txt{ width:45%; padding:0; }
.shop.col2 .txt .t_dark{ display:block; position:relative;/* margin-top:-60px;*/ }
.shop.col2 .txt::before{ content:none; }
.shop.col2 .pic{ width:50%; margin-left:0; }
.shop.col2 .pic iframe{ width:100%; min-height:450px; margin: 0 auto; border:0; }
.privacy .ref_title{ margin-bottom: 1.2em; text-align:left; font-size:1.5em;
  background-position:left top 1.1em; background-repeat:repeat-x; }
#g_company #basic .t_data{ margin-bottom:5em; }
.boss_name{ margin:0.5em 0 0; text-align:right; font-size:1.4em; font-weight:500; letter-spacing:0.05em; }
.boss_name span{ font-size:0.8em; }
#shops{ margin-top:3em; }

/* gas */
#g_gas .pagetitle{ background-image:url(../img/gas/main.jpg); }
.kiki .flex{ margin-bottom: 5em; }
.kiki .pic{ position:relative; z-index:2; width:40%; margin-left:0; min-height:16em; padding:1em 0 0 1em;
  background:url(../img/gas/kitchen.jpg) no-repeat center -1em / 100%; }
.kiki .txt{ position: relative; z-index:1; width: 55%; padding: 2em 4% 3em; }
.kiki .txt::before{ position:absolute; content:""; z-index:-1; bottom:0; left:0;
  width: 0; height: 0;
  border-style: solid; border-width: 250px 0 0 250px;
  border-color: transparent transparent transparent #eaf1ff; }
.kiki .pic.bath{ background-image:url(../img/gas/bath.jpg); }
.kiki .pic.living{ background-image:url(../img/gas/living.jpg); }
.kiki .pic.energy{ background-image:url(../img/gas/energy.jpg); }
.kiki .pic.floor{ background-image:url(../img/gas/floor.jpg); }
.kiki .t_dark{ width:100%; font-size:1.1em; }
.kiki .a_round{ font-size:1.0em; }
.kiki .flex .txt .i_arrow_b{ margin:0 0.4em 0.8em; }
#g_gas .mind_c.second{ margin-bottom:4em; }

/* contact */
#g_contact .pagetitle{ background-image:url(../img/contact/main.jpg); }
form .submit input{ margin: 20px auto; padding: 14px 50px 12px; font-size:1.1em;
  cursor: pointer; color:#FFF; background:#804a11; border: none; transition: all 0.5s ease 0s; }
form .submit input:hover{ background:#f37e26; }
.telnum{ font-size: 1.6em; font-weight:700; }
.txtBox{ padding-top:30px; }

/* form */
.order_list { margin-top:80px; }
/* .order_list .list { display:none; } */
.order_list .list > li { padding:0.5em 0; border-bottom:1px solid #ecd9c1; overflow:hidden; }
.order_list .box { width:48%; margin-bottom:40px; }
.order_list .box:nth-child(2n) { margin-left:4%; }
/* .order_list .box + .box { margin-top:40px; } */
.order_list p { margin:0; }
.order_list .ttl { position:relative; padding:0.5em 1em; font-size:1.1em; font-weight:500; color:#FFF; background-color:rgba(90, 41, 5, .8); }
.order_list .ttl::before { content:""; position:absolute; top:50%; right:15px; width:8px; height:8px; margin-top:-2px; border-top:2px solid #FFF; border-right:2px solid #FFF; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.order_list .list .tooltip { float:left; margin-top:2px; margin-right:20px; }
.order_list .list .button { display:inline-block; width:20px; height:20px; border-radius:50%; text-align:center; line-height:1.2; color:#FFF; background-color:#804a11; }
.order_list .list input { width:3em; }
.order_list .price { float:right; }
.order_list .price em { margin-top:4px; margin-right:1em; }

.acd-check{ display:none; }
.acd-label{ display: block; }
.acd-content{
  height: auto;
  opacity: 1;
  visibility: visible;
}
.acd-check:checked + .acd-label + .acd-content{
  height: 0;
  opacity: 0;
  padding: 10px;
  visibility: hidden;
}
.acd-check:checked + .acd-label::before { -webkit-transform:rotate(135deg); transform:rotate(135deg); }

/* estimate */
.mihon { border: 2px solid #faf5ee; margin-top: 2em; }
.mihon .txt { margin: 0; padding: 1em; background: #faf5ee; font-size: 1.2em; }
.mihon_box { padding: 2em; }
.mihon_box > div { width: 48%; }
.mihon_box .ttl { margin-bottom: 10px; padding-left: 20px; position: relative; }
.mihon_box .ttl::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; 
background: #E84709; width: 2px; height: 100%; }

#estimate .d_data { margin-top:2em; }
#estimate .d_data > div > dt { background:#faf5ee; border:0; }

.d_data > div > dt{ width:25%; padding:0.6em 0; text-align:center;
  border-bottom:1px dashed #ecd9c1; }
.d_data > div > dd > dl > div > dt { width:35%; padding:0.6em; background: #fef7de; } 
.d_data > div > dd > dl > div > dt .img { margin-left: auto; width: 30%; }
.modaal-gallery-label { font-size: .85em!important; }
.d_data dt.required::after { content:"*"; color:#c00; }
.d_data dd{ -webkit-box-flex:1; flex:1; padding:0.6em 0 0.6em 0.3em; }
.d_data > div > dd { border-bottom:1px dashed #ecd9c1; }
.d_data > div:last-child dt, .d_data > div:last-child dd{ border:0; }
#g_company .d_data dd{ -webkit-box-flex:auto; flex:auto; width:70%;  }

/* list */
.d_data{ margin-bottom:1.5em; }
.d_data > div,
.d_data > div > dd > dl > div { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  margin-bottom:0.6em; }


/* チラシリンク枠 */
.recipe_appli{ margin-bottom:5em; }

/* 960以上(PC) */
@media screen and (min-width: 960px) {
  /* 簡易事例 */
  .ex_list li{ width:48%; }
  .ex_list .a_round{ width:60%; }
}

/*1350px 以下  960px-1350px */
@media screen and (max-width:1350px) {
/* event */
.pagetitle .corona_info{ width: 60%; }
}

/*1199px 以下  960px-1199px */
@media screen and (max-width:1199px) {
  .pagetitle .t_box{ width: 50%; }
  .pagetitle .txt{ width: 45%; font-size: 1.3em; }
  .pagetitle .txt strong{ display:block; margin:0; }

  /* reform */
  .bg_suggest{ padding: 90px 50px 180px 100px; }
  .bg_suggest .txt{ margin-left: 45%; }
  .bg_suggest::before{ border-width: 0 700px 700px 0; }
  .ref_gallery .slick-next { right:-8%; }
  .ref_gallery .slick-prev { left:-8%; }

  /* recruit */
  .bg_man{ background-position:center -80px; }
  .bg_man .copy_hello{ padding-top: 100px; }
  .btn_staff{ padding:0 20px; }
  .txt_below{ width: 50%; }
  .btn_staff li a{ padding: 90px 42% 120px 5%; font-size: 1.2em; }
  .btn_staff li a::before{ left:52% }
  .btn_staff li.btn_hashimoto a{ padding:90px 0 120px 50%; }
  .btn_staff li.btn_hashimoto a::before{ left:38.8%; }
  .btn_staff li.btn_inoue a{ padding:90px 65% 120px 0; }
  .btn_staff li.btn_inoue a::before{ left:27.5%; }
  .btn_staff li.btn_inoue a:hover::before{ left:0; width: 28%; }
  .interview .qa .txt{ width:68%; }
  .interview .qa .pic{ width:25%; margin-left:3%; }
    }

/*959px 以下  760px-959px */
@media screen and (max-width: 959px) {

  #main{ padding-top:0; }
  .bnr{ margin: 20px auto; }
  .pagetitle .t_box{ padding-bottom:35px; font-size: 1.4em; }
  .mind_c .pic{ margin:0; width:240px; }
  .mind_c .pic figure{ height:240px; }
  .mind_c.second .pic{ margin:0; }
  .mind_c .txt{ width:55%; }

  /* Recruit */
  .staff_list li{ line-height: 1.4; }
  .staff_list li p{ font-size:0.9em; }
  .staff_list li .name{ font-size: 1.2em; }
  .staff_list li .txt{ padding: 20px 0 10px; }
  .bnr li{ margin-bottom: 20px; font-size: 1.1em; }
  .bnr li a{ padding: 20px 20px 20px 0; }
  .bnr li.bnr_message{ background-position: 0 -40px; }
  .bnr li.bnr_message a{ padding: 20px 20px 20px 0; }

   /* reform */
   .bg_suggest{ padding-top:60px; }
   .bg_suggest .txt{ margin-left: 25%; font-size: 1.0em; letter-spacing: 0.05em; }
   .bg_suggest .en_copy{ left: 50px; font-size: 3.0em; }
   .suggest .staff_img, .suggest .suggest_box { width:90%; margin:0 auto; }
   .reform_list > li { width:100%; padding:0 20px; }
   .reform_list .thumbnail { width:300px; height:300px; }
   .maker_list li{ width:25%; }
   .ref_title_area{ margin-bottom: 3em; }
   .ref_title_area .title_box{ width:80%; }
   .box2col{ margin-bottom: 2em; }
   .pic_list li{ margin-bottom: 2em; }

  /* recruit */
  #g_recruit #headerbox.scroll #gnav.inner{ margin-top:0; }
  .bg_man{ background-position: center -100px; }
  .bg_man .copy_hello{ padding-top:30px; font-size: 10em; }
  .bg_man .copy_gra{ margin: -190px auto 200px; }
  .btn_staff{ padding:0 20px; }
  .txt_below{ width: 80%; }
  .btn_staff li.btn_hashimoto a{ padding:90px 0 120px 30%; }
  .btn_staff li.btn_hashimoto a::before{ left:34.5%; }
  .btn_staff li.btn_inoue a{ padding:90px 55% 120px 0; }
  .btn_staff li.btn_inoue a::before{ left:21.0%; }
  .btn_staff li.btn_inoue a:hover::before{ left:0; width: 20%; }
  .interview .qa .txt{ padding: 50px 5%; }

  /* gas */
  .kiki .txt{ padding: 1.5em 4%; }
   
   /* event */
  #g_showroom .event_info { width:100%; }
.pagetitle .corona_info{ width: 55%; right: 15px; bottom: 100px;}
}


/*759px 以下  600px-759px */
@media screen and (max-width: 759px) {
  .pan{ display:none; }
  .pagetitle{ padding:0; background-position:center 86px; }
  .pagetitle .t_box{ width:100%; float: none; padding:15px 5% 15px 5%; font-size: 1.2em;
    background:rgba(0,54,158,0.7); }
  .pagetitle .t_box .sub .gf-roboto{ display: inline-block; margin-right:3px; }
  .pagetitle .txt{ width:100%; float: none; font-size: 1.0em; }
  .mind{ margin-bottom:20px; padding:3em 0 2em; }
  .mind .logo{ width: 60%; }
  .col2{ margin-bottom:3em; }
  .col2 .txt{ width:100% !important; float:none; }
  .col2 .pic{ width:90% !important; float:none; margin:0 auto !important; padding-top: 20px; text-align:center; }
  .t_data{ margin:30px 0; }
  .t_data tr{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .t_data th{ width: 100%; padding: 8px 15px; border:0; }
  .t_data th::before{ left:0; }
  .t_data td{ width: 100%; padding: 10px 15px 20px; border:0; }
  .mind_c .txt{ width: 90%; margin-top: -90px; }
  .mind_c.second{ margin-top:-100px; }
  .mind_c.second .pic figure::before{ top: 150px; right: 50px; }
  .mind_c.second .txt::before{ top: 70px; }

  /* reform */
  .bg_suggest{ padding: 20px 20px 150px 20px; }
  .bg_suggest::before{ content:none; }
  .bg_suggest .txt{ width:auto; margin-left:0; padding:15px; font-size:0.9em;
    letter-spacing: 0.02em; background:rgba(255,255,255,0.7); }
  .bg_suggest .txt .sub{ font-size: 1.2em; letter-spacing: 0.02em; }
  .bg_suggest .en_copy{ display:none; }
  .ref_category{ padding-top: 50px; }
  .ref_category .ref_title{ font-size: 1.5em; }
  .reform_list .ttl{ font-size: 1.2em; }
  .ref_title_area{ padding: 1em 0 0; margin-bottom: 2em; }
  .ref_title_area .title_box{ width:100%; margin: 15% 0 0 0; padding: 1em; }
  .ref_title_area .ref_ttl{ font-size: 1.2em; }
  .box2col .t_arrow{ margin-right: 0; }
  .box2col .request_list{ flex: auto; width: 100%; }
  .pic_list li{ width: 90%; margin:0 auto 2em; font-size:0.9em; }
  .t_arrow .title{ font-size: 1.1em; }
  .t_arrow .gf-roboto{ font-size: 1.0em; }

  /* recruit */
  .bg_man{ background-position: center 0; }
  .bg_man .copy_hello{ padding-top: 100px; font-size:7em; }
  .bg_man .copy_gra{ width: 100%; margin:-132px auto 100px; font-size: 1.1em; letter-spacing: 0.08em; }
  .bg_man .copy_jp{ font-size: 1.3em; letter-spacing: 0.05em; }
  .bg_man .copy_en{ margin:0; font-size: 3.0em; }
  .btn_staff li a{ padding:20px 40% 20px 0; font-size: 1.0em; }
  .btn_staff li a .comment{ display:none; }
  .btn_staff li a .name .gf-roboto{ display:block; margin-right: 0; font-size: 2.0em; }
  .btn_staff li a::before{ width:30px; }
  .btn_staff li.btn_hashimoto a{ padding:20px 0 20px 10%; }
  .btn_staff li.btn_hashimoto a::before{ left:40%; }
  .btn_staff li.btn_inoue a{ padding:20px 55% 20px 0; }
  .btn_staff li.btn_inoue a::before{ left:24.0%; }
  .btn_staff .copy_en{ margin-top:-10px; font-size: 3.0em; }
  .txt_below{ width: 90%; margin:20px auto 50px; }
  .interview .qa .txt{ margin-top:0; }
  .interview .qa .txt{ width:100%; float:none; padding: 30px 5%; }
  .interview .qa .pic{ width:90%; float:none; margin:0 auto; padding-top: 20px; text-align:center; }
  #g_recruit .pagetitle{ padding: 250px 0 0; background-position: center 0; }
  .interview .qa .txt .copy{ margin-bottom: 30px; font-size: 1.1em; }
  .interview .qa .txt .q{ padding-left:30px; }
  .interview .qa .txt .q::before{ width: 10px; left: 10px; }

  /* 社長メッセージ */
  .boss .interview .qa .txt, .boss .interview .qa + .qa .txt{ width: 100%; float:none; margin-top:0; }
  .boss .interview .qa .pic, .boss .interview .qa + .qa .pic{ width: 60%; float:none; margin:0 auto; }
  .boss_message{ margin-top: 30px; padding: 0 3em 5em 35%; }
  .boss_message{ background-position: 80% 0; background-size:180%; }
  .boss_message .title_line{ margin-bottom: 1em; }
  .boss_message .sub{ font-size: 1.0em; }

  /*岩井さん*/
  .iwai .timetable { justify-content: center; -webkit-justify-content: center; }

  /* showroom */
  #g_showroom .pagetitle{ padding: 250px 0 0; background-position: center 0; }
  .event_list li{ width:100%; padding: 10px; }
  .event_list li:nth-child(2n+1){ border-right:0; }
  .event_list li:nth-last-child(-n+2){ border-bottom:1px solid #d0bfad; }
  .event_list li .pic{ width:25%; }
  .event_list li .title{ width:70%; }
  #event .pagetitle .t_box{ padding: 15px 5% 15px 5%; font-size: inherit; }
  #event .pagetitle{ padding: 250px 0 0; background-position: center top; }
  .link_nav li{ margin-bottom:10px; }

  /* gas */
  .kiki .pic{ width:90%; margin:0 auto; background-position:center center; }
  .kiki .txt{ width:100%; }
  .kiki .flex{ margin-bottom: 3em; }

  /* company */
  .shop.col2 .pic iframe{ min-height:250px; }

 /* event */
.pagetitle .corona_info{ width: 90%; padding: 0 20px; bottom: 100px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.pagetitle .corona_info h3{ margin-top:10px; }
.pagetitle .corona_info h4{ margin:0; font-size:1em; }
.pagetitle .corona_info p{ font-size: 13px; line-height: 18px; margin: 10px 0; }

}

/*600px 以下*/
@media screen and (min-width: 600px){
  #o_contact .pagetitle { padding:0; background:none; }
  #o_contact .pagetitle .t_box { float:none; width:100%; padding:56px 5%; font-size:1.2em; line-height:1.3; color:#FFF; background-color:rgba(0, 54, 158, .7); background-image:none; }
  #o_contact .pagetitle .t_box .sub { font-size:1.5em; }
  #o_contact .pagetitle .t_box .sub .gf-roboto { display:inline-block; margin-right:9px; font-size:0.6em; font-weight:normal; }
}

/*599px 以下*/
@media screen and (max-width: 599px){

  .b_title{ padding: 15px 0 5px; font-size: 1.2em; background-position:center 160%; }
  .bnr li, .bnr li.bnr_message{ width: 100%; }
  .bnr li.bnr_message{ background-position: -50px 0; }
  .mind::before{ background-position:-5% 0; }
  .mind::after{ background-position:105% 0; }
  .mind .txt{ font-size:1.0em; }
  .title_line{ font-size: 1.2em; }
  .pagetitle .txt{ padding: 1.1em 1em 0.5em 2.0em; }
  .mind .sub{ font-size: 1.4em; line-height: 1.4; }
  .mind_c .txt{ width:100%; margin-left:0; padding: 5em 2em; font-size:1.05em; }
  .mind_c.second{ margin-top: -70px; }
  .mind_c.second .pic figure::before{ content:none; }

  /* reform */
  .reform_list > li { flex-direction:column; -webkit-flex-direction:column; }
  .reform_list .thumbnail { width:100%; height:auto; padding-top:74%; border-radius:10px; }
  .reform_list .thumbnail, .reform_list > li:nth-child(even) .thumbnail { margin:0 auto 20px; }
  .reform_list > li:nth-child(even) .thumbnail { -webkit-order:0; order:0; }
  .reform_list .thumbnail img { max-width:120%; max-height:120%; }
  .reform_list .ttl { margin-bottom:1em; }
  .reform_list .summary { -webkit-flex:none; flex:none; }

  .ref_title { margin:0 15px 1.5em 15px; font-size:1.5em; }
  .suggest { padding:60px 0; }
  .ref_title_area .title_box { width:auto; }
  .ref_title_area .ref_ttl { font-size:1.0em; }
  .ref_title_area .ref_ttl br { display:none; }
  .ref_title_area .request_list li { margin-bottom:.5em; font-size:1em; }

  .suggest .suggest_box { margin-top:10px; margin-bottom:15px; }
  .suggest_box .used_list { margin-top:2em; }
  .suggest_box .lead { margin-bottom:1em; }

  .ba_box { margin:60px 0; }
  .ba_box .ba_comment, .ba_box .ba_point { float:none; width:auto; }
  .ba_box .ba_point { margin-top:2em; }
  .ba_box .ba_img .after figcaption { font-size:1.8em; }
  .ba_box .ba_img .before figcaption { font-size:1.5em; }

  .ref_gallery { padding:60px 0; }
  .ref_gallery .slick-arrow { font-size:.6em; }
  .ref_gallery .slider-nav { margin-top:30px; }
  .ref_gallery .slider-nav .slick-slide { margin-right:10px; }
  .ref_gallery .slider-nav .slick-list { margin-right:-10px; }
  .ref_panorama { padding-top:60px; padding-bottom:60px; }
  #theta { height:200px; }
  .ref_page_nav .page_btn { font-size:.85em; }
  .maker_list li{ width:45%; }

  /* recruit */
  .stripe_b{ font-size: 1.35em; }
  .timetable li{ margin-bottom:10px; padding: 10px 15px 0; }
  .timetable li p{ margin: 1em 0 0; }
  .timetable li::before{ top: 38px; width:6px; height:6px; margin-left:-3px; }
  .timetable li::after{ top: 40px; height:2px; }
  .timetable li .gf-roboto{ font-size: 1.2em; }
	.timetable li span.small { font-size:0.8em; }
  .requirements .copy{ font-size: 1.1em; }
  .requirements .copy .gf-roboto{ font-size:2.5em; }
  .requirements .a_link{ width:100%; margin: 3em auto; }
  .requirements .a_link li{ width: 31%; }
  .requirements .a_link a::before{ right: 0.4em; }
  .b_sub{ font-size: 1.2em; }

  /* 社長メッセージ */
  .boss_message{ padding: 15em 1.5em 1em; background-position:20% 0; }

  /*岩井さん*/
  .iwai .timetable { justify-content: inherit; -webkit-justify-content: inherit; }

  /* Event */
  #event .ref_title{ margin: 0 0 1.5em 0; font-size: inherit; }

  /* Corporate */
  .genba img{ width:50%; }

  /* form */
  .order_list .box { width:100%; margin-bottom:30px; }
  .order_list .box + .box { margin-left:0; }
  .order_list .ttl::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .order_list .ttl.active::before { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }

  .acd-content{
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  .acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
  }
  .acd-check:checked + .acd-label::before { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }

  #estimate .d_data dt,
  #estimate .d_data dd { width:100%; }

 /* event */
  #g_showroom .event_info { background-size:cover; }
.pagetitle .corona_info{ width: 95%; padding: 0 10px; bottom: 95px;}
.pagetitle .corona_info h3{ font-size: 1.1em; }
.pagetitle .corona_info h4{ font-size: 13px; }
.pagetitle .corona_info p{ font-size: 13px; line-height: 17px; margin: 8px 0; }
}

/*423px 以下*/
@media screen and (max-width: 423px){
    #g_showroom .event_info .event_cokking{ padding-left:0; }
    #g_showroom .event_info div{ padding: 15px !important; }
}
/*320px 以下*/
@media screen and (max-width: 320px){
.pagetitle .corona_info{ bottom: 127px;}
.pagetitle .corona_info h3{ font-size: 1.1em; }
.pagetitle .corona_info h4{ font-size: 13px; }
.pagetitle .corona_info p{ line-height: 16px; margin: 5px 0; }
}