
/*
Theme Name:Template-theme
Author:更新システム
Description:更新システム専用テーマ
Version: 2.4.1
*/


/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}

a {text-decoration: none;  }

a:hover { text-decoration: none; }

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

html{font-size: 15px;}

body {
	font-size: 100%;
	font-family:   'Noto Sans JP', sans-serif ,  "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

}

body .sans{
	font-family: 'Noto Sans JP', sans-serif ,  "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

body .serif{
	font-family:  'Noto Serif JP', sans-serif , "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", "serif";
}

body .cursive{
	font-family: 'Courgette', cursive,'Kosugi Maru', sans-serif,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

body .round{
	font-family: 'Kosugi Maru', sans-serif,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#body-inside{
	overflow: hidden;
	font-size: 1rem;
	background-size:100%;
}

.imgbox img{
	width: 100%;
	margin: 20px auto;
}

img{width:auto; height:auto; }

.bold{
	font-weight: bold;
}

/* -------------------------------------------
	CLEAR-FIX
---------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* -------------------------------------------
	Utility
---------------------------------------------- */

/* Margin
-------------*/
.m0 { margin: 0 }
.m10 { margin: 10px }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.mg5 { margin: 5px; }
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }

/* padding
---------------------*/
#wrapper .p5 { padding: 5px; }
#wrapper .p10 { padding: 10px; }
#wrapper .pt10 { padding-top: 10px; }
#wrapper .pt20 { padding-top: 20px; }
#wrapper .pb20 { padding-bottom: 20px; }

/* Float
---------------------*/
.fl { float: left }
.fr { float: right; }
.cl { clear: both; }

/* cursor
-------------------*/
.cp { cursor: pointer; }

.fcr { color: #fff; }

.attention {
	color: #f00;
	font-weight: bold;
}

.link-arrow {
	padding-left: 20px;
	background: url(images/common/bg_side-list.png) left center no-repeat;
}

/* width
--------------------*/
.w50 { width: 50px; }
.w100 { width: 100px; }
.w130 { width: 130px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w245 { width: 245px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w330 { width: 330px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w570 { width: 570px; }

.w90 input, .w90 textarea { width: 90%; }

/* align
------------------- */
.tac { text-align: center }
.tal { text-align: left }
.tar { text-align: right }

/* Link Button
------------------- */
.button a {
	/* サイトごとに変更 */
	display: block;
	width: 80%;
	margin: 10px auto;
	text-align: center;
	padding: 10px 0;
	border-radius: 5px;
	text-decoration: none;
}
.flexbox-base,.flexbox-outer{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	justify-content: center;
}

.flexbox-base img,.flexbox-outer img{
	width: 100%;
}

.flex-wrap{
	flex-wrap: wrap;
}

/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */

img.size-auto, img.size-large, img.size-full, img.size-medium {
	max-width: 100%;
	height: auto;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}

.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}

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

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption {
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

#main .post-content h1 {
	font-size: 48px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h2 {
	font-size: 36px;
	font-weight: bold;
	line-height:150%;
}

.post-content h3 {
	font-size: 24px;
	font-weight: bold;
	line-height:150%;
	text-align: left;
}

#main .post-content h4 {
	font-size: 18px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h5 {
	font-size: 14px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h6 {
	font-size: 12px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h7 {
	font-size: 10px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content ul, #main ul.default, #main .post-content ol { padding: 10px 0 10px 20px; }

#main ul.default li, #main .post-content ul li { list-style: disc; }

#main .post-content ol li { list-style: decimal; }

#main .post-content blockquote {
	margin: 10px 20px;
	font-style: italic;
}

#wrapper img {
	max-width: 100%;
	height: auto;
}

#wrapper #galleria img { max-width: none; }

.mobile { display: none; }

.pr-content { margin-bottom: 30px; }


/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */

:target:before {
   height: 100px;/* ヘッダの高さ */
   margin: -100px 0 0;/* ヘッダの高さ */
   content:””;
   display:block;
}

p{
	margin: 10px auto;
}

.pc_block{
	display: block;
}

.sp_block{
	display: none;
}

body {
	font-size: 100%;
	line-height: 1.6;
}


/* Header
------------------------------------ */
#header {
	position:fixed;
	z-index: 99;
	width: 100%;
	color: #1D2089;
}

#header .inner1 {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	background: #202499;
}

#logo {padding: 0;}
#logo img{height: 50px;}

#head_tel{padding: 5px 0;margin-right: 5%;text-align: right;}
#head_tel img{width: 250px;padding: 0;margin: 0;}
#head_tel p{font-size: 0.9rem;line-height: 0.9rem;margin:0;}


#scrollpoint{
	content: "";
	display: block;
	margin-top: 120px;
}

/* Navigation
------------------------------------ */
.head-nav {width: 100%;background: #fff;}


#navigation{
	font-size:0;
	margin: 0 5%;
	width: 90%;
}

#navigation ul{display: flex;justify-content: center;}
#navigation li{display: inline-block;}
#navigation li a{padding:15px;text-align: center;color: #1D2089;text-decoration: none;display: block;position: relative;width: auto;/*サブメニュー使用時は数値入れる*/font-size:1rem;line-height: 1rem;}

#navigation .sp_block{
	display: none;
}

#navigation li a:hover{
	opacity: 0.8;
	background:#eee;
}

#navigation li .ja{
	font-size:0.7rem;
	line-height: 0.8rem;;
}

#navigation li .sub-menu{
  width: 110px;
  position: absolute;
  font-size:0.8rem;
  text-align: center;
}

#navigation li .sub-menu li a{
  width: 150px;
  display: none;
  padding-top: 8px;
  height: 30px;
  border: 1px solid #004476;
  background-color: #fff;
}

#navigation li:hover .sub-menu li a{
  display: block;
}

#navigation li .sub-menu li a:hover{
  background-color: #eee;
}

/*トップページメニュー*/
#home-menu{
	position: relative;
	background:#1D2089;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}

#home-menu ul{
	display: flex;
	justify-content: center;
}

#home-menu li{padding: 20px 5px;border-left: 3px solid #000;color: #fff;text-align: center;font-size:0.8rem;font-weight: bold;width:200px;}
#home-menu li a{color: #fff;}
#home-menu li:last-child{border-right: 3px solid #000;}
#home-menu li:nth-child(odd){background:#fff;color:#1D2089;}
#home-menu li:nth-child(odd) a{color:#1D2089;}

#home-menu li a .img{
	width: 80%;
	margin-top: -90px;
}

#home-menu li a .img img{
	width: 100%;
}

#home-menu li a:hover img{opacity: 1;filter: alpha(opacity=100);}
#home-menu li a .ani-rotate{transition: .5s ;transform: rotateY( 0deg );}
#home-menu li a:hover .ani-rotate{transform: rotateY( 360deg );}



/*ファーストビュー*/
#first_view{position: relative;margin: auto;background: url(images/common/firstview_bg.png) no-repeat;background-position: center;background-size:cover;width: 100%;max-width: 1820px;}
#first_view:before{content: "";display: block;padding-top: 50%;}
#first_view .fv_logo{position: absolute;width: 40%;bottom:40%;right: 5%;margin: auto;}
#first_view .fv_text{position: absolute;width: 40%;top:10%;left: 5%;margin: auto;color: #fff;}

.fv-search{position: relative;}
.fv-search .serch_btn{position: absolute;top:65%;left: 0;right: 0;margin: auto;text-align: center;width: 700px;}
.fv-search .serch_btn p{display: inline-block;width: 300px;padding: 10px;margin: 10px;background: #FF0000;color: #fff;font-size:1.5rem;font-weight: bold;border:1px solid #a30000;}
.fv-search .serch_btn p:hover{background: #fff;color:#FF0000; }

.fv-search .fv_logo img,.fv-search .fv_fukurou img,.fv-search .fv_text img{
	width: 100%;
}

.search-group{position: absolute;width: 300px;top:30px;right: 20px;z-index: 50;}
.search-group .search-form{margin-bottom: 0;}

.search-tab-group{font-size: 0;}
.search-tab{font-size: 1rem;display: inline-block;width: 48%;background: #FF0000;color: #fff;border: 1px solid #FF0000;padding: 5px 10px;margin: 3px;border-radius: 5px;text-align: center;}
.search-tab.is-active{background: #fff;color: #ff0000;}
.search-contents-group .search-contents{display: none;max-height: 70vh;overflow-y: scroll;}
.search-contents-group .search-contents.is-show{display: block;}


/* Contents
------------------------------------ */

.container1200 {
	margin: 0 5%;
	width: 90%;
}

.container {
	margin: 0 auto;
	width: 98%;
	max-width: 1200px;

}

.contents-box{
	margin: 30px auto;
	padding: 15px;
}

.contents-box iframe{
	width: 100%;
}

.contents-box img{
	max-width: 100%;
}

.contents-box h2{font-size:2.3rem;font-weight: bold;letter-spacing: 0.3rem;}
.contents-box h3{font-size:1.6rem;font-weight: bold;margin: 15px auto;}
.contents-box h4{color: #1D2089;font-size:1.5rem;font-weight: bold;line-height: normal;margin:15px auto;}
.contents-box h5{color: #1D2089;font-size:1.2rem;font-weight: bold;line-height: normal;margin:15px auto;}
.contents-box p{color: #222;margin:15px auto;}

.contents-box .contents-title{text-align: center;margin: 30px auto;}
.contents-box .contents-title h2 .en{display: block;font-size: 1.5rem;color: #151866;}

.contents-box .pc-center{text-align: center;}
.contents-box .center-text{text-align: center;}

.contents-box p strong{font-weight: bold;color: #202499;}
.contents-box .yellow{background:#FFF365;}
.contents-box .black{color:#000;font-weight: bold;}
.contents-box .red{color:#F00000;font-weight: bold;}
.contents-box .blue{color:#1D2089;font-weight: bold;}
.contents-box .green{color:#146973;font-weight: bold;}
.contents-box .wavy{text-decoration: underline wavy #ff0000;-webkit-text-decoration: underline wavy #ff0000;}
.contents-box .mb30{margin-bottom: 30px;}
.contents-box .mb50{margin-bottom: 50px;}

.flex-two{display: flex;justify-content: space-between;margin: 30px auto;}
.flex-two .box{width: 48%;}
.flex-two .text{width: 50%;padding: 15px 2%;}
.flex-two .image{width: 50%;}

.btn_basic{margin: 30px auto;width: 100%;text-align: center;}
.btn_basic a{text-decoration: none;color: #fff;background: #1D2089;border: 1px solid #52587A;padding: 10px 40px;font-weight: bold;}
.btn_basic a.btn_red{background: #FF0000;}
.btn_basic a:hover{color: #1D2089;background: #fff;}

.a-arrow{margin: 15px auto;text-align: right;}
.a-arrow a{text-decoration: underline;color: #333;}
.a-arrow a i{color: #151866;}



.footer-spacer{
	height: 150px;
	width: 100%;
}

.bg-yellow{background:#F8F8F0;padding: 30px 0;}

/* Footer
------------------------------------ */

#footer {
	/* サイトごとに変更 */
	background: #1D2089;
	padding-top: 10px;
	color:#fff;
}

#footer .container{max-width: 960px;}

#footer .footer-nav ul{ display: flex;justify-content: center;}
#footer .footer-nav li{ padding: 10px 20px;}
#footer .footer-nav li a{ color: #fff;}

#footer .logo{display: flex;justify-content: center;align-items: center;}
#footer .logo img{display: block;height: 100px;margin: 30px;}

#footer .footer-info{}
#footer .footer-info h4{font-size:1.2rem;font-weight: bold;text-align: center;}
#footer .footer-info .googlemap{width: 100%;height: 300px;}
#footer .footer-info .tel a{font-size: 2rem;font-weight: bold;color: #fff;}
#footer .footer-info .tel img{height: 2rem;margin-right: 5px;}

#footer .footer-btn{display: flex;justify-content: center;flex-wrap: wrap;}
#footer .footer-btn a{display: block;margin: 15px;width: 300px;padding: 10px;background: #fff;color: #202499;text-align: center;font-weight: bold;}
#footer .footer-btn a:hover{background: #eee;}

#footer #copy {
	text-align: center;
	padding: 5px;
	font-size: 0.8rem;
	color: #fff;
	}

#btn-contact{position: fixed;width: 150px;bottom: 30px;right: 30px;}
#btn-pagetop{position: fixed;width: 150px;bottom: 30px;left: 30px;}
#btn-contact img,#btn-pagetop img{width: 100%;}
#btn-contact a:hover,#btn-pagetop a:hover{opacity: 0.8;}
#btn-pagetop a{display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;font-size: 16px;padding-top: 6px;font-weight: bold;color: #fff;background: #222;border: none;border-radius: 50%;letter-spacing: 1px;text-align: center;}


	#mobile-tel,#mobile-recruit{
		display:none;
	}

/* ------------------------------------------
	PC用の下層ページスタイル記述
--------------------------------------------- */
.child-page .container{max-width: 960px;}
.child-page .contents-box h2{color: #202499;border-bottom:1px solid;margin: 10px auto;}
.child-page .contents-box h3{color: #202499;background: #ECECF8;padding: 5px 10px;}
.child-page .contents-box h4{color: #fff;background: #202499;padding: 5px 10px;}
.child-page .contents-box .contents-title h2{color: #000;}

.child-head{position: relative;margin: 0 auto;padding: 30px 0;background: #ECECF8;}
.type-a .child-head{background: #151866;}
.child-head .icon{width: 80px;margin: auto;}
.child-head .icon img{width: 100%;}
.child-head p{color: #fff;font-weight: bold;text-align: center;}
.child-head h1{font-size:2rem;color: #000;font-weight: bold;text-align: center;}
.type-a .child-head h1{color: #fff;}


.page-gotop{
	text-align: right;
}

.page-gotop a{
	color:#3d43c7;
}

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

.bnr-box img{
	max-width: 100%;
	margin-bottom: 50px;
}

.table-basic{width: 100%;}
.table-basic th{width: 30%;padding: 15px 5px;vertical-align: top;font-weight: bold;border-bottom: 1px solid #777;}
.table-basic td{width: 70%;padding: 15px 5px;border-bottom: 1px solid #777;}
.table-basic ul li{list-style: disc;margin-left: 30px;}

.link-contact{padding: 30px calc(50vw - 50%);margin: 0 calc(50% - 50vw);background: #F5F5F5;}

/* パンくずリスト
----------------------------- */
.breadcrumb-area{width: 90%;margin: 10px auto 30px auto;}
.breadcrumb-area a{color:#1D2089; }

/* INDEX
----------------------------- */
#home-works{}
#home-works ul{display: flex;flex-wrap: wrap;justify-content: space-around;margin: 50px auto;}
#home-works li{background: #F4F4F4;width: 23%;padding: 15px;}
#home-works li h3{text-align: center;position: relative;}
#home-works li h3:after{display: block;content: "";width: 70px;height: 0;border-bottom: 2px solid #151866;margin: auto;}

#home-about{}
#home-about h2{color: #202499;font-weight: normal;margin-bottom: 50px;}
#home-about h2 span{font-size: 4.5rem;display: block;line-height: 5rem;}
.soudan-list{display: flex;flex-wrap: wrap;justify-content: center;}
.soudan-list li{width: calc(16.5% - 30px);margin: 15px;}

#sec3-recommend {background:#F4F4F4; padding: 30px 0;}
#sec3-recommend .recommend-list .swiper-slide{width: 31%;margin: 30px 0;background: #fff;padding: 15px;text-align: center;}
#sec3-recommend .recommend-list .swiper-slide a{color:#1D2089; }
#sec3-recommend .recommend-list .swiper-slide .list-img {position: relative;width: 100%;overflow: hidden;}
#sec3-recommend .recommend-list .swiper-slide .list-img:after {display:block;content: "";padding-top: 100%;}
#sec3-recommend .recommend-list .swiper-slide .list-img img{display: block;position: absolute;width: 100%;}
#sec3-recommend .recommend-list .swiper-slide .list-img .img-soldout{position: absolute;width: 90%;top:5%;left: 0;right: 0;margin: auto 5%;z-index: 99;}
#sec3-recommend .recommend-list .swiper-slide .list-text .label{background:#005EFF;color: #fff;}
#sec3-recommend .recommend-list .swiper-slide .list-text .label.residence,
#sec3-recommend .recommend-list .swiper-slide .list-text .label.lease{background:#F24506;color: #fff;}

#home-posts{padding: 30px 0;background: #F4F4F4;}
#home-posts h2{border-bottom: 2px solid #151866;}
#home-posts h2 span{color: #151866;font-size: 1.5rem;}
#home-posts .post-box{border-bottom: 1px solid #555;}
#home-posts .post-box a{color: #222;display: flex;padding: 10px;}
#home-posts .post-box a:hover{background: #fff;}
#home-posts .post-box h3{font-size: 1.3rem;margin: 10px auto;padding: 0;}
#home-posts .post-box p{font-size: 0.9rem;margin: 10px auto;padding: 0;}

/* 不動産売買
----------------------------- */
#page-sell{background:#F7F7F7;padding: 10px 0 100px 0;margin-bottom: -100px;}
#page-sell .sell-list ul{display: flex;justify-content: center;}
#page-sell .sell-list li{width: 23%;margin:auto 1%; }
#page-sell .orange{background: #ED9B25;border: none;}
#page-sell .orange:hover{background: #fff;border:1px solid #ED9B25;color: #ED9B25;}
#page-sell .btn-satei{text-align: center;}
#page-sell .btn-satei img{width: 300px;}
#page-sell .arrow{width: 0;height: 0;border-style: solid;border-width: 75px 50px 0 50px;border-color: #1D2089 transparent transparent transparent;margin: 30px auto;}

#sell-sec1{background: #fff;padding: 50px 0;}
#sell-sec1 .box li{position: relative;font-size:1.1rem;font-weight: bold;margin:15px 0 15px 0;}
#sell-sec1 .box li:before{display:inline-block;content: "";width: 20px;height: 20px;background: url("images/common/list-check.svg")no-repeat;background-size:100%;margin-bottom: -5px;}

#sell-sec2 img{max-width: 100%;}

#sell-sec3 .white-box{background: #fff;}
#sell-sec3 .yellow-box{background: #FFFFF2;}
#sell-sec3 .flow-box{padding: 30px;}
#sell-sec3 .flow-box h4 span{font-size:3rem;}
#sell-sec3 .flow-box h5{border-left: 5px solid #1D2089;padding-left: 5px;}

/* 広告
----------------------------- */
#page-advertism{}
#page-advertism .catch h3{font-size:4rem;line-height: 4.5rem;text-align: left;}
#page-advertism .catch2{font-size:3rem;color: #fff;background: #F50000;padding: 15px;margin-bottom: 50px;}

#page-advertism .ad-movie-wrap{position: relative;}
/*#page-advertism .ad-movie{position: absolute;width: 80%;top:10%;left: 10%;right: 10%;}*/
#page-advertism .ad-movie video{width: 100%;}

#ad-sec2 .flex-two{background: #F0F0F0;padding: 30px;}
#ad-sec2 .flex-two .digital{background: #FFB100;color: #fff;padding: 10px;margin-top: 0;}
#ad-sec2 .flex-two .nodate{background: #00C107;color: #fff;padding: 10px;margin-top: 0;}
#ad-sec2 .flex-two .post{background: #1D2089;color: #fff;padding: 10px;margin-top: 0;}

/* お悩み・その他
----------------------------- */
#page-solution .solution-link{display: flex;justify-content: space-between;}
#page-solution .solution-link li{width: 30%;}
#page-solution .solution-link li img{width: 100%;}
#page-solution .solution-link li p{width: 100%;background: #1D2089;color: #fff;font-weight: bold;text-align:center;padding: 15px;border:1px solid #1D2089;}
/*#page-solution .solution-link li:nth-child(even) p{background: #fff;color: #1D2089;}*/
#page-solution .solution-link li p:hover{opacity: 0.8;}

.triangle-yellow{width: 0;height: 0;border-style: solid;border-width: 100px 100px 0 100px;border-color: #F8F8F0 transparent transparent transparent;margin: 0 auto 0 auto;}

.item-icon ul{display: flex;justify-content:center;}
.item-icon ul li{margin: 15px;}

.icon-list-kaitai ul{display: flex;justify-content: center;flex-wrap: wrap;}
.icon-list-kaitai li{width: 20%;margin: 15px 2%;}

#page-reform .reform-list{display: flex;flex-wrap: wrap;}
#page-reform .reform-list .box{width: 31%;margin: 15px 1%;}
#page-reform .reform-list .box img{vertical-align: middle;}
#page-reform .reform-list .box .text{background:#F0F0F0;padding: 15px;}
#page-reform .reform-list .box .label-mansion{color: #fff;text-align: center;font-weight: bold;padding: 10px;background: #FFB100;}
#page-reform .reform-list .box .label-home{color: #fff;text-align: center;font-weight: bold;padding: 10px;background: #00C107;}
#page-reform .reform-list .box .label-office{color: #fff;text-align: center;font-weight: bold;padding: 10px;background: #05289F;}

/* 会社概要
----------------------------- */
#page-company .logo{width: 200px;margin: 15px auto;}
#page-company .flex-two .box{width: auto;height: 500px;}
#page-company .flex-two .box img{width: auto;height: 500px;}


/* 求人
----------------------------- */
#page-careers .table-basic{width: 80%;margin: 30px auto;}


/* 問い合わせ
----------------------------- */
#page-contact .flex-two{flex-wrap: wrap;}
#page-contact .form-list .btn_basic{text-align: left;}

.privacy-box{padding: 15px 30px;overflow-y: scroll;height: 300px;border:1px solid #aaa;}

.form_box {
	margin-bottom: 50px;
}


.form_box .mailform-tbl {
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

.form_box a{text-decoration: underline;}

.mailform-tbl {margin: 30px auto;}
.mailform-tbl table{margin-bottom: 20px;width: 100%;}
.mailform-tbl th,.mailform-tbl td {padding: 0 10px;text-align: left;vertical-align: top;}
.mailform-tbl th { width: 30%;font-weight: bold;}
.mailform-tbl td { width: 70%;}
.mailform-tbl th .hissu { display: inline-block;background: #f00;color: #fff;font-weight: bold;font-size:0.9rem;padding: 1px 10px;margin: 0 10px;}
.mailform-tbl .form-age{width: 5em;}
.mailform-tbl input, .mailform-tbl select { margin-right: 3px; padding: 5px;}
textarea { outline: 1px solid #ccc; }
.mailform-tbl input,.mailform-tbl textarea{width: 100%;}
.mailform-tbl .radio input{width: auto;outline:none;margin: 0;padding: 0;}
.mailform-tbl .wpcf7-list-item input{width: auto;outline:none;margin: 0;padding: 0;}


#submit-button {
	text-align: center;
}

#submit-button input {
	text-decoration: none;
	background: #1D2089;
	color: #fff;
	padding: 10px 30px;
}

#submit-button input:hover {
	background:#fff;
	color: #1D2089;
}

/* 物件情報アーカイブ
----------------------------- */
.main-side{display: flex;justify-content: space-between;}
.main-side .main-date{width: 75%;}
.main-side .side-search{width: 20%;}

.buken_box{position: relative;margin: 0 auto 50px auto;padding: 15px;border:2px solid #1D2089;background: #F9F9F9;}
.buken_box .img-soldout{position: absolute;width: 300px;top:5%;left: 0;right: 0;margin: auto 5%;z-index: 99;}
.buken_box .img-soldout img{width: 100%;}
.buken_box .buken_lr{display: flex;justify-content: space-around;align-items: flex-start;}
.buken_box .buken_image{width: 48%;position: relative;}
.buken_box .buken_image .swiper-wrapper{padding-bottom: 30px;}
.buken_box .buken_image .swiper-slide{text-align: center;}
.buken_box .buken_image .swiper-slide img{max-width: 100%;max-height: 500px;}
.buken_box .buken_text{width: 48%;}
.buken_box .buken_lr-list{display: flex;justify-content: space-around;align-items: flex-start;}
.buken_box .buken_lr-list .buken_image{width: 28%; text-align: center;}
.buken_box .buken_lr-list .buken_image img{max-width: 100%;max-height: 300px;}
.buken_box .buken_lr-list .buken_text{width: 68%;}
/*.buken_box .buken_lr-list .buken_text .label{display: inline-block;padding: 5px;background: #195DD2;color: #fff;margin-top: 0;border-radius: 3}
.buken_box .buken_lr-list .buken_text .label.residence,
.buken_box .buken_lr-list .buken_text .label.lease{background: #B60D0D;}*/
.buken_box .buken_lr-list .buken_text .label{display: inline-block;padding: 5px;background: #005EFF;color: #fff;margin-top: 0;border-radius: 3}
.buken_box .buken_lr-list .buken_text .label.residence,
.buken_box .buken_lr-list .buken_text .label.lease{background: #F24506;}

.buken_box h3{color: #1D2089;font-size: 1.5rem;font-weight: bold;border-bottom: 2px solid #1D2089;margin-bottom: 30px;}

.buken_deta01{}
.buken_deta01 dt{font-weight: bold;}
.buken_deta01 dd{border-bottom: 1px solid #aaa;margin-bottom: 15px;}

.buken_deta02 {display: flex;flex-wrap: wrap;margin: 30px auto;}
.buken_deta02 div{display: flex;width: 50%;background: #fff;border: 1px solid #777;}
.buken_deta02 .wide{width: 100%;}
.buken_deta02 div p{width: 50%;margin: 0;padding: 5px;font-size:0.8rem;}
.buken_deta02 div p:first-child{background: #eee;}
.buken_deta02 .wide p{width: 75%;}
.buken_deta02 .wide p:first-child{width: 25%;}

.buken_box .buken_lr-list .buken_text .buken_deta02{margin-top: 0;}

.wp-pagenavi a, .wp-pagenavi span{padding:10px 20px!important;background: #1D2089;color: #fff;border-radius: 55px;display: inline-block;}
.wp-pagenavi span.current{background: #eee;color:#1D2089; }

.buken_box .btn_basic a{background: #555;border-radius: 5px;}

/* 物件情報検索フォーム
----------------------------- */
.search-form{border: 2px solid #777;margin-bottom: 30px;background: #fff;}
.search-form h3{background: #777;color: #fff;text-align: center;font-size:1.5rem;padding: 10px;font-weight: bold;}
.search-form .table-search-wrapper{padding: 10px;}
.search-form .table-search-wrapper .table-search{width: 100%;font-size:0.8rem;}
.search-form .table-search-wrapper .table-search th,.search-form .table-search-wrapper .table-search td{display: block;}
.search-form .table-search-wrapper .table-search th{font-weight: bold;color: #000;padding: 15px 0 0 0;}
.search-form .table-search-wrapper .table-search td label{display: inline-block;margin-right: 5px;}
.search-form .btn-congress-blue{width: 100%;margin: 10px auto;text-align: center;background: #333;color: #fff;font-weight: bold;padding: 5px;border-radius: 5px;font-size:1.5rem;}

/* ブログ
----------------------------- */
/*
#page-main-image {  メイン画像
	margin-bottom:20px;
}
*/

.blogtitle{
	font-size:2rem;
	letter-spacing: 0.3rem;
	font-weight: bold;
	background-size:100%;
	margin-bottom: 50px;
}

.blogtitle a{
	color: #1D2089;
}

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

.cat-list{
	margin:0 0 20px;
	overflow:hidden;
}
.cat-list a{
	margin:0 10px;
	padding:10px;
	float:left;
	border:1px solid #666;
	border-radius:5px;
	display:block;
	background-color:#999;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.cat-list a:hover{
	background-color:#666;
}
#blog-top { /* ブログトップページフリーエリア */ margin-bottom: 20px; }

.article { /* 記事ボックス */
	padding: 20px;
	margin-bottom: 50px;
	border-radius: 5px;
}

.article .post-title { /* 記事タイトル */ margin-bottom: 20px; }

.article .post-content { /* 記事本文 */
	margin-bottom: 10px;
	padding-bottom: 50px;
	position: relative;
}
.page-defaultblog .article .post-content { /* 記事本文 */
	overflow:hidden;
}
.wp_social_bookmarking_light {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.article .post-meta { /* 記事メタ情報 */
	text-align: right;
	font-size: 0.85rem;
}

.wp-pagenavi { /* ページ送り */
	margin: 50px 0 20px;
	text-align: center;
	font-size: 0.8rem;
}

#single-paging {/* 詳細ページ送り */ }

#signature-block { /* ブログ署名欄 */
	clear: both;
	padding: 50px 0 0;
}

.contents-box .post-content h2,
.contents-box .post-content h3,
.contents-box .post-content h4,
.contents-box .post-content h5{
	text-align: left;
}


/* コメント部分
----------------------------- */
.blog .comment-area {
	margin: 10px;
	text-align: left;
}

#com h3 {/* コメントタイトル */
	margin: 10px 0;
	padding: 5px;
}

#com .compost { /* コメント本文 */
	margin: 10px;
	padding: 10px;
	line-height: 1.5rem;
}

#comment { /* テキストエリア */
	width: 60%;
	height: 80px;
}

#commentform p { margin: 10px; }

.cominfo { /* コメントメタ */
	text-align: right;
	margin-top: 30px;
	font-size: 0.85rem;
}
/* ブログリスト型 */

#bloglistwrap .article{
	margin:0 5px 10px 5px;
	width:205px;
	padding:10px;
}
#bloglistwrap .post-meta{
	text-align:left;
}
#bloglistwrap .post-content{
	padding-bottom:0;
}
/* ブログ1行型 */
.page-lined-blog {
}
.page-lined-blog .article{
	margin:0 5px 20px;
	padding:15px;
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;

}
.page-lined-blog .article-left{
	width: 30%;
}
.page-lined-blog .article-right{
	width: 68%;
}
.page-lined-blog .post-meta{
	text-align:left;
}
.page-lined-blog .post-content{
	padding-bottom:0;
}



/* FlexSlider */
.flexslider {
	padding: 10px;
	background: none;
}

.flexslider img {
	margin: 0 auto;
	width: auto;
}

.flex-caption {
	margin: 5px 0;
	text-align: center;
	font-size: small;
}

/*#main .flex-control-nav { }

#main .flex-control-paging li a { background: none repeat scroll 0 0 rgba(122, 122, 122, 0.5); }

#main .flex-control-paging li a.flex-active {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	box-shadow: 0 0 3px #fff;
}*/



/* メニュー1行表示
----------------------------- */

#main #cat-taxo-info { /* カテゴリの説明文のエリア */ padding: 10px; }

.page-menu .post_box { margin-bottom: 20px; }

.page-menu .post_box .image_box_l { /* CFイメージ画像左配置 */
	float: left;
	width: 240px;
}

.page-menu .post_box .image_box_r { /* CFイメージ画像右配置 */
	float: right;
	width: 240px;
}

.page-menu .post_box .content_box_l { /* 左配置の本文 */
	width: 430px;
	float: left;
}

.page-menu .post_box .content_box_r { /* 右配置の本文 */
	width: 430px;
	float: right;
}

.page-menu .post_box .content_box_none { /* CFイメージ画像がない場合の本文 */ width: 100%; }

.page-menu .post_box .content_box_r .button a, .page-menu .post_box .content_box_l .button a { width: 60%; }

.page-menu .post_box .content_box_none .button a { width: 40%; }

/* メニュー一覧表示
----------------------------- */
#item-list { }

#main #item-list li {
	margin: 6px;
	padding: 10px;
	border-radius: 10px;
	list-style: none;
	background: none;
	width: 195px;
	float: left;
}

.page-menu .post_box .image_box_none { display: none; }

#main #item-list li h3 { /* 1行を超える前に[・・・]で省略 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#main #item-list .list-image {
	margin-bottom: 10px;
	min-height: 150px;
	text-align: center;
}

#main #item-list .list-comment { }


/* タクソノミーTAB風一覧 */
.container #gallery-taxonomy-list {
	margin: 0 0 20px;
	overflow: hidden;
}

.container #gallery-taxonomy-list li {
	background: none;
	margin: 0;
	padding: 0;
	float: left;
}

.container #gallery-taxonomy-list li a {
	margin: 1px 2px 0 0;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 5px 5px 0 0;
	text-decoration: none;
}

.container #gallery-taxonomy-list li.current-cat a { }

.container #gallery-taxonomy-list li a:hover { }


@media screen and (max-width:768px)  and (min-width:641px) {

/* ------------------------------------------
	タブレット用ポートレート表示のスタイル記述
--------------------------------------------- */
body { }

#first_view{

}

/* Navigation
------------------------------------ */

#header .inner {
	margin: 0 auto 20px;
	width: 100%;
}

#breadcrumb {
	margin: 20px auto 10px;
	width: 96%;
}

.container { width: 98%; margin: 30px 1%; }

.column-right #main, .column-left #main {
	margin: 0 auto;
	float: none;
	width: 96%;
}

.column-right .sidebar, .column-left .sidebar {
	margin: 0 auto;
	width: 96%;
	float: none;
}

#pagetop {
	margin: 30px auto;
	width: 96%;
	text-align: right;
}

.side-banner {
	margin: 20px 0;
	overflow: hidden;
}

.side-banner p {
	float: left;
	margin: 0 1%;
	max-width: 30%;
	height: auto;
}

#navigation{
	width: 96%;
	margin: 0 2%;
}

#navigation li a{
	padding:30px 5px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: block;
	position: relative;
	width: auto;/*サブメニュー使用時は数値入れる*/
	font-size:1rem;
	line-height: 1rem;
}


/* index */
#index_news .news_container{
	display: flex;
	width: 100%;
	margin: 30px auto;
}

#home-menu_link #home-menu .menu-btn-inner .menu-btn{
	width: 32.7%;
}

#home-menu_link #home-menu .menu-btn-inner .menu-btn .content{
	font-size:1.3rem;
}

}


@media screen and (max-width:640px) {

body {
	font-size: 14px;
	line-height: 1.5rem;
}

#body-inside{
	font-size: 0.9rem;
}

.pc_block{
	display: none;
}

.sp_block{
	display: block;
}

/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */
.pc { display: none; }
.mobile { display: block; }

.m-ctr {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-align: center;
}


.btn_basic{
	margin: 30px auto;
	width: 100%;
	text-align: center;
}

.btn_basic a{

}

.btn_tel {
	margin: 30px 5%;
	width: 90%;
	border:1px solid #6c491c;
	border-radius: 5px;
	text-align: center;
	line-height: 1.1rem;
	padding: 10px;
}

.btn_line {
	margin: 30px 5%;
	width: 90%;
	border:1px solid #6c491c;
	border-radius: 5px;
	text-align: center;
	line-height: 1.3rem;
	padding: 10px;
}

.flexbox-outer{
	flex-direction: column;
}

.flexbox-base{

}

.flexbox-base .w30{
}

.flexbox-base .w70{
	width: 100%;
	padding: 10px;
}


.flex-two{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.flex-two .box{
	width: 100%;
}

.flex-two .box img{
	max-width: 100%;
}

.flex-two .text{width: 100%;padding: 0 2%;}
.flex-two .image{width: 90%;margin: 15px auto;}

.container {
	margin: 0;
	width: 100%;
}

.contents-box{
	margin: 15px auto;
	padding: 10px 5px;
}

.contents-box h2{
	font-size:1.8rem;
	letter-spacing: 0.3rem;
	line-height: normal;
}

.contents-box h3{
	font-size:1.2rem;
	letter-spacing: 0.2rem;
}

.contents-box h4{
	font-size:1.1rem;
}

.contents-box h5{
	font-size:0.95rem;
	padding: 0 5px;
}


.contents-box p{
	font-size:0.9rem;
	padding: 0 5px;
}

.contents-box .contents-title{text-align: center;}
.contents-box .contents-title .title-img{height: 70px;}
.contents-box .contents-title .title-img img{height: 100%;}
.contents-box .contents-title h2{font-size: 1.5rem;border: none;letter-spacing: 0;padding: 5px;margin: 5px auto;}

.contents-box .sizeup{
	font-size:1rem;
}



.pc-center{text-align: left;}
.spacer50{height: 15px;}

/* Header
------------------------------------ */
#header {
	position:fixed;
	z-index: 99;
	width: 100%;
	border-top: none;
}

#header .inner1 {
	margin: 0;
	width: 100%;
	padding: 10px 0;
	justify-content: flex-start;
}

#logo {
	padding: 5px 5px 0 5px;
	text-align: left;
}

#logo img{
	height: 32px;
}

#tel{
	padding:0 0 0px 10px;
}

#tel h2{
	font-size:1.5rem;
	font-weight: bold;
	line-height: 1rem;
	text-align: right;
}

#tel p{
	font-size:0.5rem;
	line-height: 0.1rem;
}



#mobile-menu {
	position: fixed;
	z-index:100 !important;
	width: auto;
	overflow: hidden;
	padding: 5px;
	float: right;
	top: 1px;
	right: 5px;
}

#mobile-menu p {
	color: #fff;
	margin: 0 5px;
	display: inline-block;
	padding:2px 10px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	line-height: 0.9;
}

#mobile-menu #logo img{
	height: 50px;
}


#mobile-menu span {
	font-size: 0.7rem;
	}

#scrollpoint{
	content: "";
	display: block;
	margin-top: 60px;
}


/* Navigation
------------------------------------ */

#navigation{
	display: none;
	position: fixed;
	top:0;
	margin: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(51,51,51,0.9);
	border: none;
}

#navigation.open_menu {
	display: block;
	z-index: 99;
}

#navigation ul{
	display: block;
	margin-top: 80px;
}

#navigation li{
	display: inline-block;
	width: 50%;
}

#navigation li a{
	color: #fff;
	margin: 0;
	width: 100%;
	height: auto;
	padding: 15px 10px;
	text-align: left;
	background: none;
	border-top:1px solid #fff;
}

#navigation li .ja{
	display: none;
}

/*トップページメニュー*/
#home-menu{
	position: relative;
	background:#1D2089;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}

#home-menu ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#home-menu li{padding: 0;border-left: 3px solid #000;color: #fff;text-align: center;font-size:0.8rem;font-weight: bold;width:30%;}
#home-menu li a{color: #fff;}
#home-menu li:last-child{border-right: 3px solid #000;}
#home-menu li:nth-child(odd){background:#fff;color:#1D2089;}
#home-menu li:nth-child(odd) a{color:#1D2089;}

#home-menu li a .img{
	width: 80%;
	margin-top: 0;
}

#home-menu li a .img img{
	width: 100%;
}
/*ファーストビュー*/
#home-menu{
	position: relative;
	background:#1D2089;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}

#home-menu ul{
	display: flex;
	justify-content:flex-start;
}

#home-menu li{padding: 10px 5px;border-left: 3px solid #000;font-size:10px;width:33.3%;line-height: 12px;}
#home-menu li a{color: #fff;}
#home-menu li:last-child{border-right: 3px solid #000;}
#home-menu li:nth-child(odd){background:#fff;color:#1D2089;}
#home-menu li:nth-child(odd) a{color:#1D2089;}

#home-menu li a .img{
	width: 80%;
	margin-top: 0;
}

#home-menu li a .img img{
	width: 100%;
}



/*ファーストビュー*/
#first_view{padding-top: 50px;}
#first_view:before{padding-top: 100%;}
#first_view .fv_logo{width: 60%;bottom:20%;left: 0;right: 0;margin: auto;}
#first_view .fv_text{width: 75%;top:5%;left: 5%;margin: auto;}

.fv-search .serch_btn{position: static;top:auto;bottom:10%;left: 0;right: 0;margin: auto;text-align: center;width: 99%;display: flex;}
.fv-search .serch_btn p{display: inline-block;width: 48%;padding: 20px 0;margin: 5px 1% 3px 1%;}
.fv-search .serch_btn p span{}
.fv-search .serch_btn p .icon{}

.search-group{position: static;width: auto;height: auto;top:0;right: 0;z-index: 99;}
.search-contents-group .search-contents{display: none;max-height:initial;overflow-y:scroll;}

.search-tab-group{position: static;top:auto;bottom:10%;left: 0;right: 0;margin: auto;text-align: center;width: 99%;display: flex;flex-wrap: wrap;}
.search-tab{display: inline-block;width: 48%;margin: 2px 1% 2px 1%;}


.home-nav {
	margin-top: 0;
}

/* FlexSlider */
.flexslider {
	padding: 10px;
	background: none;
}

#main-image { margin-bottom: 10px; }

#main p { margin-bottom: 10px; }

#main { margin-bottom: 50px; }

#main h2 { margin-bottom: 20px; }


.btn_contact{
	margin: 20px auto;
	width: 100%;
	text-align: center;
	padding: 5px 40px;
	font-weight: bold;
	color: #fff;
}

.btn_contact p{
	padding: 0;
	margin: 0;
	}

.btn_contact h4{
	font-size:1.8rem;
	padding: 0;
	margin: 0;
	}

.btn_contact h5{
	font-size:1.2rem;
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #fff;
	}

.btn_contact a{
	text-decoration: none;
	color: #fff;
}

.btn_contact a:hover{
	color: #fff;
	text-decoration: underline;
}

/* Footer
------------------------------------ */

#footer {
	/* サイトごとに変更 */
	padding-top: 15px;
}

#footer .container{width: 90%;margin: auto;}
#footer .logo img{width: 200px;height: auto;}

#footer .footer-info h4{font-size:1.5rem;line-height: normal;}
#footer .footer-info .tel a{font-size: 2rem;}
#footer .footer-info .tel img{height: 2rem;margin-right: 5px;}

#footer .footer-btn{margin-bottom: 30px;}
#footer .footer-btn a{margin: 5px auto;width: 300px;padding: 10px;}

	.footer-spacer{
		height: 30px;
		width: 100%;
	}

#btn-contact{position: fixed;width: 100px;bottom: 20px;right: 10px;}
#btn-pagetop{position: fixed;width: 100px;bottom: 20px;left: 10px;}
#btn-pagetop a:hover{opacity: 1;}
#btn-pagetop a{width: 60px;height: 60px;font-size: 12px;}

/* ------------------------------------------
	スマホ用の下層ページスタイル記述
--------------------------------------------- */
.child-head{position: relative;margin: 0 auto;padding: 30px 0;min-height: 80px;}
.child-head h1{font-size:1.5rem;}



/* INDEX
----------------------------- */
#home-works{}
#home-works li{width: 95%;padding: 15px;margin: 15px auto;}
#home-works li h3:after{display: block;content: "";width: 70px;height: 0;border-bottom: 2px solid #151866;margin: auto;}

#home-about{}
#home-about h2 span{font-size: 3.5rem;line-height: 4rem;}
.soudan-list li{width: 32%;margin: 5px auto;}

#home-posts{padding: 30px 10px;}
#home-posts .post-box a .post-image{margin-right: 10px;margin-top: 10px;}


#sec3-recommend {padding: 10px 0;}
#sec3-recommend .recommend-list .swiper-slide{width: 100%;margin: 30px 0;height: 350px;overflow:scroll;box-shadow: 3px 3px 5px #777;}
#sec3-recommend .recommend-list .swiper-slide a{color:#1D2089; }
#sec3-recommend .recommend-list .swiper-slide .list-img {position: relative;width: 100%;overflow: hidden;}
#sec3-recommend .recommend-list .swiper-slide .list-img:after {display:block;content: "";padding-top: 100%;}
#sec3-recommend .recommend-list .swiper-slide .list-img img{display: block;position: absolute;width: 100%;}
#sec3-recommend .recommend-list .swiper-slide .list-text {width: 100%;}


/* 不動産売買
----------------------------- */
#page-sell{padding: 10px 0 100px 0;margin-bottom: -100px;}
#page-sell .sell-list ul{display: flex;flex-wrap: wrap;}
#page-sell .sell-list li{width: 48%;margin:auto 1%; }
#page-sell .arrow{width: 0;height: 0;border-style: solid;border-width: 50px 30px 0 30px;border-color: #1D2089 transparent transparent transparent;margin: 30px auto;}

#sell-sec1{background: #fff;padding: 20px 10px;}
#sell-sec1 .box li{font-size:1rem;margin:15px 0 15px 0;}
#sell-sec1 .box li:before{width: 20px;height: 20px;margin-bottom: -5px;}

#sell-sec3 .flow-box{padding: 30px;}
#sell-sec3 .flow-box h4 span{font-size:2rem;}
#sell-sec3 .flow-box h5{border-left: 5px solid #1D2089;padding-left: 5px;}

/* 広告
----------------------------- */
#page-advertism{}
#page-advertism .catch h3{font-size:1.5rem;line-height: 1.8rem;text-align: center;}
#page-advertism .catch2{font-size:1.5rem;color: #fff;background: #F50000;padding: 15px;margin-bottom: 50px;}


/* お悩み
----------------------------- */
#page-solution .solution-link{display: flex;justify-content:flex-start;flex-wrap: wrap;}
#page-solution .solution-link li{width: 48%;margin: 5px 1%;}
#page-solution .solution-link li img{width: 100%;margin: 0;}
#page-solution .solution-link li p{margin:-10px 0 0 0;}

/*#page-solution .solution-link{flex-direction: column;}
#page-solution .solution-link li{width: 98%;margin: 10px 1%;}
#page-solution .solution-link li a{display: flex;}
#page-solution .solution-link li img{display: block;width: 80px;height: 80px;margin: 0;}
#page-solution .solution-link li p{width: 75%;margin: 0;font-size:1.1rem;padding-top: 25px;}*/

.solution-head{position: relative;margin: 0 auto;padding: 30px 0 15px 0;}
.solution-head .icon{width: 60px;margin: auto;}
.solution-head p{color: #fff;}
.solution-head h2{font-size:1.5rem;}

.triangle-yellow{border-width: 50px 50px 0 50px;}
.item-icon ul{flex-wrap: wrap;}
.item-icon ul li{width: 40%;}
.icon-list-kaitai li{width: 40%;margin: 15px 5%;}

#page-reform .reform-list{display: flex;flex-wrap: wrap;}
#page-reform .reform-list .box{width: 48%;margin: 15px 1%;}
#page-reform .reform-list .box .text{padding:5px 15px;}

/* 会社概要
----------------------------- */
#page-company .flex-two .box{width: 90%;height: auto;margin: 15px auto;}
#page-company .flex-two .box img{width: 100%;height: auto;;}


/* ブログ
----------------------------- */
.blogtitle{
	line-height: normal;
	padding: 10px;
	font-size:1.5rem;
}

.article {
	padding: 20px;
	margin-bottom: 50px;
	border-radius: 5px;
}

.ddcatlist select{
	display: block;
	width: 90%;
	margin: 20px auto;
	border: 1px solid #777;
}

.article .post-meta { /* 記事メタ情報 */
	text-align: left;
	font-size: 0.8rem;
}

.article .post-content { word-wrap: break-word; }

.wp-pagenavi { /* ページ送り */
	margin: 50px 0 20px;
	text-align: center;
	font-size: 0.8rem;
}

#single-paging {/* 詳細ページ送り */ }

#signature-block { /* ブログ署名欄 */
	clear: both;
	padding: 50px 0 0;
}
	.article-left{
		text-align: center;
	}

/* 問い合わせ
----------------------------- */
input { margin:5px 0 5px 3px; outline: 1px solid #ccc; width: 80%; }

.page-contact h3{
	padding: 10px;
	background-color: #3399FF;
	color:#fff;
	font-weight: bold;
	margin: 10px auto;
}

.page-contact .hissu{
	font-size:10px;
	color: #FF0000;
}

.page-contact .category{


}

.page-contact .category li{
	margin: 10px 0;
	padding: 10px 15px;
}

.page-contact .category a{
	background-color: #fff;
	padding: 10px 15px;
	color: #3399FF;
	text-decoration: none;
	border:1px solid #3399FF;
	border-left:10px solid #3399FF;
	font-weight: bold;
}

.page-contact .category a:hover{
	background-color: #6CB5FF;
}

#submit-button {
	text-align: center;
}

#submit-button input {
	text-decoration: none;
	padding: 10px 30px;
}

.page-contact { margin-bottom: 30px; }


.mailform-tbl {padding: 15px 10px;margin: 10px auto;}
.mailform-tbl table{clear: both;	margin-bottom: 20px;width: 100%;border-spacing: 0 10px;}
.mailform-tbl caption{font-size: 1.5rem;font-weight: bold;}
.mailform-tbl th, .mailform-tbl td {display: block;pa}
.mailform-tbl th { width: 100%;padding: 0;}
.mailform-tbl td { width: 100%;padding: 0;}
.mailform-tbl .form-age{width: 5em;}
input, select { margin-right: 3px; outline: 1px solid #ccc;padding: 3px 5px;}
textarea { outline: 1px solid #ccc; }

#page-contactform label input {
	width: 15px;
}

/* 物件情報アーカイブ
----------------------------- */
.main-side{display: flex;justify-content: space-between;flex-direction: column-reverse;}
.singlepage{flex-direction: column;}
.main-side .main-date{width: 98%;margin: auto 1%;}
.main-side .main-date .swiper-pagination {margin-bottom: 50px;}
.main-side .side-search{width: 98%;margin: auto 1%;}

.buken_box .img-soldout{position: absolute;width: 90%;top:5%;left: 0;right: 0;margin: auto 5%;z-index: 99;}
.buken_box .buken_lr{display: flex;justify-content: space-around;align-items: flex-start;flex-direction: column;}
.buken_box .buken_image{width: 96%;margin: 15px 2%;box-shadow: 3px 3px 5px #aaa;}
.buken_box .buken_image .swiper-slide img{max-width: 100%;max-height: 400px;}
.buken_box .buken_image .swiper-pagination{bottom: -50px;}
.buken_box .buken_text{width: 96%;margin: 15px 2%}

.buken_box h3{font-size: 1.1rem;line-height: normal;}
.buken_box{padding: 10px;}
.buken_box .buken_lr-list{display: block;}
.buken_box .buken_lr-list .buken_sp_head{width: 100%;display: flex;align-items: center;}
.buken_box .buken_lr-list .buken_sp_head .buken_image{width: 48%; text-align: center;position: relative;overflow: hidden;margin: 15px 2% 0 2%;}
.buken_box .buken_lr-list .buken_sp_head .buken_image:after{display: block;content: "";padding-top: 100%;}
.buken_box .buken_lr-list .buken_sp_head .buken_image img{width: 100%;position: absolute;top:0;bottom:0;left: 0;right: 0;margin: auto;}
.buken_box .buken_lr-list .buken_sp_head h3{width: 55%; text-align: center;line-height: 1.2rem;font-size:1rem;}
.buken_box .buken_lr-list .buken_text{width: 100%;}




/* 物件情報検索フォーム
----------------------------- */
.search-form{margin-bottom: 30px;}
.search-form h3{text-align: center;font-size:1.5rem;padding: 10px;font-weight: bold;}
.search-form .table-search-wrapper{padding: 10px;}
.search-form .table-search-wrapper .table-search{width: 100%;font-size:0.8rem;}
.search-form .table-search-wrapper .table-search th,.search-form .table-search-wrapper .table-search td{display: block;}
.search-form .table-search-wrapper .table-search th{padding: 15px 0 0 0;}
.search-form .table-search-wrapper .table-search td label{display: inline-block;margin-right: 5px;}
.search-form .table-search-wrapper .table-search td label input{width: auto;}
.search-form .btn-congress-blue{width: 100%;margin: 10px auto;text-align: center;font-weight: bold;padding: 5px;border-radius: 5px;font-size:1.5rem;}


/*リンク位置制御*/
@media all and (min-width:641px) {
	#unitbath, #kitchen, #bathroom, #washstand, #all, #etc, #osusume{
		margin-top:-170px;
  		padding-top:170px;
	}

	a[href^="tel:"] {
    pointer-events: none;
	text-decoration: none;
}
}

.swiper-container{background: #fff;}
