@charset "utf-8";
br.merge,
br.merge480{
	display : none;
}
#img_sp{
	display : none;
}
.company_table{
	display : none;
}
.online_main_image img.pc{
	display : block;
}
.online_main_image img.sp{
	display : none;
}
.model_img_sub a.pc,
.model_img_sub img.pc{
	display : block;
}
.model_img_sub a.sp,
.model_img_sub img.sp{
	display : none;
}
.n04 h4.new_headline br.sp{
	display : none;
}
.request_wrap ul li p br.sp{
	display : none;
}
/*
1200
________________________________________________________________________________*/
@media screen and (max-width: 1200px){
/* # =================================================================
#### 20201221 1200
# ================================================================= */
.experience .tube_interview{
	padding : 50px 15px 100px;
}
h3.interview_title,
.experience .tube_interview p{
	width : 100%;
}
.experience .tube_interview .tube_wrap{
	width : 100%;
}

/* # =================================================================
#### 社長ブログバナー 1200
# ================================================================= */
section.p_blog_banner_area{
	width : 100%;
	padding : 0 15px
}
/* # =================================================================
#### top 1200
# ================================================================= */
/* header */
.header.cb-header,
.header.common{
	padding : 10px 15px;
}
.header_wrap{
	margin-bottom : 50px;
}
/* footer */
footer{
	width : 100%;
}
/*** resilience ***/
.resilience{
	padding : 0 15px;
}
.resilience .wrap{
	width : 100%;
}
/* main */
main.home section{
	margin-bottom : 50px;
}
main.home h2{
	margin-bottom : 30px;
}
/* contents01 */
.contents01{
	width : 100%;
	height : auto;
	padding : 0 15px 50px;
}
.contents01_link{
	width : 100%;
}
.contents01 .contents01_wrap ul{
	width : 100%;
}
.contents01 .contents01_wrap ul li a{
	padding : 10px 20px;
}
.contents01 .contents01_wrap ul li h2{
	margin-bottom : 10px;
	padding-bottom : 10px;
}
/* contents02 */
.contents02{
	width : 100%;
	height : auto;
	padding : 0 15px;
}
.contents02 ul{
	width : 100%;
}
/* contents_info */
.contents_info_body{
	width : 100%;
	padding : 0 15px;
}
/* .contents_event */
.contents_event ul{
	width : 100%;
	padding : 0 15px;
}
/* contents_brand */
.contents_brand ul{
	width : 100%;
	padding : 0 15px;
}
.contents_brand ul li{
	width : 30%;
}
.accordion1{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### 住宅事業 1200
# ================================================================= */
/* common_header 固定ページ共通 */
.common_header{
	padding : 0 15px;
}
.page_common p.headline{
	width : 100%;
	padding : 0 15px;
}
/* housing01 */
.housing01 ul{
	padding : 50px 15px;
}
/* housing02 */
.housing02{
	width : 100%;
	padding : 0 15px;
}
/* housing03 */
.housing03{
	width : 100%;
	padding : 0 15px;
}
/* breadcrumb */
.stf_breadcrumb{
	position : relative;
	display : block;
	padding-top : 100px;
	padding-left: 15px;
}
/*  */
.model_img_sub{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### 不動産事業事業 1200
# ================================================================= */
.contents_brand.page_temp{
	width : 100%;
	padding : 0 15px;
}
.contents_brand.page_temp p{
	width : 100%;
	padding : 0 15px;
}
/* page_temp02 */
.page_temp02{
	width : 100%;
	padding : 0 15px;
}
.banner{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### モデルハウス 1200
# ================================================================= */
/* model_header */
.model_header{
	margin-bottom : 50px;
}
.model_header h2{
	width : 100%;
	padding : 0 15px;
}
.model_header p{
	width : 100%;
	padding : 0 15px;
}
/* 20200613
.model_sns{
	margin : 20px 15px 0 0;
}
*/
/* model_house */
.model_house{
	width : 100%;
	padding : 100px 15px 0;
	/* 20200613 */
	padding : 0 15px 0;
}
/* # =================================================================
#### モデルハウス ainoe 1200
# ================================================================= */
/* model_header */
.award{
	width : 130px;
}
/* cubo */
.cubo,
.cubo_feature{
	width : 100%;
	padding : 0 15px;
}
.cubo_experiment{
	width : 100%;
	padding : 30px 15px;
}
.ex_wrap{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### インテリア 1200
# ================================================================= */
.interior{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### あったかリフォーム 1200
# ================================================================= */
.reform{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### お客様センター 1200
# ================================================================= */
.customer{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### わたしたちの理念 1200
# ================================================================= */
.mes{
	width : 100%;
	padding : 0 15px;
}
/* mes_video_area */
.mes_video_area{
	width : 70%;
}
/* # =================================================================
#### 企業情報 1200
# ================================================================= */
.company_wrap{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### クロダハウスの歴史 1200
# ================================================================= */
.history{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### しあわせ物語 1200
# ================================================================= */
.smile{
	width : 100%;
	padding : 0 15px;
}
.smile_link_banner {
	width : 100%;
}
/* # =================================================================
#### しあわせ物語 オンエア一覧 1200
# ================================================================= */
.archive_main_area{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### お客様の声 シングルページ 1200
# ================================================================= */
.smile{
	width : 100%;
	padding : 0 15px;
}
.voice_single_area{
	width : 100%;
	padding : 0 15px;
}
#pagenavi{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### お客様の声 シングルページ アーカイブ 1200
# ================================================================= */
.archive_common .voice{
	width : 100%;
	padding : 0 15px;
}
.archive_common .voice ul li a .left_box{
	width : 100%;
}
.archive_common .voice ul li a .left_box h2{
	margin-bottom : 5px;
}
.archive_common .voice ul li a .left_box h3{
	margin-bottom : 15px;
}
.archive_common .voice ul li a .right_box{
	width : 100%;
}
/* # =================================================================
#### 暮らしの知恵 よくある質問 個人情報 1200
# ================================================================= */
.wisdom,
.question,
.privacy{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### 住宅イベント シングル 1200
# ================================================================= */
.event_single_area{
	width : 100%;
	padding : 0  15px;
}
/* # =================================================================
#### お問い合わせ 1200
# ================================================================= */
.contact_area{
	width : 100%;
	padding : 0 15px;
}
.form_data{
	width : 100%;
}
/* Thanks */
.thnks_area{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### FUN×FANS 1200
# ================================================================= */
.contents_catalog{
	width : 100%;
	padding : 0 15px;
}
.contents_catalog ul li{
	margin-right : 2.5%;
}
/* # =================================================================
#### サイトマップ 404 1200
# ================================================================= */
.site_map_area{
	width : 100%;
	padding : 0 15px;
}
.site_map_box:nth-child(1){
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
	width : 100%;
}
.site_map_box:nth-child(2){
	-ms-flex-order : 4; /*for IE10*/
	-webkit-order : 4; /* for old webkit browser */
	order : 4;
	width : 100%;
}
.site_map_box:nth-child(3){
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
	width : 49.5%;
}
.site_map_box:nth-child(4){
	-ms-flex-order : 3; /*for IE10*/
	-webkit-order : 3; /* for old webkit browser */
	order : 3;
	width : 49.5%;
}
.site_map_box:nth-child(5){
	-ms-flex-order : 6; /*for IE10*/
	-webkit-order : 6; /* for old webkit browser */
	order : 6;
	width : 49.5%;
}
.site_map_box:nth-child(6){
	-ms-flex-order : 5; /*for IE10*/
	-webkit-order : 5; /* for old webkit browser */
	order : 5;
	width : 49.5%;
}
.site_map_box:nth-child(7){
	-ms-flex-order : 7; /*for IE10*/
	-webkit-order : 7; /* for old webkit browser */
	order : 7;
	width : 100%;
}
/* # =================================================================
#### single editor 1200
# ================================================================= */
.information_single_area{
	width : 100%;
	height : auto;
	padding : 0 15px;
}
/* # =================================================================
#### Linnel 1200
# ================================================================= */
.linnel_01,
.linnel_02,
.linnel_03,
.linnel_insta{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### オンライン 1200
# ================================================================= */
.online01{
	width : 100%;
	padding : 0 50px;
}
main.online article section:nth-child(3){
	padding : 100px 50px 50px;
}
.online_sub_wrap{
	width : 100%;
}
.online03{
	width : 100%;
	padding : 0 50px;
}
/* 追加 */
.online_yellow_bg_wrap{
	width : 100%;
	padding : 50px;
}
.online_sub_wrap p.sub_title.title02{
	width : 100%;
}
.online_bunner_area{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### モデルハウス動画 1200
# ================================================================= */
.video_archive{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 0 auto 100px;
	padding : 0 15px;
}
/* # =================================================================
#### クロダハウス社長日記 1200
# ================================================================= */
/* archive */
.diary{
	width : 100%;
	padding : 0 15px;
}
#category_list_header{
	width : 100%;
}
/* single */
.diary_single_wrap{
	width : 100%;
	margin-bottom : 50px;
	padding : 15px;
}
.diary_single_wrap .diary_img_content{
	margin-bottom : 0;
}
.diary_side_wrap{
	width : 100%;
}
/* # =================================================================
#### IGELKOTT 1200
# ================================================================= */

.igelkott .wrap02 .contents_box{
	width : 100%;
}
/* # =================================================================
#### エクステリア 1200
# ================================================================= */
.exterior_wrap{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### しあわせ物語　動画 1200
# ================================================================= */
.radio_wrap{
	width : 100%;
}
/* # =================================================================
#### CLT 1200
# ================================================================= */
/*** top ***/
.banner_wrap{
	width : 100%;
	margin : 15px auto 0;
}
/*** page ***/
.common_wrap.clt_wrap{
	width : 100%;
	padding : 50px 15px 50px;
}
/* # =================================================================
#### ご紹介制度のご案内 1200
# ================================================================= */
/* ご紹介制度のご案内 */
.new_section .wrap{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### 売りたい 1200
# ================================================================= */
.page_contents_wrap{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### 提携特典のご案内 1200
# ================================================================= */
main.page2 h2{
	margin-bottom : 30px;
}
/* # =================================================================
#### カーポート 1200
# ================================================================= */
.carport .car_wrap{
	width : 100%;
	padding : 0 15px;
}
/* # =================================================================
#### 移住 1200
# ================================================================= */
/***** em-contents *****/
.em-contents .wrap{
	width : 100%;
	padding : 0 15px;
}








}
/*
1200
________________________________________________________________________________*/

@media screen and (max-width: 1024px){
/* # =================================================================
#### オンライン 1024
# ================================================================= */
/* 追加 */
.online_image_wrap p{
	width : 100%;
	height : auto;
	margin: 0 0 30px;
}
.online_image_wrap .online_image_wrap_area{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.online_image_wrap .online_image_wrap_area p:nth-child(2),
.online_image_wrap .online_image_wrap_area p:nth-child(3){
	display : block;
	width : 48%;
}
.online_image_wrap p img{
	width : 100%;
	height : auto;
}
.online_image_wrap p span.online_image_head{
	display : block;
	width : 100%;
	height : auto;
	margin : 0;
	right : auto
}
.online_image_wrap p span.online_image_info{
	width : 100%;
	height : auto;
	margin : 0;
	right : auto
}
/* # =================================================================
#### しあわせ物語 1024
# ================================================================= */
.smile_link_banner p.text{
	padding : 0 50px 30px;
}
.smile_footer p.info02{
	width : 100%;
}
.contents01 .contents01_wrap ul li a{
	padding : 10px;
}
/* # =================================================================
#### 歴史 1024
# ================================================================= */
.new_h_box .new_h_img_box{
	width : 15%;
}
.new_h_box .new_h_data_box{
	width : 85%;
	padding-left : 30px;
}
/* # =================================================================
#### 20220331 TOP 1024
# ================================================================= */
.contents01 .contents01_wrap ul li h2{
	font-size : 18px;
}
.contents01 .contents01_wrap ul li .r_box p.r_name span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 0;
}
/* # =================================================================
#### ご紹介制度のご案内 1024
# ================================================================= */
/* ご紹介制度のご案内 */

/* 提携特典のご案内 */
.request_wrap ul li p br.sp{
	display : block;
}
/* 提携企業様一覧 */
.list_page .flex a{
	font-size : 20px;
	padding : 10px 0;
}
/* # =================================================================
#### 売りたい 1024
# ================================================================= */
.buy .content07 ol{
	width : 100%;
}
/* # =================================================================
#### カーポート 1024
# ================================================================= */
.carport{
	padding : 30px 0;
}
/* 01 */
.carport.cp01 .car_wrap p.info{
	width : 100%;
}
.carport.cp01 .car_wrap .image_wrap{
	width : 100%;
}
/* 02 */
.carport.cp02 .car_wrap .flex .box{
	width : 48%;
}
.carport.cp02 .car_wrap .flex .box h3{
	font-size : 18px;
}
/* 03 */
.carport.cp03 .car_wrap .flex .box{
	width : 48%;
}
.carport.cp03 .car_wrap .flex .box h3{
	font-size : 18px;
}
/* 05 */
.carport.cp05 .car_wrap dl{
	width : 100%;
}
.carport.cp05 .car_wrap .text_box{
	width : 100%;
}
.carport.cp05 .car_wrap img.image01{
	width : 250px;
}
.carport.cp05 .car_wrap img.image02{
	width : 80%;
}
.carport.cp05 .car_wrap .text_box p.impact{
	font-size : 18px;
}
/* 06 */
.carport.cp06 .car_wrap dt{
	font-size : 18px;
}
.carport.cp06 .car_wrap dd{
	font-size : 16px;
}
/* 00 */
.carport.cp00 .car_wrap .section .image_wrap{
	width : 100%;
}
.carport.cp00 .car_wrap .section h2.sub_title{
	font-size : 20px;
}
.carport.cp00 .car_wrap .section h2.sub_title span{
	width : 150px;
	margin : 30px auto 0;
}
.carport.cp00 .car_wrap .section h3{
	font-size : 20px;
}
/* # =================================================================
#### 移住 1024
# ================================================================= */






}
/*
1024
________________________________________________________________________________*/

@media screen and (max-width: 991px){
/* # =================================================================
#### トップ 991
# ================================================================= */
.contents01 .contents01_wrap ul li h3 span.br{
	display : block;
	margin-bottom : 10px;
}
.contents01 .contents01_wrap ul li h3 br.s_br{
	display : none;
}
.contents01 .contents01_wrap ul li a






/* # =================================================================
#### オンライン 991
# ================================================================= */
.online01,
.online03{
	padding : 0 15px;
}
main.online article section:nth-child(3){
	padding : 100px 15px 50px;
}
.online03 .online_flow_list li{
	width : 49%;
	margin-bottom : 20px;
}
.online_sub_wrap span{
	width : 80px;
	right : 25px;
}
/* # =================================================================
#### footer 991
# ================================================================= */
/*** resilience ***/
.resilience .wrap{
	padding : 15px;
}
.resilience .box:last-child{
	width : 80%;
}
.resilience .box .align{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### ご紹介制度のご案内 991
# ================================================================= */
/* ご紹介制度のご案内 */
.new_section p.notes{
	width : 100%;
}
.n04 .accordion{
	width : 100%;
}
.n02 .present_image{
	width : 100%;
}
/* 提携特典のご案内 */
.b04 .flex{
	width : 100%;
}
/* # =================================================================
#### 売りたい 991
# ================================================================= */
/* content05 */
.buy .content05 ul{
	display : block;
}
.buy .content05 ul li{
	width : 80%;
	margin : 0 auto 100px;
}
/* pdf_link a */
.pdf_link a{
	padding : 15px 50px 15px 15px;
	text-align : left;
}
.pdf_link a span{
	font-size : 16px;
	text-align : left;
	margin-bottom : 10px;
}
.pdf_link a img{
	width : 80px;
	right : 15px;
}
/* # =================================================================
#### 貸したい 固定ページ 991
# ================================================================= */
/*  */
.lend .content_header .inner_box .center_box{
	display : block;
}
.lend .content_header .inner_box .center_box .left_box{
	width : 100%;
}
.lend .content_header .inner_box .center_box .right_box{
	width : 100%;
}
.lend .content_header .inner_box .center_box .right_box img{
	width : 300px;
	margin : 0 0 0 auto;
}
.lend .content_header .inner_box img.img01{
	width : 100%;
}
.lend .content_header .footer_inner_box{
	padding : 30px;
}
/* # =================================================================
#### 移住 991
# ================================================================= */




}
/*
991
________________________________________________________________________________*/

@media screen and (max-width: 800px){
/* # =================================================================
#### top 800
# ================================================================= */
/* header */
header h1{
	padding : 10px 0 10px 15%;
}
.header_wrap{
	height : calc(50vh - 93.55px);
}
.header_mes img{
	width : 150%;
}
/* contents01 */
br.merge{
	display : block;
}
/* contents_info */
.contents_info dl dt{
	width : 15%;
}
.contents_info dl dd{
	width : 85%;
}
/* .contents_event */
.contents_event .event_list_link ul{
	padding : 0 15px;
}
/* contens_brand */
.contents_brand ul{
	width : 100%;
	padding : 0 15px;
}
.contents_brand ul:after {
	content : "";
	display : block;
	width : 32%;
}
.contents_brand ul li{
	width : 32%;
}
.contents_brand.kurashi ul li h3{
	font-size : 16px;
}
.contents_brand.kurashi ul li h4{
	font-size : 14px;
}
/*** 20220331 ***/
.contents02 li a span{
	padding : 0 15px;
}
.contents_event ul li{
	width : 48%;
}
.contents_event ul li a p.event_time_date{
	font-size : 20px;
}
.contents01 .contents01_wrap ul li h2{
	font-size : 18px;
}
/* # =================================================================
#### 不動産事業事業 800
# ================================================================= */
/* page_temp02 */
.temp_box .right_box p{
	float : none;
	margin-bottom : 20px;
}
.temp_link{
	float : none;
}
/* # =================================================================
#### モデルハウス 800
# ================================================================= */
/* model_info */
.model_info dl{
	width : 100%;
	margin-bottom : 20px;
}
.model_info .ggmap{
	width : 100%;
}
.ggmap{
	padding-bottom : 46.25%;
}
.model_img_sub a.pc,
.model_img_sub img.pc{
	display : none;
}
.model_img_sub a.sp,
.model_img_sub img.sp{
	display : block;
}
.model_banner_wrap{
	display : block;
	margin : 50px 0 20px;
}

.banner_3d{
	width : 100%;
	margin-bottom : 30px;
}
/* # =================================================================
#### モデルハウス ainoe 800
# ================================================================= */
/* model_header */
.cube_model p{
	padding : 0 20px;
}
/* feature01 */
.feature01 ul li{
	width : 48%;
	margin-bottom : 20px;
}
.feature01 ul li h5{
	margin-bottom : 10px;
}
/* feature02 */
.feature02 ul li{
	width : 49%;
}
/* feature04 */
.feature04 .left_box{
	width : 100%;
}
.feature04 .left_box h5 span{
	display : inline-block;
	text-indent : 0;
}
.feature04 .left_box h5 br{
	display : none;
}
.feature04 .right_box{
	width : 100%;
}
/* # =================================================================
#### インテリア 800
# ================================================================= */
.interior .left_box{
	width : 100%;
	margin-bottom : 30px;
}
.interior .left_box p{
	font-size : 16px;
}
.interior .right_box{
	width : 100%;
	margin-bottom : 30px;
}
.interior .left_box:last-child p{
	margin : 0 0 20px 0;
}
.interior .left_box:last-child img{
	position : relative;
}
/* # =================================================================
#### あったかリフォーム 800
# ================================================================= */
/* cx_bottom */
.cx_bottom .left_box{
	width : 100%;
	margin-bottom : 15px;
}
.cx_bottom .right_box{
	width : 100%;
}
/* # =================================================================
#### わたしたちの理念 800
# ================================================================= */
/* mes */
.mes .left_box{
	width : 100%;
	margin-bottom : 30px;
}
.mes .right_box{
	width : 100%;
	margin-bottom : 30px;
}
/* # =================================================================
#### クロダハウスの歴史 800
# ================================================================= */
/* h_box_area */
.h_box{
	width : 100%;
}
/*** 20210901修正 ***/
.h_box_header{
	display : block;
}
.h_box_header a{
	width : 200px;
	margin : 0 auto 30px;
}
.h_box_header .person{
	width : 100%;
}
.history_box02 section ul li h4{
	font-size : 16px;
}
/*** 20210901追加 ***/
.new_h_box{
	display : block;
}
.new_h_box .new_h_img_box{
	width : 200px;
	margin : 0 auto 30px;
}
.new_h_box .new_h_data_box{
	width : 100%;
	margin : 0;
	padding : 0;
}
/* # =================================================================
#### しあわせ物語 800
# ================================================================= */
/* smile_footer */
.smile_footer h2{
	margin-bottom : 30px;
}
.smile_footer h3{
	margin-bottom : 30px;
}
.smile_footer_box .left_box{
	width : 100%;
	margin-bottom : 20px;
}
.smile_footer_box .right_box{
	width : 100%;
}
.page_common .smile .header_image_smile{
	width : 100%;
}
.smile_link_banner p.text{
	padding : 0 15px 30px;
}
/* 20210511追記 */
.smile_link_banner a:after{
	top : auto;
	bottom : 15px;
	right : 15px;
	margin : auto;
}
/* # =================================================================
#### しあわせ物語 オンエア一覧 800
# ================================================================= */
.archive_main_area .radio_date_main{
	width : 65%;
}
.archive_main_area aside{
	width : 30%;
}
/* # =================================================================
#### お問い合わせ 800
# ================================================================= */
.form_header ul li {
	font-size : 14px;
}
.form_body{
	padding : 50px 0;
}
.form_body dl{
	padding : 20px;
}
.form_body dl dt{
	width : 35%;
}
.form_body dl dd{
	width : 65%;
}
.form_footer{
	padding : 0 15px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	width : 100%;
}
/**/
.reCAPTCHA p{
	text-align : justify;
}
/* # =================================================================
#### Linnel 800
# ================================================================= */
.linnel_03 .left_box{
	width : 100%;
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
	margin-bottom : 10px;
}
.linnel_03 .right_box{
	width : 100%;
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
	margin-bottom : 10px;
}
.linnel_02{
	margin-bottom : 0;
}
.linnel_03 .bottom_box{
	margin-top : 0;
	width : 100%;
	-ms-flex-order : 3; /*for IE10*/
	-webkit-order : 3; /* for old webkit browser */
	order : 3;
	margin-bottom : 10px;
}
/* # =================================================================
#### オンライン 800
# ================================================================= */
.online_main_image img.pc{
	display : none;
}
.online_main_image img.sp{
	display : block;
}
/* 追加 20200718 */
.online_bunner_area span.pc{
	display : none;
}
.online_bunner_area span.sp{
	display : block;
}
/* # =================================================================
#### モデルハウス動画 800
# ================================================================= */
.video_archive ul{
	display : block;
}
.video_archive ul li{
	width : 100%;
}
/* # =================================================================
#### クロダハウス社長日記 800
# ================================================================= */
/* archive */
.diary_header_info{
	padding : 30px 15px;
}
.diary_header_info span{
	display : none;
}
.diary .diary_wrap ul li{
/* 一覧の画像エリア用スタイル
	width : 48%;
*/
	width : 100%;
}
/* single */
/* # =================================================================
#### IGELKOTT 800
# ================================================================= */
.igelkott .wrap02 .banner{
	width : 100%;
	padding : 0;
}
/* # =================================================================
#### FUN×FANS 800
# ================================================================= */
.contents_catalog ul{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
.contents_catalog ul:after{
	content : "";
	display : block;
	width : 32%;
}
.contents_catalog ul li{
	width : 32%;
	margin-right : 0;
}
/* # =================================================================
#### マツモト物置 800
# ================================================================= */
.item_maps .item_wrap dt{
	width : 25%;
}
.item_maps .item_wrap dd{
	width : 75%;
}
/* # =================================================================
#### CLT 800
# ================================================================= */
.common_wrap.clt_wrap{
	padding : 30px 15px 30px;
}
.common_wrap.clt_wrap h2.title{
	font-size : 20px;
}
.common_wrap.clt_wrap h3{
	font-size : 20px;
}
/**/
.common_wrap.clt_wrap .flex_box{

}
.common_wrap.clt_wrap .flex_box .box{
	width : 100%;
	order : 2;
}
.common_wrap.clt_wrap .flex_box .box:last-child{
	order : 1;
	padding : 0;
	margin-bottom : 30px;
}
/**/
.common_wrap.clt_wrap .flex_box li{
	width : 21%;
}
.common_wrap.clt_wrap .flex_box li p{
	font-size : 16px;
}
.common_wrap.clt_wrap ul.flex_box:before {
	content : "";
	width : 21%;
	order : 1;
	display : block;
}
.common_wrap.clt_wrap ul.flex_box:after {
	content : "";
	width : 21%;
	display : block;
}
/*  */
.common_wrap.clt_wrap .flex_box .img_box{
	width : 100%;
	order : 2;
	margin-bottom : 50px;
}
.common_wrap.clt_wrap .flex_box .text_box{
	width : 100%;
	padding : 0;
	margin-bottom : 30px;
	order : 1;
}
.common_wrap.clt_wrap .flex_box .text_box h3{
	margin-bottom : 15px;
}
/*  */
.common_wrap.clt_wrap .flex_box.margin{
	margin-bottom : 30px;
}
.common_wrap.clt_wrap .flex_box .left_img{
	width : 100%;
	order : 2;
}
.common_wrap.clt_wrap .flex_box .right_info{
	width : 100%;
	padding : 30px;
	order : 1;
}
.common_wrap.clt_wrap .flex_box .right_info h4{
	font-size : 18px;
	margin-bottom : 15px;
}
.common_wrap.clt_wrap .flex_box .right_info p.bold{
	font-size : 18px;
}
.common_wrap.clt_wrap .flex_box .box02{
	width : 100%;
	margin-bottom : 30px;
}
/* # =================================================================
#### ご紹介制度のご案内 800
# ================================================================= */
/* ご紹介制度のご案内 */
.n01 .flex ol li p span{
	font-size : 14px;
}
h3.image_headline{
	width : 400px;
}
.n03 .flex{
	display : block;
}
.n03 .flex .box{
	width : 100%;
	margin-bottom : 30px;
}
.n03 .flex .box:last-child{
	margin-bottom : 0;
}

/* 提携特典のご案内 */
.request_wrap p.small{
	width : 100%;
}
/* # =================================================================
#### 移住 800
# ================================================================= */
/* # =================================================================
#### em-contents c01 とやまに移住しませんか
# ================================================================= */
/**** a03 ****/
.area.a03 .box{
	width : 100%;
}

}
/*
800 end
________________________________________________________________________________*/
@media screen and (max-width: 668px){
/* # =================================================================
#### top 668
# ================================================================= */
/* header */
header h1 img{
	width : 150px;
}
.header_wrap{
	height : calc(100vh - 93.55px);
}
/* contens_event */
.contents_event ul li a p.event_time_date{
	font-size : 17px;
	margin-bottom : 15px;
}
/***  ***/
.resilience .wrap{
	display : block;
}
.resilience .box:first-child{
	margin : 0 auto 30px;
}
.resilience .box:last-child{
	width : 100%;
}
/*** 20220331 ***/
.contents01 .contents01_wrap ul li dl,
.smile .center dl{
	display : block;
}
.contents01 .contents01_wrap ul li dl dt,
.smile .center dl dt{
	width : 100%;
	text-align : left;
}
.contents01 .contents01_wrap ul li dl dd,
.smile .center dl dd{
	width : 100%;
	margin-bottom : 15px;
}
.contents01 .contents01_wrap ul li h3 span.br{
	font-size : 14px;
	text-align : left;
}

/* # =================================================================
#### しあわせ物語 668
# ================================================================= */
.smile .left_box span,
.smile .right_box span{
	width : 30%;
}
.smile .left_box p,
.smile .right_box p{
	font-size : 16px;
}
.contents01 .contents01_wrap ul li dl dt,
.smile .center dl dt,
.contents01 .contents01_wrap ul li dl dd,
.smile .center dl dd{
	font-size : 14px;
}
.contents01 .contents01_wrap ul li a{
	padding : 10px 10px;
}
/* # =================================================================
#### しあわせ物語　動画 668
# ================================================================= */
.radio_wrap ul{
	display : block;
}
.radio_wrap ul li{
	width : 100%;
}
.page_common h1.headline span.sp{
	position : relative;
	display : block;
	margin-left : 0;
}
/* # =================================================================
#### ご紹介制度のご案内 668
# ================================================================= */
/* ご紹介制度のご案内 */
.impact_link{
	width : 100%;
	font-size : 20px;
	padding : 10px 0;
}
/**/
.n01 h3.new_headline img.pc{
	display : none;
}
.n01 h3.new_headline img.sp{
	display : block;
	width : 100%;
}
.n01 .present_image img.pc{
	display : none;
}
.n01 .present_image img.sp{
	display : block;
}

.n02 .present_image img.pc{
	display : none;
}
.n02 .present_image img.sp{
	display : block;
}
/* # =================================================================
#### 売りたい 668
# ================================================================= */
/* content07 */
.buy .content07 ol{
	display : block;
}
.buy .content07 ol li{
	width : 80%;
	margin : 0 auto 30px;
}
/* pdf_link a */
.pdf_link{
	margin : 50px 0;
}
.pdf_link a{
	text-align : left;
	padding : 15px 50px 15px 15px;
	font-size : 20px;
}
.pdf_link a span{
	font-size : 16px;
	text-align : left;
	margin-bottom : 10px;
}
.pdf_link a img{
	width : 60px;
	right : 0;
}
/* # =================================================================
#### 貸したい 固定ページ 668
# ================================================================= */
.lend .content_header .footer_inner_box{
	padding : 30px 15px;
}
.lend .content_header .footer_inner_box h4{
	width : 100%;
	border-radius : 10px;
}
.lend .content_header .inner_box .center_box .right_box img{
	width : 250px;
	margin : 0 auto;
}
.lend .content_odd .inner_box .right_box img{
	width : 250px;
	margin : 0 auto;
}
/* # =================================================================
#### とやまに移住しませんか
# ================================================================= */







}
/*
668 end
________________________________________________________________________________*/
@media screen and (max-width: 600px){
/* # =================================================================
#### とやまに移住しませんか 600
# ================================================================= */
/***** emigration_common *****/
.emigration_common img.pc{
	display : none;
}
.emigration_common img.sp{
	display : block;
}
/***** em-contents *****/
.em-contents p.em-info{
	border-radius : 15px;
	padding : 15px;
	font-size : 16px;
}
/* # =================================================================
#### em-contents c01 とやまに移住しませんか
# ================================================================= */
.em-contents.c01 .area{
	margin-bottom : 50px;
}
/**** a02 ****/
.area.a02 .flex{
	margin-bottom : 30px;
}
.area.a02 .flex figure{
	width : 100%;
}
/****  ****/
.area.a03 .box{
	margin-bottom : 15px;
}
/**** a04 ****/
.area.a04 .flex .box{
	width : 100%;
}
.area.a04 .flex.reverse .box:first-child{
	order : 1;
	margin-bottom : 30px;
}
.area.a04 .flex.reverse .box:last-child{
	order : 2;
}
.area.a04 .flex:last-child .box:first-child{
	margin-bottom : 30px;
}
/* # =================================================================
#### em-contents c02 とやまに移住しませんか
# ================================================================= */
.em-contents.c02 h3{
	font-size : 18px;
}
.em-contents.c02 .flex.f01 .box{
	width : 100%;
}
.em-contents.c02 .flex.f01 .box:first-child{
	margin-bottom : 30px;
}
.em-contents.c02 .flex.f01 .box h4{
	font-size : 18px;
}
/**/
.em-contents.c02 .flex.f02{
	width : 100%;
}
.em-contents.c02 .flex.f02 .box01,
.em-contents.c02 .flex.f02 .box02{
	width : 100%;
}
.em-contents.c02 .flex.f02 .box01{
	padding-right : 0;
}
.em-contents.c02 figure{
	margin-bottom : 30px;
}
/* # =================================================================
#### em-contents c03 とやまに移住しませんか
# ================================================================= */
.em-contents.c03 .link ul li,
.em-contents.c03 .anchor ul li{
	width : 48%;
	margin-bottom : 15px;
}
.em-contents.c03 .link ul li:nth-child(3),
.em-contents.c03 .link ul li:nth-child(4),
.em-contents.c03 .anchor ul li:nth-child(3),
.em-contents.c03 .anchor ul li:nth-child(4){
	margin-bottom : 0;
}

.em-contents.c03 .city a.btn{
	width : 200px;
}
.contact-btn a{
	font-size : 18px;
}


























}
/*
600 end
________________________________________________________________________________*/
@media screen and (max-width: 480px){
/* # =================================================================
#### 20201221 480
# ================================================================= */
.experience .tube_interview .tube_wrap{
	display : block;
}
.experience .tube_interview .tube_wrap span.frame{
	width : 100%;
	padding-top : 56.25%;
}
.experience .tube_interview .tube_wrap span.frame:nth-child(1){
	margin-bottom : 50px;
}
h3.interview_title:after{
	width : 100%;
}




/* # =================================================================
#### top 480
# ================================================================= */
/* breadcrumb */
.stf_breadcrumb{
	/*padding-top : 40px;*/
	display : none;
}
/* header */
header h1{
	display : none;
}
.header.cb-header,
.header.common {
	padding : 10px 15px;
	top : 0px !important;
	z-index : 100000;
}
.header.cb-header h2,
.header.common h2{
	width : 130px;
}
.header.cb-header nav{
	top : 2px;
}
.header_wrap{
	height : calc(50vh - 93.55px);
	top : 75px;
	margin-bottom : 100px;
}
.header_mes{
	width : 10%;
	padding : 0;
	left : 20px;
	z-index : 9000;
}
.header_mes img{
	width : 175%;
}
#zoom_slider{
	width : 90%;
}
/* footer */
.footer_nav{
	padding : 10px 15px;
}
/* main */
main.home h2{
	margin-bottom : 15px;
}
/* contents01 */
.contents01 .contents01_wrap ul li{
	width : 100%;
	margin-bottom : 30px;
}
/* contents02 */
.contents02{
	padding : 0;
}
.contents02 p{
	text-align : justify;
	padding : 0 15px;
}
.contents02 li{
	width : 100%;
}
.contents02 li a span{
	padding : 0 25px;
}
/*** 20220433修正 ***/
main.home section.contents02{
	padding : 0 15px;
}
.contents02 li{
	margin-bottom : 15px;
}
.banner_wrap{
	margin-top : 0;
	margin-bottom : 15px;
}
.banner_wrap a img.pc{
	display : none;
}
.banner_wrap a img.sp{
	display : block;
}
/* contents_info */
.contents_info dl dt{
	width : 100%;
	border : none;
	margin-bottom : 5px;
	padding : 0;
	border : none;
}
.contents_info dl dd{
	width : 100%;
	padding : 0;
}
.contents_info span{
	text-align : center;
}
/* contents_event */
.contents_event ul li{
	width : 100%;
	margin-bottom : 30px;
}
/* contents_brand */
.contents_brand ul{
	margin-bottom : 0;
}
.contents_brand ul li{
	width : 100%;
	margin-bottom : 30px;
}
.contents_brand ul li p{
	height : auto
}
.contents_brand ul li .brand_banner_header img{
	width : 70%;
}
/**/
.contents_brand{
	padding : 50px 0 30px;
}
.contents_brand.kurashi ul.front_list li{
	margin-bottom : 30px;
}
/**/
.accordion1 > li{
	width : 100%;
	margin-bottom : 20px;
}
/* # =================================================================
#### top banner 480
# ================================================================= */
section.p_blog_banner_area span{
	width : 100%;
}
section.p_blog_banner_area span:first-child{
	margin-bottom : 30px;
}



/* # =================================================================
#### 住宅事業 480
# ================================================================= */
/* common_header 固定ページ共通 */
.common_header{
	margin-bottom : 50px;
}
.page_common p.headline{
	padding : 0;
}
/* housing01 */
.housing01{
	margin-bottom : 50px;
}
.housing01 ul:nth-child(odd) li:nth-child(1){
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
}
.housing01 ul:nth-child(odd) li:nth-child(2){
	-ms-flex-order : 3; /*for IE10*/
	-webkit-order : 3; /* for old webkit browser */
	order : 3;
}
.housing01 ul:nth-child(odd) li:nth-child(3){
	-ms-flex-order : 4; /*for IE10*/
	-webkit-order : 4; /* for old webkit browser */
	order : 4;
}
.housing01 ul:nth-child(odd) li:nth-child(4){
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
}
.housing01 ul li{
	width : 100%;
	margin-bottom : 20px;
}
/* housing02 */
.housing02 ol li h4 span{
	display : block;
	margin : 0 0 10px 0;
}
/* housing03 */
.housing03 ul li{
	width : 100%;
}
/* # =================================================================
#### 不動産事業事業 480
# ================================================================= */
.page_link_btn{
	text-align : center;
	right : 0;
}
.contents_brand.page_temp ul{
	margin-bottom : 0;
}
.contents_brand.page_temp ul li{
	margin-bottom : 50px;
}
.contents_brand.page_temp p{
	height : auto;
	margin-bottom : 30px;
	padding : 0;
}
/* page_temp02 */
.page_temp02{
	margin-bottom : 50px;
}
.page_temp02 p{
	text-align : left;
}
.page_temp02 p br{
	display : none;
}
.temp_box .left_box{
	width : 100%;
	margin-bottom : 20px;
}
.temp_box .right_box{
	width : 100%;
}
.page_temp02 .bottom_box span{
	width : 100%;
	margin-bottom : 10px;
}
/* # =================================================================
#### モデルハウス 480
# ================================================================= */
/* model_header */
/* 20200613
.model_sns{
	display : flex;
	display : -ms-flexbox;
	display : -webkit-box;
	display : -webkit-flex;
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap;
	-ms-flex-wrap : wrap;
	justify-content : flex-end;
	-webkit-justify-content : flex-end;
	-ms-justify-content : flex-end;
	width : 100%;
	margin : 10px 0 30px;
	padding : 0 5px;
}

.model_sns a{
	float : none;
	margin :0 5px 0 0;
}
.model_sns a:first-child{
	height : 33px;
	-ms-flex-order : 3 ;
	-webkit-order : 3 ;
	order : 3;
}
.model_sns a:nth-child(2){
	-ms-flex-order : 2;
	-webkit-order : 2;
	order : 2;
}
.model_sns a:last-child{
	-ms-flex-order : 1;
	-webkit-order : 1;
	order : 1;
}
*/

/* model_house */
.model_house{
	margin-bottom : 50px;
}
/* model_info */
.model_info dl{
	margin-bottom : 30px;
	border : none;
}
.model_info dl dt{
	width : 100%;
}
.model_info dl dd{
	width : 100%;
}
/* brand_link */
.brand_link{
	width : 100%;
}
.brand_link a{
	width : 270px;
	margin : 0 auto 30px;
}
/* 20200827 */
.model_house .video_link a{
	display : block;
	margin-bottom : 30px;
}
/* # =================================================================
#### モデルハウス ainoe 480
# ================================================================= */
.model_header{
	overflow : hidden;
}
.award{
	margin : 30px auto 0;
	width : 110px;
}
/* cubo */
.cubo h2{
	width : 100%;
}
.cubo h4{
	font-size : 18px;
	text-align : left
}
.cubo h4 span{
	margin-top : 5px;
}
/* cube_model */
.cube_model span{
	width : 100%;
}
.cube_model p{
	width : 100%;
	margin-bottom : 20px;
	padding: 10px 20px;
}
.cube_model span:nth-child(1){
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
}
.cube_model p:nth-child(2){
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
}
.cube_model p:nth-child(3){
	-ms-flex-order : 4; /*for IE10*/
	-webkit-order : 4; /* for old webkit browser */
	order : 4;
}
.cube_model span:nth-child(4){
	-ms-flex-order : 3; /*for IE10*/
	-webkit-order : 3; /* for old webkit browser */
	order : 3;
}
/* feature01 */
.feature01 ul{
	padding : 0;
}
.feature01 ul li{
	width : 100%;
}
/* feature02 */
.feature02 ul li h5{
	padding : 0;
}
.feature02 ul li{
	width : 100%;
	margin-bottom : 20px;
}
.feature02 ul li dl{
	padding : 0;
}
/* feature03 */
.feature03 .f3_box{
	padding : 0;
}
.feature03 .f3_box p{
	width : 100%;
	margin-bottom : 20px;
	text-align : justify;
}
.feature03 .f3_box span{
	width : 100%;
}
.feature03 .f3_box span img{
	width : 48%;
}
/* feature04 */
.feature04 .f3_box{
	padding : 0;
}
.feature04 .left_box{
	padding : 0;
}
.feature04 .left_box h5 span{
	display : inline;
}
.feature04 .case02 .left_box{
	width : 100%;
}
.feature04 .case02 .right_box{
	width : 100%;
}
.feature04 .case02 .right_box .f_top span{
	width : 100%;
}
.feature04 .case02 .right_box .f_top span span{
	height : auto;
	text-align : left;
	margin-bottom : 10px;
}
.feature04 .case02 .right_box .f_top span span br{
	display : none;
}
.feature04 .right_box .f_top span img,
.feature04 .right_box .f_bottom span img{
	width : 70%;
	margin : 0 auto;
}
/* ex_wrap */
.ex_wrap{
	padding : 0;
}
.cubo_experiment .left_box{
	width : 100%;
	margin-bottom : 15px;
}
.cubo_experiment .right_box{
	width : 100%;
}
.cubo_experiment .right_box h4{
	margin-bottom : 10px;
}
.cubo_experiment .right_box a{
	display : block;
	margin : 0 auto;
}
/* # =================================================================
#### あったかリフォーム 480
# ================================================================= */
.logo_headline{
	width : 100%;
}
/* reform_box01 */
.reform .reform_box01 .left_box{
	width : 60%;
	margin : 0 auto 10px;
}
.reform .reform_box01 .right_box{
	width : 100%;
}
.reform .reform_box01 .right_box span{
	position : relative;
	margin-top : 10px;
}
/* reform_box02 */
.reform .reform_box02 .left_box{
	width : 100%;
	margin-bottom : 10px;
}
.reform .reform_box02 .right_box{
	width : 100%;
}
/* reform_box03 */
.reform .reform_box03 .left_box{
	width : 60%;
	margin : 0 auto 10px;
}
.reform .reform_box03 .right_box{
	width : 100%;
}
/* reform_box04 */
.reform .reform_box04 .left_box{
	width : 100%;
	margin-bottom : 10px;
}
.reform .reform_box04 .right_box{
	width : 100%;
}
/* cx_top */
.cx_top{
	padding : 10px;
}
.reform_before{
	width : 100%;
	margin-bottom : 20px;
}
.reform_center{
	display : none;
}
.reform_after{
	width : 100%;
}
/* # =================================================================
#### お客様センター 480
# ================================================================= */
.customer_box .left_box,
.customer_box .right_box{
	width : 100%;
}
/* # =================================================================
#### わたしたちの理念 480
# ================================================================= */
.mes{
	margin-bottom : 50px;
}
.mes .mes_box .left_box,
.mes .mes_box .right_box{
	width : 100%;
	margin-bottom : 30px;
}
/* # =================================================================
#### 企業情報 480
# ================================================================= */
.company01,
.company02,
.company03,
.company04,
.company05,
.company06,
company_table{
	margin-bottom : 30px;
}
/* company01 */
.company01 dl{
	border : none;
}
.company01 dl dt,
.company01 dl dd{
	width : 100%;
	padding : 10px 0 10px 5px;
}
/* company02 */
.company02 dl dt,
.company02 dl dd{
	width : 100%;
	padding : 10px 0 10px 5px;
	border-top : 1pxsolid #DDDDDD;
	border-bottom : none;
}
.company02 dl dt{
	background: #EDEDEB;
}
/* company04 */
.company04 dl dt{
	width : 100%;
	margin-bottom : 10px;
}
.company04 dl dd{
	width : 100%;
	padding-left : 0;
}
/* company06 */
.company06 ul{
	text-indent : 0;
}
/* company_table */
.company03{
	display : none;
}
.company_table{
	display : block;
}
.company_table h3{
	text-align : center;
	margin-bottom : 20px;
}
.company_table p{
	margin-bottom : 20px;
}
/* # =================================================================
#### クロダハウスの歴史 480
# ================================================================= */
/* history_video */
.history_video .video_wrap{
	width : 100%;
	margin-bottom : 30px;
}
/* history_box02 */
.h_link li{
	width : 49%;
	margin-bottom : 20px;
}
.history_box02 section ul li{
	width : 100%;
	margin-bottom : 30px;
}
/* # =================================================================
#### しあわせ物語 480
# ================================================================= */
.page_common .header_image{
	margin-bottom : 50px;
}
.smile .left_box span,
.smile .right_box span{
	display : none;
}
.smile .left_box,
.smile .right_box{
	float : none;
}
.smile .left_box p,
.smile .right_box p{
	text-align : justify;
}
.smile .center{
	padding : 15px 10px;
}
.smile .center h2{
	font-size : 22px;
}
.smile .center p{
	text-align : justify;
}
.smile .center h3{
	text-align : left;
}
br.merge480{
	display : block;
}
.radio_date_main ul li{
	width : 100%;
}
.radio_date_main h4 a{
	font-size : 18px;
}
/* smile_footer */
.smile_footer{
	background-position : bottom center;
	background-size : cover;
}
.smile_footer_box{
	padding : 15px;
}
.smile_footer h2{
	font-size : 24px;
}
.smile_footer h2 span{
	font-size : 18px;
}
.smile_footer h3{
	font-size : 24px;
}
.smile_footer_box .left_box dl dt{
	width : 100%;
}
.smile_footer_box .left_box dl dd{
	width : 100%;
	margin-bottom : 10px;
}
/*  */
.smile_footer_box .left_box p span{
	display : block;
	margin : 0 0 10px;;
}
.smile_footer_box .left_box p br{
	display : none;
}
/* 20210511追記 */
.smile_link_banner h2{
	font-size : 18px;
}
.smile_link_banner h3{
	font-size : 20px;
	margin-bottom : 15px;
}
/** 20220331 **/
.smile_footer h3,
.smile_footer_box h3{
	font-size : 20px;
}
.smile_footer h3 span,
.smile_footer_box h3 span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-left : 0;
}

/* # =================================================================
#### しあわせ物語 オンエア一覧 480
# ================================================================= */
.archive_main_area .radio_date_main{
	width : 100%;
}
.archive_main_area aside{
	width : 100%;
}
aside h3{
	display : inline-block;
}
/* # =================================================================
#### お客様の声 シングルページ 480
# ================================================================= */
.page_common.single_common p.headline{
	font-size : 18px;
}
.page_common .header_image img{
	margin-bottom : 10px;
}
.images_box_data{
	position : relative;
	display : block;
	top : auto;
	bottom : auto;
	left : auto;
	right : auto;
}
.images_box_data p{
	font-size : 20px;
}
.voice_single_area .left_box{
	width : 100%;
	margin-bottom : 10px;
}
.voice_single_area .right_box{
	width : 100%;
}
.voice_single_area:nth-child(2) .left_box,
.voice_single_area:nth-child(4) .left_box{
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
}
.voice_single_area:nth-child(2) .right_box,
.voice_single_area:nth-child(4) .right_box{
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
}
.voice_single_area .left_box img,
.voice_single_area .right_box img{
	margin-top : 10px;
}

.single_event_info .ggmap{
	width : 100%;
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
}
.single_event_info_data{
	width : 100%;
	margin-bottom : 10px;
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
}
/* # =================================================================
#### お問い合わせ 480
# ================================================================= */
.contact_area{
	padding : 0;
}
.form_header{
	padding : 0 15px;
}
.form_body dl dt{
	width : 100%;
	margin-bottom : 10px;
}
.form_body dl dd{
	width : 100%;
}
.form_footer{
	font-size : 14px;
}
.form_footer h2{
	font-size : 15px;
}
/* # =================================================================
#### FUN×FANS 480
# ================================================================= */
.contents_catalog ul li{
	margin-bottom : 20px;
}
.contents_catalog ul li a h2{
	font-size : 14px;
	margin-bottom : 5px;
}
.contents_catalog ul li a .catalog_caption{
	display : none;
}
.contents_catalog h2 span{
	display : block;
	margin-left : 0;
}
/* # =================================================================
#### サイトマップ 404 480
# ================================================================= */
.site_map h2{
	font-size : 16px;
}
.site_map_box:nth-child(1){
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
	width : 100%;
}
.site_map p{
	text-align : left;
	font-size : 14px;
}
.site_map .footer_area p{
	text-align : center;
}
.site_map_box ul{
	padding-left : 8px;
}
.site_map_box:nth-child(2){
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
	width : 100%;
}
.site_map_box:nth-child(3){
	-ms-flex-order : 3; /*for IE10*/
	-webkit-order : 3; /* for old webkit browser */
	order : 3;
	width : 100%;
}
.site_map_box:nth-child(4){
	-ms-flex-order : 4; /*for IE10*/
	-webkit-order : 4; /* for old webkit browser */
	order : 4;
	width : 100%;
}
.site_map_box:nth-child(5){
	-ms-flex-order : 7; /*for IE10*/
	-webkit-order : 7; /* for old webkit browser */
	order : 7;
	width : 100%;
}
.site_map_box:nth-child(6){
	-ms-flex-order : 6; /*for IE10*/
	-webkit-order : 6; /* for old webkit browser */
	order : 6;
	width : 100%;
}
.site_map_box:nth-child(7){
	-ms-flex-order : 5; /*for IE10*/
	-webkit-order : 5; /* for old webkit browser */
	order : 5;
	width : 100%;
}
/* # =================================================================
#### Linnel 480
# ================================================================= */
.linnel_01 .left_box{
	width : 100%;
	margin-bottom : 20px;
}
.linnel_01 .right_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
.linnel_01 .right_box a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	-ms-flex-order : 2; /*for IE10*/
	-webkit-order : 2; /* for old webkit browser */
	order : 2;
}
.linnel_01 .right_box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	-ms-flex-order : 1; /*for IE10*/
	-webkit-order : 1; /* for old webkit browser */
	order : 1;
	margin-bottom : 10px;
}
.linnel_03{
	margin-bottom : 20px;
}
.linnel_03 .left_box a{
	width : 100%;
	height : auto;
	margin-bottom : 20px;
}
.linnel_02 .bottom_box a,
.linnel_03 .bottom_box a{
	width : 100%;
	height : auto;
}
.linnel_02 .bottom_box a img,
.linnel_03 .bottom_box a img{
	width : 100%;
	height : auto;
}
.linnel_02{
	margin-bottom : 0;
}
/* スマホ用ヘッダー画像 */
#img_sp{
	display : block;
}
#img_sp img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
#img_pc{
	display : none;
}
/* 20190728 */
.event_single_area .event_thumb{
	width : 100%;
}
/* # =================================================================
#### オンライン 480
# ================================================================= */
.online01 .online_list li{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : flex-start;
	-webkit-justify-content : flex-start;  /* Safari etc. */
	-ms-justify-content : flex-start;  /* IE10 */
}
.online01 .online_list li span.number{
	width : 46.25px;
	margin-right : 10px;
}
.online01 .online_list li div{
	position : relative;
	display : block;
	width : 78%;
}
.online01 .yellow_bg ul{
	width : 100%;
	padding-left : 2.5em;
}
.online_area .link_button_small{
	width : 100%;
}
.online_sub_wrap{
	padding : 15px;
	text-align : left;
}
.online_sub_wrap span{
	display : none;
}
.online_sub_wrap p.sub_title{
	margin-bottom : 30px;
}
.online_sub_wrap ul{
	display : block;
	padding : 20px;
}
.online_sub_wrap ul li{
	width : 100%;
	margin-bottom : 15px;
}
.online03 .online_flow_list li{
	width : 100%;
}
.online03 .online_flow_list li h4{
	height : auto;
	padding-bottom : 30px;
}
.online_sub_wrap p.sub_title.title02,
.online_image_wrap p{
	width : 100%;
}
/* 追加 */
.online_sub_wrap .online_image_header_wrap{
	width : 100%;
}
.online_yellow_bg_wrap{
	padding : 15px;
}
.online02 .yellow_bg ul{
	width : 250px;
}
/* # =================================================================
#### クロダハウス社長日記 480
# ================================================================= */
/* archive */
#category_list_header h2{
	width : 100%;
	margin-bottom : 15px;
}
.diary .diary_wrap ul{
	display : block;
	width : 100%;
}
.diary .diary_wrap ul li{
	width : 100%;
}
/* single */
.diary_single_wrap .diary_img_content ul{
	display : block;
	width : 100%;
}
.diary_single_wrap .diary_img_content ul li{
	width : 100%;
}
/* # =================================================================
#### IGELKOTT 480
# ================================================================= */
.igelkott h2 br.sp{
	display : block;
}
.igelkott .wrap01 img{
	width : 100%;
}
.igelkott .wrap02 .contents_box{
	display : block;
}
.igelkott .wrap02 .contents_box span{
	width : 100%;
}
/* # =================================================================
#### エクステリア 480
# ================================================================= */
.exterior_wrap .images_title img{
	width : 90%;
}
.exterior_wrap .images_banner img.pc{
	display : none;
}
.exterior_wrap .images_banner img.sp{
	display : block;
}
.exterior_wrap .item_list ul.list01 li,
.exterior_wrap .item_list ul.list02 li{
	width : 48%;
	margin-bottom : 30px;
}
.exterior_wrap .item_list ul.list03{
	display : block;
}
.exterior_wrap .item_list ul.list03 li{
	width : 100%;
	padding : 30px 0;
}
/* # =================================================================
#### マツモト物置 480
# ================================================================= */
.item_maps p.item_title{
	font-size : 20px;
}
.item_maps{
	display : block;
}
.item_maps .item_wrap{
	width : 100%;
	margin-bottom : 30px;
}
.item_maps .item_wrap p.item_sub_title{
	font-size : 18px;
}
.item_maps .item_wrap dl{
	display : block;
}
.item_maps .item_wrap dt{
	width : 100%;
	margin-bottom : 5px;
}
.item_maps .item_wrap dd{
	width : 100%;
	margin-bottom : 20px;
}
/* # =================================================================
#### 20211220 詳しく見るボタン 480
# ================================================================= */
.model_sns a{
	font-size : 14px;
}
/* # =================================================================
#### CLT 480
# ================================================================= */
.common_wrap.clt_wrap h2.title{
	font-size : 18px;
}
.common_wrap.clt_wrap h3{
	font-size : 18px;
	margin-bottom : 15px;
}
.common_wrap.clt_wrap p{
	font-size : 16px;
}
.common_wrap.clt_wrap .flex_box li{
	width : 45%;
}
.common_wrap.clt_wrap .flex_box figure{
	width : 100%;
	margin-bottom : 15px;
}
.common_wrap.clt_wrap .flex_box li p {
	font-size : 13px;
}
.common_wrap.clt_wrap .catalog{
	width : 90%;
}
/* # =================================================================
#### ご紹介制度のご案内 480
# ================================================================= */
/* ご紹介制度のご案内 */
h2.new_headline img{
	width : 100%;
}
h3.new_headline{
	font-size : 18px;
}
a.new_link{
	width : 100%;
	font-size : 16px;
	padding : 10px 0;
}
.n01 .flex ol{
	display : block;
}
.n01 .flex ol li{
	width : 100%;
	margin-bottom : 15px;
}
.n01 .flex ol li:last-child{
	margin-bottom : 0;
}
h3.image_headline{
	width : 100%;
}
.new_section p.impact{
	font-size : 16px;
	margin-bottom : 30px;
}
.n03 .flex .box > p .impact{
	font-size : 16px;
}


.n04 h4.new_headline br.sp{
	display : block;
}
.n04 .flex ul{
	display : block;
}
.n04 .flex ul li{
	width : 100%;
}
.n04 .flex ul li:last-child{
	margin-bottom : 0;
}
/* 提携特典のご案内 */
.special h3{
	font-size : 20px;
}
.point_wrap ol{
	display : block;
}
.point_wrap ol > li{
	width : 100%;
	margin-bottom : 30px;
}
.point_wrap ol > li:last-child{
	margin-bottom : 0;
}
.point_wrap ol > li img{
	width : 200px;
	margin : 0 auto 10px;
}
.business_flex ul{
	display : block;
}
.business_flex ul li{
	width : 100%;
	margin-bottom : 50px;
}
.business_flex ul li:last-child{
	margin-bottom : 0;
}
.business_flex ul li h4{
	font-size : 18px;
}
.impact_link{
	font-size : 18px;
}

.request_wrap{
	padding : 15px;
}
.request_wrap ul{
	display : block:
}
.request_wrap ul li{
	width : 100%
}
.request_wrap ul li:nth-last-child(2){
	margin-bottom : 15px;
}
.b04 .flex ul{
	display : block;
}
.b04 .flex ul li{
	width : 100%;
}


/* 提携企業様一覧 */
.list_page .flex{
	display : block;
}
.list_page .flex a{
	width : 100%;
	font-size : 18px;
	margin-bottom : 15px;
}
.list_page .flex a:last-child{
	margin-bottom : 0;
}
/* # =================================================================
#### 提携特典のご案内 480
# ================================================================= */
main.page2 h2{
	margin-bottom : 15px;
}
/* # =================================================================
#### カーポート 480
# ================================================================= */
.carport .car_wrap h2.title{
	font-size : 18px;
}
/* 01 */
.carport.cp01 .car_wrap .image_wrap img.pc{
	display : none;
}
.carport.cp01 .car_wrap .image_wrap img.sp{
	display : block;
}
/* 02 */
.carport.cp02 .car_wrap .flex{
	display : block;
	padding : 0 30px;
}
.carport.cp02 .car_wrap .flex .box{
	width : 100%;
	margin-bottom : 30px;
}
.carport.cp02 .car_wrap .flex .box img{
	width : 200px;
}
/* 03 */
.carport.cp03 .car_wrap .flex{
	display : block;
	padding : 0 30px;
}
.carport.cp03 .car_wrap .flex .box{
	width : 100%;
	margin-bottom : 30px;
}
/* 05 */
.carport.cp05 .car_wrap p.bar{
	font-size : 16px;
}
/* 00 */
.carport.cp00 .car_wrap .section p.title{
	font-size : 16px;
}
/* # =================================================================
#### お問い合わせボタン 480
# ================================================================= */
input.wpcf7-form-control.wpcf7-back.modoru.wpcf7c-elm-step2.wpcf7c-btn-back{
	margin : 0 0 10px;
}
/* # =================================================================
#### TOP 480
# ================================================================= */
/**** 20230728追記 ****/
main.home .contents02 h2 .impact{
	font-size : 2rem;
}
/* # =================================================================
#### 移住 480
# ================================================================= */










}/* 480 */
@media screen and (max-width: 350px){
/* # =================================================================
#### 20211220 詳しく見るボタン 350
# ================================================================= */
.model_sns a{
	font-size : 12px;
}
/* # =================================================================
#### CLT 350
# ================================================================= */
.common_wrap.clt_wrap h2.title{
	font-size : 16px;
}
.common_wrap.clt_wrap .flex_box .text_box h3{
	font-size : 16px;
}
/* # =================================================================
#### ナビ修正
# ================================================================= */
.header.cb-header nav{
	width : calc(100% - 140px);
}
}/* 350 */