/* 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; }

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

.aligncenter { clear: both; display: block; 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: 370px; padding: 25px; 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 { margin-top: 23px; }
.top_side .banner img { vertical-align: top; }

.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: #37526e; }

.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 .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 { box-shadow: 4px 0px 0 #849AD1; }
#main .top_main .reform .term_name { box-shadow: 4px 0px 0 #62BCCC; }
#main .top_main .new_construction .term_name { box-shadow: 4px 0px 0 #D9922E; }
#main .top_main .renovation .term_name { box-shadow: 4px 0px 0 #8CB02C; }
#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 .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 { color: #595959; }
.cat_satoyama-event span, .cat_other-event 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 { background: #9E2831; border-radius: 5px; font-weight: 500; font-size: 12px; color: #fff; margin-bottom: 5px; }
.cat_satoyama-event .datetime, .cat_other-event .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: 25%; 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; }
.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_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; font-size: 15px; }
#head_bar_menu #head_nav li a { color: #423A2E; text-decoration: none; }

#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 { 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: 80px; }
#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 { 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; }

.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: 9999; 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; }

#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; }
#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; 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;'; }

.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_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 0 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: 30px; box-sizing: border-box; }

.story_ul { margin: 0; padding: 0; margin-top: 50px; }

.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; }
.archive_li .term_name { position: absolute; display: inline-block; padding: 5px 10px; background: #DA922E; color: #fff; }

#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: right; margin-bottom: 10px; color: #999; }
#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"); }
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; }

/*  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: 9999; }

.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; }

.work_order1 { display: none; 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; }

header, footer, #headbar, #side_area, .footer_concet_btn, .work_single > .title_area, .g_nav, .concept_btn { display: none; }

.work_order2 { order: 2; }

.work_order3 { display: none; 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; margin: 0 20px; margin-top: 290px; }
.work_order1 h3, .work_order3 h3 { font-size: 13px; margin: 0; padding: 0; }

.bg_work2 { background: url("image/background/bg_work.jpg"); }

.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 .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 { background: #333; font-size: 13px; padding: 2px 5px; }
.archive_li .movie_page .term_name { box-shadow: 4px 0px 0 #849AD1; }
.archive_li .reform_page .term_name { box-shadow: 4px 0px 0 #62BCCC; }
.archive_li .new_construction_page .term_name { box-shadow: 4px 0px 0 #D9922E; }
.archive_li .renovation_page .term_name { box-shadow: 4px 0px 0 #8CB02C; }

.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; }

#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; right: 0; 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 { 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; }