@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("../images/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("../images/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("../images/icon_sanae.png");
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}

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

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

ul .icon_hiroppii a::before {
content: url("../images/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(../images/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%;
}







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