/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 07 2025 | 09:09:07 */
@charset "UTF-8";
/* CSS Document 2025.11.07*/

/* ~~ レイアウト ~~ */
body {
	position:relative;
	width: 100%;
	font-family: Helvetica Neue, Helvetica, YuGothic, Yu Gothic, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
color: #333333;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.6;
	font-size:1rem;
	margin:0px;
	padding:0px;
	top:0px;
}

main .wrap {
	min-width:1140px;
	min-height: 160px;
	position: relative;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
main .wrap {
min-width:100%;
min-height: unset;
}
}
.container {
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.container {
width: 1140px;
}
}
@media screen and (max-width: 768px) {
.container {
width: calc(100% - 20px);
}
}

#page {background: greenyellow;}
#content {
background-color: white;
width: 1200px;
margin: auto;}
@media screen and (max-width: 768px) {
#page {background: unset;}
#content {
background-color: white;
width:unset;
margin:unset;
padding-top: 0px;}
}


/* ~~ フレックスボックス ~~ */
.flex {
-js-display: flex;
display: flex;
flex-wrap: wrap;
}
.jc-flex-start {justify-content: flex-start;}
.jc-flex-end {justify-content: flex-end;}
.jc-space-between {justify-content: space-between;}
.jc-space-around {justify-content: space-around;}
.ai-center {align-items: center;}

/* ~~ クリア ~~ */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
content: " ";
display: table;}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
clear: both;}

*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}


p {
margin:0px;
padding:0px;}


/* ~~ WEBフォント ~~ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
.Notosans {font-family: 'Noto Sans JP', sans-serif;}
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Noto+Sans+JP&family=Oswald&display=swap');
.Oswald {font-family: 'Oswald', sans-serif;
letter-spacing: 0.02em;
}


/* ~~ テキスト関連 ~~ */
.txt14px {font-size: 14px !important;}
.txt20px, .txt20-15px {font-size: 20px !important;}
.txt25px, .txt25-20px {font-size: 25px !important;}
.txt30px, .txt30-25px {font-size: 30px !important;}
.txt35px {font-size: 35px !important;}
.txt40px {font-size: 40px !important;}
.txt-initial {font-weight: initial;}
.txt-bold {font-weight: bold !important;}
@media screen and (max-width: 768px) {
.txt20-15px {font-size: 15px !important;}
.txt20px {font-size: 16px !important;}
.txt25px {font-size: 18px !important;}
.txt25-20px {font-size: 20px !important;}
.txt30px {font-size: 20px !important;}
.txt30-25px {font-size: 25px !important;}
.txt35px {font-size: 22px !important;}
.txt40px {font-size: 30px !important;}
}


.line-height-08 {line-height:0.8em !important;}
.line-height-low {line-height:1.4em !important;}
.line-height-high {line-height:1.8em !important;}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.txt-pict {
border: 3px solid #333333;
padding: 4px;
margin-right: 5px;
position: relative;
top: -6px;
font-size: 22px;}
.txt-pict-A {
color:#FFFFFF;
border: 3px solid #50A000;
background-color:#50A000;
padding: 0px 8px;
margin-right: 5px;
position: relative;
top: -6px;
font-size: 22px;
}
.txt-pict-disc-A {
color:#333333;
background-color:#C7D800;
display: inline-block;
padding: 27px 15px;
-webkit-border-radius: 2.0em;
-moz-border-radius: 2.0em;
border-radius: 2.0em;
font-size: 22px;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.txt-pict-A {
top: -4px;
font-size: 18px;}
}

p.lead-ribbon {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 1.3em;
  text-align: center;
  padding: 0.4em 2.0em 0 1.5em;
  font-size: 22px;
  font-weight: 800;
  background: #333333;
  color: #FFFFFF;
  box-sizing: border-box;
}
p.lead-ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
p.lead-ribbon:after {
  top: 0;
  right: 0;
  border-width: 25px 13px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
@media screen and (max-width: 768px) {
p.lead-ribbon {
margin-left: 10px;
font-size: 18px;
line-height: 1.8em;
}
}

span.marker {
background: linear-gradient(transparent 50%, #ff0 50%);
}

/* ~~ リスト ~~ */
ol, ul {list-style: none;}
ul.list-style-disc {list-style: disc !important;}

/* ~~ イメージ関連 ~~ */
img:hover, a:hover img {
  transform:scale(1.0,1.0) !important;
} 

/* ~~ ポジション関連 ~~ */
.mg0 {margin:0px !important;}
.mg05 {margin-right:5px !important;}
.mg10 {margin:10px !important;}
.mgT0 {margin-top:0px !important;}
.mgT10 {margin-top:10px !important;}
.mgT20 {margin-top:20px !important;}
.mgT30 {margin-top:30px !important;}
.mgT60 {margin-top:60px !important;}
.mgT90 {margin-top:90px !important;}
.mgLR15per {margin:0 15%;}
@media screen and (max-width: 768px) {
.mgT90 {margin-top:60px !important;}
.mgLR10sp {
margin-left:10px;
margin-right:10px;
}
}

.mgB06em {margin-bottom:0.6em !important;}
.mgB08em {margin-bottom:0.8em !important;}
.mgB16em {margin-bottom:1.6em !important;}
.mgB05 {margin-bottom:05px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB30 {margin-bottom:30px !important;}
.margin-auto {
margin-right: auto !important;
margin-left: auto !important;
}

.pd0 {padding:0px !important;}
.pd4 {padding:4px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pdT0 {padding-top: 0px !important;}
.pdT10 {padding-top: 10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdR20 {padding-right:20px !important;}
.pdL40 {padding-left:40px !important;}
.pdR40 {padding-right:40px !important;}
@media screen and (max-width: 768px) {
.pdL40 {padding-left:20px !important;}
.pdR40 {padding-right:20px !important;}
}

.txt-align-center {text-align:center;}
.txt-align-pcRight-spLeft {text-align:right;}
@media screen and (max-width: 768px) {
.txt-align-pcRight-spLeft {text-align:left;}
}

.z-index0 {z-index:0}


/* ~~ サイズ ~~ */
.width270 {width: 275px !important;}
.width215 {width: 215px !important;}
.width180 {width: 180px !important;}
.width-pc70per-sp100per {width: 70%;}
@media screen and (max-width: 768px) {
.width-pc70per-sp100per {width: calc(100% - 20px);}
}
.height700 {height: 700px;}

/* ~~ カラー ~~ */
.color-A {color:#50A000 !important;}
.color-B {color:#338000 !important;}
.color-white {color:#FFFFFF !important;}
.color-black {color:#333333 !important;}
.color-caution-red {color:#C70000 !important;}
.bg-color-A {background-color:#50A000;}
.bg-color-B {background-color:#338000;}
.bg-color-C {background-color:#C7D800;}
.bg-color-D {background-color:#96C900;}
.bg-white {background-color:#FFFFFF;}
.bg-black {background-color:#333333;}


/* ~~ コンテンツラップデザイン ~~ */
.border-wrap-A {
background-color:#FFFFFF;
border:2px solid #50A000;
-webkit-border-radius: .4em;
-moz-border-radius: .4em;
border-radius: .4em;
margin-bottom: 30px;
}
.borderR-A {border-right:1px solid #50A000;}
.borderB-A {border-bottom:1px solid #50A000;}
.borderT-A {border-top:1px solid #50A000;}

@media screen and (max-width: 768px) {
.border-wrap-A {
margin-left:10px;
margin-right:10px;
}
.borderR-A {border-right:none;
}
}

.no-border {border:0px}
.border-none {border:0px}

/* ~~ テーブルデザイン ~~ */
.simple-table-A { 
border: none;
margin-bottom: 0px;
}
.simple-table-A td, .simple-table-A th {
padding:20px;
border-width: 1px 0px 0px 0px !important;
border-top: 1px solid #338000 !important;
}
.simple-table-A td:first-child {
color: #338000;
text-align: right;
width:140px;
}
@media screen and (max-width: 768px) {
.simple-table-A td, .simple-table-A th {padding:15px;}
.simple-table-A td:first-child {width:95px;
padding-right:0px;}
}


/* ~~ リンク ~~ */
a {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #50A000; text-decoration:none;}
a:hover:before , a:hover:after { display:inline-block; text-decoration:none !important; }
a img {
border: none;
}

a.rollover {
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.rollover div, a.rollover img {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a .txtbtn {
color:#FFFFFF;
font-weight:bold;
padding: 0.8em;
background: #338800;
-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}
a .txtbtn:hover {
color:#FFFFFF;
background: #50A000;
}
a .txtbtn-Big {
color:#FFFFFF;
font-weight:bold;
font-size:25px;
padding: 20px 35px 20px 35px;
max-width:60%;
background: #338800;
-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}

a .txtbtn-Big:hover {
color:#FFFFFF;
background: #50A000;
}
a .txtbtn-Big img {
	width: 70px;
position: relative;
margin-right: 8px;
}
@media screen and (max-width: 768px) {
a .txtbtn-Big {
font-weight:bold;
font-size:20px;
line-height:1.2em;
padding: 15px;
max-width:92%;
}
a .txtbtn-Big img {
top: 10px;
margin-right: 8px;
margin-bottom: 8px;}
a .txtbtn-Big span {
display: block;}
}



.btnwrap-two {
position: relative;
}
.btnwrap-two ul {
margin:0px;}
.btnwrap-two ul li {
width:48%;
margin-bottom:20px;}
@media screen and (max-width: 768px) {
.btnwrap-two {
position: relative;
}
.btnwrap-two ul li {
width:100%;
margin-bottom:20px;}
}


/* =============================================================== */
/* =============================================================== */


/* ~~ es 変更（スライダー）~~ */
.flexslider.es_slider .flex-control-nav {
bottom: 1px;
  z-index:2;
}
/* ~~ es 変更（お知らせ一覧ー）~~ */
.info.es-list.list-direction-column h3 {
margin-bottom: 14px;
font-size: 22px;
min-height: auto!important;
}
.info.es-list.list-direction-column .date {
color:#15af85;
font-size: 18px;
}
.info.es-list.list-direction-column .wrap {
min-height: auto!important;
}
.info.es-list.list-direction-column .entry-content p {
margin-bottom: 1.2em!important;
}
@media screen and (max-width: 768px) {
.info.es-list.list-direction-column h3 {
margin-bottom: 14px;
font-size: 20px;}
}
.es-list.list-border-bottom li {
border-bottom: 1px solid #ccc;
padding: 20px 0 10px;
}
/* ~~ es 変更（TOP アパートナー標準３連バナー調整）~~ */
.apbnnr .uagb-column__inner-wrap {padding:5px!important;}

/* ~~ es 変更（各ページタイトル・検討中）~~ */
.page-header {margin: 35px auto;}
.page-header h1.entry-title {font-size:30px;}
@media screen and (max-width: 768px) {
.page-header {margin: 15px auto;}
.page-header h1.entry-title {font-size:20px;}
}
.page .entry-header {margin-bottom: 0px;}

.es-single-post-order h1.entry-title, h1.page-title {
    font-size: 30px;
    margin: 30px 0px;
    font-weight: bold;}
@media screen and (max-width: 768px) {
.es-single-post-order h1.entry-title, h1.page-title {
    font-size: 20px;
    margin: 15px 0px;}
}


body.single #content {
margin-top: 0px;}
.es-container #main {
margin-top: 25px;}
@media screen and (max-width: 768px) {
.es-container #main {
margin-top: 10px;}
}


.es-container:not(.page-header) {
font-weight: bold;
}

.result_data_wrap .inquiry_wrap {
margin: 30px 0;
}

.main_column .result_data_wrap article.data {
margin: 0px 0px 20px 0px;
padding: 10px;
background-color: #ffffff;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
}


/* ~~ es 変更（ヘッダバー・パンくず）~~ */
.main-header-bar {z-index: 1;}
.main-header-bar.es-header-breadcrumb {background: #f2f2f2;}
@media screen and (max-width: 768px) {
.page-header {
border-bottom: none;
}
}
/* ~~ es 変更（物件を探すテキストリンクリスト）~~ */
.es-link-container {
background-color: greenyellow;
border-bottom: none;
padding: 28px 20px 0px;
}
.es-link-container .es-link-section {
padding: 10px 0;
}
/* ~~ es 変更（フッタ高さと色の変更）~~ */
.footer-adv-overlay {
background-color: greenyellow;
padding-top: 50px;
padding-bottom: 30px;
}

.footer-adv-widget-2 {
position: relative;
top: 105px;
}
.es-footer-overlay {
    padding: 1.9em 0;}
@media screen and (max-width: 768px) {
.footer-adv-widget-2 {
top: 0px;
}
}

/* ~~ es 変更（お問い合わせフォーム）~~ */
.form_wrap#inquiry h2 {
font-size: 35px;
font-size: 1.5rem;
text-align: center;
background-color: #ADFF2F;
line-height: 2.4em;
border-radius: 2.5em;
width: 800px;
margin: auto;
margin-bottom: 30px;}
@media screen and (max-width: 768px) {
.form_wrap#inquiry h2 {width: auto;}
}

.form_wrap#inquiry h2::after {
content:none;}

.es_form_2col_wrap > p:not(.note) {
border-top: 1px solid #333;}

span.required {
background: #C70000 !important;
/* background: #000000; */}



/* =============================================================== */
/* =============================================================== */

/* ~~ 物件詳細 ~~ */
.apmk-style-detail {background-color:#ffffff;
padding: 20px;
background-color: #ffffff;
}

/* ~~ PC・SP表示切替 ~~ */
.sp {display: none;}
@media screen and (max-width: 768px) {
.pc {display: none;}
.sp {display: block;}
}


/* ~~ ヘッダ ~~ */
#header .container {
position: relative;
padding-bottom: 10px;
}
.header-wrap {background-color: greenyellow;}
.header-top-wrap {
padding-top: 15px;
}
#logo {
position: relative;
float: left;
/* font-family: 'Raleway', sans-serif; */
font-size: 36px;
line-height: 100%;
/* margin-top: 14px; */
}

#logo img, #primary-menu, #primary-menu ul {
-webkit-transition: height .4s ease, opacity .3s ease;
-o-transition: height .4s ease, opacity .3s ease;
transition: height .4s ease, opacity .3s ease;
}
#logo img {
display: block;
max-width: 100%;
padding: 0px 0px;
margin-right: 40px;
}

.header-extras {
float: right;
margin: 0px;
}
@media screen and (max-width: 768px) {
.logo {width:75%;}
.header-extras {
float: left;
padding-left: 0px;
margin-top: 10px;}
}

.header-extras li {
float: left;
margin-left: 15px;
padding-left: 15px;
height: 50px;
overflow: hidden;
list-style: none;
line-height: 1.0;
}
.header-extras li:first-child {
margin-left: 0;
padding-left: 0;
border-left: 0;
}

.pict-tell:before {content:url(https://www.apartner-morioka.com/wp-content/uploads/sites/200/2020/10/cmmn_pict_tel.png) ;
    position: relative;
    top: 0px;
	margin-right:2px;
}
.pict-tell span.txt35px {
line-height: 26px;
font-size:30px !important;
letter-spacing: 0.1px;
}
.pict-tell span {
font-size: 14px;
}

.header-extras .txtbtn img {
top: 0px;
position: relative;}

#header-menu-wrap {
height: 78px;
background-color: #FFF;
position: absolute;
width: 100%;
flex-grow: 1;
}
.header-bottom-wrap.fixed{
position: fixed !important;
top: 0;
z-index: 10;
}

#primary-menu {
vertical-align: top;
display: inline-flex;
height: 100%;
width: 100%;
padding-top: 10px;
}

#primary-menu ul {
list-style: none;
width: 100%;
height: 60px;
margin: 0;
padding-left: 0;
position: relative;
}

#primary-menu ul li.menu-item-wrap {
-js-display: flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-left: 2px solid #333333;
}

#primary-menu ul li.menu-item-wrap:last-child {
border-right: 2px solid #333333;}
#primary-menu ul li.menu-item-wrap:last-child .menu-item {
padding-left: 25px;
width: 130px;}
	
#primary-menu ul li.menu-item-wrap .menu-item {
width: 170px;
}
#primary-menu ul li.menu-item-wrap:first-child .menu-item {
padding: 0px 10px;
width: 60px;
}
#primary-menu ul li.menu-item-wrap .menu-item img {
float: left;
margin-right: 8px;
max-width: none;
}
#primary-menu ul li.menu-item-wrap .menu-item p {
font-size: 13px;
line-height:22px;
font-weight:bold;
}
#primary-menu ul li.menu-item-wrap .menu-item p span {
font-size: 21px;;
}

 /* サブ（階層）メニュー設定*/
#primary-menu ul li.menu-item-wrap ul {
display: none;
margin: 0px;
padding: 0px;
position: absolute;
top:60px;
right: 2px;
z-index:10;
}
#primary-menu ul li.menu-item-wrap:hover ul {
   display: block; 
}
#primary-menu ul li.menu-item-wrap:hover ul a li {
   width: 245px;
   background-color:#FFFFFF;
   border-top: 1px solid #333;
}

#primary-menu ul li.menu-item-wrap:hover ul a li {
   line-height: 40px;
   text-align: left; 
   padding-left: 10px;
   font-weight: bold;
}
#primary-menu ul li.menu-item-wrap:hover ul a li:hover {
   background-color: greenyellow;
   color: #333333; 
}


/* ~~ スマホナビメニュー ~~ */
#navi {
  /*background-color: #FFF;*/
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  z-index:11;
}
/* チェックボックスを非表示 */
#navi input {
  display: none !important;
}
li.menu-parent input[type="checkbox"] + label {
display: inline;
padding-left: 5px;
line-height: inherit;
}

li.menu-parent input[type="checkbox"] + label::before {
display: none;}


/* 上部メニュー */
#menu {
  float: right;
  margin:10px 10px 0px 10px;
  border: 5px solid #338800;
}
.menu-parent {
  float: left;
  margin-right: 30px;
  line-height: 56px;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
}
/* パソコンでは V を非表示 */
.menu-parent .pd {
  display: none;
}
/* 上部メニューの最後の項目 */
.menu-parent:last-child {
  margin-right: 0px;
}

#menu-navibtn {
  display: none;
  cursor: pointer;
  cursor: hand;
}

@media screen and (max-width: 768px) {
  /* スマホの際に V を表示 */
  .menu-parent .pd {
    display: inline-block;
    width: 100%;
  }
  #menu {
    display: none;
  }
  .menu-parent {
    height: auto;
    width: 100%;
    padding: 0px 20px;
    border-bottom: 1px solid #333;
  }
  .menu-parent:first-child {
    border-top: 1px solid #333;
  }
  .menu-parent i {
    padding: 0px 6px;
  }
  .menu-parent img{
	position: relative;
width: 40px;
margin-right: 12px;  
  }
 
  /* メニューを移動させないため */
  #menu-navibtn:checked ~ #navi {
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
  }
}

/* ドロップダウンメニュー */
.menu-parent {
  position: relative;
  background-color: #FFF;
}
.menu-parent .menu-child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  margin-left: -40px;
  width: auto;
  box-sizing: border-box;
  padding: 0px 20px;
  background-color: #FFF;
  border: 1px solid #333;
}
/* パソコン用 */
@media screen and (min-width: 768px) {
  .menu-parent:hover .menu-child {
    visibility: visible;
    opacity: 1;
  }
}
/* スマホ用 */
@media screen and (max-width: 768px) {
  /* ハンバーガーメニューがクリックされた時 */
  #menu-navibtn:checked ~ * #navi {
  background-color: #FFF;
  }
  #menu-navibtn:checked ~ * #menu {
    display: block;
    opacity: 1;
  }
  #menu-navibtn:checked ~ * .menu-parent {
    max-height: inherit;
    overflow-y: visible;
  }
  #menu-navibtn:checked ~ * .menu-child {
    max-height: 0;
    overflow-y: hidden;
    visibility: hidden;
  }
  /* 子メニュー */
  .menu-parent .menu-child {
    border-top: 1px solid #333;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    position: relative;
    padding: 0 0 0 50px;
    opacity: 1;
    top: 0;
    margin-left: auto;
    left: auto;
    width: auto;
  }
  .menu-parent > label:hover {
    cursor: pointer;
    cursor: hand;
  }
  /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child {
    max-height: inherit;
    overflow-y: visible;
    visibility: visible;
  }
  .angletoggle:before {
    content: "\f107";
  }
  #navi input[type="checkbox"]:checked ~ * .angletoggle:before {
    content: "\f106";
  }
}
/* 子メニュー */
.menu-child li {
  font-size: 18px;
  border-bottom: 1px solid #333;
}
/* 余分な最後の線を消去 */
.menu-child li:last-child {
  border: none;
}
.menu-child li i {
  margin-right: 3px;
}

/* ハンバーガー */
#navi #navibtn {
  display: none;
  z-index:12;
}
@media screen and (max-width: 768px) {
  #navi #navibtn {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  #navibtn span {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #338800;
  }
  #navibtn span span {
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
  }
  #navibtn span span::before,
  #navibtn span span::after,
  #navibtn span::after {
    position: absolute;
    left:12px;
    content:"";
    width: 26px;
    height: 3px;
    background-color: #FFF;
  }
  /* 上の棒 */
  #navibtn span span::before {
    top:14px;
  }
  #menu-navibtn:checked ~ #navi label#navibtn span span::before {
    top:24px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  /* 下の棒 */
  #navibtn span::after {
    bottom:15px;
  }
  #menu-navibtn:checked ~ #navi label#navibtn > span::after {
    bottom:23px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  /* 中の棒 */
  #navibtn span span::after {
    top:23px;
  }
  #menu-navibtn:checked ~ #navi label#navibtn span span::after {
    display: none;
  }
}


/*return*/
.return {
	position: fixed;
	right:20px;
	bottom:20px;
	z-index:10;
	display:inline-block;
	width:70px;
}

@media screen and (max-width: 768px) {
.return {
    width: 50px;
	position: fixed;
	right:10px;
	bottom:70px;
	display:inline-block;
}
}


/* TOPページAremap */
.areamap-outwrap {
width: 100%;
height: 483px;
border:3px solid #50a000;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
}

.areamap-outwrap ul {
margin: 0px;
padding: 0px;
width: 290px;
float: left;
border-right: 2px solid #50a000;
}
.areamap-outwrap ul li {
border-top: 1px solid #50a000;
line-height: 0px;
}
.areamap-outwrap ul li:first-child {
border-top: none;
}

.areamap-mapwrap {
width:844px;
height:477px;
float:right;
}

.areamap-mapwrap img {
width:100%;
height:100%;
}

@media screen and (max-width: 768px) {
.areamap-outwrap {
width:calc(100% - 6px);
height: unset;
}
.areamap-outwrap label {
border-bottom: 1px solid #50a000;
line-height: 0px;
padding-left: 0px !important;
}
.areamap-outwrap label img {
width:100%;
}
.areamap {
  display:none;
width: 100%;
}
.areamap img {
width: 100%;
}
.areamap p {
font-size: 16px;
    padding: 6px 0px;
    text-align: center;
    width: 70%;
    display: block;
    margin: auto;
    position: relative;
    top: -58px;
    margin-bottom: -45px;
}
input[id="Area01"]:checked  + label + .areamap01, input[id="Area02"]:checked  + label + .areamap02, input[id="Area03"]:checked  + label + .areamap03, input[id="Area04"]:checked  + label + .areamap04, input[id="Area05"]:checked  + label + .areamap05, input[id="Area06"]:checked  + label + .areamap06, input[id="Area07"]:checked  + label + .areamap07 {
  display:block;
}
  
/* チェックボックスを非表示 */
.areamap-outwrap input {
  display: none !important;
}
.areamap-outwrap input[type="checkbox"] + label {
display: inline;
line-height: 0px;
}

.areamap-outwrap input[type="checkbox"] + label::before {
display: none !important;
}

}



/* TOPページRentカテゴリボタン */
.ctgr-wrap a{
margin-bottom:15px;
}
.rent-ctgr-item {
line-height: 1.0;
}
@media screen and (max-width: 768px) {
.ctgr-wrap a{
width:48%;
margin-bottom:10px
}
a .rent-ctgr-item {
width: 100%;
}
a .rent-ctgr-item img{
width: 100%;
}
}


/* TOPページ他Contact */
ul.contact-wrap {
	background-color:#FFFFFF;
	border:2px solid #50A000;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	padding:25px 0px;
  margin-left: 0px;
margin-top: 30px;
}
	 
ul.contact-wrap li.contact-item {
width:32%;
padding:0px 20px;
border-right:1px solid #50A000;}
ul.contact-wrap li.contact-item:last-child {
border-right:none;}

li.contact-item img {
display: block;
margin: auto;
margin-bottom:15px;
}
li.contact-item p {
line-height: 1.3;
margin-bottom: 0px;
}
li.contact-item p span.txt-bold {
letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
ul.contact-wrap {
	padding: 0px;
  }
ul.contact-wrap li.contact-item {
width:100%;
padding:20px 20px;
border-right:none;
border-bottom:1px solid #50A000;}
ul.contact-wrap li.contact-item:last-child {
border-bottom:none;
}
li.contact-item p {
margin-bottom: 0.1em;
}
}


/* スタッフ紹介ページ */
.staff-wrap {
background-color: #FFFFFF;
border: 2px solid #50A000;
-webkit-border-radius: .4em;
-moz-border-radius: .4em;
border-radius: .4em;
padding: 25px 0px;
margin-left: 0px;
margin-top: 30px;
}
.staff-thum-item {
text-align:center;
margin-bottom:40px;
width: 283px;
}
.staff-class-A {
font-size:20px;
font-weight:bold;
line-height:1.4em;
margin-bottom:0px !important;
color:#338000;}
.staff-class-AB {
font-size:20px;
font-weight:bold;
line-height:1.4em;
margin-bottom:0px !important;
color:#4EB866;}
.staff-class-B {
font-size:18px;
line-height:1.4em;
margin-bottom:0px !important;
font-weight:bold;
color:#009999;}
.staff-class-C {
font-size:18px;
line-height:1.4em;
margin-bottom:0px !important;
font-weight:bold;
color:#004766;}
.staff-class-D {
font-size:18px;
line-height:1.4em;
margin-bottom:0px !important;
font-weight:bold;
color:#B38000;}
.staff-name {
font-size:24px;
font-weight:bold;
margin-bottom:0px !important;
line-height:1.4em;
color:#333333;}

@media screen and (max-width: 768px) {
.staff-thum-item {
text-align: center;
margin-bottom: 20px;
width: 166px;
padding: 0px 15px;
}
}

.staff-detail-name {
margin-top: 8px !important;
line-height: 1.0;
}
.staff-detail-p {
padding:8px 8px;
margin:0px !important;
}
@media screen and (max-width: 768px) {
.staff-detail-p {
padding:5px 8px;
}
}

/* 解約申込みチェックボックス */
.agreement-innerwrap {
background-color:#ADFF2F;
padding: 30px;
text-align: center;
}
.agreement-innerwrap label {
font-size: 24px;
}
.agreement-innerwrap input[type="checkbox"]:checked + label::before {
font-size: 16px;
}
div.agreement {
  display:none;
  margin-top: 30px;
width: 60%;
margin-left: auto;
margin-right: auto;
}
div.agreement p {
font-size: 25px;
padding:0.8em;
margin-bottom: 5px;
}
input[type="checkbox"]:checked  + label + div.agreement {
  display:block;
}
@media screen and (max-width: 768px) {
.agreement-innerwrap {
background-color:#C7D800;
padding: 25px 5px;
}
.agreement-innerwrap label {
font-size: 20px;
}
div.agreement {
margin-top: 20px;
width: 90%;
}
div.agreement p {
font-size: 20px;
line-height: 1.4em;
}
}

/* ボタンアニメーション X軸回転 2021.09追加*/
span.rotateX {
  display:inline-block;
  transition: .5s;
}
a:hover span.rotateX {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/* esレイアウト修正  2021.09追加*/
.es-container #main {
  margin-top: 0px !important;
}

/* Q&A  2021.09追加*/
.acd-check{
    display: none;
}
label.acd-label{
    background: #338000;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 0.8em;
    position: relative;
    font-size: 22px;
    margin-top: 10px;
    border-radius: 2em;
    width: 100%;
    text-indent: 35px;
}
label.acd-label:nth-child(1){
margin-top: 0px;
}
label.acd-label:hover{
    background: #50A000;
}
label.acd-label span {
font-size: 28px;
    position: absolute;
    top: 15px;
    left: -20px;
}
label.acd-label::before {
display:none !Important;
}
label.acd-label:after{
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    padding: 0.8em;
    position: absolute;
    right: 5px;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 1.8em;
    transition: .5s;
    -webkit-transition: 0.5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '\f068';
    transition: .5s;
    -webkit-transition: 0.5s;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    max-height: 20em;
    opacity: 1;
    padding: 1em 1.8em;
    visibility: visible;
}
@media (max-width: 480px){
section.qp-section{
padding-left: 10px;
padding-right: 10px;
}
label.acd-label {
font-size: 17px;
text-indent: 0px;
}
label.acd-label::after{
    top: 11px;
}
label.acd-label.layout::after{
    top: 0px;
}
}