@charset "utf-8";



:root {
  --main-bg: #809074;/**/
  --main-color: #809074;
  --sub-color: #222;/*AA0021*/
  --btn-color:#FF8001;/*#bb112b;*/
  --btn-bg:#eee;
}

/* background-color: var(--main-color); */
/* background-color: var(--main-bg); */

@media (width <= 1000px) {
.nopc{display: none;}
}/* 1000px以下 */


@media (768px <= width) {
header .inner{
max-width: 1140px;
margin-left: auto; margin-right: auto;
display: flex;
align-items: center;
}
}/* 768px以上 */

@media (768px <= width <= 1140px) {
header .inner{
display: inherit;
}

}
@media (1000px <= width) {
.top_property ul{
display: flex;
}
}
@media (768px <= width <= 1000px){
.top_property ul {
margin-inline: auto;
width: max-content;
}
.top_property ul li{
width: 570px;
overflow: hidden;
}
}
body{
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}

figure,figcaption{
padding: 0;
margin: 0;
}
.pem p {
margin-bottom: 1em;
}
@media print, screen and (min-width: 768px) {
										header, footer, section{
											display: block;
											margin:0;
											padding:0;
										}
										html {font-size: 62.5%;}/*10px*/

										body{
											width:100%;
											line-height: 1.7;
											font-size: 1.6rem;/*16px*/
											padding:0;
											margin:0;
											color:#222;
											-webkit-text-size-adjust: 100%;
										}
										ul, ol, dl,dt,dd,div,ol,ul,li {
											padding: 0;
											margin: 0;
										}
										h1, h2, h3, h4, h5, h6, p {
											margin:0;
											padding:0;
											font-weight:normal;
											font-size:100%;
										}
										li {list-style-type:none;}
										a {outline:none;border:0;}
										a:hover img,
										input[type="image"]:hover{
											opacity:0.5;
											-moz-opacity: 0.5;
											filter: alpha(opacity=50);
											-ms-filter: "alpha( opacity=50 )";
										}
										a:link{color:#222;text-decoration:none;}
										a:visited{color:#222;text-decoration:none;}
										a:hover{color:#222;text-decoration:underline;}
										a:active{color:#222;text-decoration:none;}

										img {vertical-align: middle;border:0;
										-webkit-backface-visibility: hidden;}

										/*位置と状態*/
										.left{float:left;}
										.right{float:right;}
										.clear{clear:both;}
										.cen{text-align:center;}
										.textright{text-align:right;}
										.bold{font-weight:bold;}
										.red{color:red;}

										/*余白*/
										.mt70{margin-top: 70px;}
										.mb05em {margin-bottom:0.5em;}
										.mb1em {margin-bottom:1em;}
										.mb2em {margin-bottom:2em;}
										.pcmb3em {margin-bottom:3em;}
										.mb3em {margin-bottom:3em;}
										.mb5em {margin-bottom:5em;}
										.mb8em {margin-bottom:8em;}
										.mb50 {margin-bottom: 50px;}
										.mb70{margin-bottom: 70px;}

										.pad40 {padding: 40px;}
										
										*,
										*::before,
										*::after {
											box-sizing: border-box;
										}
										img {
											max-width: 100%;
											height: auto;
										}
										.pcno,
										.smp_only {display: none;}

										/*-----------------------------------------------
										header
										-----------------------------------------------*/
										header {
											/*height: 90px;
										margin-top: 20px;*/
										}

										header #navbox{
										margin-left: auto;
										}
										header .inner .logo > a {
											display: block;
											width: 300px;
										}
										
										.bn_headposi{
										margin-left: 20px;
										}
										.bn_headposi img{
										height: 46px;
										}
										.droom{
										border: 1px solid #ddd;
										display: inline-block;
										}
										
										
										
										#nav-drawer{
										display: inline-block;
										margin-top: 10px;
										}
										/*お問い合わせボタン*/
										a.btn_menucontact{
											display: inline-block;
											width: 150px;
											height: 60px;
											color: #fff;
											background: var(--main-bg);
											text-align: center;
											font-size: 1.3rem;
											line-height: 60px;
											vertical-align: top;
										}
										a.btn_menucontact:link,
										a.btn_menucontact:visited{
											color: #fff;
											text-decoration: none;
										}
										a.btn_menucontact:before {
											display: inline-block;
											font-family: 'FontAwesome';
											content: '\f003';
											font-size: 2rem;
											margin-right: 0.4em;
										}
										/*Englishボタン*/
										a.btn_english{
											display: block;
											width: 90px;
											height: 60px;
											color: #fff;
											background: #8E492F;
											text-align: center;
											font-size: 1.4rem;
											line-height: 1.3;
											padding: 20px 0 0;
											margin: 0 0 0 10px;
										}
										a.btn_menucontact:hover,
										a.btn_english:hover {
											text-decoration: none;
											opacity: 0.7;
										}
										a.btn_english:link,
										a.btn_english:visited{
											color: #fff;
											text-decoration: none;
										}
										/*-----------------------------------------------
										footer
										-----------------------------------------------*/
										footer {
											background-color: var(--main-color); 
											padding: 46px 0 0;
										}
										footer .inner {
											max-width: 1140px;
											margin: 0 auto 30px auto;
											display: flex;
											flex-wrap: wrap;
											/*justify-content: space-between;*/
										}
										footer .inner dl {
											width: 238px;
											margin-bottom: 30px;
											margin-right: 60px;
										}
										footer .inner dl.dl_last{
											margin-right:0px;
										}
										footer .inner dl.mr_0{
											margin-right: 0;
										}
										footer .inner dl dt {
											color: #fff;
											border-bottom: 1px solid #fff;
											margin: 0 0 0.5em 0;
											padding: 0 0 0.3em 0;
										}
										footer .inner dl dd a {
											display: block;
											height: 36px;
										}
										footer .inner ul{
										margin-right: 60px;
										}
										footer .inner ul li {
											margin: 0 0 1em 0;
										}
										footer a:link{color:#fff; text-decoration:none;}
										footer a:visited{color:#fff; text-decoration:none;}
										footer a:hover{color:#fff; text-decoration:underline;}
										footer a:active{color:#fff; text-decoration:none;}

										.copyright {
											text-align: center;
											font-size: 1.4rem;
											color: #C0C0C0;
											padding: 10px 0;
										}
										/* pageTop */
										#page-top {
											position: fixed;
											bottom: 20px;
											right: 10px;
										}
										#page-top a {
											display: block;
											width: 44px;
										}
										/*-----------------------------------------------
										トップページ
										-----------------------------------------------*/
										.mainimg {
											width: 100%;
											position: relative;
											margin: 0 0 80px 0;
										}
										.mainimg img {
											width: 100%;
											object-fit: cover;
										}
										.mainimg .inner {
											width: 60%;
											/*height: 220px;*/
											position:absolute;
											top:50%;
											right: 0;
											transform: translate(0,-50%);
											background :rgba(0,0,0,0.4);
											display: flex;
											align-items: center;
											padding: 30px 0;
										}
										.mainimg .inner p {
											display: block;
											color: #fff;
											font-size: 3rem;
											line-height: 1.5;
											font-family: ‘Noto Serif Japanese’, serif;
											max-width: 100%;
											/*max-height: 170px;*/
											height: auto;
											margin: 0 0 0 1.5em;
										}
										.mainimg .inner p span {
											display: block;
											font-size: 2.0rem;
											margin: 0.5em 0 0 0;
											letter-spacing: 0.05em;
										}
										/*FOR RENT 新着賃貸物件情報*/
										.topbox1 {
											margin: 0 0 80px 0;
										}
										.title_top {
											font-size: 1.8rem;
											font-weight: bold;
											font-family: ‘Noto Serif Japanese’, serif;
											text-align: center;
											letter-spacing: 0.15em;
											margin: 0 0 40px 0;
											
										}
										.title_top span {
											display: block;
											font-size: 4.0rem;
											font-weight: normal;
											letter-spacing: 0.1em;
											position: relative;
											height: 60px;
											margin: 0 0 40px 0;
											color: var(--main-color);
										}
										.title_top span:before {
											content: '';
											position: absolute;
											bottom: -15px;
											display: inline-block;
											width: 60px;
											height: 1px;
											left: 50%;
											-webkit-transform: translateX(-50%);
											transform: translateX(-50%);
											background: #000;
										}
										.top_bukkenlist {
											max-width: 1140px;
											display: flex;
											flex-wrap: wrap;
											margin: 0 auto 60px;
											gap: 0px 30px;
										}
										.topbox_bgg .top_bukkenlist li {
											width: 360px;
											margin-bottom: 30px;
											background: #FFF;
											
										}
										.top_bukkenlist li {
											width: 360px;
											margin-bottom: 30px;
											background: #FAFAFA;
										}

										.top_bukkenlist li a {
											display: block;
											width: 360px;
											position: relative;
											
											padding: 0 0 20px 0;
										}
										.topbox_bgg .top_bukkenlist li a:before {
														position: absolute;
														content: "";
														left: 0;
														top: 0;
														width: 0;
														height: 0;
														border-style: solid;
														border-width: 76px 76px 0 0;
														border-color: #fafafa transparent transparent transparent;
														z-index: 2;
										}
										.topbox_bgg .top_bukkenlist li a:after {
														position: absolute;
														content: "voice";
														transform: rotate(315deg);
														display: block;
														font-size: 1.5rem;
														white-space: pre;
														color: #000;
														top: 20px;
														left: 4px;
														text-align: center;
														z-index: 2;
														line-height: 1.2;
											letter-spacing: 0.2em;
											font-weight: bold;
										}
										.top_bukkenlist li a:before {
														position: absolute;
														content: "";
														left: 0;
														top: 0;
														width: 0;
														height: 0;
														border-style: solid;
														border-width: 76px 76px 0 0;
														border-color: #fff transparent transparent transparent;
											z-index: 2;
										}
										.top_bukkenlist li a:after {
														position: absolute;
														content: "Case";
														transform: rotate(315deg);
														display: block;
														font-size: 1.5rem;
														white-space: pre;
														color: #000;
														top: 20px;
														left: 4px;
														text-align: center;
														z-index: 2;
														line-height: 1.2;
											letter-spacing: 0.2em;
											font-weight: bold;
										}
										.top_bukkenlist li a:link{color:#000; text-decoration:none;}
										.top_bukkenlist li a:visited{color:#000; text-decoration:none;}
										.top_bukkenlist li a:hover{color:#000; text-decoration:none;}
										.top_bukkenlist li a:active{color:#000; text-decoration:none;}

										.top_bukkenlist li a .photo {
											width: 360px;
											height: 239px;
											position: relative;
											margin: 0 0 0.5em 0;
										}
										.top_bukkenlist li a .photo img {
											position: absolute;
											top: 0;
											left: 0;
											right: 0;
											bottom: 0;
											margin: auto;
											max-width: 360px;
											max-height: 239px;
										}
										.top_bukkenlist li a .title {
											font-size: 2.0rem;
											border-bottom: 1px solid #E5E5E5;
											margin: 0 0 0.5em 0;
											padding: 0 1em;
											min-height: 4em;
										}
										.top_bukkenlist li a dl {
											width: 330px;
											display:flex;
											flex-wrap: wrap;
											margin: 0 auto;
											font-size: 1.4rem;
										}
										.top_bukkenlist li a dl dt {
											width: 9em;
											line-height: 1.5;
											margin: 0 0 0.8em 0;
										}
										.top_bukkenlist li a dl dd {
											width: calc(100% - 9em);
											padding: 0 0 0 0.5em;
											line-height: 1.5;
											margin: 0 0 0.8em 0;
										}
										/*ボタン矢印付き*/
										.btn_01 {
											display: block;
											width: 360px;
											height: 52px;
											line-height: 52px;
											border: 1px solid #fff;
											margin: 20px auto 50px auto;
											text-align: center;
											color: #fff;
											position: relative;
											background: var(--main-bg);
											font-size: 1.8rem;
											cursor: pointer;
										}
										.btn_01::before{
											content: '';
											width: 10px;
											position: absolute;
											top: 23px;
											right: 25px;
											border-top: solid 1px #fff;
											-webkit-transform: rotate(45deg);
											transform: rotate(45deg);
										}
										.btn_01::after{
											content: '';
											width: 26px;
											position: absolute;
											top: 26px;
											right: 26px ;
											border-bottom: solid 1px #fff;
										}
										.btn_01:link {color:#fff; text-decoration: none;}
										.btn_01:visited {color:#fff; text-decoration: none;}
										.btn_01:hover {color:#fff; text-decoration: none;opacity: 0.7;}
										.btn_01:active {color:#fff; text-decoration: none;}


										.bk_owner {
											width:100%;
											background: url(../img/top_bk_property.png) no-repeat center 0;
											background-size:100%;
											padding: 50px 0 0 0;
											margin: 0 0 120px 0;
										}
										/*ABOUT 当社の特徴*/
										.bk_topabout {
											width:100%;
											background: url(../img/top_bk_about.jpg) no-repeat center 0;
											background-size:100%;
											padding: 50px 0 0 0;
											margin: 0 0 120px 0;
										}
										.btnposi_top_about{
											display:flex;
											justify-content:space-evenly;
											align-items:center;
											flex-wrap:wrap;
										}
										.btnposi_top_about a{
										display: inline-block;
										width: 32%;
										height: 48px;
										color: #fff;
										background: var(--main-bg);
										text-align: center;
										font-size: 16px;
										line-height: 48px;
										}
										
										.title_top_white {
											font-size: 1.8rem;
											font-weight: bold;
											font-family: ‘Noto Serif Japanese’, serif;
											text-align: center;
											letter-spacing: 0.15em;
											margin: 0 0 40px 0;
											color: #fff;
										}
										.title_top_white span {
											display: block;
											font-size: 4.0rem;
											font-weight: normal;
											letter-spacing: 0.1em;
											position: relative;
											height: 60px;
											margin: 0 0 40px 0;
										}
										.title_top_white span:before {
											content: '';
											position: absolute;
											bottom: -15px;
											display: inline-block;
											width: 60px;
											height: 1px;
											left: 50%;
											-webkit-transform: translateX(-50%);
											transform: translateX(-50%);
											background: #fff;
										}
										
										.bk_owner .whitebox,
										.bk_topabout .whitebox {
											max-width: 1140px;
											background: #fff;
											margin: 0 auto;
											overflow: hidden;
										}
										.bk_owner .whitebox .inner {
											max-width: 1000px;
											margin: 56px auto 0;

										}
										.bk_topabout .whitebox .inner {
											max-width: 1000px;
											margin: 56px auto 0;
											display: flex;
											flex-wrap: wrap;
											justify-content: space-between;
										}

										.bk_topabout .whitebox .inner .photo {
											width: 480px;
										}
										.bk_topabout .whitebox .inner .photo iframe{
										width: 100%;
										height: 320px;
										}
										.bk_topabout .whitebox .inner .text {
											max-width: 460px;
											flex: 1;
										}
										.bk_topabout .whitebox .inner .text p {
											margin: 0 0 1em;
										}
										/*不動産をお持ちの方へ*/
										.ttl_top_property_sub_01{
										font-size: 28px;
										font-family: ‘Noto Serif Japanese’, serif;
										text-align: center;
										letter-spacing: 0.15em;
										margin: 210px 0 0px 0;
										color: #fff;
										}
										.ttl_top_property_sub{
										font-size: 30px;
										font-family: ‘Noto Serif Japanese’, serif;
										text-align: center;
										letter-spacing: 0.15em;
										margin: 0px 0 0px 0;
										color: #fff;
										}
										.ttl_top_property_sub_02{
										display: block;
										font-size: 24px;
										font-weight: normal;
										font-family: ‘Noto Serif Japanese’, serif;
										text-align: center;
										letter-spacing: 0.1em;
										position: relative;
										height: 34px;
										margin: 0 0 30px 0;
																}
										.ttl_top_property_sub_02:after {
											content: '';
											position: absolute;
											bottom: -15px;
											display: inline-block;
											width: 60px;
											height: 1px;
											left: 50%;
											-webkit-transform: translateX(-50%);
											transform: translateX(-50%);
											background: #000;
										}
										.title_top_n {
											font-size: 1.8rem;
											font-weight: bold;
											font-family: ‘Noto Serif Japanese’, serif;
											text-align: center;
											letter-spacing: 0.15em;
											margin: 0 auto 40px auto;
											color: var(--sub-color);
										}
										.title_top_n span {
											display: block;
											font-size: 4.0rem;
											font-weight: normal;
											letter-spacing: 0.1em;
											position: relative;
											height: 60px;
											margin: 0 0 40px 0;
											color: var(--main-color);
										}
										.title_top_n span:before {
											content: '';
											position: absolute;
											bottom: -15px;
											display: inline-block;
											width: 60px;
											height: 1px;
											left: 50%;
											-webkit-transform: translateX(-50%);
											transform: translateX(-50%);
											background: #000;
										}

										.top_property li{
										/*width: 50%;*/
										}
										.top_bk_property{
										width: 100%;
										background: url(../img/top_bk_property.png) no-repeat center 0;
										background-size: 100%;
										padding: 200px 40px 0 40px;
											}
										
										.top_bk_property_01{
										width: 100%;
										background: url(../img/top_bk_property_01.png) no-repeat center 0;
										background-size: 100%;
										padding: 0px 40px 0 40px;
											}
										.top_bk_property_02{
										width: 100%;
										background: url(../img/top_bk_property_02.png) no-repeat center 0;
										background-size: 100%;
										padding: 0px 40px 0 40px;
											}
										.top_property .whitebox {
											width: 100%;
											background: #fff;
											margin: 0 auto;
											overflow: hidden;
											padding: 30px;
										}
										.top_bk_property .whitebox p{
										text-align: center;
										}
										.top_property {
										max-width: 1140px;
										margin: 0 auto 20px;
										}
										/*NEWS 新着情報*/
										.topbox_voice,
										.top_news {
											background: #FAFAFA;
											overflow: hidden;
										}
										.top_news .inner {
											max-width: 1140px;
											margin: 90px auto;
											display: flex;
											flex-wrap: wrap;
											justify-content: space-between;
										}
										.top_news .inner .title_top_news {
											width: 172px;/*15%;*/
											font-size: 1.8rem;
											font-weight: bold;
											font-family: ‘Noto Serif Japanese’, serif;
											letter-spacing: 0.15em;
										}
										.top_news .inner .title_top_news span {
											display: block;
											font-size: 4.0rem;
											font-weight: normal;
											letter-spacing: 0.1em;
											position: relative;
											height: 60px;
											margin: 0 0 34px 0;
										}
										.top_news .inner .title_top_news span:before {
											content: '';
											position: absolute;
											bottom: -15px;
											display: inline-block;
											width: 60px;
											height: 1px;
											left: 18%;
											-webkit-transform: translateX(-50%);
											transform: translateX(-50%);
											background: #000;
										}
										.top_news .top_newsdl {
											width: 910px;/*80%*/
										}
										.top_news .top_newsdl dl {
											width: 100%;
											display:flex;
											flex-wrap: wrap;
											border-bottom: 1px solid #D5D5D5;
											font-size: 1.4rem;
										}
										.top_news .top_newsdl dl dt{
											width: 130px;
											padding: 14px;
											box-sizing: border-box;
											font-size: 1.6rem;
											border-top: 1px solid #D5D5D5;
										}
										.top_news .top_newsdl dl dd{
											width: calc(100% - 130px);
											padding: 14px 10px 14px 10px;
											margin: 0;
											border-top: 1px solid #D5D5D5;
											box-sizing: border-box;
											line-height: 1.5;
										}
										/**/
										.top_pickup ul{
										max-width: 1140px;
										display: flex;
										flex-wrap: wrap;
										justify-content: flex-start;
										margin: 0 auto 60px;
										}
										.top_pickup li{
											width: 360px;
											margin: 0 30px 30px 0;
										}
										
										.top_pickup li:nth-child(3n) {
											margin: 0 0 30px 0;
											}
										.top_pickup li p{
										width: 100%;
										display: block;
										height: 52px;
										line-height: 52px;
										text-align: center;
										color: #fff;
										position: relative;
										background: #252525;
										font-size: 1.8rem;
										cursor: pointer;
									}
										.top_pickup li p::before{
										content: '';
										width: 10px;
										position: absolute;
										top: 23px;
										right: 25px;
										border-top: solid 1px #fff;
										-webkit-transform: rotate(45deg);
										transform: rotate(45deg);
									}
										.top_pickup li p::after{
										content: '';
										width: 26px;
										position: absolute;
										top: 26px;
										right: 26px ;
										border-bottom: solid 1px #fff;
									}
									.top_pickup li p a{
									display: block;
									}
									.pickup01{
										width: 100%;
										background: url(../img/top_pickup_01.png) no-repeat center 0;
										background-size: 100%;
										padding-top: 240px;
										}
									.pickup02{
										width: 100%;
										background: url(../img/top_pickup_02.png) no-repeat center 0;
										background-size: 100%;
										padding-top: 240px;
										}
									.pickup03{
										width: 100%;
										background: url(../img/top_pickup_03.png) no-repeat center 0;
										background-size: 100%;
										padding-top: 240px;
										}
										.topbox2 {
										max-width: 1140px;
											margin: 0 auto 80px auto;
										}
										.bn_posi01{
										margin: 0 auto 80px auto;
										}
										
										/*-----------------------------------------------
										下層共通
										-----------------------------------------------*/
										.nextpage {
											max-width: 1140px;
											margin: 0 auto 140px;
										}
										.path,
										.path_blog {
											text-align: right;
											margin: 0 0 40px 0;
										}
										.path span,
										.path_blog span {margin: 0 10px;}

										/*-----------------------------------------------
										会社案内
										-----------------------------------------------*/
										.title_company {
											width: 100%;
											position: relative;
											margin: 0 0 30px 0;
											height: 300px;
										}
										.title_company img {
											width: 100%;
											height: 300px;
											object-fit: cover;
										}
										.title_company span {
											position:absolute;
											top: 50%;
											left: 50%;
											transform: translate(-50%,-50%);
											background :rgba(0,0,0,0.4);
											display: flex;
											align-items: center;
											color: #fff;
											font-size: 3.8rem;
											letter-spacing: 0.1em;
											font-family: ‘Noto Serif Japanese’, serif;
											padding: 10px 120px;
										}
										.message {
											max-width: 1000px;
											margin:0 auto 120px;
											font-size: 1.8rem;
										}
										.message .text .inner {
											margin: 0 0 50px 0;
										}
										.message .text .inner p {
											margin: 0 0 1.5em;
											line-height: 2.0;
										}
										.message .name {
											width: 400px;
											margin: 0 0 0 auto;
											font-family: ‘Noto Serif Japanese’, serif;
											letter-spacing: 0.05em;
											text-align: right;
										}
										.message .name span {
											font-size: 2.2rem;
										}
										.message .name figure {
											margin: 1em auto;
											width: 90%;
										}
										.table_gaiyo {
											max-width: 1000px;
											margin:0 auto 120px;
										}
										.table_gaiyo table {
											width: 100%;
										}
										.table_gaiyo table th{
											width:180px;
											padding:18px 0 18px 10px;
											font-weight:normal;
											text-align:left;
											border-bottom:1px solid #DADADA;
											vertical-align:top;
											/*font-weight: bold;*/
										}
										.table_gaiyo table td{
											padding:18px 0 18px 0;
											border-bottom:1px solid #DADADA;
											vertical-align:top;
										}
										/*-----------------------------------------------
										問い合わせ
										-----------------------------------------------*/

										.leadtext {
											text-align: center;
											font-size: 1.8rem;
											margin: 0 0 40px 0;
										}
										.oisogi {
											width: 760px;
											margin: 0 auto 40px;
											padding: 26px 0;
											position: relative;
										}
										.oisogi::before, 
										.oisogi::after {
											content: '';
											position: absolute;
											left: 0;
											width: 100%;
											height: 1px;
											background-image: -webkit-linear-gradient(left, transparent, #222 25%, #222 75%, transparent);
											background-image: linear-gradient(to right, transparent, #222 25%, #222 75%, transparent);
											background-position: center;
											background-repeat: no-repeat;
										}
										.oisogi::before {
											top: 0;
										}
										.oisogi::after {
											bottom: 0;
										}
										.oisogi .text {
											text-align: center;
											font-size: 2.4rem;
											font-family: ‘Noto Serif Japanese’, serif;
										}
										.oisogi .tel {
											text-align: center;
											font-size: 5.2rem;
											font-family: ‘Noto Serif Japanese’, serif;
											color: #9B4A26;
											letter-spacing: 0.05em;
										}
										.oisogi ul {
											width: 100%;
											margin: 0 auto;
											display: flex;
											flex-wrap: wrap;
											justify-content: space-between;
										}
										.oisogi ul li {
											text-align: center;
										}
										.oisogi ul li span {
											display: inline-block;
											padding: 1px 14px;
											font-size: 1.7rem;
										}
										.oisogi ul li span.s01 {
											border: 1px solid #222;
										}
										.notice {
											width: 900px;
											margin: 0 auto 58px;
											padding: 40px 0 30px;
											background: #efefef;
											display: flex;
											justify-content: center;
										}
										.notice ul {
											width: 800px;
										}
										.notice ul li {
											margin: 0 0 1em 0;
											list-style-type : disc;
										}
										.notice ul li a:link,
										a.colorwhite:link {color: #222;text-decoration: none;}
										.notice ul li a:visited,
										a.colorwhite:visited {color: #222;text-decoration: none;}
										.notice ul li a:hover,
										a.colorwhite:hover {color: #222;text-decoration: underline;}
										.notice ul li a:active,
										a.colorwhite:active {color: #222;text-decoration: none;}

										.contact_box {
											width: 900px;
											margin: 0 auto 100px;
										}
										.contact_box p span{
														display: inline-block;
														background: #9B4A26;
														text-align: center;
														font-size: 90%;
														padding: 1px 10px;
														margin: 4px 4px 0 0;
														color: #fff;
										}

										.title_sub_contact {
											font-size: 2.6rem;
											font-family: ‘Noto Serif Japanese’, serif;
											letter-spacing: 0.05em;
											margin: 0 0 10px 0;
										}
										.contact_box table {
											width: 100%;
											border-collapse: collapse;
										}
										.contact_box th {
											width: 30%;
											background: #eaeaea;
											font-weight: normal;
											padding: 10px 2%;
											vertical-align: middle;
											text-align: left;
											border-bottom: 2px solid #fff;
										}
										.contact_box td {
											width: 60%;
											padding: 20px 2%;
											vertical-align: top;
											border-bottom: 2px solid #fff;
										}
										.contact_box td .contact_li li{
										display: inline-block;
										width: 40%;
										line-height: 48px;
										margin-bottom: 0;
										}
										.contact_box table th span {
											float: right;
											display: inline-block;
											background: #f00;
											text-align: center;
											font-size: 1.4rem;
											padding: 1px 10px;
											margin: 4px 0 0 0;
											color: #fff;
										}
										.contact_box td li {
											margin: 0 0 10px 0;
										}

										input[type="text"]{
											width: 70%;
											margin:4px 0 0;
											border-radius: 4px;
											padding: 4px 12px;
											border: 1px solid #aaa;
											outline: none;
											height: 48px;
											font-size: 1.5rem;
										}
										input.w02[type="text"]{
											width: 80%;
										}
										input::placeholder,
										textarea::placeholder {color: #aaa;}

										input:-ms-input-placeholder,
										textarea:-ms-input-placeholder {color: #aaa;}/* IE */

										input::-ms-input-placeholder,
										textarea::-ms-input-placeholder {color: #aaa;}/* Edge */

										textarea {
											width: 90%;
											height: 170px;
											border-radius: 4px;
											padding: 10px 12px;
											border: 1px solid #aaa;
											outline: none;
											font-size: 1.8rem;
										}

										input[type="checkbox"]{
											transform: scale(1.5);
											margin: 0 6px 0 4px;
										}

										.btn_kakunin {
											display: block;
											width: 420px;
											height: 70px;
											line-height: 70px;
											margin: 100px auto;
											text-align: center;
											color: #fff;
											position: relative;
											background: #430000;
											border: none;
											cursor: pointer;
										}
										.btn_kakunin:hover,
										.btn_soshin:hover,
										.btn_modoru:hover {opacity: 0.7;}

										.btn_kakunin:before
										/*.btn_soshin:before*/{
											content: '';
											width: 10px;
											position: absolute;
											top: 35px;
											right: 25px;
											border-top: solid 1px #fff;
											-webkit-transform: rotate(45deg);
											transform: rotate(45deg);
										}
										.btn_kakunin:after,
										/*.btn_soshin:after*/{
											content: '';
											width: 26px;
											position: absolute;
											top: 38px;
											right: 26px ;
											border-bottom: solid 1px #fff;
										}
										.btngroup {
											width: 580px;
											margin: 0 auto 100px;
											display: flex;
											flex-wrap: wrap;
											justify-content: space-between;
										}
										.btn_soshin {
											display: block;
											width: 320px;
											height: 52px;
											line-height: 52px;
											text-align: center;
											color: #fff;
											position: relative;
											background-color: var(--main-color);
											border: none;
											cursor: pointer;
											font-size: 1.8rem;
										}
										.btn_modoru {
											display: block;
											width: 200px;
											height: 52px;
											line-height: 52px;
											text-align: center;
											color: #222;
											background: #ccc;
											border: none;
											cursor: pointer;
											font-size: 1.8rem;
										}
										.thanks01 {
											font-size: 3.0rem;
											font-family: ‘Noto Serif Japanese’, serif;
											letter-spacing: 0.05em;
											margin: 80px 0 50px;
											text-align: center;
										}

										.thanks01 br {display: none;}

										/*-----------------------------------------------
										個人情報の取り扱い
										-----------------------------------------------*/
										.title_privacy {
											width: 100%;
											position: relative;
											margin: 0 0 30px 0;
											height: 300px;
										}
										.title_privacy img {
											width: 100%;
											height: 300px;
											object-fit: cover;
										}

										.privacybox {
											width: 900px;
											margin: 0 auto;
										}
										.privacy_h2 {
											color: #252525;
											font-size: 2.2rem;
											font-weight: bold;
											font-family: ‘Noto Serif Japanese’, serif;
											margin: 0 0 1.5em 0;
										}
										.privacy_dl {
											margin: 0 0 30px;
										}
										.privacy_dl dt {
											font-weight: bold;
											margin: 0 0 0.5em 0;
										}
										.privacybox .sec {
											margin: 0 auto 2em;
										}
										.privacybox .sec h3 {
											background: #252525;
											padding: 2px 0 2px 1em;
											color: #fff;
											margin: 0 0 1em 0;
										}
										.privacybox .sec p {
											margin: 0 0 1.5em 0;
										}
										.privacybox .sec ol {
											position: relative;
										}
										.privacybox .sec ol li {
											list-style: none;
											list-style-position: outside;
											margin: 0 0 0.5em;
											padding-left: 1.25em;
										}
										.privacybox .sec ol li span {
											position: absolute;
											left: 0;
										}
										/*-----------------------------------------------
										News
										-----------------------------------------------*/
										.title_news {
											width: 100%;
											position: relative;
											margin: 0 0 30px 0;
											height: 300px;
										}
										.title_news img {
											width: 100%;
											height: 300px;
											object-fit: cover;
										}

										.entry {
											width: 900px;
											margin: 0 auto;
										}
										.entry .title {
											padding: 0 0 0 1em;
											border-left: 5px solid #8E492F;
											margin: 0 0 1.5em 0;
										}
										.entry .title .day {
											display: block;
											color: #8E492F;
											font-size: 1.6rem;
											font-weight: bold;
										}
										.entry .title .text {
											font-size: 2.6rem;
											font-family: ‘Noto Serif Japanese’, serif;
										}
										.txtarea {
											margin: 1.5em 0 0 0;
										}
										/*-----------------------------------------------
										ご入居までの流れ
										-----------------------------------------------*/
										.flow_ol {
											width: 900px;
											margin: 0 auto 2em;
										}
										.flow_ol li {
											display: block;
											border: 1px solid #666666;
											position: relative;
											margin: 0 0 2.5em 0;
											height: auto;
											border-radius: 8px;
										}
										.flow_ol li:after {
											content: ' ';
											position: absolute;
											bottom: -35px;
											left: 50%;
											-webkit-transform: translateX(-50%);
											transform: translateX(-50%);
											border-top: 20px solid #ccc;
											border-right: 32px solid transparent;
											border-left: 32px solid transparent;
										}
										.flow_box li:last-child:after,
										.owner_ol li:after,
										.flow_ol li:last-child:after {
											content: none;
										}
										.flow_ol li span {
											display: inline-block;
											vertical-align: top;
											font-size: 4.0rem;
											font-style: italic;
											letter-spacing: -0.01em;
											margin: 0.2em 1em 0 0.5em;
										}
										.flow_ol li .text {
											display: inline-block;
											width: 770px;
											padding: 1.2em 0 1.5em 0;
										}
										.flow_ol li .text .title {
											font-family: ‘Noto Serif Japanese’, serif;
											font-size: 2.4rem;
											margin: 0 0 0.2em 0;
										}
										.flow_link {
											margin: 1.5em 0 0 0;
										}
										.flow_link a {
											display: inline-block;
											background: #9B451F;
											color: #fff;
											font-size: 1.5rem;
											padding: 4px 14px;
											margin: 0 0.8em 0 0;
											border-radius: 4px;
										}
										.flow_link a:link {color: #fff; text-decoration: none;}
										.flow_link a:visited {color: #fff; text-decoration: none;}
										.flow_link a:hover {color: #fff; text-decoration: none; opacity: 0.7;}
										.flow_link a:active {color: #fff; text-decoration: none;}

										.cha_text {
											margin: 0 0 0.5em 0;
											font-weight: bold;
											color: #9B451F;
										}
										/*-----------------------------------------------
										サイトマップ
										-----------------------------------------------*/
										.title_sitemap {
											width: 100%;
											position: relative;
											margin: 0 0 30px 0;
											height: 300px;
										}
										.title_sitemap img {
											width: 100%;
											height: 300px;
											object-fit: cover;
										}
										.title_sitemap span {
											position:absolute;
											top: 50%;
											left: 50%;
											transform: translate(-50%,-50%);
											background :rgba(0,0,0,0.4);
											display: flex;
											align-items: center;
											color: #fff;
											font-size: 4.0rem;
											letter-spacing: -0.1em;
											font-family: ‘Noto Serif Japanese’, serif;
											padding: 10px 120px;
										}
										.sitemapbox {
											width: 800px;
											margin: 0 auto;
										}
										.sitemapbox .widthbase {
											display: flex;
											flex-wrap: wrap;
											justify-content: space-between;
										}
										.sitemapbox .widthbase .half {
											width: 40%;
										}
										.sitemapbox .widthbase .half dl {
											margin: 0 0 5em 0;
										}
										.sitemapbox .widthbase .half dl dt {
											font-weight: bold;
											padding: 0 0 0.5em 0;
											margin: 0 0 0.8em 0;
											border-bottom: 1px dotted #999;
										}
										.sitemapbox .widthbase .half dl dt span {
											display: inline-block;
											vertical-align: center;
											border-left: 5px solid #924B2F;
											padding: 1px 0 1px 0.6em;
										}
										.sitemapbox .widthbase .half dl dd a,
										.sitemapbox .widthbase .half ul li a{
											display: block;
											margin: 0 0 0.5em 0;
											padding-left: 0.8em;
										}
										.sitemapbox .widthbase .half ul li a{
											display: block;
											margin: 0 0 1em 0;
											padding-left: 0.8em;
										}
										/*-----------------------------------------------
										ブログ
										-----------------------------------------------*/
										.title_blog {
											width: 100%;
											position: relative;
											margin: 0 0 30px 0;
											height: 300px;
										}
										.title_blog img {
											width: 100%;
											height: 300px;
											object-fit: cover;
										}
										.title_blog span {
											position:absolute;
											top: 50%;
											left: 50%;
											transform: translate(-50%,-50%);
											background :rgba(0,0,0,0.4);
											display: flex;
											align-items: center;
											color: #fff;
											font-size: 4.0rem;
											letter-spacing: -0.1em;
											font-family: ‘Noto Serif Japanese’, serif;
											padding: 10px 120px;
										}
										
										.txtposi2{
										padding: 2em;
										}
										.txtposi2 li{
											width:32%;
											}

										.wrap_cms {
										margin-right: auto;
										margin-left: auto;
										width: 960px;
										margin-bottom: 2em;
										}

										.ownrebox_in{

										}
										.ownrebox_in li{
										width: 48%;
										display: inline-block;
										}


										a.btn_24contact p{
										}
										a.btn_24contact{
										width: 90%;
										}
										a.btn_24contact p{
										text-align: left;
										}
										.teiann_w{
										width: 80%;
										margin-left: auto; margin-right: auto;
										}
										.bn_posi02{
										display: flex;
										align-items: center;
										justify-content: center;
										margin-bottom: 100px;
										}
										.bn_posi02 a{
										margin-left: 2em; margin-right: 2em;
										}

}
/**//*▲media print, screen and (min-width: 768px)* /**//**/


/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/**/

.topbox_voice{

padding: 30px 0;
@media (768px <= width) {padding: 90px 0;}/* 768px以上 */

}

.tuzuki{
color: #fff;
background: var(--main-bg);
font-size: 1.4rem;
display: block;
float: right;
padding: 2px 30px 2px 10px;
position: relative;
margin: 1em;
}

.tuzuki:not(:hover) {text-decoration:none;}
.tuzuki:hover{text-decoration:none;opacity: 0.5;}


.voice_come{
padding: 0 1em;
}
.tuzuki::before {
content: '';
width: 8px;
position: absolute;
top: 10px;
right: 4px;
border-top: solid 1px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.tuzuki::after {
content: '';
width: 20px;
position: absolute;
top: 13px;
right: 5px;
border-bottom: solid 1px #fff;
}

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

.flow_ol li .marker span{
display: initial;
vertical-align: top;
font-size: 100%;
font-style: normal;
letter-spacing: 0em;
margin: 0;

background:linear-gradient(transparent 50%, #FFEAEA 50%);
}
.owner_box_ttl{
text-align: center;
margin-bottom: 3em;
}
.owner_box_ttl p{

text-align: center;
font-family: ‘Noto Serif Japanese’, serif;
font-size: 4.0rem;
}
.owner_box_ttl span{
text-align: center;
color: #fff;
background-color: #000;
display:inline-block;
font-size: 24px;
font-weight: bold;
padding: 0 30px;
}
.teiann_w{

margin-bottom: 3em;
}


#ownerbox .oisogi ul li ul li {
    width: 100%;
				}


#ownerbox .oisogi .text {
    font-size: 2rem;
}
a.btn_24contact{
display: inline-block;
color: #fff;
background: #000;
text-align: center;
font-size: 1.3rem;
vertical-align: top;
padding:20px;
}
a.btn_24contact:hover{
opacity: 0.5;}
a.btn_24contact:link,
a.btn_24contact:visited{
color: #fff;
text-decoration: none;
}
a.btn_24contact p:before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f003';
font-size: 3rem;
color: #fff;
line-height: 3rem;
/*transform: translateY(50%);*/
position: absolute;
left: 0;
top:40%;

}
a.btn_24contact span{
line-height: 1;
font-size: 1rem;
color: #fff;
margin-bottom: 10px;
display: block !important;
}
a.btn_24contact p{
color: #FF2B1F;
line-height: 1;
font-size: 32px;
display: inline-block;
position: relative;
padding-left: 2em;
}
#ownerbox .oisogi .tel:before {
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\f095';
}

#ownerbox .oisogi{
width: 100%;
}





.menu_area{
margin-left: auto; margin-right: auto;
text-align: center;
margin-bottom: 60px;
width: 100%;

}

.menu_area li{
display: inline-block;
width: 46%;
margin: 1%;
	position: relative;
	vertical-align: top;
}
.menu_area dl dt{
font-size: 36px;
    font-family: ‘Noto Serif Japanese’, serif;
	line-height: 1;

	display: block;
}
.menu_area dl dt span{
font-size: 18px;
display: block;
	line-height: 1;
}
.menu_area .menu_ttl_a{
color: #fff;
background-color: #900303;
display: block;
padding-top: 20px;
}


.menu_ttl_a + .box{
margin-bottom: 20px;
width: 100%;
height: 60px;
    background:linear-gradient(to bottom left, #900303 50%, transparent 50%) top left/ 50% 100% no-repeat,
    linear-gradient(to bottom right, #900303 50%, transparent 50%) top right / 50% 100% no-repeat;
}

.menu_ttl_b + .box{
margin-bottom: 20px;
width: 100%;
height: 60px;
    background:linear-gradient(to bottom left, #0E8091 50%, transparent 50%) top left/ 50% 100% no-repeat,
    linear-gradient(to bottom right, #0E8091 50%, transparent 50%) top right / 50% 100% no-repeat;
}


.menu_area .menu_ttl_b{
color: #fff;
background-color: #0E8091;
padding-top: 20px;
}


.menu_area li dl dd{
text-align: left;
}
.menu_area li dl dd p{
font-weight: bold;
margin-bottom: 0.5em;
font-size: 20px;
text-align: center;

}


.scrollbox {

overflow-x: hidden;
}
.scrollbox .menu{
overflow-x: auto;
}
.scrollbox .menu table {
max-width: 1000px;
border-collapse: collapse;
font-size: 12px;
}
.scrollbox .menu th {
background: #eaeaea;
font-weight: normal;
padding: 10px 2px;
vertical-align: middle;
text-align: center;
border-right:1px solid #DADADA;
width: 50px;
}
.scrollbox .menu td {
padding: 10px 2px;
vertical-align: top;
border-right:1px solid #DADADA;
border-bottom: 2px solid #DADADA;
vertical-align: middle;
text-align: center;
width: 70px;
}
.scrollbox .menu_bg01 td{
background-color: #FFEAEA;
}
.scrollbox .menu_bg02 td{
background-color: #FDFFEF;
}

.menu .menu_b p{
display: inline-block;
padding: 2px;
color: #fff;
background-color: #0E8091;
text-align: center;
line-height: 1;
margin-right:4px;
vertical-align: top;
}
.menu .menu_a p{
display: inline-block;
padding: 2px;
color: #fff;
background-color: #900303;
text-align: center;
line-height: 1;
margin-right:4px;
vertical-align: top;
}
.menu .menu_b p span,
.menu .menu_a p span{
display: block;
text-align: center;
line-height: 1;
font-size: 80%;
}
.menu .menu_a,
.menu .menu_b{
text-align: left !important;
width: 130px !important;
padding-left: 10px !important;;
}


.txtposi2{
background-color: #fff;
background: #F2F2F2;
overflow: hidden;
}

.txtposi2 ul{
	display:flex;
	flex-wrap:wrap;
	}
.txtposi2 li{
	margin-bottom: 0.5em;
	}

.bk_owner .title_top_news {
font-weight: bold;
font-family: ‘Noto Serif Japanese’, serif;
letter-spacing: 0.15em;
	margin-bottom: 1em;
}



.ttl_bkb {
    background: #252525;
    padding: 2px 0 2px 0.5em;
    color: #fff;
    margin: 0 0 1em 0;
    font-size: 1.5rem;
}

.imgcen{
display: block;
margin-left: auto; margin-right: auto;
text-align: center;
}

.btnposi_top_about a:link {color:#fff; text-decoration: none;}
.btnposi_top_about a:visited {color:#fff; text-decoration: none;}
.btnposi_top_about a:hover {color:#fff; text-decoration: none;opacity: 0.7;}
.btnposi_top_about a:active {color:#fff; text-decoration: none;}

.top_pickup li:link {color:#fff; text-decoration: none;}
.top_pickup li:visited {color:#fff; text-decoration: none;}
.top_pickup li:hover {color:#fff; text-decoration: none;opacity: 0.7;}
.top_pickup li:active {color:#fff; text-decoration: none;}

.oisogi .tel a:link{color:#9b4a26;text-decoration:none;}
.oisogi .tel a:visited{color:#9b4a26;text-decoration:none;}
.oisogi .tel a:hover{color:#9b4a26;text-decoration:none;}
.oisogi .tel a:active{color:#9b4a26;text-decoration:none;}

.m_none{
margin-top: 0;
margin-bottom: 0 !important;
}

.txtlink a:link{color:#9b4a26;text-decoration:underline;}
.txtlink a:visited{color:#9b4a26;text-decoration:underline;}
.txtlink a:hover{color:#9b4a26;text-decoration:none;opacity: 0.7;}
.txtlink a:active{color:#9b4a26;text-decoration:underline;}




img.alignright { display: block; margin: 0 0 0 auto!important;}
img.alignleft { display: block; margin: 0 auto 0 0!important;}
img.aligncenter { display: block; margin: 0 auto!important;}

/**/
a.btn_accessmap{
display: inline-block;
color: #fff;
background: #000;
text-align: center;
font-size:0.8em;
padding: 0 6px;
margin-left: 1em;
}
a.btn_accessmap:hover{opacity: 0.7;}
a.btn_accessmap:link,
a.btn_accessmap:visited{
color: #fff;
text-decoration: none;
}
a.btn_accessmap:after {
display: inline-block;
font-family: 'FontAwesome';
content: '\f08e';
margin-left: 1em;
}


.bn_posi02 a{
display: flex;
align-items: center;
justify-content: center;
width: 283px;
height: 94px;
border: 1px solid #ddd;
margin-bottom: 1em;
text-align: center;
vertical-align: middle;
}

.bn_posi02 img{
vertical-align: middle;
}

.bdt{
border-top: 1px solid #ccc;
}

.contact_cache {
text-align: center;
font-size: 1.8rem;
}

.footcontact{
	margin-bottom: 20px;
	overflow: hidden;
}
@media (768px <= width) {
	.footcontact{
	padding-top: 60px;
	margin-bottom: 60px;
	overflow: hidden;
	}
	.contact_cache{
	font-size: 2.4rem;
	}
}/* 768px以上 */



.contact_tel_posi{
@media (768px <= width) {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
align-items:center;
margin-bottom: 20px;
}

.contact_tel_posi a.tel{
display: block;
color: var(--main-color);
font-size: 5.4rem;
margin-right: 14px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.contact_tel_posi a.tel:link{color:var(--main-color);text-decoration:none;}
.contact_tel_posi a.tel:visited{color:var(--main-color);text-decoration:none;}
.contact_tel_posi a.tel:hover{color:var(--main-color);text-decoration:none;}
.contact_tel_posi a.tel:active{color:var(--main-color);text-decoration:none;}
.contact_tel_posi a.tel:before {
font-family: 'FontAwesome';
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
}

.contact_tel_posi_r p{
display: block;
font-size: 2.2rem;
}


.imgcen{
display: block;
margin-left: auto; margin-right: auto;
text-align: center;
}

.btn_03 {
height: 60px;
line-height: 60px;
color: var(--main-color);
position: relative;
font-size: 1.8rem;
cursor: pointer;
background-color: #fff;
border: 1px solid var(--main-color);
display: block;
text-align: center;
}
.btn_03::before{
content: '';
width: 10px;
position: absolute;
top: 24px;
right: 25px;
border-top: solid 1px var(--main-color);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_03::after{
content: '';
width: 26px;
position: absolute;
top: 27px;
right: 26px ;
border-bottom: solid 1px var(--main-color);
}
.btn_03:link {color:var(--main-color); text-decoration: none;}
.btn_03:visited {color:var(--main-color); text-decoration: none;}
.btn_03:hover {color:var(--main-color); text-decoration: none;opacity: 0.5; background-color:#eee;}
.btn_03:active {color:var(--main-color); text-decoration: none;}


.btn_03 {
@media (768px <= width) {width: 600px;}
margin-left: auto;
margin-right: auto;
}



.title_posi{
position: relative;
background-size: cover !important;
aspect-ratio: 1900/500; /*横縦*/
object-fit: cover;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: middle;
width: 100%;
}
.title_about{
background: url("../img/ttl_about.webp") center center / cover no-repeat;
}
.title_flow{
background: url(../img/ttl_flow.jpg) center center / cover no-repeat;
}
.title_jirei{
background: url(../img/ttl_jirei.png) center center / cover no-repeat;
}
.title_contact{
background: url(../img/ttl_contact.webp) center center / cover no-repeat;
}
.title_company{
background: url(../img/ttl_company.webp) center center / cover no-repeat;
}
.title_voice{
background: url(../img/ttl_voice.webp) center center / cover no-repeat;
}
.title_news{
background: url(../img/ttl_news.webp) center center / cover no-repeat;
}
.title_privacy{
background: url(../img/ttl_privacy.webp) center center / cover no-repeat;
}
.title_posi span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 3.4rem;
letter-spacing: 0.1em;
font-family: ‘Noto Serif Japanese’, serif;
padding: 10px 20px;

@media (768px <= width) {min-width: 500px;}/* 768px以上 */

}


.path,
.wrapper{
width: 96%;
@media (768px <= width) {max-width: 1140px;}/* 768px以上 */
margin-inline: auto;
overflow: hidden;
}
.flow_box li{position: relative;}
.flow_box li:after {
content: ' ';
position: absolute;
bottom: -35px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-top: 20px solid #ccc;
border-right: 32px solid transparent;
border-left: 32px solid transparent;
}

@media (768px <= width) {
.flow_box {
margin-bottom: 80px;
}
.flow_box li{
padding: 30px;
box-sizing: border-box;
margin-bottom: 50px;
}
.flow_box li dl dt span{
font-size: 4.2rem;
display: inline-block;
margin-right: 24px;
padding-right: 24px;
padding-left: 10px;
color: var(--main-color);
line-height: 1.2;
}
.flow_box li dl dt p{
font-size: 2.6rem;
}

.flow_box li dl dt{
padding-bottom: 24px;
margin-bottom: 24px;
}
.flow_box li dl dd{
display: flex;
justify-content:space-between;
flex-wrap:wrap;
}
.flow_box li dl dd img{
max-width: 340px;
}
.flow_txtarea{
width: calc(100% - 370px);
}
.flow_box li dl dd p{
font-size: 1.6rem;
}
}
/**/
.flow_box li{
border: 1px solid #ccc;}

.flow_box li dl dt{
border-bottom: 1px solid #ccc;
}
.flow_box li dl dt span{
border-right: 1px solid #ccc;
}
.flow_box li dl dt p{
font-weight: bold;
display: inline-block;
}
.flow_box li dl dd p{
margin-bottom: 1em;
}

.jirei_cls {
margin: 0 auto 30px;
}
@media (768px <= width) {
	.jirei_cls {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 60px;
	}
	.jirei_cls li {
	display: inline-block;
	width: 31%;
	margin-inline: 1%;
	margin-bottom: 50px;
	vertical-align: top;
	}
}

.jirei_cls .ttl001 {
line-height: 1.4;
margin-bottom: 10px;
padding-right: 2em;
font-size: 2.2rem;
font-weight: bold;
@media (768px <= width) {min-height: 6rem;}
}

.linkarrow {
width: 100%;
line-height: 2;
position: relative;
display: block;
color: var(--main-bg);

}
.linkarrow::before {
content: '';
width: 10px;
position: absolute;
top: 40%;
right: 5px;
border-top: solid 1px var(--main-bg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.linkarrow::after {
content: '';
width: 26px;
position: absolute;
top: calc(40% + 3px);
right: 6px;
border-bottom: solid 1px var(--main-bg);
}

.jirei_cls li a:link{color:#222;text-decoration:none;}
.jirei_cls li a:visited{color:#222;text-decoration:none;}
.jirei_cls li a:hover{color:#666;text-decoration:none;}
.jirei_cls li a:active{color:#222;text-decoration:none;}


.jirei_cls li img {
@media (768px <= width) {
	object-fit: cover;
	aspect-ratio: 848 / 566;
	margin-inline: auto;
	text-align: center;
	margin-bottom: 20px;
}
}

.jirei_cls li p{
font-size: 1.5rem;
}

/*施工事例　写真エリア*/
.jirei_detail_photoarea{
margin-bottom: 30px;
margin-inline: auto;
overflow:hidden;
@media (768px <= width) {
padding: 30px;
display:flex;
justify-content:space-evenly;
align-items:flex-start;
flex-wrap:wrap;}/* 768px以上 */
}


.jirei_detail_photoarea .photo_big{
@media (768px <= width) {width:50%;}
height:320px;
display: grid;margin-bottom: 20px;
place-content:center;

}
.jirei_detail_photoarea .photo_small{
@media (768px <= width) {width:40%;}
}
.jirei_detail_photoarea .photo_small:after{content: "";display: block;clear: both;}

.jirei_detail_photoarea .photo_small ul{
margin-right: -10px;
overflow:hidden;
}
.jirei_detail_photoarea .photo_small ul li{
float:left;
width:100px;
height:82px;
margin:0 10px 10px 0;
overflow: hidden;
}
.jirei_detail_photoarea .photo_small ul li img{
cursor:pointer;
}
/********************/
.jirei_mainchache{
@media (768px <= width) {
padding-inline: 30px;}
}

.jirei_mainchache p{
margin-left: 40px;
}

.work-scenes_cls ul li{
margin-bottom: 2em;
}

.jirei_mainchache{
padding-inline: 10px;
@media (768px <= width) {
padding-inline: 30px;}

}

.jirei_mainchache p{
margin-left: 40px;
}
.jirei_ttl_02{
@media only screen and (min-width:768px){
		display: flex;
		margin-bottom: 2em;
}
margin-bottom: 1em;
}
.jirei_ttl_02 p{
display: flex;
align-items: center;
}
.jirei_mainchache .jirei_ttl_02 p{
font-weight: bold;
font-size: 2rem;
margin-left: 0;
@media only screen and (min-width:768px){font-size: 2.6rem;}
line-height: 1;}

.jirei_ttl_02 p:before {
border-top: 1px solid;
content: "";
/*flex-grow: 1;*/
color: var(--main-color);
width: 30px;
margin-right: 10px;
}

.jirei_ttl_02 span {
display: inline-block;
font-weight: normal;
font-size: 1.4rem;
color: #fff;
background-color: #809074;
border-radius: 4px;
padding: 2px 6px;
margin-left: 1em;
}

.ttl_02{
font-weight: bold;
font-size: 2.6rem;
margin-bottom: 16px;
}

.b_li{
padding: 10px;
@media only screen and (min-width:768px){padding: 30px;}
}
.b_li > li:nth-child(odd){
background-color: #e6e9e3;
}
.b_li li{
padding: 10px;
@media only screen and (min-width:768px){padding: 30px;}
font-size: 1.6rem;
}

@media only screen and (min-width:768px){
.b_li li dl dt{
float: left;
}
.b_li li dl dd{
margin-left: 200px;
}
}

.bg {
background-color: #e6e9e3;
overflow: auto;
}

.contact_posi2 {
padding-top: 50px;
margin-bottom: 80px;
}

.whitebox {
max-width: 1140px;
background: #fff;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

.contact_box table th span.ninni{
background-color: #666;
}

.layer_cache {
text-align: center;
margin: 0px auto 40px auto;
}

.ttl_03{
font-weight: bold;
font-size: 2.8rem;
margin-bottom: 1em;
}
.ttl_03 span{
font-weight: normal;
font-size: 12px;
display: inline-block;
margin-left: 20px;
color: var(--main-color);
}

.ttl_03.bar {
  width: 100%;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.ttl_03.bar:after {
  content: "";
  background-color: var(--main-color);
  position: absolute;
  left: 6px;
  bottom: -1px;
  height: 1px;
  /* pタグの幅に合わせるための調整 */
  width: 100%;
}

.ttl_03 p {
  display: inline-block; /* 幅を内容に合わせる */
  border-bottom: 1px solid var(--main-color); /* pタグに直接下線をつける */
}

.ml1em{
margin-left: 1em;
}

.dl_privacy dt {
font-weight: bold;
font-size: 2rem;
margin: 0 0 6px 0;
}

.dl_privacy dd {
margin: 0 0 2em 1em;
}

.layer_cache_point{
font-size: 3rem;
padding-top: 30px;
margin: 0px auto 30px auto;
@media (768px <= width) {
margin: 0px auto 50px auto;}
}

.subttl{
border-bottom: 1px solid var(--main-bg);
font-size: 2.6rem;
font-weight: bold;
padding-bottom: 10px;
margin: 0px auto 30px auto;
}

/*採用*/
.recruit_keiken {
font-size: 1.8rem;
}

.recruit_keiken dl {
border: 2px solid var(--main-bg);
border-radius: 8px;

padding: 0.5em 1em;
margin: 1em 0 0 0;
@media (768px <= width) {margin: 2em 0 0 0;
padding: 1.5em 2em;}
}




.recruit_keiken dl dt {
display: inline-block;

margin: 0 auto 2em;
font-size: 2rem;
color: var(--main-bg);
position: relative;
text-align: left;
padding-left: 54px;
}

.recruit_keiken dl dt:before,
.recruit_keiken dl dt:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 1px;
background: var(--main-bg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.recruit_keiken dl dt:before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.recruit_keiken dl dt:before {left:0;}
.recruit_keiken dl dt:after {right: 0;
margin-right: -54px;}

.txtdeco01 p span{
font-size: 110%;
font-weight: bold;
}

.section_aereabg {
background-color: #eee;
overflow: auto;
}

.ttl_01{
font-weight: bold;
font-size: 2.6rem;
margin-bottom: 40px;
}
.ttl_01 span{
font-weight: normal;
font-size: 12px;
display: inline-block;
margin-left: 20px;
color: var(--main-bg);
}

.ttl_02{
font-weight: bold;
font-size: 2.2rem;
margin-bottom: 16px;
}


.ttl_02 {
display: flex;
align-items: center;
}
.ttl_02:before {
border-top: 1px solid;
content: "";
/*flex-grow: 1;*/
color: var(--main-bg);
width: 30px;
}
.ttl_02:before {
margin-right: 10px;
}

@media (768px <= width) {
	.flx_lr{
	display:flex;
	justify-content:space-evenly;
	align-items:flex-start;
	flex-wrap:wrap;
	}
	.flx_lr .flx_lbox{
	flex: 1;
	}

	.flx_lr img{
	margin-left: 30px;
	max-width: 400px;
	}
}