@charset "utf-8";

/* PC用CSS */
@media print, screen and (min-width: 640px) {

aside, footer, header, nav, section{
display: block;
margin:0;
padding:0;
}
body{
width:100%;
min-width:980px;/*横スクロールで背景が切れないように*/
line-height:1.7;
font-size:15px;
padding:0;
margin:0;
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#222;
}

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

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:middle;
}
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:#1E3F84;text-decoration:none;}
a:visited{color:#1E3F84;text-decoration:none;}
a:hover{color:#e50202;text-decoration:underline;}
a:active{color:#1E3F84;text-decoration:none;}

img {vertical-align: middle;border:0;}

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

/*余白*/
.mb05em {margin-bottom:0.5em;}
.mb1em {margin-bottom:1em;}
.mb2em {margin-bottom:2em;}
.mb3em {margin-bottom:3em;}
.mb5em {margin-bottom:5em;}
.pb1em {padding-bottom:1em;}
.pb2em {padding-bottom:2em;}
.ml1em {margin-left:1em;}
.ml2em {margin-left:2em;}
.mt05em {margin-top:0.5em;}
.mt1em {margin-top:1em;}

.s_bottom{margin-bottom:60px;}
.jisage{
padding-left:1em;
text-indent:-1em;
}
/*テキスト*/
.txt10{font-size:10px;}

input[type="checkbox"],
input[type="text"],
select{
margin:0 4px 0 0;
}
img.waku{
padding:2px;
background:#fff;
border:1px solid #ccc;
}
/*-----------------------------------------------
header
-----------------------------------------------*/
header{
width:100%;
}
.header_inner{
width:1120px;
height:120px;
margin:0 auto 14px;
position:relative;
}
.header_inner:after{content: "";display: block;clear: both;}

.catchtext{
float:left;
}
.logo{
position:absolute;
top:36px;
left:0;
width:568px;
height:74px;
background:url(../img/logo.png) no-repeat;
white-space: nowrap;text-indent: 100%;overflow: hidden;
}
.header_info{
float:right;
width:250px;
height:88px;
margin:22px 0 0 0;
}
.bukkenbtn{/*物件ページのヘッダーボタン*/
float:right;
width:230px;
height:26px;
margin:84px 0 0 0;
font-size:12px;
}
.bukkenbtn a{
height: 26px;
line-height: 26px;
padding: 4px 10px;
margin:0 10px 0 0;
overflow: hidden;
text-decoration: none!important;
border:1px solid #ccc;
background:#eee;
background: -webkit-linear-gradient(top, #fafafa, #eee);
background:         linear-gradient(top, #fafafa, #eee);
border-radius:4px;
cursor: pointer;
}
.bukkenbtn a:link{color:#555;text-decoration:none;}
.bukkenbtn a:visited{color:#555;text-decoration:none;}
.bukkenbtn a:hover{color:#555; text-decoration:none; opacity:0.5;}
.bukkenbtn a:active{color:#555;text-decoration:none;}

.btn_contact02{/*block化している*/
display:block;
width:250px;
height:30px;
line-height:30px;
background:url(../img/icon_mail.png) no-repeat #92D050 10px 5px;
position: relative;
text-indent:54px;
font-size:13px;
top: 70px;
right: 0;
}
.btn_contact02:after{
content: '';
width: 0;
height: 0;
border: solid 4px transparent;
border-left: solid 6px #fff;
position: absolute;
top: 50%;
right: 6px;
margin-top: -4px;
}
.btn_contact02:link{color:#fff; text-decoration:none;}
.btn_contact02:visited{color:#fff; text-decoration:none;}
.btn_contact02:hover{color:#fff; text-decoration:none;opacity:0.7;}
.btn_contact02:active{color:#fff; text-decoration:none;}

.menubtn{
display:none;
}

.h_tel{
display: block;
width: 240px;
height: 36px;
color:#385723;
letter-spacing: -0.1px;
position: absolute;
top: 0px;
right: 0;
font-size: 28px;
}
.h_tel:before{
font-family: 'FontAwesome' ;
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
color:#385723;
font-size: 1em;
}
.h_time{
position: absolute;
top: 40px;
right: 0;
font-size:13px;
letter-spacing:0.2px;
}

/*-----------------------------------------------
グローバルメニューはmenu.cssへ
スライダーはjquery.bxslider.cssへ
-----------------------------------------------*/

/*-----------------------------------------------
footer
-----------------------------------------------*/
footer{
clear:both;
width:100%;
background:#a8a8b7;
overflow:hidden;
color:#fff;
}
/* pageTop */
#page-top {
position: fixed;
bottom: 20px;
right: 10px;
}
#page-top a {
display: block;
width: 44px;
}
.footblock{
width:980px;
margin:20px auto 30px;
overflow:hidden;
}
.foottelbox{
width:300px;
float:left;
color:#fff;
}
.foottelbox .name{
font-size:16px;
margin-bottom:8px;
}
.foottelbox .address{
font-size:13px;
}
.foottelbox .tel{
display: block;
width: 200px;
height: 36px;
letter-spacing: 0.2px;
font-size: 20px;
}
.foottelbox .tel:before{
font-family: 'FontAwesome' ;
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
color:#fff;
font-size: 1em;
}
.foottelbox .tel a:link{color:#fff;text-decoration:none;}
.foottelbox .tel a:visited{color:#fff;text-decoration:none;}
.foottelbox .tel a:hover{color:#fff;text-decoration:none;}
.foottelbox .tel a:active{color:#fff;text-decoration:none;}

.foottelbox .time{
font-size:12px;
margin:0 0 8px 0;
}
.btn_contact_foot{/*block化している*/
display:block;
width:220px;
height:30px;
line-height:30px;
background:url(../img/icon_mail.png) no-repeat #92D050 10px 5px;
text-indent:50px;
font-size:12px;
margin:0 0 12px 0;
}
.btn_contact_foot:link{color:#fff; text-decoration:none;}
.btn_contact_foot:visited{color:#fff; text-decoration:none;}
.btn_contact_foot:hover{color:#fff; text-decoration:none;opacity:0.7;}
.btn_contact_foot:active{color:#fff; text-decoration:none;}

/*フッターメニュー*/
ul.normalmenu{
width:174px;
display: inline-block;
margin-right:24px;
line-height:1.8;
}
ul.normalmenu li{
width:174px;
display: inline-block;
margin-right:24px;
}
ul.normalmenu li a{
width:174px;
display:block;
margin-bottom:2px;
font-size:13px;
}
ul.normalmenu li a:before {
content:"-";
margin-right:3px;
font-size:60%;
color: #fff;
font-weight:bold;
}
ul.normalmenu li a:link{color:#fff !important; text-decoration: none !important;}
ul.normalmenu li a:visited{color:#fff !important;text-decoration: none !important;}
ul.normalmenu li a:hover{color:#333 !important;text-decoration: none !important;}
ul.normalmenu li a:active{color:#fff !important;text-decoration: none !important;}

.footli{
width:670px;
float:right;
}
.foot_link {
line-height: 1.5;
}
.foot_link a:link{color:#fff !important; text-decoration: none !important;}
.foot_link a:visited{color:#fff !important;text-decoration: none !important;}
.foot_link a:hover{color:#333 !important;text-decoration: none !important;}
.foot_link a:active{color:#fff !important;text-decoration: none !important;}

.foot_link dl{
width:174px;
display: inline-block;
margin-right:24px;
line-height:1.8;
vertical-align:top;
margin-bottom:30px;
}
.foot_link dl:nth-child(n+4){/*4番目から最後まで*/
margin-bottom:0;
}
.foot_link dl dt{
width:174px;
color:#FFF !important;
padding-bottom:5px;
margin-bottom:10px;
vertical-align:top;
font-size:13px;
background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 4px);
background-size: 5px 1px;
background-position: bottom;
background-repeat: repeat-x;
}
.foot_link dl dd{
width:174px;
}
.foot_link dl dd a{
width:174px;
display:block;
margin-bottom:2px;
font-size:13px;
}
.foot_link dl dd a:before {
content:"-";
margin-right:3px;
font-size:60%;
color: #fff;
font-weight:bold;
}
.copyright{
font-size:12px;
text-align:center;
background:#385723;
height:34px;
line-height:34px;
}
/*-----------------------------------------------
共通
-----------------------------------------------*/
.wrapper{
width:980px;
margin:0 auto 50px;
overflow:hidden;
}
.wrapper:after{content: "";display: block;clear: both;}

.contents_inner{
width:980px;
margin:0 auto 40px;
}

/*インナー*/
.inner01{
margin:0 0 30px 10px;
}
.inner01:after{content: "";display: block;clear: both;}

.inner02{/*下余白無い*/
margin:0 0 0 10px;
}
.inner02:after{content: "";display: block;clear: both;}

/*インナー右に写真、左にテキスト*/
.le_text{
float:left;
width:450px;
}
.ri_photo{
float:right;
width:240px;
}
/*見出し*/
.title01{
background:#E2F0D9;
height:40px;
line-height:40px;
text-indent:16px;
font-size:16px;
color:#fff;
}
/*箇条書き*/
.kajo ul li{
list-style-type:disc;
margin:0 0 6px 16px;
}
.kajo ol li{
list-style-type:decimal;
margin:0 0 6px 22px;
}
.btn_contact03{/*block化していない。メールマーク。検索マークのbtn_contact04とは書き方が違う*/
padding:8px 40px;
background:url(../img/icon_mail.png) no-repeat #92D050 10px 5px;
text-indent:80px;
font-size:13px;
color:#fff;
}
.btn_contact03:after{
content: '';
width: 0;
height: 0;
border: solid 4px transparent;
border-left: solid 6px #fff;
display:inline-block;
margin-top: -4px;
}
.btn_contact03:link{color:#fff; text-decoration:none;}
.btn_contact03:visited{color:#fff; text-decoration:none;}
.btn_contact03:hover{color:#fff; text-decoration:none;opacity:0.7;}
.btn_contact03:active{color:#fff; text-decoration:none;}

.btn_contact04{/*検索マーク。メールマークのbtn_contact03とは書き方が違う*/
display:block;
width:170px;
height:40px;
line-height:40px;
background:#92D050;
margin:0 auto;
font-size:15px;
position:relative;
padding:0 0 0 30px;
color:#fff;
}
.btn_contact04 span{
position: absolute;
top: 0px;
left: 74px;
}
.btn_contact04:before{
font-family: 'FontAwesome' ;
content: '\f002';
color:#fff;
font-size: 24px;
position: absolute;
top: 0px;
left: 40px;
}
.btn_contact04:after{
font-family: 'FontAwesome' ;
content: '\f0da';
color:#fff;
font-size: 16px;
position: absolute;
top: 0px;
right: 40px;
}
.btn_contact04:link{color:#fff; text-decoration:none;}
.btn_contact04:visited{color:#fff; text-decoration:none;}
.btn_contact04:hover{color:#fff; text-decoration:none;opacity:0.7;}
.btn_contact04:active{color:#fff; text-decoration:none;}

/*下層大見出し*/
.title_next{
width:100%;
height:120px;
line-height:120px;
border-top:1px solid #F0F2F5;
border-bottom:1px solid #F0F2F5;
background-image:url(../img/bk_bigtitle.png);
background-repeat:repeat;
text-align:center;
font-size:28px;
font-weight:bold;
margin:0 0 30px 0;
}
.path {
    width: 100%;
    background: #E2F0D9;
    overflow: hidden;
}
.path p {
    width: 980px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    margin: 10px auto;
}
.path a:link{color:#333; text-decoration: underline;}
.path a:visited{color:#333; text-decoration:underline;}
.path a:hover{color:#f00;text-decoration:underline;}
.path a:active{color:#333; text-decoration:underline;}
/*タイトル01*/
.ttl01{
text-align: center;
padding:3px;
margin:0 auto 1.5em;
font-weight: bold;
font-family: 'Poppins', sans-serif;
position: relative;
font-size: 1.375rem;
text-align: center;
}
.ttl01::before{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #333;
width : 20% ;
width : -webkit-calc(100% - 90%) ;
width : calc(100% - 90%) ;
margin: 0 auto;
}
/*タイトル02*/
.title02{
height:38px;
line-height:38px;
text-indent:12px;
font-size:20px;
margin:0 0 1.5em 0;
background:#f5f5f5;
border-left:5px solid #385723;
}
.title03{
height:25px;
line-height:25px;
text-indent:12px;
font-size:20px;
margin:0 0 1.5em 0;
border-left:5px solid #7a0;
}
.title03_02{
line-height:20px;
font-size:20px;
color:#FF9900;
font-weight: bold;
margin:0 0 1.5em 0;
}
/*矢印*/
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.yajirusi::before{
width: 12px;
height: 12px;
-webkit-border-radius: 25%;
border-radius: 25%;
background: #7a0;
}
.yajirusi::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #fff;
}

/*-----------------------------------------------
トップページコンテンツ
-----------------------------------------------*/
.top_section{
margin:0 0 50px 0;
}
.ttl01{
text-align: center;
padding:3px;
margin:0 auto 1.5em;
font-weight: bold;
font-family: 'Poppins', sans-serif;
position: relative;
font-size: 1.375rem;
text-align: center;
}
.ttl01::before{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #333;
width : 20% ;
width : -webkit-calc(100% - 90%) ;
width : calc(100% - 90%) ;
margin: 0 auto;
}

/*NEWS*/
dl.wholebox {
width:600px;
overflow:hidden;
padding:14px 0;
box-sizing: border-box;
}
dl.wholebox dt{
clear:both;
float:left;
width:140px;
padding:0 0 14px 0;
line-height:1.4;
font-weight:bold;
}
dl.wholebox dd{
margin:0 0 14px;
padding:0 0 14px 140px;
line-height:1.4;
border-bottom: 1px dotted #ccc;
}
a.motto{
display:block;
text-align: right;
}
dl.wholebox dd a:link{text-decoration:none;}
dl.wholebox dd a:visited{text-decoration:none;}
dl.wholebox dd a:hover{text-decoration:underline;}
dl.wholebox dd a:active{text-decoration:none;}

.top_ban{
float: left;
width: 300px;
text-align: left;
}
.top_ban img{
margin-right: 5px;
}

/*PICK UP*/
/*吹き出しプルダウン*/

.dropnavi:after{content: "";display: block;clear: both;}

.dropnavi>ul{
width:980px;
margin:0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-flow: row wrap;
}
.dropnavi>ul>li{
width:317px;
height:209px;
margin:0 0 30px 0;
position:relative;
}
.dropnavi>ul>li>a{
display:block;
width:118px;
height:92px;
}
.dropnavi .dropnavi_child{/*吹き出し大枠（三角付き）*/
display:none;
position:absolute;
top:180px;
left:0px;
z-index:99;
padding:18px 0 0 0!important;
background:transparent url('../img/icon_arrow_01.png') no-repeat 43px top!important;
}
.dropnavi .dropnavi_child ul{/*吹き出し*/
padding:20px 20px 0 20px!important;
background:#000;
background-color: rgba( 0, 0, 0, 0.6 );/*opacityだとliも透明になってしまうからrgba*/
-webkit-border-radius: 0.4em;
 -moz-border-radius: 0.4em;
-ms-border-radius: 0.4em;
 -o-border-radius: 0.4em;
border-radius: 0.4em;
overflow:hidden;
}
.dropnavi .dropnavi_child ul li{/*吹き出しの中*/
float:left;
width:250px;
margin:0 16px 16px 0;
}
.dropnavi .dropnavi_child ul li a{
display:block;
height:40px;
line-height:40px;
font-weight:bold;
font-size:14px;
text-align:center;
background:#fff;
}
.dropnavi .dropnavi_child ul li a:link{color:#222; text-decoration:none;}
.dropnavi .dropnavi_child ul li a:visited{color:#222; text-decoration:none;}
.dropnavi .dropnavi_child ul li a:hover{color:#222; text-decoration:none;}
.dropnavi .dropnavi_child ul li a:active{color:#222; text-decoration:none;}

/*吹き出し賃貸*/
.dropnavi .dropnavi_child ul.chintai{
width:540px;
}
.dropnavi .dropnavi_child ul.chintai li a{
border:2px solid #92D050;
-webkit-border-radius: 0.4em;
 -moz-border-radius: 0.4em;
-ms-border-radius: 0.4em;
 -o-border-radius: 0.4em;
border-radius: 0.4em;
}
.dropnavi .dropnavi_child ul.chintai li a:hover{
color:#fff;
background:#92D050;
border:2px solid #92D050;
}
/*吹き出し売買*/
.dropnavi .dropnavi_child ul.baibai{
width:250px;
}
.dropnavi .dropnavi_child ul.baibai li a{
border:2px solid #92D050;
-webkit-border-radius: 0.4em;
 -moz-border-radius: 0.4em;
-ms-border-radius: 0.4em;
 -o-border-radius: 0.4em;
border-radius: 0.4em;
}
.dropnavi .dropnavi_child ul.baibai li a:hover{
color:#fff;
background:#92D050;
border:2px solid #92D050;
}




/*おすすめ情報*/
/*02*/
.bukken_02{
margin-bottom: 1em;
}
.bukken_02 ul{
display:flex;
justify-content: space-between;
text-align: center;
margin:0 auto;
}
.bukken_02 li{
width:300px;
height:430px;
display: inline-block;
text-align: left;
font-size: 14px;
}
.bukken_02 li .photo{
width:300px;
height:226px;
margin-bottom: 4px;
display: flex;
justify-content: center;
align-items: center;
}
.bukken_02 li .photo img{
max-width:300px;
max-height:226px;
}
.ttl_b001{
color:#666;
display: inline-block;
overflow: hidden;
line-height:1.4;
font-weight: bold;
height:46px;
border-bottom: 1px solid #aaa;
}
.top_b_txt{
overflow:hidden;
}
.top_b_txt span{
font-weight: bold;
color:#FFFFFF;
font-family: 'Poppins', sans-serif;
background-color: #f00;
display: inline-block;
text-align: center;
font-size:11px;
height:16px;
line-height:16px;
padding:0 6px;
}
/*03*/
.bukken_03txt01,
.bukken_03txt{
overflow: hidden;
}
.bukken_03txtl{
width:200px;
float:left;
}
.bukken_03l{
width:200px;
float:left;
}
.bukken_03l p{
font-size:13px;
line-height:1.5;
}

.top_btn_area{
width:96px;
float:right;
vertical-align:top;
}
.top_btn_area a{
display: block;
margin-bottom: 0.5em;
width:90%;
box-sizing:border-box;
}
.top_btn_area .move{
    background: #548235;
    color: #fff;
    font-size: 12px;
    padding: 4px 14px;
    text-align: center;
    letter-spacing: -0.05em;
    border-radius: 2px;
box-sizing:border-box;
}
.top_btn_area .shousai{
    background: #385723;
    color: #fff;
    font-size: 12px;
    padding: 4px 14px;
    text-align: center;
    letter-spacing: -0.05em;
    border-radius: 2px;
box-sizing:border-box;
}
.bukken_03txt01{
width:200px;
}
.bukken_03txt01l{
width:100px;
float:left;
}

.bukken_03 ul{
width:980px;
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-flow: row wrap;
text-align: center;
margin:0 auto;
}
.bukken_03 li{
width:300px;
display: inline-block;
text-align: left;
height:400px;
margin:0 40px 50px 0;
}
.bukken_03 li:nth-child(3n){
margin:0 0 40px 0;
}
.bukken_03 li .photo{
width:300px;
height:226px;
margin-bottom: 4px;
 display: flex;
  justify-content: center;
  align-items: center;
}
.bukken_03 li .photo img{
max-width:300px;
max-height:226px;
}
.top_renotxt span{
font-weight: bold;
color: #FFFFFF;
font-family: 'Poppins', sans-serif;
background-color: #f00;
display: inline-block;
text-align: center;
font-size: 11px;
height: 16px;
line-height: 16px;
padding: 0 6px;
}
.top_renotxt .ttl_reno1{
color:#385723;
display: inline-block;
overflow: hidden;
line-height: 1.4;
font-weight: bold;
height: 46px;
border-bottom: 1px solid #aaa;
}

.top_b_txt .ofh,
.top_renotxt .ofh{
overflow: hidden;
height:24px;
}
.top_renotxt p{
font-size:13px;
line-height: 1.5;
height:70px;
}
.top_renotxt a{
text-align: right;
display: block;
color:#385723;
}
.top_renotxt a:link{text-decoration: underline; color:#385723;}
.top_renotxt a:visited{text-decoration:underline;}
.top_renotxt a:hover{text-decoration:none;}
.top_renotxt a:active{text-decoration:underline;}

/*会社情報*/
.area01_inner{
width:980px;
}
.area01_inner:after{content: "";display: block;clear: both;}

.area01_inner .photo{
float:left;
width:430px;
margin:0 0 0 0;
}
.area01_inner .photo p{
text-align:right;
}
.area01_inner .text{
float:right;
margin:0 0 0 0;
width:500px;
}
.area01_inner p{
margin: 10px 0 0 0;
}
.area01_inner p:first-child {
margin: 0;
}

.green{
color: #385723;
}
ul.top_shop{
width:440px;
overflow: hidden;
margin-bottom:40px;
}

ul.top_shop li{
width:210px;
float: left;
margin:10px 10px 0 0;
}
/*リンク*/
ul.toplink4{
width:980px;
margin:0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-flow: row wrap;
}
ul.toplink3{
width:800px;
margin:0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-flow: row wrap;
}
ul.toplink4 li,
ul.toplink3 li {
width:220px;
height:50px;
margin:0 0 30px;
}
ul.toplink4 li img,
ul.toplink3 li img{
}
/*-----------------------------------------------
お問合せ
-----------------------------------------------*/
.otoi_if{
width:900px;
height:300px;
margin:0 auto 30px;
border:1px solid #ccc;
}
.otoi_if_inn{
width:900px;
height:300px;
padding:20px;
overflow:hidden;
overflow-y: scroll;
overflow-x: scroll;
box-sizing: border-box;
}
.w660{
width:660px;
overflow:hidden;
margin:0 auto;
}
.graywaku{
border:1px solid #ccc;
padding:10px;
background:#fcfcfc;
margin:0 0 30px 0;
}
table.otoi_table{
width:980px;
margin:0 0 30px 0;
border-collapse:collapse;
border:1px solid #e0e0e0;
}
table.otoi_table th{
width:20%;
text-align:left;
font-weight:normal;
padding:14px 8px;
background:#E2F0D9;
color:#385723;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
table.otoi_table td{
width:75%;
padding:14px 8px;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
line-height:2.0;
}
input[type="text"]{
padding:4px;
margin:0 0 4px 0;
}
.btn_orange{/*ボタン黄緑*/
padding: 16px;
overflow: hidden;
text-decoration: none!important;
border:1px solid #92D050;
background:#92D050;
border-radius:4px;
cursor: pointer;
color:#fff;
}
.btn_orange:link{color:#fff;}
.btn_orange:visited{color:#fff;}
.btn_orange:hover{color:#fff; opacity:0.6;}
.btn_orange:active{color:#fff;}

.btn_submit01{/*ボタングレー*/
padding: 16px;
overflow: hidden;
text-decoration: none!important;
border:1px solid #ccc;
background:#eee;
background: -webkit-linear-gradient(top, #fafafa, #eee);
background:         linear-gradient(top, #fafafa, #eee);
border-radius:4px;
cursor: pointer;
color:#666;
}
.btn_submit01:link{color:#333;text-decoration:none;}
.btn_submit01:visited{color:#333;text-decoration:none;}
.btn_submit01:hover{color:#333;text-decoration:none;opacity:0.5;}
.btn_submit01:active{color:#333;text-decoration:none;}

/*-----------------------------------------------
解約通知フォーム
-----------------------------------------------*/
.txt_kon_ti {
color: #385723;
font-size: 15px;
margin: 0 0 10px 0;
font-weight: bold;
}
/*解約通知フォーム*/
dl.kaiyaku_notice{
width:980px;
overflow:hidden;
margin:10px auto 30px;
padding:2px 8px;
border:1px solid #ccc;
}
dl.kaiyaku_notice dt{
color:#8c0000;
font-weight:bold;
}
dl.kaiyaku_notice dd{
}
dl.kaiyaku_notice dd div{
margin:0;
text-indent:0;
}

.kaiyaku_henkansaki_box01 .selelctradio{
float:left;
}
.kaiyaku_inn_table{
width:700px;
margin:10px 0 0 0;
border-collapse:collapse;
border:1px solid #eee;
}
.kaiyaku_inn_table th{
width:15%!important;
text-align:left;
font-weight:normal;
padding:4px;
background:#F7F7F7!important;
color:#ccc;
border-right:none!important;
border-bottom:1px solid #fff;
font-size:11px;
}
.kaiyaku_inn_table td{
width:60%!important;
padding:4px;
border-right:none!important;
border-bottom:none!important;
}
.kaiyaku_inn_table02{
width:500px;
margin:0 0 0 0;
border-collapse:collapse;
border:none;
}
.kaiyaku_inn_table02 td{
width:33%!important;
padding:4px;
border-right:none!important;
border-bottom:none!important;
}
td label{
display:block;
float:left;
margin:0 34px 0 0;
}
.tachiaitenken{
margin:0 0 2em 0;
overflow:hidden;
}
.tachiaitenken .inner{
margin:0 0 0 20px;
overflow:hidden;
}
/*-----------------------------------------------
個人情報の取り扱い
-----------------------------------------------*/
.privacy_area{
width:980px;
overflow:hidden;
line-height:1.7;
}
.ml20{
margin-left:20px;
}
.privacy_area ol{
overflow:hidden;
margin:0 0 30px 14px;
}
.privacy_area ol li{
list-style-type:decimal;
padding:0 0 0 0;
margin:0 0 0 20px;
}
.privacy_area a:link{color:#777;text-decoration:underline;}
.privacy_area a:visited{color:#777;text-decoration:underline;}
.privacy_area a:hover{color:#e50202;text-decoration:underline;}
.privacy_area a:active{color:#777;text-decoration:underline;}
/*-----------------------------------------------
契約手続きの流れ
-----------------------------------------------*/
.inner01{
width:980px;
margin:0 auto 30px;
}
.inner01:after{content: "";display: block;clear: both;}

.le_text{
float:left;
width:700px;
}
.ri_photo{
float:right;
width:240px;
}
.ri_photo img{
width:240px;
}
.btn01{/*緑文字ボタン*/
display:block;
float:left;
margin:0 20px 20px 0;
line-height: 20px;
padding: 10px;
overflow: hidden;
text-decoration: none!important;
border:1px solid #ccc;
background:#eee;
background: -webkit-linear-gradient(top, #fafafa, #eee);
background:         linear-gradient(top, #fafafa, #eee);
border-radius:4px;
cursor: pointer;
}
.btn01:link{color:#006600;text-decoration:none;}
.btn01:visited{color:#006600;text-decoration:none;}
.btn01:hover{color:#006600;text-decoration:none;opacity:0.6;}
.btn01:active{color:#006600;text-decoration:none;}
.contactbox_bottom{
width:620px;
margin:50px auto 30px;
padding:0 0 16px 0;
border:1px solid #ccc;
border-radius: 10px;
}
.contactbox_bottom .title{
text-align:center;
font-size:25px;
font-weight:bold;
color: #385723;
}
.contactbox_bottom .name{
text-align:center;
font-size:18px;
margin:5px 0;
font-weight:bold;
}
.contactbox_bottom .tel{
text-align:center;
font-size:34px;
margin:5px 0;
font-weight:bold;
}
.contactbox_bottom .tel a:link{color:#222;text-decoration:none;}
.contactbox_bottom .tel a:visited{color:#222;text-decoration:none;}
.contactbox_bottom .tel a:hover{color:#222;text-decoration:none;}
.contactbox_bottom .tel a:active{color:#222;text-decoration:none;}

.contactbox_bottom .tel:before{
font-family: 'FontAwesome' ;
content: '\f095';
display: inline-block;
width: 1.5em;/*文字の1.2倍の横幅に*/
text-align: center;/*その中で中央寄せ*/
color:#385723;/*色*/
font-size: 1.1em;/*2倍の大きさ*/
}
.contactbox_bottom dl.time{
width:400px;
margin:0 auto 6px;
padding:0 0 0 10px;
font-size:15px;
}
.contactbox_bottom dl.time:after{content: "";display: block;clear: both;}

.contactbox_bottom dl.time dt{
font-weight:bold;
clear:both;
float:left;
width:100px;
margin:0 0 0;/*←各行の下部10px空き*/
display: flex;
justify-content: space-between;
}
.contactbox_bottom dl.time dd{
display:block;
margin:0 20px 0 4px;
}
.contact_mail{
width:250px;
margin:0px auto;
}
.btn_contact03{
width:250px;
height:30px;
line-height:30px;
background:url(../img/icon_mail.png) no-repeat #92D050 10px 5px;
position: relative;
text-indent:54px;
font-size:13px;
margin:0px auto;
text-align: center;
}
.btn_contact03:after{
content: '';
width: 0;
height: 0;
border: solid 4px transparent;
border-left: solid 6px #fff;
position: absolute;
top: 50%;
right: 6px;
margin-top: -4px;
}

/*-----------------------------------------------
スタッフ紹介
-----------------------------------------------*/
.staffarea .ttlh2{
font-family: 'Poppins', sans-serif;
font-size: 18px;
/*font-weight: bold;*/
color:#fff;
border: 1px solid #e6f9df;
background-color: #548235;
margin-bottom: 1em;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
padding:5px 10px;
}
.staffarea{
overflow: hidden;}

.staffarea dl{
margin-bottom: 3em;
display:flex;
justify-content:space-between;
}

.staffarea dl dt{
width:200px;
text-align: left;
}
.staffarea dl dt img{
width:100%;
}
.staffarea dl dd{
width:750px;
}

.staffname{
font-size: 16px;
color:#548235;
margin-bottom: 1em;}
.staffname span{
color:#548235;
display: inline-block;
font-family: 'Poppins', sans-serif;
margin-left: 1em;
}
.staffarea li{
padding-bottom: 0.5em;
margin-bottom: 1em;
border-bottom: 1px solid #CAEEBC;
}
.staffarea li p{
color:#548235;
}
/*-----------------------------------------------
店舗紹介
-----------------------------------------------*/
.shopli{
overflow:hidden;
margin-bottom: 3em;}
.shopli ul{
overflow:hidden;

}
.shopli li{
display:inline-block;
margin:10px;
}
.shopli li:nth-child(4n){
margin:10px 0px 10px 10px;
}
/*-----------------------------------------------
会社概要
-----------------------------------------------*/
.company_box table{
width:980px;
margin:0 auto 30px;
border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
.company_box table th{
width:15%;
text-align:left;
font-weight:normal;
padding:8px;
background:#E2F0D9;
color:#385723;
 border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.company_box table td{
width:85%;
padding:8px;
border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.yokonarabi {
width: 700px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.waku{
padding: 30px;
border: 1px solid #ccc;
overflow: hidden;
margin-bottom: 20px;
}
.tatenarabi {
width: 200px;
    float: left;
}
.tatenarabi img{
margin-bottom:5px;
}
.tate_r{
    float: right;
    width: 680px;
}
.bgbox{
    background: #f5f5f5;
    padding: 2em;
    box-sizing: border-box;
    border: 1px solid #E7E4E0;
    margin-bottom: 20px;
}
/*-----------------------------------------------
無料インターネット
-----------------------------------------------*/
.inozomi_01 li{
margin-bottom:10px;
background:#EFF9EB;
padding:20px;
}
.inozomi_area01{
width:980px;
height:auto;
overflow:hidden;
clear:both;
zoom:1;
padding-left:10px;
margin-bottom:10px;
}
.inozomi_text{
line-height:1.6em;
width:980px;
padding-left:10px;
}
.li-title{
font-weight:bold;
font-size:16px;
color:#385723;
}
.ino_box{
padding:3px;
background:#669999;
width: 80px;
text-align: center;
color: #fff;
margin-right:10px;
float: left;
}
/*-----------------------------------------------
リンク
-----------------------------------------------*/
ul.link{
margin-bottom:30px;
}
.link li{
margin:0 0 5px 10px;
}

.link_01 li {
width:30px;
height:30px;
text-align: center;
font-size:18px;
font-weight:bold;
float:left;
padding:2px;
border: 1px solid #A6D493;
margin-left: 5px;
}
/*矢印*/
.link li a{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.link li a::before,
.link li a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.link li a::before{
width: 12px;
height: 12px;
-webkit-border-radius: 25%;
border-radius: 25%;
background: #7a0;
}
.link li a::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #fff;
}
/*-----------------------------------------------
補償
-----------------------------------------------*/
ol.list01 li{
text-indent: -2em;
padding-left:2em;
}
}/* ←CSSの一番最後に記述 */