@charset "utf-8";

/* 共通 ----------------------------------------------------------------------*/

/* Noto Sans JP（源ノ角ゴシック）をimport  https://qiita.com/shotets/items/502f8093d53369eaab50 */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* フォントを指定したいところで */
/* font-family: 'Noto Sans JP'; */


/* ロールオーバーの透明度 */
a:hover{
	opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-webkit-transition: 0.3s ease-in-out; /* 以下、hover時ゆっくり透過 */
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
text-decoration: none;
}


/* CSSでページをフェードイン */
body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}


@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}


/* 小さいスクリーンサイズ用背景 */
@media only screen and (xmax-width: 510px) {
#xtop {
xbackground-image: url(../images/xxxx.jpg); /* 今回 未使用 */
}
}

/* PCとスマフォやタブレットで表示画像を切り替え *-------------------------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media only screen and (min-width: 510px) {
.pc{
	display: block !important;
}
.sp{
	display: none !important;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 509px) {
.pc{
	display: none !important;
}
.sp{
	display: block !important;
}
}



/* 「トップに戻る」ボタン  */
.backtotop{
	position: fixed;
right: 10px;
bottom: 50px;
z-index: 9000;
display: none;
}    

.backtotop a{
	display: block;
color: #fff;
background-color: #333;
border-radius: 50%;
height: 55px;
width: 55px;
text-decoration: none;
font-size: 12px;
padding-top: 13px;
line-height: 140%;
text-align: center;
}

.xbacktotop a:hover{
	background: #666666;
color: #FFFFFF;
}



html{
	width: 100%;
overflow-y: scroll;
overflow-x: hidden;
}

body{
	width: 100%;
xbackground-color: #9FA4C5;
}

#wrapper{
	width: 100%;
}

.floatRight{
	float: right;
}
.floatLeft{
	float: left;
}

.txt17px{
	font-size: 1.0625rem;
}
.txt18px{
	font-size: 1.125rem;
}
.txt19px{
	font-size: 1.1875rem;
}
.txt20px{
	font-size: 1.25rem;
}

.bold{
	font-weight: 600;
}

.txtRed{
	color: #FF0004;
}

.smallred{
	font-size: 80%;
}


.thanks{
	text-align: center;
margin-top: 2rem;
}

.thanks h1{
	color: #996600; font-size: 20px; margin-bottom: 1rem;
}
.thanks p{
	margin-bottom: 2rem;
}



.center{
	text-align: center;
margin-top: 2rem;
}

.center p{
	margin-bottom: 2rem;
}





/* レスポンシブ （W=1280px未満）-------------------------------*/

/*ヘッダー*/
header {}

header h1{
	width: 27rem;
padding: 0.5rem 0 0.5rem 0.5rem;
font-weight: 400;
z-index: 100;
}

header h1 a{
	z-index: 100;
}

#container{
	xoverflow: hidden;
margin: 0 auto;
xbackground: #ddd;
}

/*グローバルナビ*/
#_btn{
	overflow: hidden;
width: 56px;
height: 46px;
position: absolute;
right: 0;
top: 10px;
z-index: 3;
}

#_btn2{
	overflow: hidden;
position: absolute;
top: 0;
right: 0;
z-index: 3;
}

#nav_open{
	position: absolute;
z-index: 1;
top: 0;
right: 10px;
width: 46px;
height: auto;
cursor: pointer;
}

#nav_close{
	cursor: pointer;
position: relative;
right: 0;
}
#_btn img,
#_btn2 img{
	width: 46px;
height: 46px;
background: #333;
}

nav{
	display: none;
overflow: hidden;
position: absolute;
z-index: 5;
background: rgba(255,255,255,0.9);
width: 0;
height: 0;
}

nav ul{
	margin: 10px 0 10px 0;
overflow: hidden;
text-align: center;
}

nav ul li{
	margin: 0 5px;
padding: 10px 0;
border-bottom: 1px solid #333;
font-size: 100%;
}

nav li a,
nav li a:link{
	display: block;
color: #333;
}

/*コンテンツ部分*/
#contents {
}

#contents .intro{
	background-image : url(bg_top_l.png);
background-repeat: repeat-x;
}

#contents .intro .inner{
	max-width: 1279px;
margin: 0 auto;
}

.intro .inner img{
	width: 80%;
height: 80%;
padding-top: 1rem;
}

.btn{
	z-index: 4; /*メニューボタンの手前に配置 */
}


.intro .inner .profile{
	width: 58%;
text-align: center;
position: relative;
xtop: 0px;
left: 32%;
z-index: 3;
margin-top: -12%;
}

.inner .profile h2{
	font-size: 1.125rem;
font-weight: 400;
margin-bottom: 1rem;
}



.inner .profile h3.circle{
	display: inline-block;
width: 6rem;
height: 6rem;
border-radius: 50%;
background: #00adba;
color: #ffffff;
text-align: center;
line-height: 6rem;
margin-bottom: 1rem;
}

.inner .profile p{
	margin-bottom: 1rem;text-align: left;
}


.link{
	 /*width: 100%; /*★重要？*/
max-width: 1280px;
margin:0 auto 2rem;
display: flex;
justify-content: center;
xtext-align: center;
margin-top: 2rem;
padding: 0;
}

.link .item{
	width: 30%; /*★重要*/
margin:0 0.5rem 1rem;
}


.radio_area{
	padding: 27px 17px 0 17px;
background: #b94047;
display: flex;
flex-direction: column;
}

.radio_area img{
	width: 100%;
}



.counsel, .company{
	background: #ffffff;
margin-bottom: 2rem;
}

.license, .contact{
	background: #f6f7f8;
margin-bottom: 2rem;
}

.counsel .inner,
.license .inner,
.company .inner,
.contact .inner{
	max-width: 1280px;
margin: 0 auto;
box-sizing: content-box;
padding: 2rem 4rem;
}

.counsel .inner h2,
.license .inner h2,
.company .inner h2,
.contact .inner h2{
	font-size: 1.875rem;margin-bottom: 2rem;
}

.counsel .inner h2::before,
.license .inner h2::before,
.company .inner h2::before,
.contact .inner h2::before{
	content : url(mark_ttl.png);
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}

.counsel .inner h3,
.license .inner h3,
.company .inner h3,
.contact .inner h3{
	color: #00a369;
font-size: 1.0625rem;
margin-bottom: 0.7rem;
}

.inner p a{
	text-decoration: underline;
}

.license img{
	margin-left: 2rem;
}

.license01{
	margin-bottom: 100px;
}

.license02{}

.counsel .inner img{
	width: 35%;
height: 35%;
float: right;
margin-top: -30px;
margin-left: 2rem;
}

.lead01{
	font-size: 1.125rem; 
font-weight: 500;
margin-bottom: 1.5rem;
margin-left: 3rem;
text-indent: -1rem;
}



/* 会社概要 */
.company .inner div{
display: flex;
justify-content: space-around;
}
.company .inner div .company_info{
	width: 30%;
}

.company .inner div .company_map{
	width: 65%;
}
.company .inner div .company_map iframe{
	width: 100%;
}

.tbl01{
	border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #ccc;
margin-bottom: 2rem;
width: 100%;
}


.tbl01 th{
	width: 30%;
text-align: center;
padding: 1rem 0;
font-weight: bold;
vertical-align: middle;
border-right: 1px solid #ccc;
border-bottom: 1px dotted #999;
background-color: #F7F7F7;
}

.tbl01 td{
	width: 70%;
padding: 1rem;
vertical-align: middle;
border-right: 1px solid #ccc;
border-bottom: 1px dotted #999;
}


/* お問い合わせ */
.tbl02{
	font-size:  1.125rem;
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #ccc;
margin-bottom: 2rem;
width: 100%;
}


.tbl02 th{
	width: 40%;
text-align: center;
padding: 1rem 0.5rem;
font-weight: bold;
vertical-align: middle;
border-right: 1px solid #ccc;
border-bottom: 1px dotted #999;
background-color: #F7F7F7;
}

.tbl02 td{
	width: 60%;
padding: 1rem;
vertical-align: middle;
border-right: 1px solid #ccc;
border-bottom: 1px dotted #999;
background-color: #FFFFFF;
}

textarea{
	font-size:  1.125rem;
width: 100% !important; 
min-width: 300px !important; 
height: 8rem !important;
}

input[type="text"]{
	font-size:  1.125rem;
width: 45%;
min-width: 300px;
height: 2rem;
}

input[name="tel_1"],input[name="tel_2"],input[name="tel_3"]{
	font-size:  1.125rem;
width: 21%;
xmin-width: 100px;
height: 2rem;
}

 /* 送信ボタンをゆっくり透過 */
form input[type="image"]:hover{
	opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-webkit-transition: 0.3s ease-in-out; /* 以下、hover時ゆっくり透過 */
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
text-decoration: none;
}



/*フッター*/
footer{
	xborder-top: 2px solid #9fb7d4;
background-color: #ffffff;
padding-top: 1rem;
text-align: center;

}
.primary_footer ul{
	margin-bottom: 0.7rem;
}
.primary_footer ul li{
	color: #898f9c;
font-size: 1.0625rem;
font-weight: 600;
display: inline;
padding: 2rem;
}
.primary_footer ul li a{
	color: #898f9c;
}

ul .icon_sanae a::before{
	content : url(icon_sanae.png);
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}

ul .icon_radio a::before{
	content : url(icon_radio.png);
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}

ul .icon_podcast a::before{
	content : url(icon_podcast.png);
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}

ul .icon_hiroppii a::before{
	content : url(icon_hiroppii.png);
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}


.secondary_footer{
	background-color: #00a369;
color: #fff;
padding: 2rem 0;
}
.secondary_footer a{
	color: #fff;
}

#copyright{
	padding: 10px 0;
text-align: center;
font-size: 14px;
}



/* 賃貸物件ページ 2020.6.17*/
#contents .property{
	background-image: url(../property/images/bg_property_l.png);
	background-repeat: repeat-x;
	xbackground-color: #B4B2B2
}

#contents .property .inner{
	max-width: 1279px;
margin: 0 auto;
}

.property .inner img{
	width: 100%;
height: 100%;
padding-top: 1rem;
}

.property_row{
	max-width: 1280px;
margin: 0 auto;
box-sizing: content-box;
padding: 2rem 4rem;
display: flex;
justify-content: space-between;
xbackground-color: #B4B2B2
}

.property_row_02{
	max-width: 1280px;
margin: 0 auto;
box-sizing: content-box;
padding: 0 1rem;
display: block;
xbackground-color: #ccc
}

.property_row .leftCol{
	width: 38%;border: solid 4px #00a369;
box-sizing: content-box;
padding: 0;
display: flex; /*以下、天地中央*/
justify-content: center;
align-items: center;
}

.property_row .leftCol img{
	width: 100%;height: 100%;
}

.property_row .rightCol{
	width: 58%;
xbackground-color: #69FFF5
}

.property_row .rightCol .btn img{
	max-width: 300px;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}


.property_row h2,.property_row_02 h2{
	font-size: 1.625rem; /*26px*/
background-color:  #b6eb82;
padding-left: 0.5rem;
}


.property_li_01 ul{
	font-size: 0; /*謎の隙間を消す*/
padding: 1rem;
margin: 1rem ;
}
.property_li_01 ul li{
  display: inline-block;
  font-size: 1.125rem;
  width: 30%;
  vertical-align: middle;
}

.txtCenter{
	text-align: center;
}


.property_li_02 ul{
	font-size: 0;/*謎の隙間を消す*/
padding: 1.5rem 0 1.5rem 0;
margin: 1rem 0 2.5rem 0;
border-top: solid 2px #00a369;
border-bottom: solid 2px #00a369;
}

.property_li_02 ul li{
  display: inline-block;
  font-size: 1.125rem;
  vertical-align: middle;
  border-right: solid 2px #00a369;
  width: 17%;
}
.property_li_02 ul li:first-child{
	width: 30%;text-align: center;font-size: 1.875rem !important; 
font-weight: 700;
}

.property_li_02 ul li:last-child{
	border-right: none;
}

.bg_gray{
	display: inline-block;
background-color: #999;
color: #fff;
padding: 0 1rem;
border-radius: 4px;
}



.property_row_03{
	max-width: 1280px;
margin: 0 auto;
box-sizing: content-box;
padding: 2rem 1rem 0;
display: flex;
justify-content: space-between;
xbackground-color: #666;
}


.tbl03{
	border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 2px solid #00a369;
margin-bottom: 2rem;
width: 49%;
}


.tbl03 th{
	width: 30%;
text-align: center;
padding: 0.5rem 0;
font-weight: bold;
vertical-align: middle;
border-right: 1px solid #00a369;
border-bottom: 1px dotted #999;
background-color: #F7F7F7;
}

.tbl03 td{
	width: 70%;
padding: 0.5rem;
vertical-align: middle;
border-right: 1px solid #00a369;
border-bottom: 1px dotted #999;
}

.tbl04{
	width: 100%;
	margin: -1rem;
}


.property_row_04{
	max-width: 1280px;
margin: 0 auto;
box-sizing: content-box;
padding: 2rem 1rem;
display: flex;
justify-content: center;
xbackground-color: #56D5FF;
}


.property_row_04 .btn img{
	max-width: 336px;
width: 100%;
height: auto;
margin: 0;
padding: 0 3%;

}

.property_number{
	text-align: left;
font-size: 80%;
}










/*  スマホ 縦画面（W=510未満） -----------------------------*/
@media (max-width: 509px) {


header h1{
	width: 20rem;
padding: 0.5rem 0 0.5rem 0.5rem;
font-size: 85%;
z-index: 100;
}

header h1 aimg{
	z-index: 100;
}




.intro .inner img{
	width: 100%;
height: 100%;
}

.intro .inner .profile{
	width: 100%;
position: relative;
top: 0;
left: 0;
margin-top: 1rem;
text-align: center;
padding: 0 1rem;
}



.inner .profile h2{
	font-size: 1.125rem;
font-weight: 400;
margin-bottom: 1rem;
}


.inner .profile h3.circle{
	display: inline-block;
width: 6rem;
height: 6rem;
border-radius: 50%;
background: #00adba;
color: #ffffff;
text-align: center;
line-height: 6rem;
margin-bottom: 1rem;
}

.inner .profile p{
	text-align: left;margin-bottom: 1rem;
}



.link{
	display: flex;
flex-direction: column; /*子要素を縦に並べる*/
margin: 1rem 0px 1rem;
padding: 0;
}

.link .item{
	width: 95%; /*★重要 横スクロールが表示されるため*/
margin-bottom:1rem;padding: 0;
}

.radio_area{
	width: 100%; /*★重要*/
display: block;
padding: 10px 0px 10px 10px !important;
background: #b94047;
}

.radio_area img{
	width: 97%;
}


.counsel .inner,
.license .inner,
.company .inner,
.contact .inner{
	margin: 0 auto;
box-sizing: content-box;
padding: 1rem;
}

.counsel .inner h2,
.license .inner h2,
.company .inner h2,
.contact .inner h2{
	font-size: 1.125rem;
margin: 0.5rem 0 3rem 2rem;
letter-spacing: -0.06rem;
text-indent: -2rem;
}


.counsel .inner h2::before,
.license .inner h2::before,
.company .inner h2::before,
.contact .inner h2::before{
	content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 25px;/*画像の幅*/
height: 25px;/*画像の高さ*/
background-image : url(mark_ttl.png);
background-size: contain;
vertical-align: bottom;
}

.counsel .inner img,
.license .inner img{
	width: 80%;
height: 80%;
margin-bottom: 1rem;
float: none;
}

.license01{
	margin-bottom: 3rem;
}



/* 会社概要 */
.company .inner div{
	display: block;
width: 100%;
}
.company .inner div .company_info{
	width: 100%;
}

.company .inner div .company_map{
	width: 100%;
}
.company .inner div .company_map iframe{
	width: 100%;
}

.tbl01 th,
.tbl02 th{
	width: 100%;display:block;border-right: none;padding: 0.25rem;
}

.tbl01 td,
.tbl02 td{
	width: 100%;display:block;border-right: none;text-align: center;
}
.tbl01 tr:last-child td,
.tbl02 tr:last-child td{
	border-bottom: none;
} /* 最後の行のボーダーを表示しない */


/* お問い合わせ */
.contact .inner{
	display: block;
box-sizing: border-box; /* 横スクロールなし */
width: 100%;
padding: 2rem 5%;
}


.tbl02{
	width: 100%;
} /* サイズ微調整 */

textarea{
	font-size:  1.125rem;
width: 100% !important; 
min-width: 200px !important; 
height: 8rem !important;
}

input[type="text"]{
	font-size:  1.125rem;
width: 100% !important; 
min-width: 200px !important; 
height: 2rem;
}

form input[type="image"]{
	width: 80%;
}

.primary_footer ul li{
	 
display: block;
padding: 0.5rem;
}


/* 賃貸物件ページ 2020.6.17*/
.property_row{
	box-sizing: content-box;
display: block;
padding: 2rem 5px;
xbackground-color: #B4B2B2
}

.property_row .leftCol{
	width: 98%;border: solid 4px #00a369;
box-sizing: content-box;
padding: 0;
margin-bottom: 1rem;
}

.property_row .leftCol img{
	width: 100%;height: 100%;
}

.property_row .rightCol{
	width: 100%;
xbackground-color: #69FFF5
}

.property_row .rightCol .btn{
	max-width: 300px;
width: 80%;height: auto;
margin: 0 auto;
z-index: 4;
}
.property_row .rightCol .btn img{
	width: 100%;height: 100%;
}

.property_li_01 ul{
	font-size: 0; /*謎の隙間を消す*/
padding: 1rem;
margin: 0.5rem 0;
}
.property_li_01 ul li{
  display: inline-block;
  font-size: 1.0625rem;
  width: 33%;
  vertical-align: middle;
}

.txtCenter{
	text-align: center;
}


.property_li_02 ul{
	font-size: 0;/*謎の隙間を消す*/
padding: 1rem 0 1rem 0;
margin: 0.5rem 0 1.5rem 0;
border-top: solid 2px #00a369;
border-bottom: solid 2px #00a369;
}

.property_li_02 ul li{
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
  border-right: solid 2px #00a369;
  width: 19%;
}
.property_li_02 ul li:first-child{
	width: 24%;text-align: center;font-size: 1.0625rem !important; 
font-weight: 700;
}

.property_li_02 ul li:last-child{
	border-right: none;
}

.bg_gray{
	display: inline-block;
background-color: #999;
color: #fff;
padding: 0 0.25rem;
border-radius: 4px;
}


.property_row_03{
	box-sizing: content-box;
display: block;
padding: 0;
xbackground-color: #B4B2B2;
}

.tbl03{
	width: 95%;
}

.property_row_04{
	box-sizing: content-box;
display: block;
padding: 0;
margin: 0;
text-align: center;
xbackground-color: #B4B2B2
}

.property_row_04 img{xmargin: 1rem;}

.property_row_04 .btn img{
	max-width: 300px;
width: auto;
height: auto;
padding: 0	1rem;
margin: 0.5rem;
}


.property_number{
	text-align: left;
font-size: 80%;
}




} /* -------------------------------------------------------------------*/



/*  PC （W=1280px以上） -------------------------------------*/
@media (min-width: 1280px) {

/*ヘッダー*/
header{
	width: 1280px;
height: 100px;
margin: 0px auto;
display: flex;
justify-content: space-between; 
}

header h1{
	width: 33rem;
text-align: left;
xbackground-color: #F4BABB;
}

#container {}



/*グローバルナビ*/
#_btn,
#_btn2{
	display: none;
}

nav{
	display: block;
position: static;
xfloat: right;
height: auto;
width: 720px !important;
xbackground-color: #9BE6F9
}

nav ul{
	margin: 45px 0px 10px 0px;
xwidth: 1280px;
}

nav ul li{
	display: block;
float:left;
text-align: left;
margin-left: 20px;
margin-right: 0px;
border-bottom: none !important;
background: linear-gradient(transparent 85%, #00a369 0%);
}

nav ul li a {}


/*コンテンツ部分*/
#contents {
xmin-width: 1280px;
}

#contents .intro {}

#contents .intro .inner {}

.intro .inner .profile{
	width: 58%;
text-align: left;
position: relative;
xtop: 0px;
left: 32%;
z-index: 3;
margin-top: -12%;
}

.inner .profile h2{
	font-size: 1.125rem;
font-weight: 400;
margin-bottom: 1rem;
}


.inner .profile h3.circle{
	display: inline-block;
width: 6rem;
height: 6rem;
border-radius: 50%;
background: #00adba;
color: #ffffff;
text-align: center;
line-height: 6rem;
float: left;
margin-right: 1rem;
margin-bottom: 5rem;
}

.inner .profile p{
	margin-bottom: 1rem;
}

.counsel .inner img{
	width: 40%;
height: 40%;
float: right;
margin-top: -20px;
margin-left: 2rem;
}


/*フッター*/
footer{
	min-width: 1280px;
background-color: #FFFFFF;
text-align: center;
xheight: 100px;
}
.intro .inner img {
}



.xradio_area {
xpadding: 17px;
xbackground: #b94047;
}






/* お問い合わせ */



.tbl02 th{
	width: 40%;
}

.tbl02 td{
	width: 60%;
}







} /* -------------------------------------------------------------------*/