@charset "utf-8";

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

article, aside, dialog, figure, footer, header, menu, nav, section{
display: block;
margin:0;
padding:0;
}
body{
width:100%;
min-width:auto;
line-height:1.7;
font-size:13px;
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;}

textarea{font-size:100%;}

a{outline:none;border:0;}

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

a:hover img,
.opa a:hover img,
input[type="image"]:hover{
opacity:1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
table {
border-collapse:collapse;
border-spacing:0;
}
a:link{color:#006699;text-decoration:underline;}
a:visited{color:#006699;text-decoration:underline;}
a:hover{color:#ED3FA4;text-decoration:underline;}
a:active{color:#006699;text-decoration:underline;}

/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}
.clearfix:after{content: "";display: block;clear: both;}

/*余白*/
.m15{ margin:15px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt1em{margin-top:1em;}
.mtb20{margin:20px 0;}
.mtb15{margin:15px 0;}
.ml1em{ margin-left:1em;}
.ml10{ margin-left:10px;}
.ml50{ margin-left:50px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}

.mb20{ margin-bottom:20px;}
.mb23{ margin-bottom:23px;}
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.pb1em{padding-bottom:1em;}
.pb2em{padding-bottom:2em;}

.pt10{ padding-top:10px}
.pt20{ padding-top:20px}
.f11{font-size:11px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
/*テキスト*/
.txt10{font-size:10px;}
.jisage{
padding-left:1em;
text-indent:-1em;
}
input[type="checkbox"],
input[type="text"],
select{
margin:0 4px 0 0;
}
img.waku{
padding:2px;
background:#fff;
border:1px solid #ccc;
}
/* 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;
}
.red {color: #f00;}

/*-----------------------------------------------
display:none;
-----------------------------------------------*/
.header_info{
display:none;
}
/*-----------------------------------------------
header
-----------------------------------------------*/
header{
width:100%;
border-top:6px solid #385723;
}
.headtext{
height:auto;
margin:4px 0 16px 0;
font-size:9px;
}
.catchtext{
float:none;
}
ul.headtext_ul{
display:none;
}
.header_inner{
width:100%;
height:80px;
margin:0 auto 8px;
}
.header_innner:after{content: "";display: block;clear: both;}

.logo{
float:none;
display:block;
width:250px;
height:52px;
margin:0;
background:url(../img/logo_smp.png) no-repeat;/*←通常ロゴ*/
white-space: nowrap;text-indent: 100%;overflow: hidden;
position:absolute;
top:43px;
left:0px;
background-size: contain;
}
.header_info .h_tel{
float:none;
width:296px;
height:52px;
}
/*上部２つのボタン*/
ul.menubtn{
display: table;
table-layout: fixed;
width: 100%;
margin: 10px 0 10px 0;
}
ul.menubtn li{
display: table-cell;
vertical-align: middle;
}
ul.menubtn li a{
margin: 0 auto ;
display: block;
width:90%;
height: 44px;
color: #333;
font-size:70%;
font-weight:bold;
text-decoration: none!important;
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
border:1px solid #aaa;
border-radius: 3px;
}
ul.menubtn li a.mail{
background:url(../img/icon_04.png) no-repeat 6px 50%,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#F8F8F8));
background:url(../img/icon_04.png) no-repeat 6px 50%, linear-gradient(top, #eee, #F8F8F8);
}
ul.menubtn li a.tel{
background:url(../img/icon_tel.png) no-repeat 6px 50%,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#F8F8F8));
background:url(../img/icon_tel.png) no-repeat 6px 50%, linear-gradient(top, #eee, #F8F8F8);
}
ul.menubtn li a span{/*2行になっても水平真ん中*/
display:table-cell;
vertical-align:middle;
height:44px;
padding:0 0 0 36px;
line-height:1.3;
}
.btn_contact02{
display:block;
width:96%;
height:40px;
line-height:40px;
background:url(../img/icon_mail.png) no-repeat #92D050 10px 10px;
position: relative;
text-indent:54px;
font-size:13px;
margin:0 auto;
}
.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;}
/*-----------------------------------------------
グローバルメニュー　スマホ側はmenu.cssへ
-----------------------------------------------*/
/*-----------------------------------------------
footer
-----------------------------------------------*/
footer{
width:100%;
height:auto;
background:#A8A8B7;
color:#fff;
font-size:12px;
padding:14px 0;
}

/* pageTop */
#page-top {
position: fixed;
bottom: 20px;
right: 10px;
z-index:9999;
}
#page-top a {
display: block;
width: 44px;
}
/*-----------------------------------------------
footer
-----------------------------------------------*/
/*フッターメニュー*/
ul.normalmenu{
float:none;
width:100%;
margin:0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.normalmenu li{
font-size:11px;
width:48%;
height:38px;
line-height:38px;
border:1px solid #7D786F;
background:#7D786F;
margin:0 0 20px 0;
text-align: center;
}
ul.normalmenu li a{
display:block;
width:100%;
color:#805C2B;
}
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:#fff !important;text-decoration:underline !important;}
ul.normalmenu li a:active{color:#fff !important;text-decoration: none !important;}

.footli{
width:98%;
float:none;
margin:0 auto;
}
.foot_link {
line-height: 1.0;
}
.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:#fff !important;text-decoration:underline !important;}
.foot_link a:active{color:#fff !important;text-decoration: none !important;}

.foot_link dl{
width:100%;
display: inline-block;
margin-right:24px;
line-height:1.8;
vertical-align:top;
margin:0 auto;
}
.foot_link dl dt{
width:100%;
color:#FFF !important;
padding-bottom:5px;
margin-bottom:10px;
vertical-align:top;
font-size:12px;
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{
float:none;
width:100%;
margin:0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.foot_link dl dd a{
font-size:10px;
width:48%;
height:38px;
line-height:38px;
border:1px solid #7D786F;
background:#7D786F;
margin:0 0 20px 0;
text-align:center;
}
.foot_link dl dd a.ss{
line-height:1.2;
font-size:10px;
text-indent:0;
padding:5px 0 0 10px;
box-sizing: border-box;
}
.copyright{
font-size:11px;
text-align:center;
}
.foottelbox .name{
font-size:18px;
line-height:1.7;
margin-bottom:8px;
padding: 0px 20px;
}
.btn_contact_foot{/*block化している*/
display:block;
width:80%;
height:40px;
line-height:40px;
background:url(../img/icon_mail.png) no-repeat #92D050 10px 10px;
text-indent:0;
text-align:center;
font-size:12px;
margin:0 auto 30px;
}
.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;}

/*-----------------------------------------------
共通
-----------------------------------------------*/
.wrapper{
width:96%;
margin:0 auto;
}
.wrapper:after{content: "";display: block;clear: both;}

.path{
width:100%;
height:20px;
line-height:20px;
font-size:11px;
margin:10px 0;
}
.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;}

.contents_inner{
width:100%;
margin:0 auto 40px;
}
/*インナー*/
.inner01{
width:98%;
margin:0 auto 30px;
}
.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;
}

.bk_title{/*大見出し（ページタイトル）*/
width:96%;
background:url(../img/bk_bigtitle.png) repeat;
height:86px;
line-height:86px;
text-indent:10px;
font-size:16px;
font-weight:bold;
color:#222222;
border:1px solid #ddd;
margin:0 auto 30px;
}
.bk_title span{
font-size:10px;
margin:0 0 0 14px;
}

/*箇条書き*/
.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{/*PCはblock化していないけどこちらはしてる*/
display:block;
width:96%;
height:40px;
line-height:40px;
background:url(../img/icon_mail.png) no-repeat #92D050 10px 10px;
position: relative;
text-indent:20px;
font-size:12px;
margin:0 auto;
color:#fff;
}
.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;
}
.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_contact032: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;}
/*タイトル01*/
.ttl01{
text-align: center;
font-size: 20px;
padding:3px;
margin:0 auto 1em;
font-weight: bold;
font-family: 'Poppins', sans-serif;
position: relative;
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{
background:#eee;
padding: 3px 0px 3px 5px;
font-size:15px;
margin:0 0 1.5em 0;
background:#f5f5f5;
border-left:5px solid #385723;
}
.title03{
line-height:25px;
padding-left: 5px;
font-size:12px;
margin:0 0 1em 0;
border-left:5px solid #7a0;
}
.title03_02{
line-height:20px;
font-size:15px;
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;
}
.ue{
height: 20px;
margin: 15px auto;
}
/*-----------------------------------------------
トップページコンテンツ
-----------------------------------------------*/
.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:100%;
overflow:hidden;
margin:0 auto;
padding:14px 0;
box-sizing: border-box;
}
dl.wholebox dt{
clear:both;
float:none;
width:100%;
padding:0 0 10px 0;
line-height:1.4;
font-weight:bold;
}
dl.wholebox dd{
margin:0 0 14px;
padding:0 0 14px 0;
line-height:1.4;
border-bottom: 1px dotted #ccc;
}
a.motto{
display:block;
width:70%;
margin:0 auto;
padding:6px 0;
text-align: center;
border-radius:4px;
background:#385723;
}
a.motto:link{text-decoration:none;color:#fff;}
a.motto:visited{text-decoration:none;color:#fff;}
a.motto:hover{text-decoration:none;color:#fff;}
a.motto:active{text-decoration:none;color:#fff;}

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{
width: 300px;
overflow: hidden;
margin: 0 auto;
}
.top_ban img{
height: 120px;
margin-left: 5px;
text-align: center;
}
/*吹き出しプルダウン*/

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

.dropnavi>ul{
width:100%;
}
.dropnavi>ul>li{
width:100%;
margin:0 0 10px 0;
position:relative;
}
.dropnavi>ul>li>a{
display:block;
width: 90%;
margin: 0 auto;
}
.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:250px;
}
.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{
width:100%;
/*display:flex;
justify-content: space-between;
text-align: center;*/
margin:0 auto;

}
.bukken_02 li{
width:94%;
height:auto;
display: block;
/*text-align: left;*/
font-size: 14px;
margin:0 auto 40px;
}
.bukken_02 li .photo{
width:100%;
height:auto;
margin-bottom: 4px;
text-align:center;
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:30px;
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:100%;
float:left;
}
.bukken_03l{
width:100%;
}
.bukken_03l p{
font-size:13px;
line-height:1.5;
color:#385723;
}
.bukken_03l span{
font-size: 11px;
color:#666;
background-color:#fff !important;
padding:0;
}
.top_btn_area{
width:40%;
margin: 10px auto;
}
.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:100%;
}

.bukken_03{
margin-bottom: 1em;
}
.bukken_03 ul{
width:100%;
/*display:flex;
justify-content: space-between;
text-align: center;*/
margin:0 auto;
}
.bukken_03 li{
width:94%;
height:auto;
display:block;
/*text-align: left;*/
font-size: 14px;
margin:0 auto 40px;
}
.bukken_03 li .photo{
width:100%;
height:auto;
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:100%;
}
.area01_inner:after{content: "";display: block;clear: both;}

.area01_inner .photo{
float:none;
width:100%;
text-align:center;
}
.area01_inner .photo img{
width:90%;
}
.area01_inner .photo p{
text-align:right;
}
.area01_inner .text{
float:none;
margin:0;
width:100%;
}
.area01_inner p{
margin: 10px 0 0 0;
}
.area01_inner p:first-child {
margin: 0;
}

.green{
color: #385723;
}
/*リンク*/
ul.toplink4{
width:100%;
margin:0 auto;
/*display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-flow: row wrap;*/
}
ul.toplink3{
width:100%;
margin:0 auto;
/*display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-flow: row wrap;*/
}
ul.toplink4 li,
ul.toplink3 li {
width:100%;
height:auto;
margin:0 0 14px;
text-align:center;
}
ul.toplink4 li img,
ul.toplink3 li img{
width:80%;
}
/*-----------------------------------------------
お問合せ
-----------------------------------------------*/
.otoi_if{
width:100%;
height:auto;
margin:0 auto 30px;
overflow:auto;
border:1px solid #ccc;
}
.otoi_if_inn{
width:90%;
margin:10px auto;
overflow:hidden;
}
.w660{
width:90%;
overflow:hidden;
margin:0 auto;
}
.w660 a.left,
.w660 a.right{
display:block;
float:none;
width:100%;
text-align:center;
margin:0 0 20px 0;
}
.graywaku{
border:1px solid #ccc;
padding:10px;
background:#fcfcfc;
margin:0 0 30px 0;
}
table.otoi_table{
width:100%;
margin:0 auto 30px;
border-collapse:collapse;
border:1px solid #e0e0e0;
box-sizing: border-box;
}
table.otoi_table th{
display:block;
width:100%;
text-align:left;
font-weight:normal;
padding:8px;
background:#E2F0D9;
color:#385723;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
box-sizing: border-box;
}
table.otoi_table td{
display:block;
width:100%;
padding:14px 8px;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
line-height:2.0;
box-sizing: border-box;
}
table.otoi_table td input[type="text"]{
display:block;
padding:4px;
margin:0 0 4px 0;
}
input[type="checkbox"],
input[type="radio"]{
transform: scale(1.5);
}
table.otoi_table td textarea{
width:80%;
}
table.otoi_table td label{
display:block;
}
.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;}

.smp_nobr{
display:inline!important;
}
.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:100%;
overflow:hidden;
margin:10px auto 30px;
padding:2px 8px;
border:1px solid #ccc;
box-sizing: border-box;
}
dl.kaiyaku_notice dt{
color:#8c0000;
font-weight:bold;
}
dl.kaiyaku_notice dd{
}
dl.kaiyaku_notice dd div{
margin:0;
text-indent:0;
}
.kaiyaku_inn_table{
width:90%;
margin:20px 0 0 0;
border-collapse:collapse;
border:1px solid #eee;
}
.kaiyaku_inn_table th{
display:block;
width:100%!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{
display:block;
width:100%!important;
padding:4px;
border-right:none!important;
border-bottom:none!important;
}
.kaiyaku_inn_table02{
width:100%;
margin:0 0 0 0;
border-collapse:collapse;
border:none;
}
.kaiyaku_inn_table02 td{
width:100%!important;
padding:4px;
border-right:none!important;
border-bottom:none!important;
}
.tachiaitenken{
padding:0 0 0 10px;
margin:0 0 2em 0;
overflow:hidden;
background:#ffd;
}
.tachiaitenken .inner{
padding:0 0 0 10px;
overflow:hidden;
}
/*-----------------------------------------------
個人情報の取り扱い
-----------------------------------------------*/
.privacy_area{
width:96%;
overflow:hidden;
line-height:1.7;
margin:0 auto;
}
.ml20{
margin-left:0;
}
.privacy_area ol{
overflow:hidden;
margin:0 0 30px 0px;
}
.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:100%;
margin:0 auto 20px;
}
.inner01:after{content: "";display: block;clear: both;}

.le_text{
float:none;
width:100%;
}
.ri_photo{
float:none;
width:100%;
text-align:center;
}
.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:90%;
margin:50px auto 30px;
padding:0 0 16px 0;
border:1px solid #ccc;
border-radius: 10px;
}
.contactbox_bottom .title{
text-align:center;
font-size:18px;
font-weight:bold;
color: #385723;
}
.contactbox_bottom .name{
text-align:center;
font-size:15px;
margin:5px 0;
font-weight:bold;
}
.contactbox_bottom .tel{
text-align:center;
font-size:23px;
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:100%;
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:100%;
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:30px;
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;

}

.staffarea dl dt{
text-align: center;
}
.staffarea dl dt img{
}
.staffarea dl dd{
}

.staffname{
text-align: center;
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{
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{
width:40%;
display:inline-block;
margin:10px;
}
.shopli li:nth-child(2n){
margin:10px 0px 10px 10px;
}
/*-----------------------------------------------
会社概要
-----------------------------------------------*/
.company_box table{
width:100%;
margin:0 auto 30px;
border:1px solid #e0e0e0;
}
.company_box table th{
width:100%;
display:block;
text-align:left;
font-weight:normal;
padding:8px;
background:#E2F0D9;
color:#385723;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
box-sizing: border-box;
}
.company_box table td{
width:100%;
display:block;
padding:8px;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
box-sizing: border-box;
}
.yokonarabi {
width: 60%;
margin:0 auto;
}
.tatenarabi {
width: 90%;
margin:0 auto;

}
.tatenarabi img{
margin-bottom:5px;
width: 100%;

}
.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:10px;
}
.inozomi_area01{
width:95%;
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:0 auto 5px;
}
/*-----------------------------------------------
リンク
-----------------------------------------------*/
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;
margin-bottom: 10px;
}
/*矢印*/
.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:7px 0 0 0;
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;
margin:10px 0 0 0;
}