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

body {
    -webkit-text-size-adjust: 100%;
    }


/* 改行位置-----------------------------------------------------------*/
  .br-pc { display:none; }
  .br-tab-sp { display:block; }
  .br-sp { display:block; }
  
/* 電話番号設定 */

a[href^="tel:"] {
    pointer-events: auto;
}


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

#scroll_contact,#scroll_tel {
    display: none;
    }

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

/* ヘッダー指定 */

.header_bigbox01 {
    margin: 25px auto 10px;
    }

.header_box01 {
    width: 100%;
    float: none;
    }

.header_box01 li {
    width: 49%;
    }

.header_box01 li:first-child {
    display: block;
    width: 100%;
    }

.header_box01 li:nth-child(2){
    margin-left: 0;
    margin-right: 2%;
    }

.header_logo01 {
    max-width: 230px;
    margin-bottom: 30px;
}

.header_copy01 {
    display: none;
    }

.header_box02 {
    position: absolute;
    top: 0;
    right: 8%;
    float: none;
    }

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

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

.hamburger_waku {
    top: -7px;
    }

.menu_btn01 {
    display: none;
    }

#hamburger_btn {
    width: 100%;
    margin-left: 0;
	padding: 16px 5px 20px;
    border: none;
    text-align: center;
    }

#hamburger_btn:hover {
    background: rgb(0,0,0,0);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    }

#hamburger_btn p {
    top: 0;
    left: -8px;
    }


#hamburger_btn span {
    display: block;
    position: absolute;
    width: 30px;
    }


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

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

#hamburger_btn span:nth-child(3){
    top: 16px;
    }

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

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

.active #sidebar {
    width: 100%;
    }

.navimenu01 {
    width: 90%;
    margin: 50px auto;
    }

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

/* フッターバナー */

.

_bana01 {
    margin: 20px auto;
    }

.footer_bana01 li {
    width: 49%;
    margin-left: 0;
    margin-bottom: 5px;
    }

.footer_bana01 li:nth-child(even) {
    margin-left: 2%;
    }

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

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

.footer_bigbox01 {
    padding: 30px 0;
    }

.footer_box01 {
    width: 100%;
    margin-bottom: 30px;
    float: none;
    }
    
.footer_logo01 {
    max-width: 100%;
    margin-bottom: 15px;
    }

.footer_box02 {
    width: 100%;
    float: none;
    text-align: center;
    }

.footer_contact01 img,.footer_tel01 img {
    max-width: 80%;
    text-align: center;
    }

.footer_tel01 {
    margin: 15px auto 10px;
    }
    
/* --------------------------------------------------------------- */

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

.footer_bigbox02 {
    padding: 20px 0;
    }

.footer_addrbox01 {
    margin-bottom: 30px;
    }

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

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

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


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

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

.pagetop_sp {
	display: flex;
	position: fixed;
    right: 0;
    bottom: 0;
	font-size: 0;
}

.pagetop_sp ul{
	display: flex;
}

.pagetop_sp img {
	
	width: 100%;
}


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


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

.haseiti_bg01 {
    padding-top: 28%;
    }

.haseiti_bg02 {
    padding-top: 20%;
    }

.haseiti_bigbox01 {
    margin: -5px auto 10px;
    }

#voice_list .haseiti_bigbox01 {
    margin: 5% auto 10px;
    }

.haseiti_box01 {
    width: 100%;
    }

.haseiti_box01 h2 {
    max-width: 100%;
    margin-bottom: 15px;
    }

.haseiti_box01 p {
    font-size: 1rem;
    }

.haseiti_box02 {
    position: static;
    width: 100%;
    margin-top: 20px;
    top: 0;
	font-size:1rem;
    }

.haseiti_box02 ul {
    text-align: left;
    }
	
.haseiti_box02 li {
    font-size:0.8rem;
    }

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

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

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

.scroll_box01 ul,.scroll_box02 ul,.scroll_box03 ul {
	height: 80px;
	}

.scroll_box02 ul {
	height: 120px;
	}

.scroll_box01 li,.scroll_box03 li {
	max-width: 135px;
	}

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

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

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

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

/* ブログ更新情報 */

.topblog_libox03 {
    margin: 0 auto 30px;
    }

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

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

.topconcept_bigbox01 {
    padding: 40px 0 0;
    }

.topconcept_box01 {
    width: 100%;
    margin: 20px auto 30px;
    float: none;
    }

.topconcept_img01 {
    display: none;
    }

.topconcept_img01_sp {
    display: block;
    }

.topconcept_box02 {
    width: 100%;
    float: none;
    }

.topconcept_box02 h3 {
    max-width: 100%;
    margin: 60px 0 30px;
    }

.topconcept_box02 p {
    line-height: 1.6;
    margin-bottom: 15px;
    }

.topconcept_box02 br {
    display: none;
    }

.topconcept_more01 {
    padding-bottom: 30px;
    }

.topconcept_more01 a {
    width: 50%;
    margin: 10px auto 0;
    }

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

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

.top_bana01 {
    display: none;
    }

.top_bana01_sp {
    display: block;
    padding: 30px 0;
    }

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

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

.top_commentbox h3{
	margin: 3% 0;
	}
	
.top_commentbox p{
	line-height:1.2;
	margin:3% 0;
	}
	

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

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

.top_bana02 {
    padding: 20px 0;
    }

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

/* トップページSNS */

.topsns_bigbox01 {
    margin: 20px auto 0;
    }

.topsns_box02 li {
    display: inline-block;
    width: 46%;
    margin-left: 0;
    margin-bottom: 20px;
    vertical-align: top;
    }

.topsns_box02 li:nth-child(even) {
    margin-left: 8%;
    }
	
	
	
/* --------------------------------------------------------------- */

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

.top_bana_shiryou {
	display:none;
}

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

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


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


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


.conceptti_box01 {
    width: 100%;
    margin-top: 30px;
    float: none;
    text-align: left;
    }

.conceptti_box01 h2 {
    max-width: 100%;
    }

.conceptti_box01 p {
    position: static;
    top: 0;
    right: 0;
    margin: 15px 0 40px;
    font-size: 1rem;
    }


.conceptti_box02 {
    display: none;
    width: 100%;
    margin-bottom: 35px;
    float: none;
    }

.conceptti_box02 ul {
    text-align:left;
    }

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

/* コンセプト紹介 */

.concept_bg01 {
    height: auto;
    padding: 3% 0 65%;
    }

.concept_bigbox01 {
    }

.concept_copy01 {
    max-width: 100%;
    margin: 40px auto 20px;
    }

.concept_img01 {
    display: none;
    }

.concept_bigbox01 li:first-child,.concept_bigbox01 li:last-child {
    display: none;
    }


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

.concept_bigbox01 li:nth-child(2) p {
    margin: 20px auto;
    line-height: 1.4;
    }

.concept_bigbox01 li:last-child {
    display: none;
    }

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

/* コンセプトyoutube */

.concept_youtube {
    margin: 30px auto 100px;
    }
/* --------------------------------------------------------------- */

/* 特長 */

.philosophy_bigbox01 {
    top: -78px;
    padding-bottom: 80px;
    font-size: 1.4rem;
    }

.philosophy_bigbox01 br {
    display: none;
    
    }

.philosophy_ti01 {
    margin-bottom: 15px;
    }


.philosophy_bigbox02 {
    margin-top: -130px;
    }

.philosophy_bigbox02 li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    }


.philosophy_bg01,.philosophy_bg02,.philosophy_bg03,.philosophy_bg04,.philosophy_bg05 {
    padding-top: 30%;
    }

.philosophy_txbox01 {
    padding: 0 20px;
    }

.philosophy_box01 {
    width: 100%;
    top: -15px;
    float: none;
    }

.philosophy_box02 {
    width: 100%;
    float: none;
    }

.philosophy_box02 br {
    display: none;
    }

.philosophy_subti01,.philosophy_subti02,.philosophy_subti03 {
    margin-top: 10px;
    }

.philosophy_box02 {
    width: 100%;
    float: none;
    }


.philosophy_txbox02 {
    margin-top: 15px;
}

.philosophy_tx02 {
    width: 100%;
    float: none;
    }

.philosophy_img01,.philosophy_img02 {
    width: 100%;
    margin-top: 20px;
    float: none;
    }


.philosophy_img01 img {
    max-width: 100%;
    }


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

/* 信頼できる構造 */

.construction_ti01 {
    margin-bottom: 2%;
    padding: 1.5% 0 1.5% 10%;
    font-size: 1.7rem;
    }

.construction_ti01:before {
    padding: 10px;
    }

.construction_bg01 {
    padding: 5% 0;
    text-align: left;
    }

.construction_bg01 br {
    display: none;
    }

.construction_copy01 {
    font-size: 1.6rem;
    }

.construction_tx01 {
    margin-top: 3%;
    }

.construction_li01 {
    margin: 3% auto 5%;
    }

.construction_li01 li {
    display: block;
    padding: 1%;
    font-size: 1.4rem;
    }

.construction_li01 li:first-child {
    margin-right: 0;
    margin-bottom: 5%;
    padding: 1%;
    }

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

.construction_li01 li:first-child {
    margin-right: 0;
    }

/* 構造の詳細 */

.construction_bigbox02 {
    padding: 5% 3% 1%;
    }

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

.construction_ti02 span {
    margin-left: 0;
    padding: 4px 4px 3px;
    font-size: 1.2rem;
    }


.construction_tx02 {
    font-size: 1.2rem;
    line-height: 1.4;
    }

.construction_bigbox03 {
    margin-bottom: 5%;
    }

.construction_box01 {
    width: 100%;
    float: none;
    }

.construction_box02 {
    width: 100%;
    margin-top: 2%;
    float: none;
    }

.construction_img01 {
    display: none;
    }

.construction_img01_sp {
    display: block;
    }


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

.design_ti01 {
    padding: 1.5% 0 1.5% 10%;
    font-size: 1.7rem;
    }

.design_ti01:before {
    padding: 10px;
    }

.design_bg01 {
    padding: 5% 0;
    text-align: left;
    }

.design_bg01 br {
    display: none;
    }

.design_copy01 {
    font-size: 1.6rem;
    }



/* 設計の詳細 */

.design_box01 {
    width: 100%;
    float: none;
    }

.design_box02 {
    width: 100%;
    margin-top: 2%;
    float: none;
    }


.design_img01 {
    margin-bottom: 2%;
    }

.design_img02 {
    display: none;
    }

.design_img02_sp {
    display: block;
    }

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

.spec_bigbox01 {
    margin-bottom: 7%;
    }


.spec_tibox01 {
    margin-bottom: 3%;
    padding: 2%;
    }

.spec_ti01 {
    font-size: 1.8rem;
    }

.spec_tibox01 p {
    margin-top: 1.7%;
    font-size: 1rem;
    }

.spec_bigbox02 {
    margin-bottom: 3%;
    padding: 4% 5%;
    }

.spec_subti01 {
    margin-bottom: 3%;
    padding-bottom: .5%;
    font-size: 1.4rem;
    }

.spec_box01 {
    width: 100%;
    margin-bottom: 2%;
    float: none;
    }

.spec_box02 {
    width: 100%;
    float: none;
    }

.spec_img01 {
    display: none;
    }

.spec_img01_sp {
    display: block;
    }

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

.flow_bigbox01 {
    margin-bottom: 30px;
    }

.flow_bigbox01 li {
    margin-bottom: 20px;
    padding: 5%;
    }

.flow_bigbox01 li:after {
    height: 22px;
    }


.flow_box01 {
    width: 100%;
    float: none;
    }

.flow_ti01,.flow_ti02,.flow_ti04,.flow_ti08,.flow_ti10 {
    margin-bottom: 15px;
    padding-left: 50px;
    font-size: 1.8rem;
    }

.flow_ti03,.flow_ti05,.flow_ti06,.flow_ti07 ,.flow_ti09 {
    padding-left: 50px;
    font-size: 1.8rem;
    text-align: left;
    }


.flow_tx02 {
    font-size: 1.2rem;
    line-height: 1.4;
    }

.flow_tx01 br,.flow_tx02 br {
    display: none;
    }

.flow_box02 {
    width: 100%;
    margin-top: 20px;
    float: none;
    }

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

/* 一覧 */

.voice_bigbox01 ul {
     margin-top: 10%;
	 margin-bottom: 0%;
     }

.voice_bigbox01 li {
     display: block;
     width: 100%;
     margin-bottom: 11%;
     }

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


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

/* 個別 */


.voice_ti01 {
    display: none;
    }

.voice_ti01_sp {
    display: block;
    margin: 20px auto;
    }

.voice_box01 h3 {
    margin: 30px auto 10px;
    font-size: 1.8rem;
    text-align: left;
    }

.voice_box01 p,.voice_box02 p {
    font-size: 1.2rem;
}

.voice_box02 {
    margin: 30px auto;
    }


.voice_box02 p {
    margin-top: 20px;
    }


.voice_img01 {
    width: 100%;
    float: none;
    }

.voice_img02 {
    width: 100%;
    margin-top: 20px;
    float: none;
    }

.voice_comment01 {
    padding: 3% 8%;
    }

.voice_thanks01 {
    margin-bottom: 30px;
    }

.voice_pagination01 {
    margin: 30px auto;
    }

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


/* ボックス設定 */

.blog_waku01 {
    margin-bottom: 40px;
    }

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

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

.blogti_box01 {
    margin: 20px auto 10px;
    padding-bottom: 5px;
    }

.blog_ti01 {
    width: 100%;
    float: none;
    font-size: 1.8rem;
    }

.blog_day01 {
    width: 100%;
    margin-top: 10px;
    float: none;
    }

.blog_tx01 iframe {
    max-height: 230px;
    }

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

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

.pagination_box01 {
    margin: 0 auto 30px;
    font-size: 1.2rem;
    }

.pagination_box01 li {
    margin: 0 3px;
    }
    
.pagination_box02 {
    margin: 0 auto 30px;
    font-size: 1.2rem;
    }





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



.company_bigbox{
	margin-bottom:20%;
}
.company_box01 {
    padding: 10% 0 10% 0;
}


/* コンセプト */

.company_concept01{
	float:none;
	width:30%;
	margin:0 auto 10% auto;
}

.company_concept02{
	float:none;
	width:100%;
}

/* ごあいさつ */

.company_gre{
	margin-bottom:20%;
}

.company_gre01{
	float:none;
	width:100%;
}


.company_gre02{
	margin-top:5%;
	float:none;
	max-width:800px;
	width:100%;
}
.company_gre01 p{
	font-size:1.2rem;
}

/* 会社概要 */
.company_table{
	font-size:1.2rem;
}

.company_table{
	margin-bottom:20%;
}
.company_table01{
	width:100%;
	float:none;
}
.company_table02{
	width:100%;
	float:none;
}

.company_table01 tr,.company_table01 th,.company_table01 td,
.company_table02 tr,.company_table02 th,.company_table02 td {
    display: block;
    width: 100%;
  }
  
.company_table01 tr,.company_table02 tr{
	width:100%;
	border-top:1px solid #000;
}

.company_table02 tr:last-child{
	width:100%;
	border-bottom:1px solid #000;
}

.company_table01 tr:last-child{
	width:100%;
	border-bottom:none;
}

.company_table01 th,.company_table02 th {
    padding: 4% 0 2% 0;
}

.company_table01 td,.company_table02 td{
    padding: 0 0 4% 0;
}

.company_table02 ul li {
	list-style-type: none;
}





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


.access_bigbox{
	margin-top:10%;
}

.access_box01{
	float:none;
	width:100%;
	height:auto;
}
.access_ti{
	font-size:1.8rem;
}


.access_tx a{
	color:#009046;
}
.access_box02{
	margin-top:10%;
	text-align:left;
	float:none;
	width:100%;
}

.access_box02 iframe{
	max-width:none;
	min-height:500px;
}
.access_box03{
	text-align:right;
	font-size:1.4rem;
	margin:3% 0 10%;
}

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

.staff_bigbox li{
	display:block;
	width: 100%;
	vertical-align:top;
	height:100%;
}

.staff_box img{
	max-width:inherit;
}


.staff_box {
	margin-bottom:10%
}

.staff_bigbox li:nth-child(even){ margin-left:0%; }

/* --------------------------------------------------------------- */
/* お問い合わせ
/* --------------------------------------------------------------- */
.contact_inner {
    margin: 0;
	text-align:left;
}

.contact_tx01 {
    text-align: left;

}

#contact_line_box {
	padding: 8% 0;
}

.contact_line_img_pc {
	display: none;
}

.contact_line_img_sp {
	max-width: 754px;
	width: 90%;
	margin: 0 auto;
	display: block;
}

/* フォーム設定 */

.contact_bigbox01 ul {
	margin-bottom: 10px;
	padding-bottom: 15px;
	}

.contact_ti01,.contact_ti02 {
	width: 100%;
	padding-right: 0;
	float: none;
	line-height: 2;
	font-weight: bold;
	font-size: 1.6rem;
	}

.contact_ti01 br {
	display: none;
	}

.contact_waku01,.contact_waku02 {
	width: 100%;
	float: none;
	}

.contact_waku01 input {
	margin-top: 0;
	}

.contact_waku01 textarea {
	margin-top: 5px;
	}

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

.contact_next01 {
	margin: 30px auto 0;
	}

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

input.contact_btn01,input.contact_btn02 {
	width: 30%;
	padding: 2%;
	}
	
/* --------------------------------------------------------------- */
/* HOMA
/* --------------------------------------------------------------- */


/*HOMAメイン画像*/

.homa_mainti01 {
    margin: 8% auto 5%;
    }

.homa_maintx {
    display: none;
    }

.homa_maintx_sp {
    display: block;
    width: 90%;
    margin: 5% auto;
    }

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

/*HOMA バナーエリア*/

.homa_banabox01 {
    display: none;
    }

.homa_banabox01_sp {
    display: block;　/*191223　常時でOK？*/
    justify-content: space-between;
    margin: 5% auto;
    }
	
	
    
.homa_bana02 a img:first-child {
    margin-bottom:3%; /*191111 ※2つの時のみ追加 1つのときはbana02にwidth:100%*/
    }

.homa_banabox03 {
	display:none;
    }

	
.homa_banabox03_sp {
	width:90%;
	display:block;
	margin:0 auto 5%;
	border: 1px solid #eee;
    }

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

.homa_pointbox01 {
    display: none;
    }

.homa_pointbox01_sp {
    display: block;
    }

.homa_point01_sp {
    padding: 8% 0;
    }

.homa_point02_sp li {
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #cacaca;
    }

.homa_point02_sp li:last-child {
    margin-bottom: 0;
    padding-bottom: 10%;
    border-bottom: none;
    }

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

.homa_scroll_icon {
    margin: 8% auto;
    }

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

.homa_bg02 {
    padding-bottom: 8%;
    }

.homa_bg03 {
    max-width: 80%;
    padding: 0 5%;
    }


.homa_conceptbox01 h2 {
    max-width: 300px;
    padding: 10% 0;
    }

.homa_conceptbox01 p {
    padding-bottom: 5%;
    text-align: left;
    }

.homa_conceptbox01 p:last-child {
    padding-bottom: 10%;
    }

.homa_concept_icon {
    display: none;
    }

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

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

.homa_scroll_box01 {
	margin: 10% auto 8%;
	}

.homa_scroll_box02 {
	margin-bottom: 10%;
	}

.homa_scroll_box01 ul,.homa_scroll_box02 ul {
	height: 80px;
	}

.homa_scroll_box01 li,.homa_scroll_box02 li {
    margin-right: 20px;
	max-width: 135px;
	}


/* HOMA タイトル設定 */

.homa_main_ti01 {
    display: none;
    }

.homa_main_ti01_sp {
    display: block;
    max-width: 100%;
    margin-bottom: 5%;
    }

.homa_subti {
    max-width: 100px;
    margin: 0 auto 8%;
    }


/* HOMA 特長エリア */

.homa_feature_bigbox01 {
    position: relative;
    }


.homa_featurebox01 {
    flex-direction: column;
    }

.homa_feature01 {
    width: 100%;
    min-height: 0%;
    margin-bottom: 5%;
    border-bottom: 1px solid #bbb;
    }

.homa_feature01:first-child {
    padding-right: 0;
    padding-bottom: 5%;
    }

.homa_feature01:nth-child(2) {
    padding-left: 0;
    padding-bottom: 5%;
    border-left: none;
    }


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

.homa_feature01:last-child {
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    border-left: none;
    border-bottom: none;
    }


.homa_feature_space {
    display: none;
    }

.homa_feature02 {
    width: 48%;
    }

/* HOMA 例エリア */

.homa_examplebox01 {
    padding: 10% 0;
    }

.homa_example01 {
    display: none;
    }

.homa_example01_sp {
    display: block;
    }

/* HOMA プランエリア */

.homa_planbox01 {
    flex-direction: column;
    margin: 0 auto 5%;
    }

.homa_planitem01 {
    width: 100%;
    min-height: 0%;
    margin-top: 15%;
    }

.homa_planitem01:nth-child(2) {
    display: none;
    }

.homa_planbox01_sp {
    margin: 5% auto;
    display: block;
    text-align: left;
    }

.homa_plan_copy {
    margin: 5% auto 3%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 1.5rem;
    }

.homa_plan_madori {
    display: inline-block;
    padding: 5px;
    font-size: 1.2rem;
    background: #aedce7;
    }

.homa_plan_floor {
    display: none;
    }

.homa_plan_floor_sp {
    display: block;
    }

@supports (-ms-ime-align: auto) {
  /* Edge のみ適用される */
  .homa_plan_floor {
    display: none;
    }
.homa_plan_floor_sp {
    display: block;
    }
}

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

#homa_footer_scroll {
right: -10px;
bottom: 15px;
    }

.homa_footer_contactbox01 ul {
    justify-content: center;
    }
	
/*追従バナーひとつの時*/
.homa_footer_contactbox01 li {
    width: 100%;
	max-width: 200px;
	padding-right: 30px;
    }

/*追従バナー2つの時*/

.homa_footer_contactbox01.banatwo li {
    width: 45%;
    max-width: 200px;
	padding-right:0
    }


#homa_footer_scroll.banatwo {
    right: 0px;/* 200124 2つのときは適用 */
}

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

.online_pctab {
	display: none;
}

.online_sp {
	display: block;
}
	
.online_br_sp {
	display: block;
    }
	
.online_con01_inner ul {
	flex-basis: 47%;
	margin-bottom: 2%;
}

.online_con01_inner li {
	padding: 15px 10px;
	}
	
.online_con02_ti {
	font-size: 2rem;
	display: inline;
    }

.online_con02_tx {
	font-size: 1.6rem;
    }
.online_con03 {
	margin: 7% 0;
    }

.online_con03_inner {
	display: block;
    }

.online_con03_inner img {
	padding: 0 0 3%;
	width: 60%;
    }

.online_con03_ya img {
    transform: rotate(90deg);
	padding: 9% 0;
	max-width: 20px;
    }

.online_con03_img01 {
	margin-top: 8%;
    }


.online_con03_ti {
	font-size: 2rem;
	width: 50%;
	top: -13px;
    left: 16%;
    right: 16%;
    }

.contact_want_other input {
	width: 90%;
    }