@charset "utf-8";
/*
Theme Name: CRAFT_SP
Theme URI:
Description: CRAFT様スマートフォン用CSS
Author: DAWN Inc.
Version: 1.0
*/


.position-relative { position: relative; }


/* ---------------------------
 * トップページ
 * --------------------------- */
/* main_img -------------------- */
#index #main .main_img {width:100%; position: relative; margin-bottom: 0;}
#index #main .main_img .text {width:92%;position:absolute;top:28%;left:4%;}
#index #main .main_img .arrow {width:10.3125%;position:absolute;bottom:32%;left:45%;}

/* タイトル */
#index .sh1 {
  font-family: "Source Han Serif", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: 400;
}
#index .sh1 .en {
  color: #336633;
  font-size: 1.375rem;
  line-height: 1.8;
  display: block;
}
#index .sh1 .jp {
  font-size: 2.125rem;
  display: block;
  line-height: 1.4;
}
/* 共通 */
#index .sb1 .text1-wrap {width:92%;margin:0 auto 10.3125%;}
#index .sb1 .text1 {line-height: 1.5;font-size: 1.45rem;letter-spacing: 0.05em;margin-bottom:7%;}
#index .secBordered { margin: 0 auto; padding: 30px 0; width: 100%; border-bottom: 1px solid #ccc; }

/* NEWS */
#index .news_top { margin: 0 auto; width: 92%; border-bottom: 1px solid #000; }
#index .sh1 { margin-bottom: 5%;text-align: center;}
#index .news_top p.tit_news {margin:-3.2rem auto 4%;width:26%;font-size:1.4rem;font-weight:bold;letter-spacing:0.2rem;color:#000;background-color:#fff;text-align:center;}
#index .news_top .sb1 ul {}
#index .news_top .sb1 ul li a {display:block;font-size: 1.2rem;line-height: 2em;padding:2% 0;}
.news-wrap {
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","MS P明朝","MS PMincho","メイリオ",Meiryo,serif;
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}


/* デザインリフォーム実例 */
#index .works {}
#index .swiper-container {position:relative;}
#index .swiper-wrapper { position: relative;}
/* #index .works .btn {position:absolute;top:50%;left:50%;z-index:100;width:64%;margin-top:-4%;margin-left:-32%;} */
#index .works .btn {position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index:100;
  width:100%;
}
#index .swiper-slide {position:relative;/*position:absolute; top:0;*/}
#index .swiper-slide img {width:100%; height:auto;}
/*#index .swiper-slide img {width:100%;height:auto;}*/
#index #link_works .btn a, .btn [type=submit] {
    display:block;
    width:64%;
    background-color:rgba(255,255,255, 0.9);
    background-image:url(./img/common/arrow2.png);
    background-repeat: no-repeat;
    background-position:94% center;
    background-size:8px;
    padding:3.8% 10%;
    color:#000;
    font-size:1.4rem;
    font-weight:bold;
    letter-spacing:0.14rem;
    text-align:center;
    text-decoration:none;
    margin:0 auto;
}

/* VR */
#index .vr {}
#index .vr .topVrSwiper-wrapper { width: 400px; max-width: 100vw; margin: 0 -4.34%; overflow: hidden; }
#index .vr .topVrSwiper { padding-bottom: 30px; width: 287px; overflow: visible; }
#index .vr .topVrSwiper .topVrSwiperPagination { bottom: 0; }
#index .vr .topVrSwiper .topVrSwiperPagination .swiper-pagination-bullet-active { background-color: #ccc; }


/* 相談会 */
#index .soudan {}
#index .soudan .sb1 .btn {margin-bottom:10%;}
#index .soudan .sb1 .map {width:80%;margin:0 auto;}
#index .soudan .sb1 table.time_tb { border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;height: auto;width: 100%;}
#index .soudan .sb1 table.time_tb th { background: #e3e3e3;border-bottom:1px solid #dcdcdc;border-right:1px solid #fff;text-align: center;padding: 4px 0;box-sizing: border-box;}
#index .soudan .sb1 table.time_tb th:last-child {border-right:1px solid #dcdcdc;}
#index .soudan .sb1 table.time_tb td {border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; text-align: center;padding: 4px 0; box-sizing: border-box;}
#index .secc1 .btn a, .btn [type=submit] {
    display:block;
    width:64%;
    background-color:#20723b;
    background-image:url(./img/common/arrow1.png);
    background-repeat: no-repeat;
    background-position:94% center;
    background-size:8px;
    padding:3.5% 10%;
    color:#FFF;
    font-size:1.4rem;
    font-weight: normal;
    letter-spacing:0.14rem;
    text-align:center;
    text-decoration:none;
    margin:0 auto;
}


/* モデルルーム見学 */
#index .modelroom {}
#index .modelroom .sb1 .img1 {margin-bottom:6%;}
#index .modelroom .sb1 .btn {margin-bottom:6%;}
#index .modelroom .sb1 .imgs {margin:0 auto;}
#index .modelroom .sb1 .imgs div {display:block;position:relative;margin-top:1.2rem;}
#index .modelroom .sb1 .imgs div > a {position:absolute;top:-0.3px;right:0px;bottom:0px;left:0px;}
#index .modelroom .sb1 .imgs div > .btn {position:absolute;top:50%;left:50%;margin-top:-5%;margin-left:-35%;width:70%;}
#index .modelroom .sb1 .imgs div > .btn a {background-color:rgba(255,255,255, 0.9);width:100%;padding:5% 0 4.8%;color:#000;
;background-image:url(./img/common/arrow2.png);font-size:1.3rem;}

/* お見積・ご提案 */
#index .visit {width:100%;padding:10% 0;}
#index .visit .sh1 {font-size:2.2rem;line-height:1.5;text-align:center;margin-bottom:8%;}
#index .visit .sb1 .img1 {width:80%;margin:0 auto 8.3125%;text-align:center;}

/* ワンストップ */
#index .onestop {}
#index .onestop .sh1 {font-size:2.2rem;line-height:1.5;text-align:center;margin-bottom:8%;}
#index .onestop .sb1 .img1 {margin:0 auto 10.3125%;text-align:center;}
#index .onestop .sb1 .box {margin:7rem auto 0;padding-bottom:1.6rem;width:92%;border:1px solid #000;text-align:center;}
#index .onestop .sb1 .box .sh2 {width:75%;font-size:1.5rem;letter-spacing:0.15rem;font-weight:bold;margin:-1.5rem auto 6% auto;background-color:#fff;}
#index .onestop .sb1 .box span {display:block;margin-bottom:1.6rem;padding:8% 0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;color:#fff;border:1px solid #A07D46;background-color:#5D4631;}
#index .onestop .sb1 .box span:last-child {margin-bottom:0;}
#index .onestop .sb1 .box .left {float:left;width:42%;margin-left:1.6rem;}
#index .onestop .sb1 .box .right {float:right;width:42%;margin-right:1.6rem;}

/* オーナー様向け一棟リノベーション */
#index .consultation {}
#index .consultation .sh1 {font-size:2.2rem;line-height:1.5;text-align:center;margin-bottom:8%;}
#index .consultation .sb1 .img1 {}

/* ---------------------------
 * 下層共通
 * --------------------------- */
#soudan .sec0 .sh1,
#modelroom .sec0 .sh1,
#visit .sec0 .sh1,
#pamphlet .sec1 .sh1,
#company .sec0 .sh1,
#about .sec0 .sh1,
#about .sec1 .sh1,
#ittou_pamphlet .sec0 .sh1 {
    font-family: "Source Han Serif", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 7%;
    text-align: center;
}
/* ---------------------------
 * 相談会フォーム
 * --------------------------- */
#soudan .secc1 {margin-bottom:10.15625%;}
#soudan .sec0 {width:100%;}
#soudan .sec0 .sb1 .text1 {font-size: 1.45rem;line-height: 1.5;letter-spacing: 0.05em;margin:0 auto 4%;width:90%;}
#soudan .sec0 .sb1 .venues {width:90%;margin:0 auto 10%;padding:3% 4%;box-sizing:border-box;background-color:#dcdcdc;}
#soudan .sec0 .sb1 .venues h2 {font-size: 1.2rem;font-weight:bold;line-height: 1.8em;}
#soudan .sec0 .sb1 .venues h2:not(:first-of-type) {margin-top:3%;}
#soudan .sec0 .sb1 .venues ul li {display:block;float:left;margin-right:10px;white-space:nowrap;font-size: 1.2rem;line-height: 1.8em;}
#soudan .sec0 .sb1 .venues ul li:before {content:"・";}
#soudan .sec0 .sb1 .list1 {padding-left:5%;}
#soudan .sec0 .sb1 .list1 li {margin-bottom:3%;}
#soudan .sec0 .sb1  .time_box {margin:0 auto 4%;width: 90%;}
#soudan .sec0 .sb1  table.time_tb { border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;height: auto;width: 100%;}
#soudan .sec0 .sb1  table.time_tb th { background: #e3e3e3;border-bottom:1px solid #fff;font-weight: bold;text-align: center;padding: 10px 0;font-size: 1.2rem;}
#soudan .sec0 .sb1  table.time_tb th.th_last {border-bottom:1px solid #dcdcdc;}
#soudan .sec0 .sb1  table.time_tb td {border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; text-align: center;padding: 10px 0; font-size: 1.2rem;}
#soudan .sec_place,
#soudan .sec_place .places_in {width:100%;}
#soudan .sec_place .places_in_last {width:50%;}
#soudan .sec_place .places {width:90%;margin:0 auto 4%;}
#soudan .sec_place .places .place_img {
    float: left;
    margin-bottom: 25px;
    margin-right: 0;
    width: 44%;
}
#soudan .sec_place .places .places_img_last {
    float: none;
    margin: 0 auto 25px;
    width: 44%;
}
#soudan .sec_place .places .place_img:nth-child(2n) { margin-left: 12%;}
#soudan .sec_place .places .place_img img {
    height: auto;
    vertical-align: bottom;
    width: 100%;
}
#soudan .sec_place .places .place_img p { font-size: 1.2rem;line-height: 1.8em;text-align: center;}
/* ---------------------------
 * モデルルーム予約フォーム
 * --------------------------- */
#modelroom .secc1 {margin-bottom:10.15625%;}
#modelroom .sec0 {width:100%;}
#modelroom .sec0 .sh1_2 {font-size:1.45rem;line-height: 1.5;margin-bottom: 40px;text-align:center;}
#modelroom .sec0 .sb1 {width:90%;margin:0 auto;}
#modelroom .sec0 .sb1 .blcc1 {margin-bottom:12%;}
/*#modelroom .sec0 .sb1 .blcc1 .title { color:#191919; border-bottom:solid 1px #191919; font-size:1.4rem; font-weight:bold;margin-bottom:7%; text-align:right;}*/
#modelroom .sec0 .sb1 .blcc1 .title { border-bottom:solid 1px #191919; color:#191919; font-size:1.8rem; font-weight:bold;line-height:1.5;text-align:left;margin-bottom:7%;}
#modelroom .sec0 .sb1 .blcc1 .img {margin-bottom:7%;}
#modelroom .sec0 .sb1 .blcc1 .text1 {line-height: 1.5;font-size: 1.45rem;letter-spacing: 0.05em;}
#modelroom .sec0 .sb1 .blcc1 .text1 span {font-weight:bold;}
#modelroom .sec0 .sb1 .blcc1 .tb_address { margin-top:20px; width: 100%;}
#modelroom .sec0 .sb1 .blcc1 .tb_address th,
#modelroom .sec0 .sb1 .blcc1 .tb_address td { font-size: 1.4rem;line-height: 1.5; padding: 5px 0; text-align: left; vertical-align: top;}
#modelroom .sec0 .sb1 .blcc1 .tb_address td.td_tel {line-height: 200%;}
#modelroom .sec0 .sb1 .blcc1 .tb_address td.td_tel a:link {text-decoration: underline;}
#modelroom .sec0 .sb1 .blcc1 .tb_address th { font-weight: 600; width: 25%;}
#modelroom .sec0 .sb1 .blcc1 .tb_address .fa { margin-right: 5px;}
#modelroom .sec0 .sb1 .blcc1 .tb_address a.openmap {text-decoration: underline;}
#modelroom .sec0 .sb1 .blcc1 .tb_address a.link_line {text-decoration: underline;}
#modelroom .sec0 .sb1 .blcc1 .bold { font-weight: 600;}
#modelroom .sec0 .box { border: 1px solid #dcdcdc;box-sizing: border-box;margin: 0 auto 4%;padding: 10px;/*width: 93%;*/}
#modelroom .sec0 .about1 { margin-bottom: 20px;}
#modelroom .sec0 .about2 { margin-bottom: 40px;}
#modelroom .sec0 .about2 a:link { text-decoration: underline;}
#modelroom .sec0 .bold { font-weight: bold;}
#modelroom p.sh1_2.sh1_2-info {
  padding: 0 10px;
}
.jiyukengakukai-discontinued {
  color: #CD7E31;
  font-weight: bold;
  font-size: 13px;
}
#modelroom .sec0 table.time_tb { border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;height: auto;width: 100%;}
#modelroom .sec0 table.time_tb th { background: #e3e3e3;border-right:1px solid #fff;font-weight: bold;text-align: center;padding: 10px 0;font-size: 1.2rem;}
#modelroom .sec0 table.time_tb th:last-child {border-right:1px solid #dcdcdc;}
#modelroom .sec0 table.time_tb td {border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; text-align: center;padding: 10px 0; font-size: 1.2rem;vertical-align: middle;}
#modelroom .sec0 .buttonGoToForm {
  display: block;
  width: 64%;
  min-width: 200px;
  background-color: rgba(138,180,70, 0.9);
  background-image: url(./img/common/arrow2.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 4px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 2% 0;
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.14rem;
  line-height: 1.2em;
  text-align: center;
  text-decoration: none;
  margin: 20px auto 40px;
}

/* ---------------------------
 * お住まいを見てお見積もり
 * --------------------------- */
#visit .secc1 {margin-bottom:11%;}
#visit .sec0 {width:100%;}
#visit .sec0 .sb1 {width:100%;}
#visit .sec0 .sb1 .text1 {font-size: 1.45rem;line-height: 1.5;letter-spacing: 0.05em;margin:0 auto 9%;width:90%;}
#visit .sec0 .sb1  .time_box {margin:0 auto 4%;width: 90%;}
#visit .sec0 .sb1  table.time_tb { border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;height: auto;width: 100%;}
#visit .sec0 .sb1  table.time_tb th { background: #e3e3e3;border-bottom:1px solid #fff;font-weight: bold;text-align: center;padding: 10px 0;font-size: 1.2rem;}
#visit .sec0 .sb1  table.time_tb th:last-child {border-bottom:1px solid #dcdcdc;}
#visit .sec0 .sb1  table.time_tb td {border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; text-align: center;padding: 10px 0; font-size: 1.2rem;}
#visit h2.form_title {font-size: 1.6rem; text-align: center; color: #7f7f7f; width: 90%; margin: 5% auto 2%;}
/* ---------------------------
 * ワンストップお見積もり
 * --------------------------- */
#onestop .secc1 {margin-bottom:11%;}
#onestop .sec0 {width:100%;}
#onestop .sec0 .sh1 {font-size:2.2rem;line-height:1.2;text-align:center;margin-bottom:7%;}
#onestop .sec0 .sh2 {font-size:1.6rem;line-height:1.2;text-align:left;margin:0 auto 2%;width:90%;}
#onestop .sec0 .sb1 {width:100%;}
#onestop .sec0 .sb1 .text1 {width:90%;margin:0 auto 9%;}

#onestop .cases { padding: 0px 0 48px; }

#onestop .buttonGoToForm {
  display: block;
  width: 64%;
  min-width: 280px;
  /* background-color: rgba(138,180,70, 0.9); */
  background-color: #20723b;
  background-image: url(./img/common/arrow1.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 4px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 3% 0;
  color: #FFF;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.14rem;
  line-height: 1.2em;
  text-align: center;
  text-decoration: none;
  margin: 50px auto;
}

/* ---------------------------
 * 資料請求
 * --------------------------- */
#pamphlet .secc1 {margin-bottom:11%;}
#pamphlet .sec0 {width:100%;}
#pamphlet .sec0 .sh1 {font-size:2.2rem;line-height:1.2;text-align:center;margin-bottom:7%;}

#pamphlet .sec0 .sb1 {width:100%;}
#pamphlet .sec0 .sb1 .text1 {font-size: 1.45rem;line-height: 1.5;letter-spacing: 0.05em;margin:0 auto 9%;width:90%;}
#pamphlet h2.form_title {font-size: 1.6rem; text-align: center; color: #7f7f7f; width: 90%; margin: 5% auto 2%;}

/* ---------------------------
 * 一棟資料請求
 * --------------------------- */
#ittou_pamphlet .secc1 {margin-bottom:11%;}
#ittou_pamphlet .sec0 {width:100%;}
#ittou_pamphlet .sec0 .sh1 {font-size:2.2rem;line-height:1.2;text-align:center;margin-bottom:7%;}

#ittou_pamphlet .sec0 .sb1 {width:100%;}
#ittou_pamphlet .sec0 .sb1 .text1 {font-size: 1.45rem;line-height: 1.5;letter-spacing: 0.05em;margin:0 auto 9%;width:90%;}
#ittou_pamphlet h2.form_title {font-size: 1.6rem; text-align: center; color: #7f7f7f; width: 90%; margin: 5% auto 2%;}

/* ---------------------------
 * 会社概要
 * --------------------------- */
#company .sec0 {width:100%;}
#company .sec0 .sb1 {width:90%;margin:0 auto;}
#company .sec0 .sb1 table {width:100%;margin-bottom:10%;}
#company .sec0 .sb1 table th,
#company .sec0 .sb1 table td {font-size: 1.2em;padding:4% 0;vertical-align: top;}
#company .sec0 .sb1 table td p {font-size: 100%;/*padding:4% 0;*/}
#company .sec0 .sb1 table th {width:28%;font-size:1.4rem;font-weight:bold;line-height:1.5;text-align:left;vertical-align:top;}
#company .sec0 .sb1 table td {width:72%;font-size:1.4rem;color:#191919;line-height: 1.5;}
#company .sec0 .sb1 table td .office {margin-bottom:4%;}
#company .sec0 .sb1 table td .to_map {margin-bottom:6%;}
#company .sec0 .sb1 table td .to_map:last-of-type {margin-bottom:0;}
#company .sec0 .sb1 table td span {font-weight:bold;}
#company .sec0 .sb1 table td a {text-decoration:underline;}
#company .sec0 .recruit_link img { height: auto; width: 100%;}
#company .sec0 .recruit_link .rectuit_bnr p { font-size: 1.3rem;line-height:1.4; margin-top: 10px;}
#company .sec0 .wrap-box {margin: 0 auto;max-width: 400px;width: 100%;}
#company .sec0 .wrap-box-inner {margin: 0 auto;width: 92%;}
#company .sec0 .txt-link { font-size: 1.3rem;line-height:1.4; margin: 30px 0;}
#company .sec0 .txt-link a {text-decoration: underline;}
#company .sec0 .security-action {background: #e5e5e5;font-size: 1.2rem;line-height:1.4;padding: 14px;}
#company .sec0 .security-tit {display: table;}
#company .sec0 .security-tit .logo {display: table-cell;width: 18%;vertical-align: middle;}
#company .sec0 .security-tit .logo img {height: auto; width: 100%;}
#company .sec0 .security-tit .security-txt-head {display: table-cell;font-weight: bold;padding-left: 10px;vertical-align: middle;}
#company .sec0 .security-txt {margin-top: 10px;}
/* ---------------------------
 * クラフトとは
 * --------------------------- */
#about .sec0 {width:100%;margin-bottom:10.15625%;}
#about .sec0 .bg_grayLight{background-color:#f3f3f3;padding:5% 8%;margin:0 3%;}
#about .sec0 .mgn_t {margin-top:10.15625%;}
#about .sec0 .sh2 {font-size:1.8rem; font-weight: bold; line-height:1.5;text-align:center;margin-bottom:6%;}
#about .sec0 .sb1 {width:82.8125%;margin:0 auto;}
#about .sec0 .sb1 table {width:100%;margin-bottom:20%;}
#about .sec0 .sb1 table th,
#about .sec0 .sb1 table td {padding:4% 0;}
#about .sec0 .sb1 table th {width:28%;font-size:1.1rem;font-weight:bold;text-align:left;vertical-align:top;}
#about .sec0 .sb1 table td {width:72%;font-size:1.0rem;color:#191919;}
#about .sec0 .sb1 table td .office,
#about .sec0 .sb1 table td .to_map {margin-bottom:6%;}
#about .sec0 .sb1 table td .to_map:last-of-type {margin-bottom:0;}
#about .sec0 .sb1 table td span {font-weight:bold;}
#about .sec0 .sb1 table td a {text-decoration:underline;}
#about .sec0 p {font-size: 1.45rem;line-height: 1.5;letter-spacing:0.05em;margin-bottom: 7%;}
#about .sec0  p:last-child{margin-bottom: 0%;}
#about .sec0  span{font-size:0.8em;display:inline-block;text-align: right;width: 100%;}
#about .sec0  h4{text-align: center;margin-bottom: 7%}

#about .sec1 {width:100%;}
/* #about .sec1 .sh1 {font-size:2.2rem;line-height:1.2;text-align:center;margin-bottom:7%;} */
#about .sec1 .sh2 {font-size:1.6rem;font-weight: bold;line-height:1.5;text-align:left;margin:6% 3% 3%;color:#435723;}
#about .sec1 p {font-size: 1.45rem;line-height: 1.5;letter-spacing: 0.05em;margin-bottom: 8%;padding:0 3%;}

/*提案力と技術力*/
#about .sec1 .sb1 .sg{border: 1px solid #ccc;padding:5% 5% 1%;margin:0 3%;margin-bottom:9%;}
#about .sec1 .sb1 .sg dt{font-size:1.6rem; font-weight: bold;line-height:1.2;text-align:left;margin-bottom:2%;}
#about .sec1 .sb1 .sg dd{font-size: 1.45rem;line-height: 1.5;margin-bottom:4%;}
#about .sec1 .sb1 .sg dt.num1{position: relative;text-indent: 1rem;    padding-left: 2rem;}
#about .sec1 .sb1 .sg dt.num2{position: relative;text-indent: 1rem;    padding-left: 2rem;}
#about .sec1 .sb1 .sg dt.num3{position: relative;text-indent: 1rem;    padding-left: 2rem;}
#about .sec1 .sb1 .sg dt.num1:before {font-style: italic; font-size:1.8rem;
    position: absolute;
    /* top:-2px; */
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(./img/aboutus/aboutus_num1.png);}
#about .sec1 .sb1 .sg dt.num2:before {font-style: italic; font-size:1.8rem;
    position: absolute;
    /* top:-1px; */
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(./img/aboutus/aboutus_num2.png);}
 #about .sec1 .sb1 .sg dt.num3:before {font-style: italic; font-size:1.8rem;
    position: absolute;
    /* top:-2px; */
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(./img/aboutus/aboutus_num3.png);}

/* モデルルーム */
#about .sec1 .sb1 .text1 {width:92%;margin:0 auto 3%;}
#about .sec1 .sb1 .btn {margin-bottom:6%;}
#about .sec1 .sb1 .imgs {width:92%;margin:0 auto  9%;}
/* #about .sec1 .sb1 .imgs div {display:block;position:relative;margin-top:1.2rem;}
#about .sec1 .sb1 .imgs div > a {position:absolute;top:-0.3px;right:0px;bottom:0px;left:0px;}
#about .sec1 .sb1 .imgs div > .btn {position:absolute;top:50%;left:50%;margin-top:-5%;margin-left:-35%;width:70%;}
#about .sec1 .sb1 .imgs div > .btn a {width:100%;padding:3.4% 0 3.2%;color:#fff;background-color:rgba(0,0,0,0.7);background-image:url(./img/common/arrow1.png);}
#about .sec1 .sb1 .imgs {width:92%;margin:0 auto;} */
#about .sec1 .sb1 .imgs div {display:block;position:relative;margin-top:1.2rem;}
#about .sec1 .sb1 .imgs div > a {position:absolute;top:-0.3px;right:0px;bottom:0px;left:0px;}
#about .sec1 .sb1 .imgs div > .btn {position:absolute;top:50%;left:50%;margin-top:-5%;margin-left:-35%;width:70%;}
#about .sec1 .sb1 .imgs div > .btn a {background-color:rgba(255,255,255, 0.9);width:100%;padding:3.4% 0 3.2%;color:#000;
;background-image:url(./img/common/arrow2.png);font-size:1.3rem;}


/*対応エリア*/
#about .sec1 .sb1 .area{margin:0px 2% 5%;}
#about .sec1 .sb1 .area dt{font-size: 1.45rem; font-weight: bold;line-height: 1; margin-bottom: 10px;}
#about .sec1 .sb1 .area dd {font-size: 1.45rem;line-height: 1.5;}
#about .sec1 .sb1 .area dd.pref{display: list-item;font-weight: bold;margin-left:1.7em;list-style-type: disc;text-indent: 0em;margin-bottom: 3%}
#about .sec1 .sb1 .area dd.pref span{margin-left: -3px;}
#about .sec1 .sb1 .area dd.pref ul{margin-left: -10px;}
#about .sec1 .sb1 .area dd.pref li{display: inline-block;font-weight: normal;margin-left: 0.5em;}
#about .sec1 .sb1 .at{font-size:1.3rem;padding:0px;margin:0px 2% 8%}
.area-add-content {
  font-size: 1.45rem;
  display: list-item;
  margin-left: 1.7em;
  list-style-type: disc;
  text-indent: 0em;
  line-height: 21.75px;
}

.area-add {
  margin: 0 0 8%;
}


/* ---------------------------
 * アクセス・地図
 * --------------------------- */
#address .sec0 {width:100%;margin-bottom:10.15625%;}
#address .sec0 .sh1 {width:32.34375%;margin:0 auto 8.59375%;}
#address .sec0 .sb1 {width:82.8125%;margin:0 auto;}
#address .sec0 .sb1 .access .title {color:#191919;font-size:1.0rem;font-weight:bold;margin-bottom:2%;}
#address .sec0 .sb1 .access .data {font-size:1.0rem;margin-bottom:2%;}
#address .sec0 .sb1 .access .map {width:100%;margin-bottom:19%;}
#address .sec0 .sb1 .access .map .large_map {text-align:right;}
#address .sec0 .sb1 .access .map .large_map a {color:#191919;text-decoration:underline;}
#map_canvas_01 {width:100%;height:0;padding-top:83.01886%;margin-bottom:1%;}
#map_canvas_02 {width:100%;height:0;padding-top:83.01886%;margin-bottom:1%;}

.footer_switch{display:block!important;}
.footer_switch {width:100%;text-align:center;background:#2e2e2e;height:25px;}
.footer_switch img {cursor:pointer; position:relative; }

/* dropdown_footer
.footer_switch {width:100%;margin-bottom:10%;text-align:center;}
.footer_switch img {width:18%;cursor:pointer;}*/
.footer_wrap {display:none;}

/* ---------------------------
 * LINE@
 * --------------------------- */
#line .secc1 {margin-bottom:11%;padding-top:4rem;}
#line .sec0 {width:100%;}
#line .sec0 .sb1 { margin:0 auto;width:90%;}
#line .sec0 .sh1 {font-family: "Source Han Serif", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight: 400;font-size:2.1rem;line-height:1.4;text-align:center;margin-bottom:7%;width:100%;}
#line .sec0 .sh1 span { color:#2cbf13;}
#line .sec0 .sb1 .text1 {font-size: 1.45rem;line-height: 1.5;letter-spacing: 0.05em;margin-bottom:9%;}
#line .sec0 .sb1 .text2 {font-size: 1.45rem;line-height: 1.5;letter-spacing: 0.05em;margin-bottom:2%;}
#line .sec0 .sb1 .title {border-left: solid 4px #2cbf13;font-size: 1.45rem;line-height: 1.5;font-weight: bold;position: relative;padding-left: 0.5rem;margin-bottom:15px;}

/* ---------------------------
 * メディア掲載情報
 * --------------------------- */
#publishing .sec0 {width:100%;}
#publishing .sec0 .sh1 {font-family: "Source Han Serif", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight: 400;font-size:2.1rem;line-height:1.4;text-align:center;margin-bottom:7%;width:100%;}
#publishing .sec0 .sb1 {margin:0 auto;width:90%;}
#publishing .sec0 .sb1 dl {margin-bottom: 3%;}
#publishing .sec0 .sb1 dl:last-child {margin-bottom: 0;}
#publishing .sec0 .sb1 dt {font-size: 1.1rem; font-weight: bold; line-height: 1;letter-spacing: 0.05em;margin-bottom: 0.5rem;}
#publishing .sec0 .sb1 dd.media-text {font-size: 1.25rem; line-height: 1.5;letter-spacing: 0.05em;}
#publishing .sec0 .sb1 dd a { text-decoration: underline;}
#publishing .sec0 .sb1 dt span.media-cat {color: #FFF;font-size: 1.1rem; font-weight: normal;display: inline-block;line-height: 1; margin-left: 10px; padding: .2rem;}
#publishing .sec0 .sb1 dt span.cat-web { background:#0066cc;}
#publishing .sec0 .sb1 dt span.cat-zasshi { background:#993300;}
#publishing .sec0 .sb1 dt span.cat-event { background:#009933;}
#publishing .sec0 .sb1 dt span.cat-award { background:#cc9900;}
#publishing .sec0 .sb1 dt span.cat-tv { background:#663399;}

/* ---------------------------
 * 汎用的なクラス
 * --------------------------- */
.mt-40 {margin-top: 40px;}

.constructionAreaMapImage {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 92%;
}

#company .parking_map {
  font-size: 12px;
}

.parking_map {
  margin-bottom: 6%;
}

.parking_map._02_ {
  margin-top: 10px;
  margin-bottom: 0;
}

.parking_map._02_ a {
  font-weight: bold;
  text-decoration: underline;
}

.external_link_icon {
  vertical-align: middle;
}