@charset "UTF-8";
/* CSS Document */



* {
    margin: 0;
    padding: 0;
    }

html {
    height:100%;
    font-size: 62.5%;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;/* safariちらつき防止 */
    }


body {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", "sans-serif";
    line-height: 1.4;
    font-size: 1rem;
    }

/* 改行位置-----------------------------------------------------------*/
  .br-pc { display:block; }
  .br-tab-sp { display:none; }
  .br-sp { display:none; }

/*クリアフィックスの設定*/

.clearfix {
    display: block;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;/* 隙間対応 */
    font-size: 0.1em;/* 隙間対応 */
    line-height: 0;/* 隙間対応 */
    }


/*リンクテキストの設定*/

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
    -webkit-backface-visibility: hidden;/* safariちらつき防止 */
    backface-visibility: hidden;/* safariちらつき防止 */
    overflow: hidden;
    }

a:hover {
    color: #009046;
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    }

/*画像の設定*/

img {
    border: none;
    }


/*テーブルの設定*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    }


/*hタグの設定*/

h1,h2,h3 {
    font-weight: normal;
    font-size: 1rem;
    }
    
/*リストの設定*/
li {
    list-style: none;
    }


/* 電話番号設定 */

a[href^="tel:"] {
    pointer-events: none;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    }

/* フェードイン設定 */
.fadein {
    opacity : 0;
    transform: translateY(20px);
    transition: all 1s;
    }

/* スクロールでコンタクト表示設定 */

#scroll_contact {
    position: fixed;
    max-width: 40px;
    top: 40%;
    left: 3%;
    }

#scroll_tel {
    position: fixed;
    max-width: 40px;
    top: 40%;
    right: 3%;
    }


/* --------------------------------------------------------------- */
/* 共通項目
/* --------------------------------------------------------------- */

/* ボックス指定 */

#wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    }

.topbox01 {
    max-width: 1000px;
    margin: 0 auto;
    }

.topbox02,.topbox03 {
    max-width: 940px;
    margin: 0 auto;
    }

/* --------------------------------------------------------------- */

/* 背景色指定 */

.bg_color01 {
    background: #f1f1f1;
    }

.bg_color02 {
    background: #221E1F;
    }

/* --------------------------------------------------------------- */


/* ヘッダー指定 */

.header_bigbox01 {
    margin: 45px auto 20px;
    }

.header_box01 {
    width: 104%;
    float: left;
    text-align: left;
    }

.header_box01 li {
    display: inline-block;
    width: 21%;
    vertical-align: top;
    }

.header_box01 li:first-child {
    width: 50%;
    margin-left: 0;
	margin-top: -10px;
    }

.header_box01 li:nth-child(2){
    margin: 3px 15px 0 50px;
    }

.header_logo01 {
    max-width: 280px;
    margin-bottom: 60px;
    }

.header_copy01 img {
    max-width: 380px;
    }

.header_copy02 {
    display: none;
    }

.header_box02 {
    width: 8%;
    float: right;
    text-align: left;
    }

/* --------------------------------------------------------------- */

/*ハンバーガーボタン*/

.hamburger_waku {
    position: relative;
    top: -7px;
    }

#hamburger_btn {
    display: block;
    position: relative;
    width: 100%;
    margin-left: -10px;
    padding: 8px 0 8px 8px;
    background: rgba(255,255,255,0);  
    border: 1px solid #999;
    border-radius: 5px;/* CSS3草案 */
    z-index: 9999;
    text-align: right;
    }

#hamburger_btn:hover {
    background: rgba(0,144,70,0.2); 
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
    -webkit-backface-visibility: hidden;/* safariちらつき防止 */
    backface-visibility: hidden;/* safariちらつき防止 */
    }

#hamburger_btn p {
    display: inline-block;
    position: relative;
    top: -12px;
    left: -30px;
    }

.menu_btn01 {
    text-align: left;
    }

#hamburger_btn span {
    display: block;
    position: absolute;
    width: 20px;
    height: 1px;
    background: #999;
    left: 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    }


#hamburger_btn span:nth-child(1){
    top: 0;
    }

#hamburger_btn span:nth-child(2){
    top: 5px;
    }

#hamburger_btn span:nth-child(3){
    top: 10px;
    }
    
/* --------------------------------------------------------------- */

/*ハンバーガーボタン：開閉時*/

.active #hamburger_btn span:nth-child(1) {
    top: 5px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    transform: rotate(35deg);
    }

.active #hamburger_btn span:nth-child(2) {
    width: 0;
    }

.active #hamburger_btn span:nth-child(3) {
    top: 5px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    transform: rotate(-35deg);
    }

/* --------------------------------------------------------------- */

/* グローバルメニュー */

#sidebar {
    position: fixed;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    z-index: 100;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    }

.active #sidebar {
    width: 20%;
    height: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    }
 
.navimenu01 {
    width: 80%;
    margin: 35px auto 0;
    }

.navimenu01 h2 {
    display: none;
    }

#navibox01 ul {
    margin: 0 auto;
    text-align: left;
    }

#navibox01 li {
    display: block;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px dotted #ccc;
    font-size: 1.4rem;
    }

#navibox01 li:nth-child(2) {
    margin: 0 auto;
    }

#navibox01 li a {
    display: block;
    color: #fff;
    padding: 12px 0;
    }

/* --------------------------------------------------------------- */

/* フッターバナー */

.footer_bana01 {
    margin: 50px auto;
    text-align: left;
    }

.footer_bana01 li {
    display: inline-block;
    width: 24%;
    margin-left: 12px;
    background: #8DB884;
    }

.footer_bana01 li img {
    vertical-align: bottom;  /* Firefox隙間対策 */
    }

.footer_bana01 li:first-child {
    margin-left: 0;
    }

/* --------------------------------------------------------------- */

/* フッターロゴエリア */

.footer_bigbox01 {
    padding: 50px 0;
    }

.footer_box01 {
    width: 40%;
    float: left;
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
    }
    
.footer_logo01 {
    max-width: 235px;
    margin-bottom: 30px;
    }

.footer_box02 {
    width: 40%;
    float: right;
    text-align: right;
    }

.footer_contact01 img {
    max-width: 255px;
    text-align: right;
    }

.footer_tel01 img {
    max-width: 225px;
    text-align: right;
    }

.footer_tel01 {
    margin: 25px auto 10px;
    }
	
/* フッターseoコメント */

.footer_minitx01 {
	text-align:left;
	padding-bottom: 3%;
}

/* --------------------------------------------- */

/* フッター住所エリア */

.footer_bigbox02 {
    padding: 40px 0 20px;
    text-align: left;
    color: #fff;
    }

.footer_addrbox01 {
    margin-bottom: 40px;
    }

.footer_addrbox01 li {
    margin-bottom: 10px;
    }

.footer_addrbox01 li a {
    color: #fff;
    }

.footer_addrbox01 li span {
    margin-right: 10px;
    font-weight: bold;
    }

.footer_linkbox01 li {
    display: inline-block;
    }

.footer_linkbox01 li a {
    color: #fff;
    }

.footer_linkbox01 li:before {
    content: "／";
    margin: 0 5px;
    }

.footer_linkbox01 li:first-child:before {
    content: none;
    margin: 0;
    }

/* --------------------------------------------------------------- */

/* フッターコピーライト */

.footer_copyright {
    margin: 5px auto 0;
	padding-bottom: 6%;
    }


/* --------------------------------------------------------------- */


/* 実績と信頼バナー */

.top_bana_quality {
	margin:4% auto;
	display:block;
}



/* 各ページ資料請求バナー */

.top_bana_shiryou {
	margin:0 auto 4%;
	display:block;
}


.top_bana_shiryou_sp {
	display:none;
}

/*派生のみ上部に余白*/
.top_bana_shiryou_hasei {
	margin-top:10%;
}

/* --------------------------------------------------------------- */

/* スマホのみ追従バナー */

.pagetop_sp {
	display: none;
}

/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* 派生共通項目
/* --------------------------------------------------------------- */

.haseiti_bg01 {
    max-width: 950px;
    height: 0;
    margin-right: 0;
    margin-left: auto;
    padding-top: 27%;
    text-align: right;
    }

#voice .haseiti_bg01 {
    background: url("../voice/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }

#flow .haseiti_bg01 {
    background: url("../flow/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }

#spec .haseiti_bg01 {
    background: url("../spec/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }

#construction .haseiti_bg01 {
    background: url("../construction/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }
	


.haseiti_bg02 {
    max-width: 950px;
    height: 0;
    margin-right: 0;
    margin-left: auto;
    padding-top: 13.5%;
    text-align: right;
    }

#event .haseiti_bg02 {
    background: url("../event/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }

#staff_blog .haseiti_bg02 {
    background: url("../staff_blog/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }

#news .haseiti_bg02 {
    background: url("../news/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }


.haseiti_bigbox01 {
    margin: -8px auto 50px;
    }

.haseiti_box01 {
    text-align: left;
    }

.haseiti_box01 h2 {
    max-width: 580px;
    margin-bottom: 30px;
    }

.haseiti_box01 p {
    font-size: 1.4rem;
    font-weight: bold;
    }

.haseiti_box02 {
    position: relative;
    top: -65px;
    right: 0;
    text-align: right;
    }

.haseiti_box02 ul {
    text-align: right;
    }

.haseiti_box02 li {
    display: inline-block;
    font-size: 1.2rem;
    }

.haseiti_box02 a {
    color: #009046;
    }

.haseiti_box02 li:before {
    content: "＞";
    margin: 0 5px;
    }

.haseiti_box02 li:first-child:before {
    content: none;
    margin: 0;
    }

/* --------------------------------------------------------------- */
/* トップページ
/* --------------------------------------------------------------- */

/* スクロール画像ボックス */

.scroll_box01 img,.scroll_box02 img,.scroll_box03 img {
	margin: 0;
	padding: 0;
    vertical-align: top;
	}

@-moz-document url-prefix() {
.scroll_box01 img,.scroll_box02 img,.scroll_box03 img {
    will-change: transform; /* Firefoxちらつき防止 */
	}
    }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.scroll_box01 img,.scroll_box02 img,.scroll_box03 img {
    will-change: transform; /* IEちらつき防止 */
	}
}

.scroll_box01 ul,.scroll_box02 ul,.scroll_box03 ul {
	margin: 0;
	padding: 0;
	height: 177px;
    display: none;
	}

.scroll_box02 ul {
    margin: 0;
	padding: 0;
    height: 275px;
	}

.scroll_box01 li,.scroll_box02 li,.scroll_box03 li {
    display: inline-block;
	margin: 0;
	padding: 0;
	max-width: 300px;
    vertical-align: top;
	}

.scroll_box02 li {
	max-width: 420px;
	}

.scroll_box02 li:last-child {
	max-width: 200px;
	}

.scroll_box03 li:nth-child(5) {
	max-width: 120px;
	}



/* --------------------------------------------------------------- */


/* ブログ更新情報 */

.topblog_bigbox01 {
    margin: 50px auto;
    }

.topblog_box01 {
    width: 48%;
    float: left;
    text-align: left;
    }

.topblog_tibox01 {
    padding-bottom: 10px;
    font-size: 1.2rem;
    border-bottom: 1px solid #999;
    }

.topblog_tibox01 h2 {
    float: left;
    font-size: 1.2rem;
    letter-spacing: .5px;
    }

.topblog_tibox01 a {
    float: right;
    color: #009046;
    }

.topblog_libox01 li {
    padding: 7px 0;
    border-bottom:  1px dotted #999;
    font-size: 1.4rem;
    font-weight: bold;
    vertical-align: middle;
    }

.topblog_libox01 li a {
    display: inline-block;
    width: 43%;
    vertical-align: middle;
    }

.topblog_libox01 li a:hover,.topblog_libox02 li a:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    }

.topblog_libox01 span {
    display: inline-block;
    width: 45%;
    margin-left: 10px;
    font-size: 1.3rem;
    font-weight: normal;
    vertical-align: middle;
    }

.topblog_libox01 .new,.topblog_libox02 .new {
    background: url("../images/icon_img01.gif") no-repeat right;
    background-size: 7%;
    }



.topblog_box02 {
    width: 48%;
    float: right;
    }

.topblog_libox02 li {
    padding: 7px 0;
    border-bottom:  1px dotted #999;
    font-size: 1.3rem;
    vertical-align: middle;
    text-align: left;
    }

.topblog_libox02 li a {
    display: inline-block;
    width: 72%;
    vertical-align: middle;
    }

.topblog_libox02 span {
    margin-right: 10px;
    vertical-align: middle;
    }


.topblog_libox03 {
    margin: 10px auto 100px;
    text-align: left;
    }


.topblog_libox03 li {
    display: inline-block;
    width: 31%;
    padding: 7px 0;
    border-bottom:  1px dotted #999;
    font-size: 1.3rem;
    vertical-align: middle;
    text-align: left;
    }

.topblog_libox03 li:nth-child(2) {
    margin: 0 20px;
	}

.topblog_libox03 li a {
    vertical-align: middle;
    }

.topblog_libox03 span {
    margin-right: 10px;
    vertical-align: middle;
    }

.topblog_libox03 .new {
    background: url("../images/icon_img01.gif") no-repeat right;
    background-size: 11.5%;
    }

/* --------------------------------------------------------------- */

/* トップページコンセプト */


.topconcept_bigbox01 {
    padding: 70px 0 0;
    }

.topconcept_bigbox01 h2 {
    max-width: 73px;
    margin: 0 auto;
    }

.topconcept_box01 {
    width: 50%;
    float: left;
    }

.topconcept_img01_sp {
    display: none;
    }

.topconcept_box02 {
    width: 40%;
    float: right;
    text-align: left;
    font-size: 1.4rem;
    }

.topconcept_box02 h3 {
    max-width: 360px;
    margin: 130px 0 100px;
    }

.topconcept_box02 p {
    line-height: 2;
    margin-bottom: 50px;
    }

.topconcept_more01 {
    position: relative;
    top: -60px;
    padding-bottom: 50px;
    }

.topconcept_more01 a {
    display: block;
    width: 15%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 1.2rem;
    background: #fff;
    border: 1px solid #999;
    letter-spacing: .5px;
    }

/* --------------------------------------------------------------- */

/* トップページオーナーズボイスバナー */

.top_bg_color01 {
    background: url("../images/top_bg01.jpg")center center;
    background-size: cover;
    }

.top_bana01 {
    max-width: 920px;
    margin: 0 auto;
    padding: 80px 0;
    }

.top_bana01_sp {
    display: none;
    }

/* --------------------------------------------------------------- */

/* トップページコンセプトコメント*/

.top_commentbox {
	margin-top:10%;
	color:#595757;
	}
.top_commentbox h3{
	font-weight:bold;
	margin-bottom: 3%;
	font-size: 1.6rem;
	}
	
.top_commentbox p{
	text-align:left;
	font-size: 1.2rem;
	}
	

/* --------------------------------------------------------------- */

/* トップページSNS */

.topsns_bigbox01 {
    margin: 80px auto;
    }

.topsns_box01 {
    padding: 10px 0 30px 30px;
    border: 1px solid #ccc;
    border-radius: 5px;/* CSS3草案 */
    }


.topsns_box02 {
    margin-top: 40px;
    text-align: left;
    }

.topsns_box02 li {
    display: inline-block;
    width: 23%;
    margin-left: 20px;
    }

.topsns_box02 li:first-child {
    margin-left: 0;
    }

/* --------------------------------------------------------------- */

/* トップページ施工例バナー */

.top_bana02 {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 0;
    }

/* --------------------------------------------------------------- */
/* コンセプト
/* --------------------------------------------------------------- */


/* コンセプトタイトル周り */

.concept_bgcolor {
    background: #6ab9ff;
    }


.concept_bg01 {
    max-width: 1700px;
    margin: 0 auto;
    padding: 10px 0 550px;
    text-align: center;
    background: url("../concept/images/main_img01.jpg") no-repeat center bottom #6ab9ff;
    }



.conceptti_bigbox01 {
    position: relative;
    top: 28px;
    margin-top: -25px;
    z-index: 1;
    }

.conceptti_box01 {
    width: 60%;
    float: left;
    }

.conceptti_box01 h2 {
    max-width: 580px;
    }

.conceptti_box01 p {
    position: relative;
    top: -40px;
    right: -130px;
    font-size: 1.4rem;
    font-weight: bold;
    }

.conceptti_box02 {
    width: 30%;
    float: right;
    }

.conceptti_box02 ul {
    text-align: right;
    }

.conceptti_box02 li {
    display: inline-block;
    font-size: 1.2rem;
    }

.conceptti_box02 a {
    color: #009046;
    }

.conceptti_box02 li:before {
    content: "＞";
    margin: 0 5px;
    }

.conceptti_box02 li:first-child:before {
    content: none;
    margin: 0;
    }

/* --------------------------------------------------------------- */

/* コンセプト紹介 */

.concept_bigbox01 {
    margin: 0 auto;
    text-align: center;
    }

.concept_copy01 {
    max-width: 470px;
    margin: 120px auto 100px;
    }

.concept_img01_sp {
    display: none;
    }

.concept_bigbox01 ul {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    }

.concept_bigbox01 li:first-child {
    flex-basis: 26%;
    text-align: right;
    }

.concept_bigbox01 li:first-child img {
    max-width: 200px;
    }

.concept_bigbox01 li:nth-child(2) {
    flex-basis: 53%;
    margin: 0 80px;
    }

.concept_bigbox01 li:nth-child(2) p {
    margin: 30px auto;
    font-size: 1.4rem;
    line-height: 3.5;
    color: #fff;
    }

.concept_bigbox01 li:last-child {    
    flex-basis: 26%;
    text-align: left;
    }

.concept_bigbox01 li:last-child img {
    max-width: 200px;
    }


/* --------------------------------------------------------------- */

/* コンセプトyoutube */

.concept_youtube {
    position: relative;
    width: 100%;
    margin: 80px auto 150px;
    padding-top: 56.25%;
    }

.concept_youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


/* --------------------------------------------------------------- */

/* 特長 */

.philosophy_bigbox01 {
    position: relative;
    top: -78px;
    padding-bottom: 320px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
    }

.philosophy_ti01 {
    margin-bottom: 30px;
    }

.philosophy_copy01 {
    max-width: 290px;
    }

.philosophy_bigbox02 {
    position: relative;
    margin-top: -250px;
    }

.philosophy_bigbox02 li {
    margin-bottom: 80px;
    padding-bottom: 50px;
    border: 1px solid #000;
    background: #fff;
    }

.philosophy_bigbox02 li:last-child {
    margin-bottom: 0;
    }

.philosophy_bg01,.philosophy_bg02,.philosophy_bg03,.philosophy_bg04,.philosophy_bg05 {
    padding-top: 16%;
    background-size: cover;
    }

.philosophy_bg01 {
    background: url("../concept/images/bg_img01.jpg") no-repeat top center;
    }

.philosophy_bg02 {
    background: url("../concept/images/bg_img02.jpg") no-repeat top center;
    }

.philosophy_bg03 {
    background: url("../concept/images/bg_img03.jpg") no-repeat top center;
    }

.philosophy_bg04 {
    background: url("../concept/images/bg_img04.jpg") no-repeat top center;
    }

.philosophy_bg05 {
    background: url("../concept/images/bg_img05.jpg") no-repeat top center;
    }

.philosophy_txbox01 {
    padding: 0 60px;
    }

.philosophy_box01 {
    position: relative;
    width: 40%;
    top: -45px;
    float: left;
    }

.philosophy_box02 {
    width: 48%;
    float: right;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: justify;
    }

.philosophy_subti01 {
    margin-top: 85px;
    }

.philosophy_subti02 {
    margin-top: 45px;
    }

.philosophy_subti03 {
    margin-top: 35px;
    }

.philosophy_tx01 {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.6;
    }

.philosophy_tx01 span {
    color: #EC1B23;
    }

.philosophy_txbox02 {
    margin-top: 25px;
    }

.philosophy_tx02 {
    width: 52%;
    float: left;
    text-align: justify;
    font-size: 1.4rem;
    line-height: 1.6;
    }

.philosophy_img01,.philosophy_img02 {
    width: 40%;
    float: right;
    }

.philosophy_img01 img {
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
    }


/* --------------------------------------------------------------- */
/* 設計基準・構造
/* --------------------------------------------------------------- */

/* 信頼できる構造 */

.construction_ti01 {
    position: relative;
    margin-bottom: 5%;
    padding: 1.5% 0 1.5% 7%;
    text-align: left;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    background: #009344;
    }

.construction_ti01:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 2%;
    background: url("../construction/images/icon01.png") no-repeat left top;
    background-size: contain;
    }

.construction_bg01 {
    padding: 10% 0;
    background: url("../construction/images/bg_img02.gif") no-repeat center top;
    background-size: contain;
    }


.construction_copy01 {
    font-size: 2.2rem;
    font-weight: bold;
    }

.construction_tx01 {
    margin-top: 5%;
    font-size: 1.4rem;
    line-height: 1.6;
    }
	


.construction_li01 {
    margin: 5% auto;
    }

.construction_li01 li {
    display: inline-block;
    padding: .5% 1%;
    font-size: 1.6rem;
    border: 1px solid #000;
    border-radius: 5px;
    }

.construction_li01 li:first-child {
    margin-right: 2%;
    padding: .5% 2%;
    color: #fff;
    font-weight: bold;
    background: #E50012;
    border: 1px solid #E50012;
    }

.construction_li01 li:nth-child(3),.construction_li01 li:nth-child(5),.construction_li01 li:nth-child(7) {
    padding: 0 .8%;
    border: none;
	}

.construction_li01 li span {
    font-size: 1rem;
    }


/* 構造の詳細 */

.construction_bigbox02 {
    margin-bottom: 5%;
    padding: 3% 3% 0;
    text-align: left;
    border: 1px solid #aaa;
    border-radius: 5px;
    }

.construction_ti02 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.8;
    }


.construction_ti02 span {
    margin-left: 10px;
    padding: 6px 10px 5px;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    background: #5AA472;
    vertical-align: middle;
    }

.construction_tx02 {
    margin: 2% auto 3%;
    font-size: 1.4rem;
    line-height: 1.6;
    }


.construction_bigbox03 {
    margin-bottom: 3%;
    }

.construction_box01 {
    width: 49%;
    float: left;
    }

.construction_box02 {
    width: 49%;
    float: right;
    }


.construction_img01_sp {
    display: none;
    }

.construction_img02 {
    margin-bottom: 5%;
    }


/* --------------------------------------------------------------- */


.design_ti01 {
    position: relative;
    margin: 10% auto 3%;
    padding: 1.5% 0 1.5% 7%;
    text-align: left;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    background: #009344;
    }

.design_ti01:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 2%;
    background: url("../construction/images/icon02.png") no-repeat left center;
    background-size: contain;
    }

.design_bg01 {
    padding: 10% 0;
    background: url("../construction/images/bg_img03.gif") no-repeat center top;
    background-size: contain;
    }

.design_copy01 {
    font-size: 2.2rem;
    font-weight: bold;
    }

.design_tx01 {
    margin-top: 5%;
    font-size: 1.4rem;
    line-height: 1.6;
    }
.design_tx01 span{
    font-size: 1.2rem;
	color:#666;
    }

/* 設計の詳細 */

.design_bigbox01 {
    margin-bottom: 2%;
    }

.design_box01 {
    width: 49%;
    float: left;
    }

.design_box02 {
    width: 49%;
    float: right;
    }


.design_img01 {
    margin-bottom: 3.8%;
    }

.design_img02_sp {
    display: none;
    }

/* --------------------------------------------------------------- */
/* 標準仕様
/* --------------------------------------------------------------- */

.spec_bigbox01 {
    margin-bottom: 7%;
    }


.spec_tibox01 {
    margin-bottom: 30px;
    padding: 1% 2%;
    color: #fff;
    background: #009344;
    }

.spec_ti01 {
    float: left;
    font-size: 2.2rem;
    font-weight: bold;
    }

.spec_tibox01 p {
    margin-top: .5%;
    float: right;
    font-size: 1.4rem;
    }


.spec_bigbox02 {
    margin-bottom: 3%;
    padding: 2% 3%;
    text-align: left;
    border: 1px solid #000;
    }

.spec_subti01 {
    margin-bottom: 2%;
    padding-bottom: .5%;
    text-align: left;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #000;
    }

.spec_box01 {
    width: 49%;
    float: left;
    }

.spec_box01 p,.spec_box02 p {
    margin-bottom: 3%;
    }

.spec_box02 {
    width: 49%;
    float: right;
    }

.spec_img01_sp {
    display: none;
    }

.spec_tx01 {
    margin-top: 1%;
    }

/* --------------------------------------------------------------- */
/* 家づくりの逃れ
/* --------------------------------------------------------------- */

.flow_bigbox01 ul {
    text-align: left;
    }

.flow_bigbox01 li {
    position: relative;
    margin-bottom: 60px;
    padding: 3%;
    border: 1px solid #000;
    }

.flow_bigbox01 li:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    width: 1px;
    height: 62px;
    margin: auto;
    background: #000;
    }

.flow_bigbox01 li:last-child:after {
    position: static;
    content: none;
    top: 0;
    width: 0;
    height: 0;
    background: none;
    }

.flow_bigbox01 li:nth-child(3),.flow_bigbox01 li:nth-child(5),.flow_bigbox01 li:nth-child(6),.flow_bigbox01 li:nth-child(7),.flow_bigbox01 li:nth-child(9) {
    border: 1px solid #ddd;
    background: #ddd;
	}

.flow_box01 {
    width: 60%;
    float: left;
    }

.flow_ti01,.flow_ti02,.flow_ti04,.flow_ti08,.flow_ti10 {
    position: relative;
    margin-bottom: 30px;
    padding-left: 50px;
    font-size: 2.2rem;
    font-weight: bold;
    }

.flow_ti03,.flow_ti05,.flow_ti06,.flow_ti07 ,.flow_ti09 {
    position: relative;
    margin: 0 auto;
    padding-left: 50px;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    }

.flow_ti01:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 0;
    background: url("../flow/images/number01.png") no-repeat left center;
    background-size: contain;
    }

.flow_ti02:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 0;
    background: url("../flow/images/number02.png") no-repeat left center;
    background-size: contain;
    }

.flow_ti03:before {
    position: absolute;
    content: '';
    padding: 15px;
     left: 30%;
    background: url("../flow/images/number03.png") no-repeat left center;
    background-size: contain;
    }

.flow_ti04:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 0;
    background: url("../flow/images/number04.png") no-repeat left center;
    background-size: contain;
    }

.flow_ti05:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 30%;
    background: url("../flow/images/number05.png") no-repeat left center;
    background-size: contain;
    }
    
.flow_ti06:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 40%;
    background: url("../flow/images/number06.png") no-repeat left center;
    background-size: contain;
    }

.flow_ti07:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 35%;
    background: url("../flow/images/number07.png")no-repeat left center;
    background-size: contain;
    }

.flow_ti08:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 0;
    background: url("../flow/images/number08.png") no-repeat left center;
    background-size: contain;
    }

.flow_ti09:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 36%;
    background: url("../flow/images/number09.png") no-repeat left center;
    background-size: contain;
    }

.flow_ti10:before {
    position: absolute;
    content: '';
    padding: 15px;
    left: 0;
    background: url("../flow/images/number10.png") no-repeat left center;
    background-size: contain;
    }

.flow_tx01 {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
    }

.flow_tx02 {
    margin-top: 10px;
    padding: 2% 3%;
    font-size: 1.3rem;
    line-height: 1.6;
    text-align: justify;
    background: #ddd;
    }

.flow_box02 {
    width: 30%;
    float: right;
    }


/* --------------------------------------------------------------- */
/* オーナーズボイス
/* --------------------------------------------------------------- */

/* 一覧 */

.voice_bigbox01 ul {
     text-align: left;
     margin-bottom: -10%;
     }

.voice_bigbox01 li {
     display: inline-block;
     width: 47%;
     margin-bottom: 8%;
     padding-bottom: 3%;
     border: 1px solid #000;
     }

.voice_bigbox01 li img {
     margin-top: -6.3%;
     }

.voice_bigbox01 li:nth-child(even){
     margin-left: 5%;
     }


/* --------------------------------------------------------------- */

/* 個別 */

.voice_bigbox02 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }

.voice_ti01 {
    margin-top: -5%;
    margin-bottom: 40px;
    }

.voice_ti01_sp {
    display: none;
    }

.voice_box01 h3 {
    margin: 80px auto 60px;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 1px;
    }

.voice_box01 p {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
    }


.voice_box02 {
    margin: 100px auto;
    }

.voice_box02 p {
    margin-top: 80px;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
    }

.voice_img01 {
    width: 48%;
    float: left;
    }

.voice_img02 {
    width: 48%;
    float: right;
    }

.voice_comment01 {
	position: relative;
    padding: 3% 4%;
    }

.voice_comment01::before,
.voice_comment01::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.voice_comment01::before {
    top: 0;
    left: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    }

.voice_comment01::after {
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    }

.voice_thanks01 {
    margin-bottom: 80px;
    font-size: 1.1rem;
    letter-spacing: 1px;
    }

.voice_pagination01 {
    margin-top: 50px;
    }

.voice_pagination01 li {
    display: inline-block;
    font-size: 1.4rem;
    color: #999;
    }

.voice_pagination01 li:first-child:after {
    content: "｜";
    margin: 0 3px;
    color: #000;
    }


/* --------------------------------------------------------------- */
/* ブログ（スタッフブログ・イベント）
/* --------------------------------------------------------------- */

/* ブログ関連のフッターバナー */

#event .footer_bana01,#staff_blog .footer_bana01,#news .footer_bana01 {
    display: none;
    }

/* --------------------------------------------------------------- */

/* ボックス設定 */

.blog_box01 {
    width: 70%;
    float: left;
    text-align: left;
    }

.blog_box02 {
    width: 20%;
    float: right;
    text-align: left;
    }

.blog_waku01 {
    margin-bottom: 80px;
    padding-bottom: 30px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    }


/* --------------------------------------------------------------- */

/* タイトル・テキスト・画像設定 */

.blogti_box01 {
    margin: 30px auto;
    padding-bottom: 20px;
    border-bottom: 1px dotted #000;
    }

.blog_ti01 {
    width: 75%;
    float: left;
    font-size: 2.2rem;
    font-weight: bold;
    }

.blog_day01 {
    width: 17%;
    margin-top: 1%;
    float: right;
    font-size: 1.2rem;
    }

.blog_tx01 {
    font-size: 1.4rem;
    line-height: 2;
    }

.blog_tx01 img {
    width: auto;
    max-width: 100%;
    height: auto;
    }

.blog_tx01 iframe {
    width: 100%;
    max-height: 400px;
    }

/* --------------------------------------------------------------- */

/* ページネーション設定 */

.pagination_box01 {
    margin: -30px auto 50px;
    text-align: center;
    font-size: 1.4rem;
    color: #009046;
    }

.pagination_box01 li {
    display: inline-block;
    margin: 0 5px;
    color: #009046;
    }

.pagination_box01 li:first-child {
    margin-left: 0;
    }


.pagination_box02 {
    margin: -40px auto 50px;
    text-align: center;
    font-size: 1.4rem;
    color: #009046;
    }

.pagination_box02 li {
    display: inline-block;
    color: #009046;
    }

.pagination_box02 li:nth-child(2):before {
    content: "｜";
    margin: 0 5px;
    color: #000;
    }

.pagination_box02 li:nth-child(2):after {
    content: "｜";
    margin: 0 5px;
    color: #000;
    }

/* --------------------------------------------------------------- */

/* サイドエリア設定 */

.blog_sidebox01 {
    margin-bottom: 60px;
    }

.blog_sidebox01 p {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 2px solid #000;
    }

.blog_sidebox01 li {
    font-size: 1.2rem;
    border-bottom: 1px dotted #000;
    }

.blog_sidebox01 li a {
    display: block;
    padding: 10px 0;
    }

.blog_sidebox01 li:first-child a {
    display: block;
    padding: 0 0 10px;
    }

.blog_sidebox02 li {
    margin-bottom: 10px;
    background: #8DB884;
    }

.blog_sidebox02 li img {
    vertical-align: bottom;  /* Firefox隙間対策 */
    }




/* --------------------------------------------------------------- */
/* 会社概要
/* --------------------------------------------------------------- */

#company .haseiti_bg01 {
    background: url("../company/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }

.company_box01{
	border-top:solid 1px #000;
	padding:5%;

}

.company_bigbox{
	border-bottom:solid 1px #000;
	margin-bottom:10%;
}



/* コンセプト */

.company_concept01{
	float:left;
	width:10%;
}

.company_concept02{
	text-align:left;
	float:right;
	width:80%;
}

.company_ti01{
	font-size:1.7rem;
	font-weight:bold;
	margin-bottom:2%;
}

.company_tx01{
	font-size:1.4rem;
	line-height:1.6;
}

/* ごあいさつ */

.company_gre{
	margin-bottom:10%;
}

.company_gre01{
	float:left;
	width:58%;
}

.company_greti{
	text-align:left;
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:5%;
}

.company_gre_name {
	text-align:right;
	font-size:2.1rem;
	margin-top:2%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
	
.company_gre_name span {
	font-size:1.2rem;
	margin-right:5%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

.company_gre01 p{
	text-align:left;
	font-size:1.4rem;
	line-height:1.6;
}

.company_gre02{
	float:right;
	max-width:360px;
	width:40%;
}


/* 会社概要 */

.company_table{
	font-size:1.4rem;
	text-align:left;
	margin-bottom:10%;
}
.company_table01{
	width:40%;
	float:left;
}

.company_table02{
	width:54%;
	float:right;
}

.company_table01 tr,.company_table02 tr{
	width:47%;
	border-top:1px solid #000;
}

.company_table01 tr:last-child,.company_table02 tr:last-child{
	width:47%;
	border-bottom:1px solid #000;
}
.company_table01 td,.company_table01 th{
	padding:4% 0;
}
.company_table02 td,.company_table02 th{
	padding:3% 0;
}
.company_table01 th{
	width:20%;
}
.company_table02 th{
	width:34%;
}
.company_table02 ul li {
	list-style-type: square;
}

/* --------------------------------------------------------------- */
/* アクセス
/* --------------------------------------------------------------- */

#access .haseiti_bg01 {
    background: url("../access/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }

.access_bigbox{
	margin-top:5%;
	border-bottom:solid 1px #000;
}

.access_box01{
	text-align:left;
	float:left;
	width:50%;
	height:345px;
}

.access_bg01{background:url("../access/images/bg01.jpg") no-repeat right bottom ;}
.access_bg02{background:url("../access/images/bg02.jpg") no-repeat right bottom ;}
.access_bg03{background:url("../access/images/bg03.jpg") no-repeat right bottom ;}
.access_bg04{background:url("../access/images/bg04.jpg") no-repeat right bottom ;}
.access_bg05{background:url("../access/images/bg05.jpg") no-repeat right bottom ;}

.access_ti{
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:6%;
}
.access_tx{
	font-size:1.4rem;
	line-height:1.5;
}
.access_box02{
	text-align:left;
	float:right;
	width:47%;
}

.access_box02 iframe{
	max-width:470px;
	min-height:345px;
}
.access_box03{
	text-align:right;
	font-size:1.2rem;
	margin:1% 0 2%;
}

.access_box03 a{
	color:#009046;
}

/* --------------------------------------------------------------- */
/* スタッフ紹介
/* --------------------------------------------------------------- */

#staff .haseiti_bg01 {
    background: url("../staff/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }
	
.staff_bigbox li{
	display:inline-block;
	width: 48%;
	vertical-align:top;
	height: 420px;
}
.staff_bigbox li:nth-child(even){ margin-left:3%; }

.staff_box {
	border:1px solid #CCC;
	width:100%;
	margin-bottom:4%;
}
.staff_box  img{
	max-width:480px;
}

.staff_inner{
	margin:4%;
}

.staff_name{
	font-size:1.5rem;
	text-align:left;
	margin-bottom:4%;
}

.staff_name span{
	margin-right:2%;
	font-size:1.1rem;
}

.staff_tx{
	font-size:1.2rem;
	text-align:justify;
}
/* --------------------------------------------------------------- */
/* お問い合わせ
/* --------------------------------------------------------------- */


#contact .haseiti_bg02 {
    background: url("../contact/images/bg_img01.jpg") no-repeat left top;
    background-size: cover;
    }
	
	
	
.contact_tx01{
	text-align:center;
	font-size:1.1rem;
	color:#666;
}

.contact_tx02{
	font-weight:bold;
	font-size:1.7rem;
	margin:5% 0 7%;
}

.contact_tx03{
	margin:5% 0;
}


.contact_inner {
	font-size:1.5rem;
}

.contact_inner span{
	margin: 5px;
	padding: 0 5px;
    font-size: 1.4rem;
    background: #E50012;
	color:#fff;
	display:inline-block;
}

.contact_hamburger_waku {
	font-size: 0;
}

.contact_menu_btn01 {
	font-size: 10px;
}

#contact_line_box {
	padding: 5% 0;
}

.contact_line_img_pc {
	max-width: 802px;
	width: 100%;
	margin: 0 auto; 
}

.contact_line_img_sp {
	display: none;
}


/* フォーム設定 */

.contact_bigbox01 {
	font-size: 1.5rem;
	text-align: left;
	margin-bottom:15%;
	}

.contact_bigbox01 ul {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	list-style: none;
	}
	

.contact_ti01,.contact_ti02 {
	width: 25%;
	padding-right: 2%;
	float: left;
	line-height: 1.4;
	}

.contact_ti02 {
	line-height: normal;
	}



.contact_waku01,.contact_waku02 {
	width: 70%;
	float: right;
	text-align: left;
	}
	
.contact_waku02 {
	line-height: 190%;
	margin-bottom: 1%;
}
	
.contact_minitx {
	color:#999;
	}
	

.contact_waku01 input {
	width: 98%;
	padding: 0 1%;
	line-height: 2;
	vertical-align: middle;
	font-size: 1.4rem;
	border: 1px solid #ccc;
	background: #f7f7f7;
	font-family: "Noto Sans JP", sans-serif;
	box-shadow: none;
	-webkit-appearance: none;
	}

_:-ms-input-placeholder, :root .contact_waku01 input {
	padding: 0 1% 1%;
	}

input[type="checkbox"], input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

select {
    font-size: 1.4rem;
}
.contact_waku01 textarea {
	width: 98%;
	padding: 1%;
	font-size: 1.4rem;
	border: 1px solid #ccc;
	background: #f7f7f7;
	font-family: "Noto Sans JP", sans-serif;
	box-shadow: none;
	-webkit-appearance: none;
	}

/* フォーム　送信ボタン設定 */

.contact_next01 {
	margin: 50px auto 0;
	text-align: center;
	}

.contact_next01 p {
	margin-bottom: 30px;
	}

input.contact_btn01,input.contact_btn02 {
	width: 13%;
	padding: 1% 2%;
	font-size: 1.4rem;
	text-align: center;
	border: 1px solid #ccc;
	background: none;
	box-shadow: none;
	-webkit-appearance: none;
	cursor: pointer;
	cursor: hand;
	color: #000;
	font-family: "Noto Sans JP", sans-serif;
	}

input.contact_btn01:hover,input.contact_btn02:hover {
	background: #F66;
	color:#FFF;
	}
	
input.contact_btn02 {
	margin-left: 10px;
	}



.contact_addr01 input {
    width: 40%;
    margin-left: 5px;
    margin-bottom: 7px;
}

/* 個人情報について */
.kojin_box p{
	text-align:left;
	font-size:1.3rem;
	}
	
.kojin_box {
	margin-bottom:10%;
	}
	
.kojin_box ul li{
	list-style: circle;
	margin-left:3%;
	font-size:1.3rem;
	text-align:left;}
.kojin_box ul{
	margin-top:1%;
}
.kojin_ti01{
	text-align:center;
	font-weight:bold;
	font-size:1.6rem;
	margin-bottom:3%}

.kojin_ti02{
	text-align:left;
	margin:3% 0 1%;
	font-weight:bold;
	font-size:1.4rem;}


/* --------------------------------------------------------------- */
/* 404エラー
/* --------------------------------------------------------------- */


.error_ti{
	font-size:1.8rem;
	font-weight:bold;
	margin:10% 0 0;
}
.error_tx{
	font-size:1.4rem;
	margin:5% 0;
}

.error_btn a {
    font-size: 1.6rem;
    padding: 2% 11%;
    color: #fff;
    background: #00943F;
    border-radius: 5px;
	font-weight:bold;
}

.error_btn {
	margin-bottom:15%;
}


/* --------------------------------------------------------------- */
/* HOMA
/* --------------------------------------------------------------- */


/*HOMAメイン画像*/

.homa_mainti01 {
    max-width: 660px;
    margin: 50px auto 80px;
    }


.homa_bigbox01 {
    position: relative;
    display: flex;
    height: 100%;
    margin: 0 0 150px auto;
    }

.homa_maintx {
    position: relative;
    width: 23%;
    top: 40px;
    left: 60px;
    }

.homa_maintx_sp {
    display: none;
    }

.homa_mainimg_area {
    position: absolute;
    width: 65%;
    height: 100%;
    top: 0;
    right: 0;
    }

.homa_mainimg,.homa_mainimg_tx {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }


.homa_mainimg li,.homa_mainimg_tx li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    }

.homa_mainimg li:first-child,.homa_mainimg_tx li:first-child {
    position: relative;
    display: block;
    float: left;
    }

.homa_mainimg img,.homa_mainimg_tx img {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    }


@media screen and (min-width: 1200px) {

.homa_bigbox01 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1200px;
    margin: 0 auto 60px;
    }

.homa_maintx {
    position: static;
    width: 25%;
    margin-left: 0;
    }

.homa_mainimg_area {
    position: static;
    width: 67%;
    }
    }

/*HOMA バナーエリア*/

.homa_banabox01 {
    display: flex;
    justify-content: space-between;
    margin: 130px auto 80px;
    }
	
.homa_banabox03 {
	max-width:1200px;
	margin:2% auto 1%;
	display:block;
	border: 1px solid #eee;
    }

	
.homa_banabox03_sp {
	display:none;
    }

@media screen and (max-width: 1200px) {
.homa_banabox03 {
	max-width:1000px;
    }
    }

@media screen and (min-width: 1500px) {

.homa_banabox01 {
    margin: 80px auto;
    }
	
    }

.homa_bana01 {
    width: 48%; /* 191111 バナー1つの時は60%＋マージン0auto、2つの時は48%です。 */
    }

.homa_banabox01_sp {
    display: none;
    }
	
/*HOMA コロナウイルス対策*/
.homa_kakudai {
	text-align:left;
	max-width:1200px;
	margin: 0 auto 4%;
	font-size: 1.6rem;
	font-weight: bold;
    }
	
.homa_kakudai a {
	color:#F00;
	border-bottom: 2px solid #f00;
    }
	
@media screen and (max-width: 1200px) {
.homa_kakudai {
	max-width:1000px;
    }
    }

/*HOMA ポイントエリア*/

.homa_bg01 {
    background: #f8f8f8;
    }

.homa_pointbox01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
    }

.homa_point01 {
    width: 25%;
    }

.homa_point02 {
    width: 65%;
    }

.homa_point02 li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cacaca;
    }

.homa_point02 li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    }

.homa_pointbox01_sp {
    display: none;
    }


/*HOMA スクロールアイコン*/

.homa_scroll_icon {
    position: relative;
    max-width: 30px;
    margin: 80px auto;
    }


/*HOMA コンセプトエリア*/

.homa_bg02 {
    background: url("../homa/images/bg_img01.jpg") no-repeat;
    background-size: cover;
    }

.homa_bg03 {
    max-width: 750px;
    margin: 0 auto;
    padding: 0 5%;
    background: #fff;
    }


.homa_conceptbox01 h2 {
    max-width: 400px;
    margin: 0 auto;
    padding: 80px 0;
    }

.homa_conceptbox01 p {
    padding-bottom: 40px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 1.5rem;
    line-height: 2;
    }

.homa_conceptbox01 p:last-child {
    padding-bottom: 100px;
    }

.homa_concept_icon {
    position: relative;
    max-width: 950px;
    margin: -20px auto 0;
    padding-bottom: 50px;
    }


/* HOMA スクロール画像ボックス */

.homa_bg04 {
    background: url("../homa/images/bg_img02.gif") no-repeat center 52%;
    background-size: 1000px auto;
    }

.homa_scroll_box01 {
	margin: 130px auto 80px;
	}

.homa_scroll_box02 {
	margin-bottom: 120px;
	}

.homa_scroll_box01 img,.homa_scroll_box02 img {
	margin: 0;
	padding: 0;
    vertical-align: top;
	}

@-moz-document url-prefix() {
.homa_scroll_box01 img,.homa_scroll_box02 img {
    will-change: transform; /* Firefoxちらつき防止 */
	}
    }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.homa_scroll_box01 img,.homa_scroll_box02 img {
    will-change: transform; /* IEちらつき防止 */
	}
}

.homa_scroll_box01 ul,.homa_scroll_box02 ul {
	margin: 0;
	padding: 0;
	height: 180px;
    display: none;
	}


.homa_scroll_box01 li,.homa_scroll_box02 li {
    display: inline-block;
	margin: 0 50px 0 0;
	padding: 0;
	max-width: 270px;
    vertical-align: top;
	}

/* HOMA タイトル設定 */

.homa_main_ti01 {
    max-width: 850px;
    margin-bottom: 60px;
    }

.homa_main_ti01_sp {
    display: none;
    }

.homa_subti {
    max-width: 140px;
    margin: 0 auto 80px;
    }


/* HOMA 特長エリア */

.homa_feature_bigbox01 {
    position: relative;
    }


.homa_featurebox01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }

.homa_feature01 {
    width: 45%;
    }

.homa_feature01:first-child {
    padding-right: 4%;
    padding-bottom: 5%;
    border-bottom: 1px solid #bbb;
    }

.homa_feature01:nth-child(2) {
    padding-left: 5%;
    padding-bottom: 5%;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    }


.homa_feature01:nth-child(3) {
    padding-right: 4%;
    padding-top: 5%;
    }

.homa_feature01:last-child {
    padding-top: 5%;
    padding-left: 5%;
    border-left: 1px solid #bbb;
    }

.homa_feature_space {
    position: absolute;
    display: inline-block;
    width: 5%;
    padding: 2% 0;
    top: 44.5%;
    left: 47%;
    background: #fff;
    }


.homa_featurebox02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 120px;
    }

.homa_feature02 {
    width: 30%;
    margin-top: 80px;
    border-bottom: 1px solid #bbb;
    }
	
.homa_feature02:last-child {
    border-bottom:none;
    }


/* HOMA 例エリア */

.homa_examplebox01 {
    padding: 100px 0;
    }

.homa_example01 {
    max-width: 800px;
    margin: 0 auto;
    }

.homa_example01_sp {
    display: none;
    }

/* HOMA プランエリア */

.homa_plan_bigbox01 {
    margin: 100px auto;
    }

.homa_plan_tx {
    padding: 1% 2%;
    font-size: 1.4rem;
    color: #ee8398;
    outline: 1px solid #ccc;
    }

.homa_planbox01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 140px auto 50px;
    }

.homa_planitem01 {
    width: 50%;
    }

.homa_planitem01:nth-child(2) {
    width: 43%;
    margin-top: 4.5%;
    }

.homa_planbox01_sp {
    display: none;
    }

.homa_plan_floor img,.homa_plan_floor_sp img {
    height: auto;
    width: 100%;
    }

.homa_plan_floor_sp {
    display: none;
    }

.slick-dots li button:before {
    font-size: 3rem;/*ドットサイズ変更*/
    line-height: 1;
    }

/* HOMA お問い合わせエリア */

.homa_contact_ti01 {
    margin: 180px auto 100px;
    }

/* HOMA フッターボタンエリア */

#homa_footer_scroll {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 100;
    }


.homa_footer_contactbox01 ul {
    width: 100%;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    font-size: 0;
    }
	
.homa_footer_contactbox01 li img {
	border-radius:3px;
    }
	
/*追従バナーひとつの時*/

.homa_footer_contactbox01 li {
    width: 60%;
    min-width: 150px;
    }

.homa_footer_contactbox01 li:first-child {
    margin-right: 0px;
    }
	
/*追従バナー2つの時*/

.homa_footer_contactbox01.banatwo li {
    width: 25%;
    min-width: 150px;
    }

.homa_footer_contactbox01.banatwo li:first-child {
    margin-right: 10px;/*
    }
	


/* --------------------------------------------------------------- */
/* オンライン相談会
/* --------------------------------------------------------------- */

.online_pctab {
	display: block;
    }

.online_sp {
	display: none;
    }

.online_br_sp {
	display: none;
    }

.online_top_bigbox {
	max-width: 1200px;
	margin: 0 auto;
    }


.haseiti_online_img {
    background: url("../online/images/online_con01_img01.jpg");
    background-size: auto;
	padding-top: 11%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    }

.haseiti_online_img_sp {
    background: url("../online/images/online_con01_img01_sp.jpg");
    background-size: auto;
	padding-top: 26%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    }
		


#contact_ti_box {
	border-top: 1px solid #BBBDBF;
    border-bottom: 1.5px solid #BBBDBF;
	margin-top: 5%;
	}

#contact_ti_box p {
	font-size: 2.5rem;
	font-weight: bold;
	padding: 4% 0;
	text-align: center;
	}

.online_con01 {
    background: linear-gradient(to right, #fff 0%,#e6e7e7 50%,#fff 100%);
    }

.online_con01_inner {
    display: flex;
    justify-content: space-between;
    padding-top: 3%;
    }

.online_con01_inner ul {
    width: 151px;
    border: 3px solid #D0D2D3;
    border-radius: 10px;
    }

.online_con01_inner li {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 30px 10px;
    background-color: #fff;
    border-radius: 10px;
    }

.online_con01_tx {
    color: #DF5A6B;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 2% 0;
	letter-spacing: 2px;
    }

.online_con01_icon {
    max-width: 70px;
    margin: 0 auto;
    }

.online_con02_img01 {
    max-width: 321px;
    padding: 3% 0;
	margin: 0 auto;
	width: 100%;
	display: block;
    }

.online_con02_ti {
    font-size: 4rem;
    font-weight: bold;
    background: linear-gradient(transparent 60%, #FFFF86 60%);
    display: inline-block;
    }
	
.online_con02_tx {
    font-size: 1.9rem;
    padding: 3% 0;
    }

.online_con03 {
    position: relative;
    margin: 4% 0;
    }

.online_con03_ti {
    font-size: 2.4rem;
    font-weight: bold;
    padding: 1.3% 7%;
    display: inline-block;
    border-bottom: 4px solid;
    background-color: #fff;
    position: absolute;
    top: -28px;
    left: 35%;
    right: 35%;
    }

.online_con03_inner {
    display: flex;
    justify-content: space-around;
    border: 5px solid #D0D2D3;
    border-radius: 10px;
    padding: 5% 6%;
	align-items: center;
    }

.online_con03_inner img {
    max-width: 203px;
    padding: 6% 0;
    }

.online_con03_inner li:nth-child(2n) {
    font-size: 1.6rem;
    font-weight: bold;
    }

.online_con03_tx {
    text-align: center;
    padding: 1% 0 5%;
	font-size: 1.4rem;
    }
	
.online_con03_ya img {
    max-width: 56px;
    }

.cr_red {
	color: #EC1B23;
	padding-top: 1%;
    }
	
.contact_want_other input{
	width: 45%;
    padding: 0 1%;
    line-height: 2;
    vertical-align: middle;
    font-size: 16px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    font-family: "Noto Sans JP", sans-serif;
    box-shadow: none;
    -webkit-appearance: none;
    }