/* Scss Document */
.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mt90 { margin-top: 90px; }

.mt100 { margin-top: 100px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb70 { margin-bottom: 70px; }

.mb80 { margin-bottom: 80px; }

.mb90 { margin-bottom: 90px; }

.mb100 { margin-bottom: 100px; }

.sm_order1 { order: 1; }

.sm_order2 { order: 2; }

p.page-top { display: none; }

img { max-width: 100%; height: auto; vertical-align: middle; }

img.aligncenter { display: block; margin: 0 auto; }

.aligncenter { clear: both; display: block; text-align: center; margin-left: auto; margin-right: auto; }

.flex_box { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: flex-start; align-content: flex-start; align-items: flex-start; }

.flex_box_center { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-content: flex-start; align-content: flex-start; align-items: flex-start; }

.flex_box_space-around { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-content: flex-start; align-content: flex-start; align-items: flex-start; }

ul { list-style: none; }

.empty_box { height: 1px; margin: 0; padding: 0; list-style: none; font-size: 16px; }

.ticker_box { background-color: #F9812B; box-sizing: border-box; }

.ticker_title { width: 105px; font-weight: bold; color: #fff; padding: 15px; text-align: center; box-sizing: border-box; }

.ticker { width: -webkit-calc(100% - 105px); width: calc(100% - 105px); }

ul.newsticker { margin: 0 !important; padding-left: 0; }
ul.newsticker li { line-height: 55px; overflow: hidden; height: 55px; color: #fff; }
ul.newsticker a { padding: 15px 0; margin: 0 5px; color: #fff; text-decoration: underline; }

#wrapper_page #single_content .data { text-align: right; color: #666; margin-bottom: 10px; }

/* layout */
body, html { margin: 0; padding: 0; }

body { font-weight: 500; color: #423A2E; font-size: 15px; line-height: 1.65em; }

p { font-weight: 500; font-size: 15px; line-height: 1.65em; }

#content { width: 100%; }

/* header */
header, .w1000, #top_content, #top_banner2, #content_news, #footerblog { width: 1000px; margin: auto; box-sizing: border-box; }

#top_content { width: 1020px; }

#top_banner2, #content_news { width: 1020px; margin: 50px auto; padding-left: 25px; box-sizing: border-box; }

#content_news { margin-bottom: 0; }

.top_side { width:100%; max-width: 370px; padding: 2px; padding-bottom: 0; box-sizing: border-box; }
.top_side .story_box { margin-bottom: 35px; }
.top_side .story_box p { font-feature-settings: "palt"; }
.top_side .banner-wrap{
	padding: 5px 23px;
}
.top_side .banner { margin-top: 23px; }
.top_side .banner img { vertical-align: top; }

.movie{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius:10px;
}
.movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border: 0;
}

.top-youtube{
	background:#eee3cf;
	padding:33px 23px;
}
.top-youtube .youtube-title{
	color:#63282c;
	font-weight:bold;
	padding:1em 0;
	margin:0 !important;
}

.top-newspaper > a{
	display:block;
	color:#000;
	text-decoration:none;
	background:#eee3cf;
	padding:23px 23px;
}
.top-newspaper > a .title{
	font-weight: normal;
	text-align:center;
	margin:0 0 0.75em;
}
.top-newspaper > a .img{
	width:65%;
	margin:0 auto 1em;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

.top-newspaper > a .btn-wrap{
	text-align:center;
}
.top-newspaper > a .btn-wrap span{
    display: inline-block;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
    background: #BF8960;
    border: 2px solid #BF8960;
    border-radius: 30px;
    padding: 0.5em 3em;
    transition: 0.2s ease;
}
.top-newspaper > a:hover .btn-wrap span {
    color: #BF8960;
    background: #fff;
}


.text-center { text-align: center; }

.top_main { width: 650px; }

#headbar { background-color: white; /* color: white; */ left: 0; position: fixed; text-align: center; top: 0; width: 100%; min-width: 1000px; z-index: 1000 !important; box-shadow: 0 2px 3px -1px #ccc; height: 80px; display: none; }
#headbar .flex_box { align-items: center; margin-top: 13px; }
#headbar .flex_box #head_bar_menu { margin-bottom: 0; }
#headbar .flex_box #head_bar_menu ul { padding-left: 0; }
#headbar .flex_box #head_bar_menu ul li a { transition: 0.5s ease; }
#headbar .flex_box #head_bar_menu ul li a:hover { color: #ff6600; }
#headbar .table_menu { margin: 0; padding: 0; }

h1.logo { font-size: 50px; line-height: 1em; margin: 0; font-weight: bold; padding: 0; }

h1.logo a { display: block; color: #000; }

h1.logo a:hover { text-decoration: none; }

.head_content, .search, .head_contact, .logo_area { margin-bottom: 0; }

/* .search { width: 50%; } */

.ico_fb i { font-size: 1.2em; color: #1877F2; }
.ico_insta i { font-size: 1.2em; color: #eb3d85; }
.ico_youtube i { font-size: 1.2em; color: #cc0000; }

#head_nav .ico_youtube ul.sub-menu{
	right:-15px;
}
#head_nav .ico_fb ul.sub-menu{
  right:-15px;
}

.head_content { /* max-width: 430px; */ }
.head_content .head_tel { margin-top: 10px;/*  text-align: center; */ font-size: 13px; line-height: 1.2em; }

#menu_culum { position: relative; background-image: url("image/background/bg_top.png"); background-repeat: repeat-x; padding-bottom: 40px; z-index: 10; }
#menu_culum .header_top { padding-top: 15px; }
#menu_culum .logo_area { max-width: 240px; width: 100%; }
#menu_culum .head_tel { margin-bottom: 0; }

#main #top_content { position: relative; top: -120px; z-index: 20; margin-bottom: -120px; }
#main .top_side { background: #fff; }
#main .top_main { margin-top: 60px; background-image: url("image/background/bg_header_left.png"); padding: 40px 0px 0px; padding-top: 0; box-sizing: border-box; }
#main .top_main .swiper-container-work { padding: 10px; box-sizing: border-box; }
#main .top_main h2 { margin-top: 30px; margin-bottom: 0; text-align: center; }
#main .top_main .flex_box.cat_btn { flex-wrap:nowrap; }
#main .top_main .swiper-container-work { overflow: hidden; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }
#main .top_main .swiper-pagination-fraction, #main .top_main .swiper-pagination-custom, #main .top_main .swiper-container-horizontal > .swiper-pagination-bullets { width: 100%; text-align: center; }
#main .top_main .swiper-pagination-fraction .swiper-pagination-bullet, #main .top_main .swiper-pagination-custom .swiper-pagination-bullet, #main .top_main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.2); }
#main .top_main .swiper-pagination-fraction .swiper-pagination-bullet-active, #main .top_main .swiper-pagination-custom .swiper-pagination-bullet-active, #main .top_main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #423A2E; }
#main .top_main .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; }
#main .top_main .movie .term_name { border-right: 4px solid #849AD1; }
#main .top_main .reform .term_name { border-right: 4px solid #62BCCC; }
#main .top_main .new_construction .term_name { border-right: 4px solid #D9922E; }
#main .top_main .renovation .term_name { border-right: 4px solid #8CB02C; }
#main .top_main .kominka .term_name { border-right: 4px solid #b16b98; }
#main .top_main .term_name.term_name_voice { border-right: 4px solid #FF6600; }
#main .top_main .movie h3 { color: #849AD1; }
#main .top_main .reform h3 { color: #62BCCC; }
#main .top_main .new_construction h3 { color: #D9922E; }
#main .top_main .renovation h3 { color: #8CB02C; }
#main .top_main .kominka h3 { color: #b16b98; }
#main .top_main .swiper-slide { text-align: center; font-size: 18px; width: 270px; margin: 0 !important; padding: 15px; box-sizing: border-box; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: stretch; align-items: stretch; }
#main .top_main .swiper-slide .term_name { /* position: absolute; */ font-size: 13px; background: #333; box-sizing: border-box; padding: 2px 5px; color: #fff; /* left: 23px; */ }
#main .top_main .swiper-slide .slider_img { overflow: hidden; width: 270px; height: 195px; }
#main .top_main .swiper-slide .slider_img img { width: 270px; height: 195px; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; vertical-align: top; }
#main .top_main .swiper-slide .slide_text { padding: 10px 0; box-sizing: border-box; background: #fff; width: 270px; }
#main .top_main .swiper-slide a { text-decoration: none; color: #000; }
#main .top_main .swiper-slide a h3 { font-size: 16px; margin: 0; padding: 0; }
#main .top_main .swiper-slide a p { font-size: 13px; padding: 0; margin: 0; }


.cat_satoyama-event, .cat_other-event, .cat_rental-space { color: #595959; }
.cat_satoyama-event span, .cat_other-event span, .cat_rental-space span { display: inline-block; margin-right: 5px; line-height: 1.5em; padding: 0 10px; font-weight: 500; font-size: 12px; color: #fff; }
.cat_satoyama-event .cat, .cat_other-event .cat, .cat_rental-space .cat { background: #9E2831; border-radius: 5px; font-weight: 500; font-size: 12px; color: #fff; margin-bottom: 5px; }
.cat_satoyama-event .datetime, .cat_other-event .datetime, .cat_rental-space .datetime { margin-bottom: 5px; border-radius: 5px; background: #D7902E; }

.cat_other-event .cat { background: #5A8573; }

.report_box { color: #595959; }
.report_box .report_cats { font-weight: 500; font-size: 13px; background: #849662; border-radius: 5px; color: #fff; line-height: 1.5em; padding: 0 10px; display: inline-block; margin-bottom: 10px; }
.report_box .datetime { font-size: 12px; font-weight: 500; line-height: 1em; }
.report_box .report_title { font-size: 14px; }

.house-report-arc .house_cat_title { margin-top: 0; margin-bottom: 0px; }
.house-report-arc .house_cat_title a { color: #423A2E; text-decoration: none; }
.house-report-arc ul { margin-bottom: 60px; }
.house-report-arc .slider_img { height: 210px; width: 100%; background-image: url("image/common/thumb.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: center; }

.sidebar_li_icon { margin-bottom: 10px; }

.sidebar_li_icon a { position: relative; padding-left: 1em; display: block; }
.sidebar_li_icon a:before { position: absolute; left: 0; top: 0; content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; }

.item_list .swiper-container-stb { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; padding: 0 60px; box-sizing: border-box; }
.item_list .swiper-slide { box-sizing: border-box; overflow: hidden; width: 208px; border: 1px solid #423A2E; text-align: center; }
.item_list .swiper-slide .tenji { position: absolute; bottom: 0; left: 0; display: inline-block; padding: 5px 15px; box-sizing: border-box; font-size: 12px; font-weight: bold; background-color: #423A2E; color: #fff; z-index: 2; }
.item_list .swiper-slide img { vertical-align: top; width: auto; height: 278px; }
.item_list .swiper-slide:hover .hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1; z-index: 5; }
.item_list .hover { text-align: left; transition: 0.5s ease; font-size: 13px; line-height: 1.8em; -ms-filter: "alpha( opacity=0 )"; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 0; padding: 15px; box-sizing: border-box; height: 100%; color: #fff; background: rgba(66, 58, 46, 0.8); }
.item_list .hover h5 { margin: 0; padding: 0; font-size: 15px; }
.item_list .swiper-button-next2, .item_list .swiper-button-prev2 { z-index: 50; width: 52px; left: 0; height: 52px; background-image: url("image/ico/ico_next.png"); background-position: center; background-repeat: no-repeat; position: absolute; bottom: 0; height: 100%; background-color: #fff; }
.item_list .swiper-button-prev2 { background-image: url("image/ico/ico_prev.png"); right: 0; left: auto; }

.btn_read { /* width: 33.333%; */ width: 100%; text-align: center; }
.btn_read a { display: block; line-height: 53px; font-size: 13px; color: #fff; text-decoration: none; position: relative; transition: 0.5s ease; border: 1px solid #fff; box-sizing: border-box; padding-right: 15px; }
.btn_read a:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); opacity: 0.7; }
.btn_read a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; position: absolute; right: 10px; font-size: 1.5em; }

.btn_movie a { background: #849AD1; }

.btn_new_construction a { background: #D9922E; }

.btn_renovation a { background: #8CB02C; }

.btn_kominka a { background: #b16b98; }

.btn_reform a { background: #62BCCC; }

.new { position: absolute; top: 2px; left: 7px; z-index: 20; }

/* menu */
.blog_st { border-top: 1px dashed #ccc; }

.blog_end { border-bottom: 1px dashed #ccc; }

.g_nav #menu ul { margin: 0; padding: 0; list-style: none; justify-content: space-around; }
.g_nav #menu ul li.empty_box { display: none; }
.g_nav #menu ul li { line-height: 50px; font-size: 16px; position: relative; }
.g_nav #menu ul li a { text-decoration: none; transition: 0.2s ease; display: block; color: #423A2E; font-size: 16px; position: relative; }
.g_nav #menu ul li a:after { position: absolute; left: 50%; transform: translate(-50%, 0); transform: -webkit-translate(-50%, 0); background-image: url("image/background/bg_nav.png"); background-size: 100% 5px; width: 100%; height: 5px; margin: auto; content: ""; -ms-filter: "alpha( opacity=0 )"; filter: alpha(opacity=0); opacity: 0; display: block; transition: 0.2s ease; bottom: 0; }
.g_nav #menu ul li a:hover { color: #FF1D1D; }
.g_nav #menu ul li a:hover:after { bottom: 5px; width: 100%; -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1; }

#head_nav ul.sub-menu, #head_bar_menu #head_nav ul.sub-menu { display: none; position: absolute; width: 150px; /* left: -42px; */ padding: 10px 0; box-sizing: border-box; background: rgba(66, 58, 46, 0.9); }
#head_nav ul.sub-menu li, #head_bar_menu #head_nav ul.sub-menu li { line-height: 1em; text-align: center; }
#head_nav ul.sub-menu li a, #head_bar_menu #head_nav ul.sub-menu li a { line-height: 1em; font-size: 13px; padding: 10px; display: block; color: #fff; transition: 0.5s ease; text-decoration: none; }
#head_nav ul.sub-menu li a:hover, #head_bar_menu #head_nav ul.sub-menu li a:hover { color: #fff; background: #423A2E; }
#head_nav ul.sub-menu li a:after, #head_bar_menu #head_nav ul.sub-menu li a:after { display: none; }

#head_nav > li:nth-child(3) ul, #head_bar_menu #head_nav > li:nth-child(3) ul { width: 200px; left: -20px; }

/*
#head_nav > li:nth-child(4) ul, #head_bar_menu #head_nav > li:nth-child(4) ul { left: -25px; }

#head_nav > li:nth-child(5) ul, #head_bar_menu #head_nav > li:nth-child(5) ul { left: -10px; }
*/

#headbar { background: url("image/background/bg_footer.jpg");}

#head_bar_menu #head_nav { margin: 0; }
#head_bar_menu #head_nav li { position: relative; /* line-height: 50px; */ line-height: 35px; font-size: 14px; }
#head_bar_menu #head_nav li a { color: #423A2E; text-decoration: none; }
#head_bar_menu_top {display:flex;}
#head_bar_menu_top .tel::before {content:"／";margin:0 5px;}
#head_bar_menu_top .tel img {height:17px;}
#head_bar_menu_top .head_contact{margin-left:1em;}

#content_news .flex_box { align-items: stretch; }
#content_news .flex_box .read_btn { padding: 0; }
#content_news .flex_box .read_btn a { text-align: center; color: #423A2E; padding-left: 5px; }
#content_news .flex_box .read_btn a:before { position: absolute; left: 0; width: 100%; border: 1px solid #423A2E; }
#content_news h2 { margin-bottom: 10px; }
#content_news h2 img { vertical-align: top; }
#content_news ul { margin: 0; padding: 0; list-style: none; }
#content_news ul li { margin-bottom: 10px; padding-bottom: 10px; position: relative; border-bottom: 1px solid rgba(77, 77, 77, 0.25); }
#content_news ul li .new { left: -5px; top: -5px; }
#content_news ul li a { color: #423A2E; text-decoration: none; }
#content_news ul li .thumb { width: 75px; }
#content_news ul li .thumb img { vertical-align: top; width: 75px; height: 75px; }
#content_news ul li .main { width: -webkit-calc(100% - 75px); width: calc(100% - 75px); padding-left: 20px; box-sizing: border-box; line-height: 1.5em; }
#content_news ul li .main div { font-weight: bold; }

#footerblog { width: 100%; }
#footerblog .swiper-container-blog { background-image: url("image/background/bg_footer_content.jpg"); background-position: bottom center; background-repeat: no-repeat; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; padding: 50px 0; box-sizing: border-box; /* Fix of Webkit flickering */ z-index: 1; }
#footerblog .swiper-container-blog h2 { text-align: center; }
#footerblog .genba-blog .term_name { background: #04004d; }
#footerblog .staff-blog .term_name { background: #9e4400; }
#footerblog .leader-blog .term_name { background: #2d4d00; }
#footerblog .genba-blog .main div { color: #04004d; }
#footerblog .staff-blog .main div { color: #9e4400; }
#footerblog .leader-blog .main div { color: #2d4d00; }
#footerblog .swiper-slide { width: 280px !important; }
#footerblog .swiper-slide a { color: #000; text-decoration: none; }
#footerblog .swiper-slide a img { width: 280px; height: 187px; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; }
#footerblog .swiper-slide a span { color: #595959; }
#footerblog .swiper-slide a .main div { font-weight: bold; line-height: 1.2em; }
#footerblog .swiper-slide .new { top: -10px; left: -12px; }
#footerblog .swiper-slide .term_name { position: absolute; font-size: 13px; box-sizing: border-box; padding: 2px 12px; color: #fff; left: 0; }
#footerblog .blog_nav_top { text-align: center; margin-top: 50px; margin-bottom: 40px; padding: 0; display: inline-block; width: 100%; justify-content: center; }
#footerblog .blog_nav_top li.read_btn { display: inline-block; }
#footerblog .blog_nav_top li.read_btn a { text-decoration: none; color: #000; padding: 0 1em; border: none; }
#footerblog .blog_nav_top li.read_btn a:before { border: 1px solid #423a2e !important; bottom: -8px; }
#footerblog .blog_nav_top li.read_btn a:after { left: 6px; }

/*.order1{order:1;}
.order2{order:2;}*/
#wrapper_page { /* single */ /* page */ }
#wrapper_page .f20 { font-size: 20px !important; }
#wrapper_page .f19 { font-size: 19px !important; }
#wrapper_page .f18 { font-size: 18px !important; }
#wrapper_page .f17 { font-size: 17px !important; }
#wrapper_page .f16 { font-size: 16px !important; }
#wrapper_page .f15 { font-size: 15px !important; }
#wrapper_page .f12 { font-size: 12px !important; }
#wrapper_page .em12 { font-size: 1.2em !important; }
#wrapper_page .em15 { font-size: 1.5em !important; }
#wrapper_page .em18 { font-size: 1.8em !important; }
#wrapper_page .em20 { font-size: 2em !important; }
#wrapper_page .story_page { margin-top: 50px; }
#wrapper_page .story_page h2 { font-size: 26px; line-height: 1.5em; color: #423A2E; padding-bottom: 10px; margin-bottom: 40px; }
#wrapper_page .story_page p { line-height: 1.65em; margin-top: 0; }
#wrapper_page .story_page .flex_box { padding-top: 20px; padding-bottom: 20px; }
#wrapper_page .story_page .title_inta { text-align: center; position: relative; margin-bottom: 40px; margin-top: 40px; }
#wrapper_page .story_page .title_inta img { position: relative; background: #fff; z-index: 2; padding: 0 20px; }
#wrapper_page .story_page .title_inta:after { position: relative; top: -19px; z-index: 1; content: ""; display: block; border-bottom: 1px solid #423A2E; }
#wrapper_page .story_page h3 { background: #423A2E; color: #fff; font-size: 22px; padding: 10px 15px; box-sizing: border-box; }
#wrapper_page .story_page h4 { font-size: 20px; margin-top: 2em; }
#wrapper_page .story_page h5 { font-size: 22px; padding-top: 2em; font-weight: bold; }
#wrapper_page .story_page dl { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; margin: 0; }
#wrapper_page .story_page dl dt { width: 86px; font-weight: bold; margin-bottom: 2em; }
#wrapper_page .story_page dl dd { width: 404px; width: calc(100% - 86px); width: -webkit-calc(100% - 86px); line-height: 1.65em; margin: 0; margin-bottom: 2em; padding: 0; }
#wrapper_page .story_page .flex_box .col-sm-6 { width: calc(100% / 2 - 10px); width: -webkit-calc(100% / 2 - 10px); }
#wrapper_page .story_page .flex_box .col-sm-4 { width: calc(100% / 3 - 10px); width: -webkit-calc(100% / 3 - 10px); }
#wrapper_page .story_page .flex_box .empty_box { display: none; }
#wrapper_page .story_page .interview { background: #FBF9F5; border: 1px solid #423A2E; padding: 30px; margin: 120px 0 60px 0; box-sizing: border-box; }
#wrapper_page .story_page .interview h3 { background: none; text-align: center; margin-top: 0; margin-bottom: 0; }
#wrapper_page .text-right { text-align: right; }
#wrapper_page #page_content { padding: 50px 0; box-sizing: border-box; }
#wrapper_page #menu_culum { padding-bottom: 20px; background-image: url("image/background/bg_page_top.png"); }
#wrapper_page .blog_page .title_area { background-image: url("image/background/topbottom.jpg"); }
#wrapper_page .blog_page .title_area h2 { color: #fff; }
#wrapper_page .read_blog { text-align: right; padding-top: 5px; }
#wrapper_page .read_blog a:after { position: relative; top: 2px; background-image: url("image/ico/page_right.png"); background-repeat: no-repeat; width: 19px; height: 14px; background-position: center; content: ""; display: inline-block; }
#wrapper_page .blog_page #single_content .single_page, #wrapper_page .blog_page #single_content .archive_page, #wrapper_page .blog_page .archive_content .single_page, #wrapper_page .blog_page .archive_content .archive_page { position: relative; background-image: url(image/background/bg_blog_content_content.jpg); padding: 30px; box-sizing: border-box; }
#wrapper_page .blog_page #single_content .single_page .archive_text, #wrapper_page .blog_page #single_content .archive_page .archive_text, #wrapper_page .blog_page .archive_content .single_page .archive_text, #wrapper_page .blog_page .archive_content .archive_page .archive_text { position: relative; z-index: 10; }
#wrapper_page .blog_page #single_content .single_page .single_content, #wrapper_page .blog_page #single_content .archive_page .single_content, #wrapper_page .blog_page .archive_content .single_page .single_content, #wrapper_page .blog_page .archive_content .archive_page .single_content { position: relative; z-index: 10; }
#wrapper_page .blog_page #single_content .single_page .concept_title, #wrapper_page .blog_page #single_content .archive_page .concept_title, #wrapper_page .blog_page .archive_content .single_page .concept_title, #wrapper_page .blog_page .archive_content .archive_page .concept_title { background-image: url("image/background/bg_title.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; position: relative; border-radius: 0; z-index: 5; }
#wrapper_page .blog_page #single_content .single_page .concept_title .cat_title, #wrapper_page .blog_page #single_content .archive_page .concept_title .cat_title, #wrapper_page .blog_page .archive_content .single_page .concept_title .cat_title, #wrapper_page .blog_page .archive_content .archive_page .concept_title .cat_title { position: absolute; font-size: 15px; background-image: url("image/background/blog_cat_bg.png"); background-size: cover; left: 20px; top: -10px; font-weight: 500; line-height: 40px; text-align: center; width: 235px; }
#wrapper_page .blog_page #single_content .single_page .concept_title h3:after, #wrapper_page .blog_page #single_content .archive_page .concept_title h3:after, #wrapper_page .blog_page .archive_content .single_page .concept_title h3:after, #wrapper_page .blog_page .archive_content .archive_page .concept_title h3:after { display: none; }
#wrapper_page .blog_page #single_content .single_page:before, #wrapper_page .blog_page #single_content .archive_page:before, #wrapper_page .blog_page .archive_content .single_page:before, #wrapper_page .blog_page .archive_content .archive_page:before { background-image: url(image/background/bg_blog_content_head.jpg); background-repeat: no-repeat; content: ""; display: block; top: 0; left: 0; width: 100%; height: 21px; position: absolute; }
#wrapper_page .blog_page #single_content .single_page:after, #wrapper_page .blog_page #single_content .archive_page:after, #wrapper_page .blog_page .archive_content .single_page:after, #wrapper_page .blog_page .archive_content .archive_page:after { background-image: url(image/background/bg_blog_content_footer.jpg); background-repeat: no-repeat; content: ""; display: block; background-position: center bottom; bottom: 0; left: 0; width: 100%; height: 183px; position: absolute; }
#wrapper_page .blog_page #single_content .paging, #wrapper_page .blog_page .archive_content .paging { margin-top: 10px; }
#wrapper_page .blog_page #single_content .paging .next a:before, #wrapper_page .blog_page .archive_content .paging .next a:before { background-image: url("image/ico/page_left.png"); width: 20px; height: 14px; content: ""; }
#wrapper_page .blog_page #single_content .paging .next a:after, #wrapper_page .blog_page .archive_content .paging .next a:after { display: none; }
#wrapper_page .blog_page #single_content .paging .prev a:after, #wrapper_page .blog_page .archive_content .paging .prev a:after { background-image: url("image/ico/page_right.png"); width: 20px; height: 14px; content: ""; }
#wrapper_page .blog_page #single_content .paging .prev a:before, #wrapper_page .blog_page .archive_content .paging .prev a:before { display: none; }
#wrapper_page #side_area_blog { background-image: url("image/background/bg_side.jpg"); padding: 15px; padding-bottom: 70px; box-sizing: border-box; position: relative; margin-bottom: 40px; }
#wrapper_page #side_area_blog ul ul.children { list-style: disc inside; }
#wrapper_page #side_area_blog ul ul.children li { padding-left: 0.4em; }
#wrapper_page #side_area_blog:after { position: absolute; bottom: 0; left: 0; width: 100%; background-image: url(image/background/bg_side_bottom.jpg); background-repeat: no-repeat; background-size: 100% auto; height: 67px; content: ""; display: block; }
#wrapper_page #side_area_blog .side_content { margin-bottom: 40px; }
#wrapper_page #side_area_blog .side_content #searchform input.s { border: 1px solid #BFBFBF; padding: 5px; background: #fff; box-sizing: border-box; border-radius: 5px; }
#wrapper_page #side_area_blog .side_content #searchform input[type="submit"] { box-sizing: border-box; font-size: 15px; height: 27px; width: 27px; cursor: pointer; background-color: #666; border: 1px solid #666; }
#wrapper_page #side_area_blog h3 { font-size: 16px; position: relative; text-indent: 10px; }
#wrapper_page #side_area_blog h3:before { position: absolute; background-image: url(image/background/side_h3.png); background-repeat: no-repeat; left: -30px; top: -10px; content: ""; display: block; width: 41px; height: 43px; }
#wrapper_page #side_area_blog h3:after { display: block; content: ""; height: 3px; width: 100%; background-image: url(image/background/side_h3_bottom.png); background-repeat: repeat-x; }
#wrapper_page #side_area_blog ul { margin: 0; padding: 0; }
#wrapper_page #side_area_blog ul li a { color: #423A2E; text-decoration: none; }
#wrapper_page .title_area { background-image: url("image/background/bg_page_title.png"); background-position: top center; text-align: center; height: 185px; box-sizing: border-box; margin-top: -40px; margin-bottom: 20px; }
#wrapper_page .title_area ul { margin: 0; padding: 0; }
#wrapper_page .title_area ul li.empty_box { display: none; }
#wrapper_page .title_area ul li { margin: 0 0.1em; }
#wrapper_page .title_area ul li a { background: rgba(255, 255, 255, 0.9); display: block; padding: 10px 1.2em; font-size: 15px; color: #423A2E; text-decoration: none; border-bottom: 2px solid #ff6f00; transition: 0.2s ease; }
#wrapper_page .title_area ul li a:hover { color: #fff; background: #ff6f00; }
#wrapper_page .title_area h2 { font-size: 30px; font-weight: normal; margin: 0; margin-bottom: 30px; padding: 0; padding-top: 60px; }
#wrapper_page .footer_concet_btn { width: 100%; margin-top: 0; margin-bottom: 0; height: 170px; background-image: url("image/background/bg_concept_ft.jpg"); background-position: center top; padding-top: 50px; box-sizing: border-box; }
#wrapper_page .blog_page .blog_footer { background-image: url("image/background/bg_blog_footer.jpg"); background-size: cover; height: 165px; }
#wrapper_page #main { position: relative; z-index: 1; }
#wrapper_page .concept_page, #wrapper_page .concept-2_page, #wrapper_page .concept-3_page { position: relative; z-index: 1; }
#wrapper_page .concept_page .title_area h2, #wrapper_page .concept-2_page .title_area h2, #wrapper_page .concept-3_page .title_area h2 { font-size: 30px; font-weight: normal; margin: 0; padding: 0; margin-bottom: 10px; padding-top: 60px; box-sizing: border-box; }
#wrapper_page .default_page .title_area h2 { padding-top: 90px; }
#wrapper_page .concept_title { margin: 20px -20px; background-image: url("image/background/bg_concept_title_1.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100% auto; padding: 40px 0; box-sizing: border-box; font-size: 24px; font-weight: bold; text-align: center; }
#wrapper_page .concept_title h3 { display: inline-block; font-feature-settings: "palt"; margin: auto; line-height: 1.5em; font-size: 24px; }
#wrapper_page .concept_title h3:after { margin: 0 -10px; content: ""; display: block; height: 3px; background-image: url("image/background/bg_concet_bottom.png"); }
#wrapper_page #sec_1 .flex_box { padding: 0 20px; margin: 60px 0; box-sizing: border-box; }
#wrapper_page #sec_1 .flex_box .col-sm-10 { width: 83%; }
#wrapper_page #sec_1 .flex_box .col-sm-2 { width: 17%; }
#wrapper_page #sec_1 .flex_box .order2 { padding-right: 50px; box-sizing: border-box; font-size: 15px; line-height: 1.65em; }
#wrapper_page #sec_1 .flex_box .order2 .name { margin-top: 20px; text-align: right; }
#wrapper_page #sec_2 .concept_title span { font-size: 1.333em; color: #ff6f00; }
#wrapper_page #sec_2 .concept_sub_title { padding-top: 24px; }
#wrapper_page #sec_2 .concept_sub_title h3 { margin-top: 0; }
#wrapper_page #sec_2 .flex_box { height: 410px; padding: 20px; box-sizing: border-box; }
#wrapper_page #sec_2 .flex_box h3 { text-align: center; font-size: 24px; color: #ff6f00; }
#wrapper_page #sec_2 .flex_box h3 img { display: block; margin: auto; margin-bottom: 10px; }
#wrapper_page #sec_2 .flex_box p { font-size: 15px; }
#wrapper_page #sec_2 .row1 { background-image: url("image/background/concept_img1.png"); background-repeat: no-repeat; background-position: right top; }
#wrapper_page #sec_2 .row2 { background-image: url("image/background/concept_img2.png"); background-repeat: no-repeat; background-position: left top; }
#wrapper_page #sec_2 .row3 { background-image: url("image/background/concept_img3.png"); background-repeat: no-repeat; background-position: right top; }
#wrapper_page #sec_2 .sec_1_cat { font-size: 24px; font-weight: bold; text-align: center; margin: 80px 0; }
#wrapper_page #sec_3 { font-size: 15px; }
#wrapper_page #sec_3 .passive_box { padding: 0 20px; box-sizing: border-box; }
#wrapper_page #sec_3 .flex_box { align-items: center; }
#wrapper_page #sec_3 .flex_box .main { font-size: 18px; font-weight: bold; background-image: url("image/background/sec_2_title.png"); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px; margin-bottom: 20px; }
#wrapper_page #sec_3 .flex_box .main span { font-size: 1.333em; color: #ff6f00; }
#wrapper_page #sec_3 .flex_box .sub { width: 640px; font-size: 16px; font-weight: bold; }
#wrapper_page #sec_3 .flex_box .sub p { margin-top: 0; }
#wrapper_page #sec_3 .flex_box .sub ul { margin: 0; padding: 0 20px; }
#wrapper_page #sec_3 .flex_box .sub ul .empty_box { display: none; }
#wrapper_page #sec_3 .slide_nav { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; margin: 0; margin-bottom: 50px; padding: 0; }
#wrapper_page #sec_3 .slide_nav li { cursor: pointer; width: 260px; border-radius: 10px; line-height: 53px; font-size: 22px; text-align: center; margin: 0 0.5em; position: relative; z-index: 10; border: 1px solid #c8c1b8; color: #c8c1b8; }
#wrapper_page #sec_3 .slide_nav li:before { display: none; z-index: 0; position: absolute; top: -15px; left: 50%; content: ""; margin: auto; width: 0; height: 0; transform: translate(-50%, 0); border-style: solid; border-width: 0 15px 15px 15px; }
#wrapper_page #sec_3 .slide_nav li.select:nth-child(1) { color: #fff; background: #ff7319; }
#wrapper_page #sec_3 .slide_nav li.select:nth-child(1):before { display: block; border-color: transparent transparent #ff7319 transparent; }
#wrapper_page #sec_3 .slide_nav li.select:nth-child(2) { background: #5db4de; color: #fff; }
#wrapper_page #sec_3 .slide_nav li.select:nth-child(2):before { display: block; border-color: transparent transparent #5db4de transparent; }
#wrapper_page .tab { overflow: hidden; }
#wrapper_page .hide { display: none; }
#wrapper_page .passive_area { margin: 80px 0; font-size: 15px; }
#wrapper_page .passive_area img { margin: 20px 0; display: block; }
#wrapper_page .passive_area h3 { margin: 0; }
#wrapper_page .passive_area h3 img { margin: 0; }
#wrapper_page .passive_area h4 { color: #ff7319; margin: 0; font-size: 18px; line-height: 1.8em; display: inline; border-bottom: 2px dotted #a89979; }
#wrapper_page .concept_btn { /* width:100%; */ text-align: center; margin-bottom: 80px; margin-top: 50px; }
#wrapper_page .concept_btn a { font-size: 20px; color: #423A2E; }
#wrapper_page .concept_btn a:before { border: 1px solid #423A2E; }
#wrapper_page .concept_btn_top { text-align: right; margin-top: 20px; margin-bottom: 30px; }
#wrapper_page #sec_4, #wrapper_page .mukuzai_box, #wrapper_page .sikui_box { font-size: 15px; }
#wrapper_page #sec_4 .col-sm-6, #wrapper_page .mukuzai_box .col-sm-6, #wrapper_page .sikui_box .col-sm-6 { position: relative; }
#wrapper_page #sec_4 h4, #wrapper_page .mukuzai_box h4, #wrapper_page .sikui_box h4 { font-size: 24px; margin-top: 0; margin-bottom: 0; font-weight: 500; }
#wrapper_page .mukuzai_box { margin-top: 40px; border-bottom: 2px dotted #a89979; padding-bottom: 80px; margin-bottom: 80px; }
#wrapper_page .sikui_box .sikui_box_inner { padding: 40px; box-sizing: border-box; background: url("image/background/bg_sukui.jpg"); background-size: cover; min-height: 680px; margin-bottom: 80px; }
#wrapper_page .sikui_box .sikui_box_inner .sikui_text { background: #fff; border: 2px dotted #a89979; padding: 15px 30px; box-sizing: border-box; border-radius: 20px; text-align: center; font-size: 16px; }
#wrapper_page .sikui_box .sikui_box_inner h3 { text-align: center; margin: 0; font-size: 24px; font-weight: 500; margin-bottom: 30px; }
#wrapper_page .sikui_box .sikui_box_inner .flex_box h4 { margin-bottom: 20px; margin-top: 0px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; line-height: 34px; background: url("image/background/title_sikui.png") no-repeat; background-position: center; }
#wrapper_page .sakan_box { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-around; margin-bottom: 40px; }
#wrapper_page .sakan_box .col-sm-6 { position: relative; box-sizing: border-box; margin-bottom: 30px; }
#wrapper_page .cicle_box { background: url("image/background/bg_caicle.jpg") no-repeat; text-align: center; padding: 20px; box-sizing: border-box; }
#wrapper_page .cicle_box h3 { font-size: 24px; font-weight: 500; }
#wrapper_page .cicle_box .text { font-size: 15px; text-align: left; display: inline-block; margin: auto; margin-top: 30px; margin-bottom: 30px; }
#wrapper_page .concept_title2 { text-align: center; }
#wrapper_page .concept_title2 h3 { font-size: 26px; color: #ff6f00; min-width: 200px; display: inline-block; }
#wrapper_page .concept_title2 h3:after { content: ""; height: 13px; display: block; background-image: url("image/background/sec_2_title.png"); }
#wrapper_page .img_title { position: absolute; left: -15px; top: -15px; font-size: 16px; font-weight: bold; background: #bf8960; color: #fff; margin: 0; padding: 5px 10px; box-sizing: border-box; display: inline-block; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); }
#wrapper_page #sec_5 .change_content { margin-bottom: 80px; }
#wrapper_page #sec_5 li { cursor: pointer; }
#wrapper_page #sec_5 .slide_box { border-radius: 10px; border: 2px dotted #a89979; background: #f7f5f0; padding: 30px 35px; box-sizing: border-box; font-size: 15px; }
#wrapper_page #sec_5 .slide_box .content_box { display: none; }
#wrapper_page #sec_5 .slide_box .select { display: block; }
#wrapper_page #sec_5 .slide_box div { margin-bottom: 0; }
#wrapper_page #sec_5 .slide_box div img { vertical-align: top; }
#wrapper_page #sec_5 .slide_box h3 { margin: 0; font-size: 22px; color: #423a2e; }
#wrapper_page #sec_5 .slide_nav { margin: 0; padding: 0; align-items: stretch; }
#wrapper_page #sec_5 .slide_nav li { width: 33%; text-align: center; font-size: 13px; margin-bottom: 15px; line-height: 1.2em; }
#wrapper_page #sec_5 .slide_nav li img { width: 75px; height: 75px; border-radius: 50%; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; vertical-align: top; margin-bottom: 10px; }
#wrapper_page #sec_6 .flex_box .flex_box { align-items: stretch; margin-top: 35px; }
#wrapper_page #sec_6 .flex_box .flex_box .main { width: 246px; width: calc(100% - 150px); width: -webkit-calc(100% - 150px); padding: 20px; box-sizing: border-box; background: #f7f5f0; }
#wrapper_page #sec_6 .flex_box .flex_box .sub img { vertical-align: top; }
#wrapper_page #sec_6 .flex_box p { margin-top: 0; }
#wrapper_page #sec_6 .sec_6_inner { border-bottom: 1px dotted #a89979; margin-bottom: 60px; padding-bottom: 60px; }
#wrapper_page #sec_6 .osusume_box { background-image: url("image/background/bg_caicle.jpg"); padding: 30px 30px; box-sizing: border-box; font-size: 13px; }
#wrapper_page #sec_6 .osusume_box div { margin-bottom: 0; }
#wrapper_page #sec_6 .osusume_box div p { margin-bottom: 0; }
#wrapper_page #sec_6 .osusume_box h4 { margin: 0; margin-bottom: 20px; font-weight: 500; font-size: 20px; text-align: center; }
#wrapper_page #sec_6 .ishi_box { font-size: 15px; }
#wrapper_page .concept_page_content { padding-top: 10px; }
#wrapper_page #flow { background-image: url("image/background/bg_flow.png"); background-position: right bottom; background-repeat: no-repeat; }
#wrapper_page #flow .concept_title { margin-left: 0; margin-right: 0; margin-bottom: 50px; }
#wrapper_page #flow .next_row { width: 692px; max-width: 100%; margin: auto; height: 43px; margin-bottom: 20px; }
#wrapper_page #flow .next_row div { width: 100%; height: 100%; background-image: url("image/ico/flow_row.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }
#wrapper_page #flow > ul { padding: 15px !important; box-sizing: border-box; }
#wrapper_page #flow > ul li:before { position: absolute; display: block; content: ""; left: 0; top: 0; height: 65px; width: 66px; transform: translate(-50%, -50%); background-repeat: no-repeat; }
#wrapper_page #flow > ul li.num8, #wrapper_page #flow > ul li.num9 { display: table; height: 152px; }
#wrapper_page #flow > ul li.num8 .table-cell, #wrapper_page #flow > ul li.num9 .table-cell { display: table-cell; height: 100%; vertical-align: middle; }
#wrapper_page #flow > ul li.num1:before { background-image: url("image/ico/ico_step_1.png"); }
#wrapper_page #flow > ul li.num2:before { background-image: url("image/ico/ico_step_2.png"); }
#wrapper_page #flow > ul li.num3:before { background-image: url("image/ico/ico_step_3.png"); }
#wrapper_page #flow > ul li.num4:before { background-image: url("image/ico/ico_step_4.png"); }
#wrapper_page #flow > ul li.num5:before { background-image: url("image/ico/ico_step_5.png"); }
#wrapper_page #flow > ul li.num6:before { background-image: url("image/ico/ico_step_6.png"); }
#wrapper_page #flow > ul li.num7:before { background-image: url("image/ico/ico_step_7.png"); }
#wrapper_page #flow > ul li.num8:before { background-image: url("image/ico/ico_step_8.png"); }
#wrapper_page #flow > ul li.num9:before { background-image: url("image/ico/ico_step_9.png"); }
#wrapper_page #flow > ul li.num10:before { background-image: url("image/ico/ico_step_10.png"); }
#wrapper_page #flow > ul li.num10:after { display: none; }
#wrapper_page #flow > ul > li { position: relative; }
#wrapper_page #flow > ul > li:after { position: absolute; right: -12%; top: 47%; width: 23px; height: 27px; content: ""; display: block; background-image: url("image/ico/next_flow.png"); }
#wrapper_page #flow > ul > li:nth-child(3n):after { display: none; }
#wrapper_page #flow ul { margin: 0; padding: 0; align-items: stretch; }
#wrapper_page #flow ul li.empty_box { -ms-filter: "alpha( opacity=0 )"; filter: alpha(opacity=0); opacity: 0; padding: 0; display: none; }
#wrapper_page #flow ul li { max-width: 290px; padding: 15px; box-sizing: border-box; background: #f7f5f0; border: 2px dotted #a89979; border-radius: 10px; }
#wrapper_page #flow ul li ul { padding-left: 1em; }
#wrapper_page #flow ul li li { background: none; border: none; font-size: 15px; padding: 0; color: #404040; font-feature-settings: "palt"; }
#wrapper_page #flow ul li li:before { content: ''; width: 3px; height: 3px; display: inline-block; border-radius: 100%; background: #404040; position: relative; left: -10px; top: -3px; }
#wrapper_page #flow ul li h3 { text-align: center; font-size: 20px; color: #bf8960; margin: 10px 0 10px 0; line-height: 1.2em; }
#wrapper_page #flow ul li h3 span { font-size: 15px; }
#wrapper_page .hoken_hosyo { margin-bottom: 100px; align-items: stretch; }
#wrapper_page .hoken_hosyo h4 { font-size: 22px; font-weight: 500; margin-top: 10px; text-align: center; border-bottom: 4px double #000; }
#wrapper_page .hoken_hosyo .col-sm-6:nth-child(1) { background: url("image/background/bg_hoken.png"); background-position: center; padding: 5px; }
#wrapper_page .hoken_hosyo .col-sm-6:nth-child(2) { background: url("image/background/bg_hosyo.png"); background-position: center; padding: 5px; }
#wrapper_page .hoken_hosyo .inner { padding: 20px 30px; height: 100%; padding-bottom: 80px; box-sizing: border-box; border: 1px solid #fff; position: relative; }
#wrapper_page .hoken_hosyo .inner .read_btn_hoken { position: absolute; bottom: 15px; left: 0; width: 100%; margin: 0; text-align: center; }
#wrapper_page .hoken_hosyo .inner .read_btn_hoken a { color: #000; background-color: rgba(255, 255, 255, 0.5); border: none; padding: 8px 20px; border: 1px solid #000; line-height: 1em; }
#wrapper_page .hoken_hosyo .inner .read_btn_hoken a:before { display: none; }
#wrapper_page .hoken_hosyo .inner ul { margin: 0; padding: 0 0 0 1em; list-style: none; }
#wrapper_page .hoken_hosyo .inner ul li { background: none; border: none; font-size: 15px; padding: 0; color: #404040; font-feature-settings: "palt"; }
#wrapper_page .hoken_hosyo .inner ul li:before { content: ''; width: 3px; height: 3px; display: inline-block; border-radius: 100%; background: #404040; position: relative; left: -10px; top: -3px; }
#wrapper_page .company_page h3.min { font-size: 26px; font-family: "Times New Roman", YuMincho, Yu Mincho, "Hiragino Mincho ProN", Meiryo, serif; font-weight: 500; }
#wrapper_page .company_page p { font-size: 15px; }
#wrapper_page .company_page .flex_box .col-sm-6 div img { margin: 20px 0 0px 0; }
#wrapper_page .company_page .contact_btn { max-width: 660px; width: 100%; margin: auto; border-top: 1px solid rgba(66, 58, 46, 0.5); border-bottom: 1px solid rgba(66, 58, 46, 0.5); text-align: center; padding: 25px 0; margin-bottom: 100px; margin-top: 100px; box-sizing: border-box; }
#wrapper_page .company_page .contact_btn img { margin-bottom: 20px; }
#wrapper_page .company_page .contact_btn .read_contact { text-align: center; margin: 0; }
#wrapper_page .company_page .contact_btn .read_contact a { font-size: 18px; padding-bottom: 0; color: #333; background-position: left center; }
#wrapper_page .company_page .contact_btn .read_contact a:before { bottom: -10px; border: 1px solid #423A2E; }
#wrapper_page .company_info { margin-bottom: 80px; }
#wrapper_page .company_info .main { width: 380px; }
#wrapper_page .company_info .main img { margin-top: 15px; }
#wrapper_page .company_info .main table, #wrapper_page .company_info .main td, #wrapper_page .company_info .main th, #wrapper_page .company_info .main tr, #wrapper_page .company_info .main tbody { border: none; background: none; font-weight: 500; font-size: 15px; }
#wrapper_page .company_info .main td, #wrapper_page .company_info .main th { padding: 5px 0; text-align: left; border-bottom: 1px solid rgba(66, 58, 46, 0.25); }
#wrapper_page .company_info .sub { width: 570px; }
#wrapper_page #staff ul { margin: 0; padding: 0; }
#wrapper_page #staff ul li.empty_box { display: none; }
#wrapper_page #staff ul li { width: 300px; padding: 13px; box-sizing: border-box; }
#wrapper_page #staff ul li .job:after { border-bottom: 1px solid rgba(66, 58, 46, 0.25); margin-bottom: 10px; content: ""; display: block; margin-top: 10px; }
#wrapper_page #staff ul li .name, #wrapper_page #staff ul li .personal_data { font-size: 13px; padding: 0 10px 0 14px; box-sizing: border-box; }
#wrapper_page #staff ul li .name { font-size: 20px; padding-bottom: 20px; padding-top: 10px; text-align: center; }
#wrapper_page #staff ul li .name div { font-size: 12px; }
#wrapper_page #staff ul li .name p { display: none; }
#wrapper_page .sumaizukuri_seminar_page .about_seminar { background-image: url("image/background/bg_caicle.jpg"); padding: 0 50px; padding-bottom: 30px; box-sizing: border-box; }
#wrapper_page .sumaizukuri_seminar_page p.kouza_p { line-height: 1.65em; margin-bottom: 40px; letter-spacing: 0.1em; }
#wrapper_page .sumaizukuri_seminar_page .flex_box .col-sm-7 { width: 515px; }
#wrapper_page .sumaizukuri_seminar_page .flex_box .col-sm-5 { width: 350px; }
#wrapper_page .sumaizukuri_seminar_page .flex_box p { margin-top: 0; }
#wrapper_page .sumaizukuri_seminar_page .flex_box .kouza_b { border-bottom: 1px dashed #423A2E; margin-bottom: 10px; padding-bottom: 10px; }
#wrapper_page .sumaizukuri_seminar_page .read_btn2 { text-align: center; }
#wrapper_page .sumaizukuri_seminar_page .read_btn2 a { font-size: 18px; font-weight: bold; display: block; border-radius: 60px; line-height: 60px; text-decoration: none; background: #BF8960; color: #fff; width: 500px; max-width: 100%; transition: 0.2s ease; margin: auto; border: 2px solid #BF8960; }
#wrapper_page .sumaizukuri_seminar_page .read_btn2 a:hover { background: #fff; color: #BF8960; }
#wrapper_page .sumaizukuri_seminar_page .read_btn2 a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; font-size: 1.2em; }
#wrapper_page .sumaizukuri_seminar_page .title_seminer { text-align: center; background-size: 100% auto; padding: 40px 0 30px 0; box-sizing: border-box; font-size: 24px; }
#wrapper_page .sumaizukuri_seminar_page .title_seminer h3 { display: inline-block; font-feature-settings: "palt"; margin: auto; line-height: 1.5em; font-size: 24px; }
#wrapper_page .sumaizukuri_seminar_page .title_seminer h3:after { margin: 0 -10px; content: ""; display: block; height: 3px; background-image: url("image/background/bg_concet_bottom.png"); }

.bg_wood { background-image: url("image/background/bg_caicle.jpg"); }

.other_nav { margin: 80px 0; box-sizing: border-box; }
.other_nav .ico_model a { background-image: url("image/ico/ico_model.jpg"); }
.other_nav .ico_koza a { background-image: url("image/ico/ico_house.jpg"); }
.other_nav .ico_contact a { background-image: url("image/ico/ico_contact.png"); }
.other_nav .ico_access a { background-image: url("image/ico/ico_access.jpg"); }
.other_nav .ico_event a { background-image: url("image/ico/ico_colender.jpg"); }
.other_nav div, .other_nav li { text-align: center; }
.other_nav div a, .other_nav li a { font-size: 18px; background-repeat: no-repeat; background-position: 5px top; font-weight: bold; color: #423A2E; padding-left: 35px; padding-bottom: 5px; border-bottom: 2px solid #423A2E; text-decoration: none; }
.other_nav div a:after, .other_nav li a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; font-size: 1.2em; }

.other_01_page .catch { margin-top: 50px; text-align: center; font-size: 24px; font-weight: bold; color: #FF6F00; }
.other_01_page .catch span { display: block; }
.other_01_page .sinhaken_box { margin-bottom: 100px; padding: 35px; font-size: 15px; box-sizing: border-box; }
.other_01_page .sinhaken_box h4 { text-align: center; font-size: 20px; margin: 0; font-weight: 500; margin-bottom: 20px; }
.other_01_page .sinhaken_box p { margin-bottom: 0; }
.other_01_page .satoyama_model h4 { margin: 0; margin-bottom: 30px; font-size: 18px; }
.other_01_page .satoyama_model .main p { margin-bottom: 50px; }
.other_01_page .other_gallery .col-sm-20 { position: relative; }
.other_01_page .other_gallery .img_title { position: absolute; left: -15px; top: -15px; font-size: 16px; font-weight: bold; background: #bf8960; color: #fff; margin: 0; padding: 5px 10px; box-sizing: border-box; display: inline-block; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); }
.other_01_page .gallery_table { max-width: 100%; width: 355px; margin: auto; border-collapse: collapse; }
.other_01_page .gallery_table th { background: #A89979; color: #fff; text-align: center; }
.other_01_page .gallery_table th, .other_01_page .gallery_table td { font-size: 15px; border: 1px solid #A89979; }
.other_01_page .gallery_table td { table-layout: fixed; width: 50%; text-align: center; }
.other_01_page .gallery_table td strong { font-size: 17px; }
.other_01_page .gallery_table td strong span { font-size: 15px; }
.other_01_page .other_contact { width: 660px; max-width: 100%; margin: 50px auto; text-align: center; border-top: 1px solid rgba(66, 58, 46, 0.5); border-bottom: 1px solid rgba(66, 58, 46, 0.5); padding: 30px 15px; box-sizing: border-box; font-size: 15px; }
.other_01_page .other_contact img { margin: 10px 0 0 0; }
.other_01_page .other_contact p { margin: 0; }
.other_01_page .other_contact .tel_time { font-size: 12px; }

.other_02_page .concept_title3 { background: url("image/background/title_3.png") no-repeat; background-position: center bottom; padding-bottom: 13px; text-align: center; font-size: 26px; color: #FF6F00; margin: 40px 0; }
.other_02_page .concept_title3 h3 { margin: 0; padding: 0; letter-spacing: -0.1em; }
.other_02_page .kagu_img_ul { font-size: 15px; }
.other_02_page .kagu_img_ul ul { margin: 0; padding: 0; }
.other_02_page .kagu_img_ul ul li { text-align: center; width: 294px; }
.other_02_page .kagu_img_ul ul p { margin-bottom: 5px; margin-top: 10px; text-align: center; }
.other_02_page .kagu_img_ul .tenji { margin: auto; display: inline-block; font-size: 13px; color: #fff; padding: 2px 15px; background-color: #BF8960; border-radius: 26px; }
.other_02_page .kagu_img_ul p { text-align: left; }
.other_02_page .kagu_img_ul img { vertical-align: top; }
.other_02_page .kagu_img_ul li.empty_box { display: none; }
.other_02_page .plet_box { background: url("image/background/bg_plet.png") no-repeat; background-position: right bottom; padding-bottom: 20px; }
.other_02_page .plet_box p { padding-right: 150px; margin-bottom: 0; }
.other_02_page .plet_img ul { margin: 40px 0 80px 0; padding: 0; }
.other_02_page .plet_img ul li { padding: 0 3px; width: 33%; box-sizing: border-box; }
.other_02_page .yutrand { font-size: 15px; margin-bottom: 60px; }
.other_02_page .yutrand h4 { font-size: 24px; font-weight: 500; text-align: center; }
.other_02_page .item_list { margin-bottom: 60px; }
.other_02_page .item_list h4 { font-size: 16px; font-weight: bold; text-align: center; }
.other_02_page .item_list p { text-align: left; }
.other_02_page .nouhin { padding: 35px 40px; box-sizing: border-box; font-size: 15px; }
.other_02_page .nouhin .flex_box { align-items: stretch; }
.other_02_page .nouhin .flex_box > div { margin-bottom: 0; width: 420px; }
.other_02_page .nouhin .flex_box .main { border-right: 1px dotted #423A2E; box-sizing: border-box; width: 470px; }
.other_02_page .nouhin .flex_box .main img { margin-top: 30px; }
.other_02_page .nouhin .flex_box .main h3 { text-align: center; margin: 5px 0; font-size: 20px; }
.other_02_page .nouhin .sub img { margin: 20px 0; }
.other_02_page .nouhin .sub p { margin: 0; }
.other_02_page .nouhin p { margin-top: 0; }

.map iframe { width: 100%; max-width: 1000px; }

.inside40 { padding: 0 40px; box-sizing: border-box; }

.inside30 { padding: 0 20px; box-sizing: border-box; }

.sp_menu { position: fixed; top: 0px; overflow: hidden; left: 0; height: 0px; width: 100%; z-index: 100; background-color: rgba(255, 255, 255, 0.9); -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; transition: ease 0.3s; }

.is-visible { top: 0px; padding-top: 60px; left: 0; -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; width: 100%; height: 100%; overflow-y: scroll; z-index: 999; -webkit-overflow-scrolling: touch; }

.flex_table_box { max-width: 1000px; overflow: hidden; }

.flex_table { display: table; table-layout: fixed; width: 100%; margin: 0 -15px; }

.flex_table > div { display: table-cell; padding: 0 15px; }

@media (max-width: 1000px) { .flex_table { display: table; table-layout: fixed; width: 100%; margin: 0; } }
.main_text { font-size: 1.5em; line-height: 1.8em; font-size: 18px; }
.main_text p { font-size: 18px; }

.main_box .sub_text table th, .main_box .sub_text table td { padding: 5px; }

.sub_text table { border: none; }
.sub_text table th, .sub_text table td { background: none; border: none; text-align: left; border-bottom: 1px solid #808080; }

.hamburger { background-color: #fff; border-radius: 5px; position: fixed; right: 0px; top: 0px; z-index: 999; transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); }

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color: #000 !important; }

.hamburger-inner:before { top: -12px; }

.hamburger-inner:after { bottom: -12px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .is-active .hamburger-inner::after { bottom: 0 !important; } }
#side_bar ul { margin: 0; padding: 0; list-style: none; }

#side_bar h3 { margin: 0; padding: 0; font-size: 18px; font-weight: bold; margin-bottom: 15px; }

#wp-calendar { width: 100%; }

#wp-calendar td, #wp-calendar th { text-align: center; }

.widget-container { margin-bottom: 20px; padding-bottom: 20px; }

.widget-container h3:after, .side_title_area h3:after { display: block; width: 1em; height: 2px; background: #333; content: ""; margin: 15px 0; }

.widget-container ul li { padding-left: 1em; }

.paging { margin: 60px 0; }
.paging .read_btn a { font-size: 16px; color: #423A2E; }
.paging .read_btn a:before { border: 1px solid #423A2E; }
.paging .next a:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; background: none; border: none; top: 2px; position: relative; left: inherit; width: auto; font-size: 1.5em; transform: rotate(0); }
.paging .next a:after { height: 0; top: inherit; border: 1px solid #423A2E; content: ""; bottom: 0px; transform: rotate(-0.5deg); position: absolute; display: block; left: 0; width: 100%; }

/* archive */
#wrapper_page .default_page .title_area_work h2 { padding-top: 60px; }

#wrapper_page .default_page .title_area_work { margin-bottom: 60px; }

#wrapper_page .cat_li { margin: 0; padding: 0; }
#wrapper_page .cat_li li { margin-bottom: 20px; }
#wrapper_page .cat_li li .archive_text { padding: 15px; padding-top: 0; }
#wrapper_page .cat_li li .archive_text .time { /* color: #666; */ /* margin-bottom: 10px; */ }
#wrapper_page .cat_li li .archive_text h3 { font-size: 18px; font-weight: bold; margin: 0; padding: 0; color: #423A2E; background-image: url("image/ico/ico_work_cat.png"); background-repeat: no-repeat; background-position: left top; line-height: 20px; padding-left: 25px; margin-bottom: 10px; }
#wrapper_page .cat_li li .archive_text h3 a { color: #423A2E; text-decoration: none; }
#wrapper_page .cat_li li .archive_text .read_btn a { color: #423A2E; font-size: 16px; }
#wrapper_page .cat_li li .archive_text .read_btn a:before { border: 1px solid #423A2E; }
#wrapper_page .cat_li li .archive_text p { margin: 0; padding: 10px 0; font-size: 16px; font-weight: 500; }
#wrapper_page .cat_li li .slider_img { overflow: hidden; height: 170px; width: 250px; background-image: url("image/common/thumb.png"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
#wrapper_page .cat_li li .slider_img img { width: 100%; height: 170px; overflow: hidden; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; }

.event-list-cat-date-wrap{
	display:flex;
	align-items: center;
	line-height: 1.2;
	margin-bottom: 10px;
}
.event-list-cat-date-wrap .cat_box{
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	background: #9E2831;
	border-radius: 5px;
	padding:3px 5px;
/* 	color:#da9032; */
/*
	border-right: 1px solid rgba(0,0,0,0.25);
	padding-right: 1em;
	margin-right: 1em;
*/
}
.event-list-cat-date-wrap .time{
	color:#9E2831;
/*
	border-left: 1px solid rgba(0,0,0,0.25);
	padding-left: 1em;
*/
	margin-left: 1em;
}

.page_nai { text-align: center; font-size: 16px; margin-bottom: 80px; margin-top: 40px; }
.page_nai a.page-numbers { text-decoration: none; display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #E0DBD5; color: #000; border-radius: 50%; }
.page_nai .dots + a { display: none; }
.page_nai .current { display: inline-block; border-radius: 50%; line-height: 30px; width: 30px; height: 30px; background: #FF6600; color: #fff; }
.page_nai a.next, .page_nai a.prev { width: auto; height: auto; background: #fff; border-bottom: 1px solid #423A2E; padding: 0 5px; box-sizing: border-box; border-radius: 0; }

#wrapper_page .title_area ul.case_nav li.nav_new a { border-bottom: 2px solid #D9922E; }
#wrapper_page .title_area ul.case_nav li.nav_renovation a { border-bottom: 2px solid #8CB02C; }
#wrapper_page .title_area ul.case_nav li.nav_kominka a { border-bottom: 2px solid #b16b98; }
#wrapper_page .title_area ul.case_nav li.nav_reform a { border-bottom: 2px solid #62BCCC; }
#wrapper_page .title_area ul.case_nav li.nav_movie a { border-bottom: 2px solid #849AD1; }
#wrapper_page .title_area ul.case_nav li a { width: 178px; text-align: center; }
#wrapper_page .title_area ul.case_nav li a:hover { background-color: #fff; color: #000; }
#wrapper_page .title_area ul.case_nav li a:before { display: none; }

.concept_title .catch_copy { font-size: 20px; font-weight: 500; margin-top: 5px; }

.archive_title { margin: 50px 0 30px 0; background-image: url("image/background/bg_concept_title_1.jpg"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; padding: 40px 0 0px 0; box-sizing: border-box; font-size: 24px; font-weight: bold; text-align: center; min-height: 135px; }
.archive_title .catch_copy { font-size: 20px; font-weight: 500; margin-top: 5px; }
.archive_title h3 { display: inline-block; font-feature-settings: "palt"; margin: auto; line-height: 1.5em; font-size: 24px; }
.archive_title h3:after { margin: 0 -10px; content: ""; display: block; height: 3px; background-image: url("image/background/bg_concet_bottom.png"); }

.cat_comment { padding: 0 30px 30px; box-sizing: border-box; }

.story_ul { margin: 0; padding: 0; margin-top: 50px; }
.story_ul > li { width:32%; }

.archive_li { margin: 0; padding: 0; }
.archive_li .new { top: -10px; left: -10px; z-index: 2; }
.archive_li li { position: relative; width: 32%; width: calc(100% / 3 - 15px); width: -webkit-calc(100% / 3 - 15px); }
.archive_li li img { vertical-align: top; }
.archive_li li a { text-decoration: none; transition: 0.2s ease; }
.archive_li li a:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); opacity: 0.7; }
.archive_li li .archive_text { padding: 15px; padding-left: 0; }
.archive_li li .archive_text h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; color: #423A2E; background-image: url("image/ico/ico_work_cat.png"); background-repeat: no-repeat; background-position: left top; line-height: 20px; padding-left: 25px; }
.archive_li li .archive_text p { margin: 0; padding: 0; padding-left: 25px; font-size: 13px; font-weight: 500; color: rgba(66, 58, 46, 0.5); }
.archive_li li .slider_img img { width: 100%; height: 210px; overflow: hidden; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; }
.archive_li li a { position: relative; display: block; color: #000; text-decoration: none; }
.archive_li li a .time { color: #999; }
#main .top_main .swiper-slide .term_name_wrap,
.archive_li .term_name_wrap {
	position: absolute; display: flex; color: #fff;
}
#main .top_main .swiper-slide .term_name_wrap{
	width: 270px;
}
.archive_li .term_name {
	padding: 5px 10px; background: #DA922E; margin-right:5px;
}
#main .top_main .swiper-slide .term_name{
	margin-right:5px;
}

.archive_li li a .icon{
	display:flex;
	justify-content: center;
	align-items: center;
	width:50px;
	height:50px;
	font-size: 0.75rem;
	line-height: 1.2;
	font-weight:bold;
	text-align: center;
	color:#fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border-radius:50%;
	border:2px dotted rgba(255,255,255,0.75);
	background:#da9032;
	padding: 3px 0 0;
	box-sizing: border-box;
	position:absolute;
	top: 5px;
	right: 5px;
	transform: rotate(-10deg);
}

#wrapper_page .blog_page .archive_content .archive_page { padding-bottom: 40px; }

.blog_li li { margin-bottom: 2em; width: 100%; }
.blog_li li .slider_img img { height: 130px; }
.blog_li li .flex_box { position: relative; z-index: 5; }
.blog_li li .flex_box .thumb { width: 170px; display: block; }
.blog_li li .flex_box .archive_text { width: -webkit-calc(100% - 170px); width: calc(100% - 170px); padding-left: 20px; padding-right: 0; padding-top: 0; box-sizing: border-box; }
.blog_li li .flex_box .archive_text h3 { margin-bottom: 5px; }
.blog_li li .flex_box .archive_text p { padding-left: 0; color: #666; }

#side_area h3 { background: url("image/background/bg_concept_title_1.jpg"); line-height: 1em; padding: 15px; box-sizing: border-box; border-radius: 5px; font-size: 18px; margin-top: 0; margin-bottom: 1em; }
#side_area h3 a { color: #423A2E; text-decoration: none; }
#side_area ul ul.children { padding-left: 0; list-style: disc inside; }
#side_area ul ul.children li { padding-left: 0.4em; }
#side_area .cat_name { margin: 0; padding: 0; }
#side_area .cat_name li { margin-bottom: 10px; }
#side_area .cat_name li a { background: url("image/background/bg_concept_title_1.jpg"); line-height: 1em; padding: 15px; box-sizing: border-box; display: block; border-radius: 5px; font-weight: bold; font-size: 18px; margin-top: 0; margin-bottom: 1em; color: #423A2E; text-decoration: none; }
#side_area .side_content { margin-bottom: 40px; }
#side_area .side_content ul { margin: 0; padding: 0; padding-left: 5px; }
#side_area .side_content ul .current a { color: #FF6600; }
#side_area .side_content ul a { color: #000; text-decoration: none; }
#side_area .side_content #searchform input.s { border: 1px solid #BFBFBF; padding: 5px; box-sizing: border-box; border-radius: 5px; }
#side_area .side_content #searchform input[type="submit"] { box-sizing: border-box; font-size: 16px; height: 28px; width: 28px; cursor: pointer; background-color: #666; border: 1px solid #666; }

/* search */
.search_li li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }

/* p { margin-bottom: 1.5em; }

main #main p { margin-bottom: 1em; margin-top: 0; } */

/* single */
#wrapper_page .single_content .cap-text p { margin-top: 5px; line-height: 1.65em; }
#wrapper_page .capcha { font-size: 0.9em; line-height: 1.4em; }
#wrapper_page #single_content { font-size: 15px; line-height: 1.65em; }
#wrapper_page #single_content p { margin-bottom: 1em; margin-top: 0; }
#wrapper_page #single_content .datetime { text-align: center; margin-bottom: 10px; color: #a62933; }
#wrapper_page #single_content .concept_title { margin: 0; padding: 40px 0; background-size: cover; border-radius: 20px; margin-bottom: 10px; }

/* footer */
footer {
	background-image: url("image/background/bg_footer.jpg");
	background-size:cover; 
}
footer a { color: #423A2E; text-decoration: none; }
footer .ft_content1 { padding-top: 15px; }
footer .ft_content1 .col-sm-6 { margin-bottom: 10px; }
footer .ft_content1 .flex_box { justify-content: center; }
footer .ft_content1 .flex_box a { color: #423A2E; text-decoration: none; }
footer .ft_content1 .flex_box div { padding: 0 1em; }
footer .ft_content1 p { line-height: 1.2em; margin-bottom: 0.5em; }
footer .ft_content1 .col-sm-6:nth-child(1) { border-right: 1px solid #333; box-sizing: border-box; }
footer .ft_content1 .contact_text { font-size: 11px; }
footer .ft_content1 .ico_contact { font-size: 18px; position: relative; padding-left: 30px; margin-bottom: 5px; }
footer .ft_content1 .ico_contact:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-left: 0.2em; }
footer .ft_content1 .ico_contact:before { position: absolute; left: 0; top: 2px; content: ""; display: block; background-image: url("image/ico/ico_contact.png"); background-repeat: no-repeat; background-position: left center; width: 26px; height: 19px; }
footer .footer_area { box-sizing: border-box; padding-top: 30px; border-top: 1px solid rgba(66, 58, 46, 0.5); }
footer .logo_footer_area { line-height: 1.2em; }
footer .logo_footer_area h2 { margin-top: 0; }
footer .footer_nav h4 { font-weight: 500; margin-bottom: 0; margin-top: 5px; }
footer .footer_nav ul { padding-left: 0; margin-top: 5px; }
footer .footer_nav ul li { font-size: 12px; }
footer .footer_nav ul li a { text-decoration: none; color: #382c14; }

.footner_copy {
	font-size: 10px;
	text-align: center;
	color: #423A2E;
	font-weight: normal; 
	margin: 0;
	padding-bottom: 20px;
}

/*  ather*/
#pagetop { display: none; }

#pagetop a { position: fixed; bottom: 10%; right: 2%; width: 50px; height: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.22); color: #fff; line-height: 50px; text-align: center; font-size: 20px; display: block; transition: 0.5s; z-index: 999; }

.read_btn { text-align: right; padding-right: 1em; }
.read_btn a { display: inline-block; line-height: 1em; font-size: 13px; color: #FF6600; text-decoration: none; position: relative; transition: 0.5s ease; padding-bottom: 10px; border: 1px solid #fff; padding-left: 5px; box-sizing: border-box; }
.read_btn a:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); opacity: 0.7; }
.read_btn a:before { content: ""; bottom: 0px; transform: rotate(-0.5deg); position: absolute; display: block; left: 0; width: 100%; border: 1px solid #FF6600; }
.read_btn a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; position: relative; top: 2px; font-size: 1.5em; }

#workcontent { width: 1090px; position:relative; }

.work_order1 { order: 1; }
.work_order1 .text { text-align: center; color: #fff; padding-bottom: 15px; }
.work_order1 .text:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.5em; margin-left: 0.2em; }

.work_order2 { order: 2; }

.work_order3 { order: 3; }
.work_order3 .text { color: #fff; text-align: center; padding-bottom: 15px; }
.work_order3 .text:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.5em; }

.work_order1, .work_order3 { width: 135px; line-height: 1.2; margin: 0 20px; margin-top: 290px; }
.work_order1{
	position: absolute;
	left: 0;
	bottom: -250px;
	margin: 0;
}
.work_order3{
	position: absolute;
	right: 0;
	bottom: -250px;
	margin: 0;
}
.work_order1 h3, .work_order3 h3 { font-size: 13px; margin: 0; padding: 0; margin-top: 10px; }

.bg_work2 { background: url("image/background/bg_work.jpg"); padding-bottom: 15px; }

.work_single .reform_page .work_order1, .work_single .reform_page .work_order3, .work_single .movie_page .work_order1, .work_single .movie_page .work_order3, .work_single .renovation_page .work_order1, .work_single .renovation_page .work_order3, .work_single .new_construction_page .work_order1, .work_single .new_construction_page .work_order3 { box-sizing: border-box; transition: 0.2s ease; }
.work_single .reform_page .work_order1:hover, .work_single .reform_page .work_order3:hover, .work_single .movie_page .work_order1:hover, .work_single .movie_page .work_order3:hover, .work_single .renovation_page .work_order1:hover, .work_single .renovation_page .work_order3:hover, .work_single .new_construction_page .work_order1:hover, .work_single .new_construction_page .work_order3:hover { transform: scale(1.1); -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); opacity: 0.7; }
.work_single .reform_page .work_order1 a, .work_single .reform_page .work_order3 a, .work_single .movie_page .work_order1 a, .work_single .movie_page .work_order3 a, .work_single .renovation_page .work_order1 a, .work_single .renovation_page .work_order3 a, .work_single .new_construction_page .work_order1 a, .work_single .new_construction_page .work_order3 a { padding: 15px; color: #fff; text-decoration: none; font-weight: 500; display: block; }
.work_single .movie_page_thumb, .work_single .movie_page .term_name { background-color: #849AD1; }
.work_single .reform_page_thumb, .work_single .reform_page .term_name { background-color: #62BCCC; }
.work_single .new_construction_page_thumb, .work_single .new_construction_page .term_name { background-color: #D9922E; }
.work_single .renovation_page_thumb, .work_single .renovation_page .term_name { background-color: #8CB02C; }
.work_single .kominka_page_thumb, .work_single .kominka_page .term_name { background-color: #b16b98; }
.work_single .online_page_thumb, .work_single .online_page .term_name { background-color: #870000; }
.work_single .term_name.term_name_voice { background-color: #FF6600; }

.work_single .term_name { color: #fff; font-size: 13px; display: inline-block; padding: 12px 25px; box-sizing: border-box; width: 170px; text-align: center; }
.work_single .sns_btn .share ul { margin-bottom: 0; }
.work_single .sns_btn .share ul li { margin-right: 5px; }

.archive_li .term_name { line-height:1; background: #333; font-size: 13px; padding: 7px 10px; }
.archive_li .movie_page .term_name { border-right: 4px solid #849AD1; }
.archive_li .reform_page .term_name { border-right: 4px solid #62BCCC; }
.archive_li .new_construction_page .term_name { border-right: 4px solid #D9922E; }
.archive_li .renovation_page .term_name { border-right: 4px solid #8CB02C; }
.archive_li .kominka_page .term_name { border-right: 4px solid #b16b98; }
.archive_li .term_name.term_name_voice { border-right: 4px solid #FF6600; }

@media (max-width: 1450px) { .work_main_content { order: 1; }
  .work_single > .flex_box_center { margin: auto; max-width: 1090px; }
  .work_single .flex_box_center { align-items: stretch; }
  .work_single .reform_page .work_order1, .work_single .reform_page .work_order3, .work_single .movie_page .work_order1, .work_single .movie_page .work_order3, .work_single .renovation_page .work_order1, .work_single .renovation_page .work_order3, .work_single .new_construction_page .work_order1, .work_single .new_construction_page .work_order3 { border-right: 1px solid #fff; order: 2; margin: 0; /*margin-bottom: 50px;*/ text-align: center; }
  .work_single .reform_page .work_order1:hover, .work_single .reform_page .work_order3:hover, .work_single .movie_page .work_order1:hover, .work_single .movie_page .work_order3:hover, .work_single .renovation_page .work_order1:hover, .work_single .renovation_page .work_order3:hover, .work_single .new_construction_page .work_order1:hover, .work_single .new_construction_page .work_order3:hover { transform: scale(1); -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); opacity: 0.7; } }
.footer_sns_btn{ margin-top:50px;}
.footer_sns_btn ul { margin: auto; padding: 0; width: 130px; }
.footer_sns_btn ul li { width: 24px; }
.footer_sns_btn ul li.empty_box { display: none; }

.single_content img { vertical-align: top; }

.reform_box { background: url("image/background/bg_reform.png"); padding: 30px; margin: 40px 0; box-sizing: border-box; }
.reform_box .flex_table { margin: 0; }
.reform_box h3 { text-align: center; }
.reform_box .row_border { width: 3px; padding: 0 10px; background-image: url("image/background/row_border.png"); background-repeat: no-repeat; background-position: top center; }
.reform_box .row_border:last-child { display: none; }

.work_main_content .single_work_title_area { text-align: center; margin-bottom: 40px; margin-top: 10px; }
.work_main_content .single_title { margin: 0; text-align: center; font-size: 26px; line-height: 62px; box-sizing: border-box; display: inline-block; }
.work_main_content .single_title:before, .work_main_content .single_title:after { background-image: url("image/background/bg_work_title.png"); content: ""; background-position: top center; display: block; height: 10px; margin: 0 -15px; }
.work_main_content .work_box .main_img { width: 735px; box-sizing: border-box; padding-left: 35px; padding-bottom: 25px; }
.work_main_content .work_box .main_box { width: 355px; }
.work_main_content .work_box .main_box .main_text { background: rgba(255, 255, 255, 0.65); font-size: 20px; line-height: 1.5em; padding-top: 20px; padding-bottom: 20px; }
.work_main_content .work_box .main_box .main_text, .work_main_content .work_box .main_box .sub_text { padding-left: 35px; padding-right: 30px; box-sizing: border-box; }
.work_main_content .work_box .main_box .main_text table, .work_main_content .work_box .main_box .sub_text table { width: 100% !important; }

@media (max-width: 1090px) { .work_main_content .work_box .main_box, .work_main_content .work_box .sub_box { width: 100%; }
  .work_main_content .work_box .main_img { margin: auto; padding-left: 0; } }
#wrapper_page .other_page { padding-top: 20px; padding-bottom: 60px; }

#wrapper_page .concept_title_other { margin-left: 0; margin-right: 0; margin-top: 0; padding: 30px 0; padding-top: 40px; }

.gallery_page li.title { background-repeat: no-repeat; }
.gallery_page .title div { display: block; height: 320px; color: #fff; padding: 20px; padding-top: 80px; box-sizing: border-box; font-feature-settings: "palt"; }
.gallery_page .title div p { font-size: 14px; line-height: 1.4em; }
.gallery_page .summer_box, .gallery_page .winter_box { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
.gallery_page .spring_box .title { background-color: #CF8FB5; background-image: url("image/background/bg_spring.png"); }
.gallery_page .summer_box .title { background-color: #CFCD3C; background-image: url("image/background/bg_summer.png"); }
.gallery_page .autumn_box .title { background-color: #AD532F; background-image: url("image/background/bg_autumn.png"); }
.gallery_page .winter_box .title { background-color: #7E97A6; background-image: url("image/background/bg_winter.png"); }
.gallery_page ul { margin: 0; padding: 0; }
.gallery_page ul li.col-sm-3 { margin: 0; padding: 0; width: 25%; width: -webkit-calc(100% / 4); width: calc(100% / 4); position: relative; overflow: hidden; height: 235px; }
.gallery_page ul li.col-sm-3 div.img { position: relative; z-index: 1; }
.gallery_page ul li.col-sm-3 div.text { padding: 10px; box-sizing: border-box; position: absolute; z-index: 2; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; }
.gallery_page ul li.col-sm-3 div.text h3 { transition: 0.5s ease; text-align: center; font-family: "Times New Roman", YuMincho, Yu Mincho, "Hiragino Mincho ProN", Meiryo, serif; font-size: 22px; font-weight: 500; display: table-cell; height: 235px; text-align: center; width: 235px; vertical-align: middle; line-height: 1.2em; }
.gallery_page ul li.col-sm-3 div.text span { text-align: center; display: block; font-family: "Times New Roman", YuMincho, Yu Mincho, "Hiragino Mincho ProN", Meiryo, serif; font-size: 12px; color: rgba(255, 255, 255, 0.75); }
.gallery_page ul li.col-sm-3 div.text div { overflow-y: auto; height: 190px; margin-top: 10px; box-sizing: border-box; }
.gallery_page ul li.col-sm-3 div.text div p { font-size: 13px; margin-top: 0; font-weight: 500; font-family: "Hiragino Maru Gothic W4 JIS2004", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; }
.gallery_page ul li.col-sm-3 img { width: 100%; height: auto; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; }

/* slider */
.header_img_flex { align-items: stretch; }

.header_left { position: relative; top: -60px; box-sizing: border-box; width: 15%; background-image: url("image/background/bg_header_left.png"); text-align: center; }
.header_left img { height: auto; box-sizing: border-box; padding: 30% 10% 0; }

.header_right { width: 85%; }

.head_contact a { text-decoration: none; color: #000; font-size: 13px; background-image: url("image/ico/ico_contact.png"); background-repeat: no-repeat; padding-left: 30px; box-sizing: border-box; }
.head_contact a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; }

.header_img { position: relative; top: -60px; z-index: 1; }
.header_img .swiper-slide { height: 610px; widows: 100%; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; }

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { /*width: 100px;*/ text-align:right; right: 20px; left: auto; }

/* form */
#searchform input.s { width: 89%; width: -webkit-calc(100% - 34px); width: calc(100% - 34px); background-color: transparent; border: none; border-bottom: 1px solid #BFBFBF; }
#searchform input[type=submit] { font-family: FontAwesome; background: #333; border: 1px solid #333; box-sizing: border-box; border-radius: 5px; display: inline-block; padding: 0; margin: 0; width: 20px; height: 20px; color: #fff; font-size: 10px; }

.tel_btn { text-align: center; font-size: 30px; font-weight: bold; color: #2A649A; }

.tel_btn:before { content: "\f095"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; font-size: 0.6em; transform: rotate(20deg) translateY(-0.1em); }

.mw_wp_form_preview span.khinden { display: none; }

.mw_wp_form #form { width: 830px; margin: auto; }
.mw_wp_form #form .panf_img { display: inline-block; height: 10px; position: relative; width: 100px; margin-bottom: 0; }
.mw_wp_form #form .panf_img img { position: absolute; bottom: 0; }
.mw_wp_form #form table.souhu td p { display: inline-block; margin: 0; padding: 0; }
.mw_wp_form #form table { border: none; border-top: 2px solid rgba(66, 58, 46, 0.5); border-bottom: 2px solid rgba(66, 58, 46, 0.5); }
.mw_wp_form #form table tr { border-bottom: 1px dashed #423A2E; }
.mw_wp_form #form table tr.bd1 { border-bottom: 2px solid rgba(66, 58, 46, 0.5); }
.mw_wp_form #form table .error { display: inline; }
.mw_wp_form #form table th { font-size: 15px; width: 23%; text-align: left; padding: 15px; padding-left: 40px; padding-right: 10px; font-weight: 500; box-sizing: border-box; background-color: transparent; border: none; position: relative; vertical-align: top; }
.mw_wp_form #form table th span { font-size: 10px; position: absolute; left: 5px; vertical-align: middle; color: #fff; float: left; padding: 2px 5px; border-radius: 5px; margin-right: 5px; }
.mw_wp_form #form table td { border: none; vertical-align: top; padding: 15px; box-sizing: border-box; }
.mw_wp_form #form table td span { margin-right: 10px; }
.mw_wp_form #form table td div { margin-bottom: 10px; }
.mw_wp_form #form table td .mwform-checkbox-field label { display: inline-block; }
.mw_wp_form #form table td .mwform-checkbox-field .horizontal-item { margin: 0; margin-right: 10px; }
.mw_wp_form #form table td label { margin-bottom: 0px; }
.mw_wp_form #form #confirm-button { justify-content: center; }
.mw_wp_form #form #confirm-button button { background: #BF8960; color: #fff; cursor: pointer; text-align: center; width: 300px; margin: 0 15px; margin-bottom: 20px; padding: 0; border: 1px solid #BF8960; line-height: 60px; border-radius: 60px; font-size: 18px; font-family: "Hiragino Maru Gothic W4 JIS2004", YuGothic, "Hiragino Kaku Gothic ProN",Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.mw_wp_form #form #confirm-button button:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; }
.mw_wp_form #form #confirm-button button.back { background: #ccc; border: 1px solid #ccc; }
.mw_wp_form #form #confirm-button button.back:after { display: none; }
.mw_wp_form #form #confirm-button button.back:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; margin-right: 0.2em; margin-left: 0.2em; }
.mw_wp_form #form .horizontal-item + .horizontal-item { margin: 0; margin-right: 10px; }
.mw_wp_form #form input, .mw_wp_form #form textarea, .mw_wp_form #form select { font-size: 1em; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; margin: 0 5px; }
.mw_wp_form #form .hisu { background: #A66D10; }
.mw_wp_form #form .nini { background: #BFBFBF; }

.form_btn { justify-content: center; }

.form_btn input { border: none; margin: 0 15px; border-radius: 10px; line-height: 50px; max-width: 250px; width: 100%; background: #efefef; transition: 0.5s ease; }

.form_btn input.confbtn { background: #2A649A; color: #fff; }

.form_btn input:hover { background: #333; color: #fff; }

.souhu > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > span:nth-child(1) > label:nth-child(1) > span:nth-child(2) { position: relative; padding-left: 110px; }
.souhu > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > span:nth-child(1) > label:nth-child(1) > span:nth-child(2):before { content: ""; background-image: url("image/common/bg_contact_img.png"); display: inline-block; background-size: 100%; left: 5px; bottom: 0; width: 100px; height: 61.5px; position: absolute; }

#bnr_modelhouse{
    position: absolute;
    top: 45px;
    left: 20px;
    z-index: 2;
}
.modelhouse-new-single #single_content{
	margin-left:auto;
	margin-right:auto;
}


.footer-fixed-nav{
	display:none;
}



@media only screen and (max-width: 787px) {
	header, .w1000, #top_content, #top_banner2, #content_news, #footerblog { width: 1000px; max-width: 100%; margin: auto; box-sizing: border-box; }
  .gallery_page ul li.col-sm-3 { width: 100%; }
  .gallery_page ul li.col-sm-3 div.text h3 { width: 787px; }
  #top_content { width: 1020px; }
  #top_banner2, #content_news { width: 1020px; margin: 50px auto; padding-left: 25px; box-sizing: border-box; }
  .xs_order1 { order: 1; }
  .xs_order2 { order: 2; }
  #menu_culum { padding: 0 15px; }
  .flex_table_box { max-width: 1000px; overflow: auto; }
  .flex_table { display: block; width: 100%; margin: 0; }
  .flex_table > div { display: flex; padding: 0px; }
  .flex_table > div img { height: auto; }
  .fixed { position: fixed; width: 100%; height: 100%; }
  .alignright, .alignleft { display: block; float: none; text-align: center; margin: auto; margin-bottom: 10px; }
  ul#head_nav { display: block; width: 95%; margin: auto; padding: 0; }
  ul#head_nav ul.sub-menu { width: 100%; }
  ul#head_nav ul.sub-menu { display: block !important; position: static !important; margin: 0; padding: 0 !important; background-color: transparent; }
  ul#head_nav ul.sub-menu li { border-left: 5px solid rgba(66, 58, 46, 0.9); }
  ul#head_nav ul.sub-menu li a { color: rgba(66, 58, 46, 0.9); font-size: 15px; display: block; padding: 0 15px; line-height: 3em; height: auto; }
  ul#head_nav li { display: block; width: 100%; margin: auto; float: none; border-bottom: 1px dotted #808080; }
  ul#head_nav li a { display: block; line-height: 3em; height: 3em; font-size: 18px; font-weight: bold; padding: 0; color: #000; text-decoration: none; text-align: left; }
  .order1 { order: 1; }
  .order2 { order: 2; }
  .single_content { width: 100%; word-break: break-word; padding-bottom:1px; margin-bottom: 2px; }
  .work_main_content .single_work_title_area { margin-bottom: 20px; margin-top: 20px; }
  .work_main_content .work_box .main_img { width: 100%; }
  .work_main_content .work_box .main_box { width: 100%; }
  .archive_title { background-size: cover; padding-top: 20px; padding-left: 15px; padding-right: 15px; }
  .archive_title h3 { font-size: 18px; }
  .archive_title .catch_copy { font-size: 16px; padding-bottom: 20px; }
  .cat_comment { padding: 15px 0; }
  .archive_li li { width: 48%; }
  .archive_li li .slider_img { height: 150px; }
  .archive_li li .slider_img img { height: 150px; }
  iframe { width: 100%; height: auto; }
  .reform_page, .renovation_page, .movie_page, .new_construction_page { align-items: stretch; }
  .reform_page .reform_box, .renovation_page .reform_box, .movie_page .reform_box, .new_construction_page .reform_box { padding: 0; }
  .reform_page .reform_box .reform_sp, .renovation_page .reform_box .reform_sp, .movie_page .reform_box .reform_sp, .new_construction_page .reform_box .reform_sp { align-items: center; text-align: center; align-items: stretch; }
  .reform_page .reform_box .reform_sp p, .renovation_page .reform_box .reform_sp p, .movie_page .reform_box .reform_sp p, .new_construction_page .reform_box .reform_sp p { margin: 0; }
  .reform_page .reform_box .reform_sp .col-xs-6, .renovation_page .reform_box .reform_sp .col-xs-6, .movie_page .reform_box .reform_sp .col-xs-6, .new_construction_page .reform_box .reform_sp .col-xs-6 { width: 46%; }
  .reform_page .reform_box .reform_sp .col-xs-6 h3, .renovation_page .reform_box .reform_sp .col-xs-6 h3, .movie_page .reform_box .reform_sp .col-xs-6 h3, .new_construction_page .reform_box .reform_sp .col-xs-6 h3 { margin: 0; padding: 0; }
  #wrapper_page .concept_btn a { font-size: 16px; }
  .yajirusi { width: 8%; text-align: center; }
  .yajirusi img { transform: rotate(-90deg); margin-top: 50px; }
  .work_order1 { margin: 0; order: 2; border-right: 1px solid #fff; width: 50%; position:static; float:left; }
  .work_order3 { margin: 0; border-left: 1px solid #fff; width: 50%; order: 3; position:static; float:right; }
  .work_single .term_name { width: 100%; }
  .work_single .new_construction_page .term_name { width: 100%; }
  .work_single .new_construction_page .work_order1 { margin: 0; order: 2; }
  .work_single .new_construction_page .work_order2 { order: 1; }
  .work_single .new_construction_page .work_order3 { margin: 0; order: 3; }
  .work_single .single_title { font-size: 18px; line-height: normal; }
  .work_single .work_box .main_img { margin: 0; padding: 0 15px; box-sizing: border-box; }
  .work_single .work_box .main_box .main_text { padding: 15px; box-sizing: border-box; margin-bottom: 0; }
  .work_single .work_box .main_box .sub_text { padding: 15px; margin-bottom: 0; }
  .work_single .sns_btn { margin: 15px auto; width: 100%; }
  .work_single .sns_btn .flex_box { justify-content: center; }
  .work_single .sns_btn .flex_box li { margin: 10px; }
  .work_single .sns_btn .empty_box { display: none; }
  .work_single .sns_btn .share ul { margin: 0; padding: 0; margin: auto; }
  .footer_sns_btn { margin-top: 20px; margin-bottom: 20px; }
  #wrapper_page .title_area { height: auto; border-bottom: 5px solid rgba(0, 0, 0, 0.2); }
  #wrapper_page .title_area h2 { padding-top: 40px; padding-bottom: 15px; font-size: 20px; }
  #wrapper_page .inside40, #wrapper_page .inside30 { padding: 0; }
  #wrapper_page .cat_li li .slider_img { width: 23.5%; width: -webkit-calc(100% / 4 - 15px); width: calc(100% / 4 - 15px); }
  #wrapper_page .cat_li li .slider_img img { object-fit: scale-down; object-position: top; font-family: 'object-fit: scale-down; object-position: top;'; }
  #wrapper_page .cat_li li .archive_text { width: 74.5%; }
  #wrapper_page .default_page .title_area h2 { padding: 40px 3% 15px; font-size: 20px; }
  #wrapper_page .concept_page .title_area h2, #wrapper_page .concept-2_page .title_area h2, #wrapper_page .concept-3_page .title_area h2 { padding-top: 40px; padding-bottom: 15px; font-size: 20px; }
  #wrapper_page .story_page h2 { font-size: 20px; border-bottom: 1px solid #423A2E; color: #1A1A1A; padding-bottom: 10px; margin-bottom: 20px; }
  #wrapper_page .story_page p { margin-bottom: 1.5em; line-height: 1.8em; margin-top: 0; }
  #wrapper_page .story_page .flex_box { margin-bottom: 20px; }
  #wrapper_page .story_page .title_inta { text-align: center; position: relative; margin-bottom: 20px; margin-top: 30px; }
  #wrapper_page .story_page .title_inta img { position: relative; background: #fff; z-index: 2; padding: 0 20px; box-sizing: border-box; }
  #wrapper_page .story_page .title_inta:after { display: none; }
  #wrapper_page .story_page h3 { background: #423A2E; color: #fff; font-size: 18px; padding: 5px 15px; box-sizing: border-box; }
  #wrapper_page .story_page h4 { font-size: 18px; margin-top: 2em; }
  #wrapper_page .story_page h5 { font-size: 18px; padding-top: 2em; font-weight: bold; }
  #wrapper_page .story_page dl { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; margin: 0; }
  #wrapper_page .story_page dl dt { width: 100%; font-weight: bold; margin-bottom: 0.5em; }
  #wrapper_page .story_page dl dd { width: 100%; line-height: 1.8em; margin: 0; margin-bottom: 1em; padding: 0; }
  #wrapper_page .story_page .flex_box .col-sm-6 { width: calc(100%  - 10px); width: -webkit-calc(100%  - 10px); }
  #wrapper_page .story_page .flex_box .col-sm-4 { width: calc(100% - 10px); width: -webkit-calc(100% - 10px); }
  #wrapper_page .story_page .flex_box .empty_box { display: none; }
  #wrapper_page .story_page .interview { background: #FBF9F5; border: 1px solid #423A2E; padding: 15px; margin: 60px 0 60px 0; box-sizing: border-box; }
  #wrapper_page .story_page .interview h3 { background: none; text-align: center; margin-top: 0; }
  #wrapper_page #page_content { padding: 20px 0; }
  #wrapper_page .concept_page .title_area { height: auto; }
  #wrapper_page .concept_page .title_area h2 { padding-top: 40px; padding-bottom: 20px; font-size: 20px; }
  #wrapper_page .concept_page #sec_1 .flex_box .col-sm-2 { text-align: center; }
  #wrapper_page .concept_page #sec_1 .flex_box .col-sm-10, #wrapper_page .concept_page #sec_1 .flex_box .col-sm-2 { width: 100%; padding: 0; padding-bottom: 20px; line-height: 1.5em; }
  #wrapper_page .concept_page #sec_2 h3 { line-height: 1em; }
  #wrapper_page .concept_page #sec_2 h3 br { display: none; }
  #wrapper_page .concept_page #sec_2 .row1, #wrapper_page .concept_page #sec_2 .row2, #wrapper_page .concept_page #sec_2 .row3 { background: none; padding: 0; }
  #wrapper_page .concept_page #sec_2 .sec_1_cat { font-size: 16px; line-height: 1.5em; }
  #wrapper_page .concept_page #sec_3 .passive_box { padding: 0; }
  #wrapper_page .concept_page #sec_3 .passive_box .flex_box .main { background-position: center bottom; }
  #wrapper_page .concept_page #sec_3 .passive_box .flex_box .main, #wrapper_page .concept_page #sec_3 .passive_box .flex_box .sub { width: 100%; text-align: center; }
  #wrapper_page .concept_page #sec_3 .passive_box .flex_box .main li, #wrapper_page .concept_page #sec_3 .passive_box .flex_box .sub li { width: 100%; text-align: center; }
  #wrapper_page .concept_page #sec_3 .slide_nav li { width: 40%; margin: 0 5px; }
  #wrapper_page .concept_page .passive_area { margin: 20px 0; }
  #wrapper_page .concept_page .passive_area .flex_box img { margin: auto; }
  #wrapper_page .concept_page .passive_area .flex_box h3 { text-align: center; }
  #wrapper_page .concept_title { padding: 20px 0; margin: 0; margin-bottom: 20px; background-size: cover; border-radius: 10px; overflow: hidden; }
  #wrapper_page .concept_title h3 { font-size: 16px; }
  #wrapper_page .sp_concept_btn { overflow-y: hidden; border-bottom: 1px solid #ccc; }
  #wrapper_page .sp_concept_btn .flex_box_center { justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-overflow-scrolling: touch; }
  #wrapper_page .sp_concept_btn ul { width: 770px; margin: 0; padding: 0; padding-bottom: 15px; }
  #wrapper_page .sp_concept_btn ul a { display: inline-block; color: #423A2E; text-decoration: none; padding: 5px 15px; box-sizing: border-box; }
  #wrapper_page .other_page .sp_concept_btn ul { width: 430px; }
  #wrapper_page .footer_concet_btn { height: auto; border-bottom: none; padding-top: 50px; padding-bottom: 20px; background-position: center bottom; background-size: cover; }
  #wrapper_page .cicle_box h3 { font-size: 20px; }
  #wrapper_page .mukuzai_box { margin-bottom: 20px; }
  #wrapper_page .img_title { font-size: 15px; }
  #wrapper_page .sikui_box { margin-bottom: 30px; }
  #wrapper_page .sikui_box .sikui_box_inner { padding: 15px; min-height: auto; background-repeat: repeat; margin-bottom: 20px; }
  #wrapper_page .sikui_box .sikui_box_inner .col-sm-5 { text-align: center; }
  #wrapper_page #sec_5 .slide_box { padding: 15px; }
  #wrapper_page #sec_5 .slide_box .col-sm-6:nth-child(1) { text-align: center; padding-bottom: 20px; }
  #wrapper_page #sec_5 .slide_box div { width: 100%; }
  #wrapper_page #sec_5 .change_content { margin-bottom: 30px; }
  #wrapper_page #sec_6 .sec_6_inner { margin-bottom: 20px; }
  #wrapper_page #sec_6 .flex_box .flex_box .main { line-height: 1.5em; padding: 10px; }
  #wrapper_page #sec_6 .osusume_box { padding: 15px; }
  #wrapper_page #flow { background: none; }
  #wrapper_page #flow .next_row { display: none; }
  #wrapper_page #flow ul li { max-width: 100%; width: 100%; }
  #wrapper_page #flow ul li div img { display: block; margin: auto; }
  #wrapper_page #flow ul li:before { left: 50%; top: -8px; -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); }
  #wrapper_page #flow > ul { padding: 0 !important; }
  #wrapper_page #flow > ul > li { margin-bottom: 50px; }
  #wrapper_page #flow > ul > li:after { position: static; display: none; }
  #wrapper_page .hoken_hosyo { margin-bottom: 20px; }
  #wrapper_page .hoken_hosyo .inner { padding: 15px; }
  #wrapper_page .hoken_hosyo .inner .read_btn_hoken { margin-top: 20px; position: static; padding: 0; }
  #wrapper_page .hoken_hosyo .inner h4 { font-size: 16px; }
  #wrapper_page .concept_title3 h3 { font-size: 18px; }
  #wrapper_page .kagu_img_ul ul li { width: 100%; }
  #wrapper_page .kagu_img_ul .img { text-align: center; }
  #wrapper_page .plet_box { background-image: none; }
  #wrapper_page .plet_box p { padding: 0; }
  #wrapper_page .plet_img ul li { text-align: center; width: 100%; }
  #wrapper_page .yutrand h4 { font-size: 18px; }
  #wrapper_page .item_list .swiper-container-stb { overflow: visible; }
  #wrapper_page .item_list .swiper-container-stb .swiper-slide, #wrapper_page .item_list .swiper-container-stb .swiper-button-next2, #wrapper_page .item_list .swiper-container-stb .swiper-button-prev2 { background-color: transparent; }
  #wrapper_page .nouhin { padding: 15px; }
  #wrapper_page .nouhin .img { padding-bottom: 10px; }
  #wrapper_page .nouhin .img img { margin: 0; }
  #wrapper_page .nouhin p { margin-bottom: 15px; }
  #wrapper_page .nouhin .flex_box .main { border: none; padding: 0; }
  #wrapper_page .other_01_page .catch { font-size: 20px; }
  #wrapper_page .other_01_page .sinhaken_box { padding: 15px; }
  #wrapper_page .other_nav .flex_box_space-around { margin: 0; padding: 0; justify-content: flex-start; -webkit-justify-content: flex-start; }
  #wrapper_page .other_nav .flex_box_space-around li { text-align: left; width: 100%; margin-bottom: 20px; }
  #wrapper_page .other_nav .flex_box_space-around li a { display: block; }
  #wrapper_page .other_nav .flex_box_space-around li a:after { position: absolute; right: 15px; }
  #wrapper_page .other_01_page .other_gallery .flex_box { justify-content: center; -webkit-justify-content: center; }
  #wrapper_page .other_01_page .other_gallery .col-sm-20 { text-align: center; width: 167px; padding: 10px; box-sizing: border-box; }
  #wrapper_page #staff ul li { width: 100%; padding: 0; padding-bottom: 30px; }
  #wrapper_page #staff ul li .name, #wrapper_page #staff ul li .personal_data { padding: 0; }
  #wrapper_page #staff ul li img { display: block; margin: auto; }
  .paging .read_btn a { font-size: 12px; }
  .search_title { width: 100%; float: none; margin-right: 0; text-align: center; }
  #menu_culum { height: 120px; background-size: auto 120px; }
  #wrapper .header_right { width: 100%; }
  #wrapper .header_img .swiper-slide { height: 300px; }
  #wrapper #main #top_content { top: -60px; margin-bottom: -60px; z-index: 1; }
  #wrapper #main #top_content > .flex_box { align-items: stretch; }
  #wrapper #main #top_content .read_btn a { font-size: 16px; }
  #wrapper #top_banner2, #wrapper #content_news { margin-top: 20px; padding: 0 15px; box-sizing: border-box; }
  #wrapper #top_banner2 h2, #wrapper #content_news h2 { text-align: center; }
  #wrapper #top_banner2 h2 img, #wrapper #content_news h2 img { margin: auto; }
  #wrapper #top_banner2 .read_btn, #wrapper #content_news .read_btn { text-align: center; margin-top: 30px; margin-bottom: 50px; }
  #wrapper #top_banner2 .read_btn a, #wrapper #content_news .read_btn a { font-size: 18px; }
  #wrapper #top_banner2 .flex_box { justify-content: center; -webkit-justify-content: center; }
  #wrapper .top_side .story_box { height: auto; }
  #wrapper .main_left { width: 25%; background-image: url("image/background/bg_header_left.png"); text-align: center; padding: 5%; padding-top: 15px; padding-bottom: 0; box-sizing: border-box; border-bottom: 5px solid rgba(0, 0, 0, 0.2); }
  #wrapper .top_side { width: 75%; padding-bottom: 0; padding: 15px; box-sizing: border-box; }
  #wrapper .top_main { width: 100%; margin-top: 5px; }
  #wrapper .top_main h2 { margin-bottom: 0; }
  #wrapper .top_main h2 img { vertical-align: top; height: 40px; width: auto; }
  #wrapper .top_main .cat_btn div { width: 50%; }
  #wrapper .top_main .cat_btn div a { font-size: 16px; padding-right: 1em; }
  #wrapper #content_news { margin-bottom: 20px; }
  #wrapper #footerblog h2 img { height: 25px; width: auto; }
  #wrapper #footerblog .swiper-container-blog { padding: 15px; box-sizing: border-box; }
  #wrapper #footerblog .blog_nav_top { margin-top: 0; margin-bottom: 20px; }
  #wrapper #footerblog .blog_nav_top .read_btn { margin-bottom: 20px; }
  #wrapper #footerblog .blog_nav_top .read_btn a { font-size: 18px; }
  footer .ft_content1 .col-sm-6:nth-child(1) { border-right: none; }
  footer .ft_content1 .flex_box { border-top: 1px solid rgba(66, 58, 46, 0.5); align-items: center; }
  footer .logo_footer_area { text-align: center; }
  footer .logo_footer_area p { font-size: 16px; line-height: 1.2em; }
  #wrapper_page .sumaizukuri_seminar_page .title_seminer { padding: 0; }
  #wrapper_page .sumaizukuri_seminar_page .title_seminer h3 { font-size: 20px; }
  #wrapper_page .sumaizukuri_seminar_page .title_seminer p { margin: 0; }
  #wrapper_page .sumaizukuri_seminar_page .about_seminar { padding: 15px; }
  #wrapper_page .blog_page .mt80 { margin-top: 20px; }
  #wrapper_page .blog_page .archive_content .archive_page, #wrapper_page .blog_page .archive_content .single_page, #wrapper_page .blog_page #single_content .archive_page, #wrapper_page .blog_page #single_content .single_page { padding: 15px; background-size: 100% auto; }
  #wrapper_page .blog_page .archive_content .archive_page:before, #wrapper_page .blog_page .archive_content .single_page:before, #wrapper_page .blog_page #single_content .archive_page:before, #wrapper_page .blog_page #single_content .single_page:before { background-size: 100% auto; }
  #wrapper_page .blog_page .archive_content .archive_page:after, #wrapper_page .blog_page .archive_content .single_page:after, #wrapper_page .blog_page #single_content .archive_page:after, #wrapper_page .blog_page #single_content .single_page:after { background-size: 100% auto; }
  #wrapper_page .blog_li li { margin-bottom: 2em; width: 100%; }
  #wrapper_page .blog_li li .slider_img { height: auto; }
  #wrapper_page .blog_li li .slider_img img { height: auto; }
  #wrapper_page .blog_li li .flex_box { position: relative; z-index: 5; }
  #wrapper_page .blog_li li .flex_box .thumb { width: 100%; display: block; }
  #wrapper_page .blog_li li .flex_box .archive_text { width: 100%; padding-left: 0px; padding-right: 0; padding-top: 0; box-sizing: border-box; }
  #wrapper_page .blog_li li .flex_box .archive_text h3 { margin-bottom: 5px; }
  #wrapper_page .blog_li li .flex_box .archive_text p { padding-left: 0; color: #666; }
  #wrapper_page #side_area_blog { background-size: 100% auto; }
  #wrapper_page #side_area_blog:after { background-size: initial; background-repeat: repeat-x; background-position: bottom center; }
  .flick_area { width: 100%; overflow-x: scroll; margin-bottom: 20px; -webkit-overflow-scrolling: touch; }
  .flick_area .row_4 { width: 200px; margin-right: 10px; box-sizing: border-box; }
  .flick_area .li_thumb { height: auto; }
  .flick_area::-webkit-scrollbar { width: 5px; background: #ccc; }
  .flick_area::-webkit-scrollbar:horizontal { height: 5px; background: #ccc; }
  .flick_area::-webkit-scrollbar-thumb { background: #148DF7; border-radius: 2px; }
  .flick_area::-webkit-scrollbar-thumb:horizontal { background: #148DF7; border-radius: 2px; }
  .w1000 { padding: 0 15px; }
  .single_main_title, .post_main_title { font-size: 20px; font-weight: bold; }
  #side_bar { max-width: 100%; }
  .paging { padding: 0; }
  .map iframe { height: 300px; }
  .f_info > div { width: 100%; }
  .mw_wp_form #form { width: 100%; margin: auto; display: block; }
  .mw_wp_form #form table th { margin-bottom: 0; padding: 1em 0; font-weight: 500; padding-bottom: 10px; }
  .mw_wp_form #form table th span { position: static; vertical-align: middle; }
  .mw_wp_form #form table .khinden { display: none; }
  .mw_wp_form #form table td { padding: 0; }
  .mw_wp_form #form table td input, .mw_wp_form #form table td select, .mw_wp_form #form table td textarea { margin-bottom: 15px; margin-left: 0; }
  .mw_wp_form #form table td .khinden { display: block; margin-bottom: 15px; color: #999; }
  .mw_wp_form #form table #address1 { display: block; }
  .mw_wp_form #form table, .mw_wp_form #form tbody, .mw_wp_form #form table tr { width: 100%; margin: auto; display: block; }
  .mw_wp_form #form table th, .mw_wp_form #form table td { display: block; width: 100%; }
  .mw_wp_form #form table td input, .mw_wp_form #form table td textarea { max-width: 100%; }
  .mw_wp_form #form table.souhu > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) { padding-top: 50px; }
  
	#bnr_modelhouse{
		width:200px;
		top: 65px;
	}
	.modelhouse-new .modelhouse-new-post-list .cat_li li .slider_img,
	.modelhouse-new .modelhouse-new-post-list .cat_li li .archive_text{
		width:100% !important;
		height:auto !important;
		overflow:auto;
	}
	.modelhouse-new .modelhouse-new-post-list .cat_li li .slider_img img{
		height:auto !important;
		object-fit: fill !important;
	}
	
	.top-youtube {
	  padding: 25px 15px;
	}
	
	.footer-fixed-nav{
		display: flex;
		width: 100%;
		position:fixed;
		left:0;
		bottom:0;
/* 		z-index: 20; */
		z-index: 9;
	}
	.footer-fixed-nav > *{
		display:flex;
		align-items: center;
		justify-content: center;
		padding:3px 8px;
	}
	.footer-fixed-nav .contact{
		background:#f28f4c;
	}
	.footer-fixed-nav .biz-time{
		background:#bad86a;
	}
	.footer-fixed-nav .tel{
		background:#77d8d5;
	}
	
}


#work_gallery h4{
	font-size:1.6em;
	text-align:center;
}
#work_gallery .flex_box{
	margin:0;
	padding:0;
}
#work_gallery .flex_box li{
	width:19%;
	margin-bottom:15px;
}
#work_gallery .flex_box li img{
	vertical-align:middle;
}
@media only screen and (max-width: 787px) {
	#work_gallery .flex_box{
		padding:0 3%;
	}
	#work_gallery .flex_box li{
		width:32%;
		margin-bottom:8px;
	}
}

.wp-pagenavi a, .wp-pagenavi span {
  border: none;
  margin: 0 4px;
   padding: 0;
}

.wp-pagenavi a.page {
  display: inline-block;
  border-radius: 50%;
  line-height: 30px;
  width: 30px;
  height: 30px;
  background: #CCC;
  color: #fff;
}

/* 社長のおもい */
.ceo_story p{
	margin: 0 0 1.5em;
}
.ceo_message{
	display: flex;
	background-image: url("image/background/bg_caicle.jpg");
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100% auto;
	border-radius: 10px;
	align-items: center;
	padding: 3em 5em;
	justify-content: space-between;
}
.ceo_message .message_txt{
	width: 65%;
}
.ceo_message .message_txt p{
	line-height: 40px;
	font-size: 17px;
}
.ceo_message .message_txt .ceo_name{
	text-align: end;
	font-size: 15px;
	margin: 0;
}
.ceo_name span{
	font-size: 20px;
}
.ceo_message .img{
	width: 30%;
}
.ceo_img{
	width: 250px;
	height: 250px;
	object-fit: cover;
	border-radius: 100%;
}
.ceo_story section{
	margin-top: 7em;
}
.ceo_story h3{
	text-align: center;
	background-image: url("image/background/bg_concept_title_1.jpg"); 
	background-position: center; 
	background-size: 100% auto;
	border-radius: 5px;
	padding: .9em 1em .7em;
	color: #BD8A64;
	font-size: 23px;
	margin-bottom: 35px;
}
.story_txt{
  display: flex;
  justify-content: flex-start;
  gap: 3%;
}
.no_img .story_txt{
  display: block;
}

.story_txt .txt{
  flex: 0 0 55%;
}

.story_txt .img{
  flex: 0 0 42%;
}

.story_txt .img img{
  display:block;
  width:100%;
  height:100%;
object-fit: cover;
}
.end .story_txt{
	display: block;
}
.end .story_txt .img{
	width: 90%;
    height: 520px;
    margin: auto;
}
.end{
	margin-bottom: 5em;
}


@media only screen and (max-width: 787px) {
	.ceo_message{
		flex-direction:column;
		padding: 2em 2em;
		text-align: center;
	}
	.message_txt{
		text-align: left;
		margin-top: 1em;
	}
	.ceo_message{
		background-repeat: repeat;
	}
	.ceo_message .message_txt{
		width: 100%;
		order:2;
	}
	.ceo_message .img{
		width: 100%;
		order:1;
	}
	.ceo_story section{
		margin-top: 5em;
	}
	.ceo_story h3{
		line-height: 30px;
		font-size: 20px;
		margin-bottom: 25px;
	}
	.story_txt{
		display: block;
	}
	.story_txt .txt{
		width: 100%;
	}
	.story_txt .img{
		width: 100%;
}
	.end .story_txt .img{
		width: 100%;
		height: 100%;
		margin: 0;
	}
}

/* イベントページの崩れ修正 */
.wp-block-image figure {
  width:100%;
}