@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&display=swap');

/* Reset-----------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, code, em, font, img,  small, strong,
ol, ul, li, form, label, table,  tr, th, td, dl, dd, dt,
article, aside, footer, header, menu, nav, section, summary, textarea,main,
figure,figcaption
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
i{font-style:normal;}
.clx:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clx { display: block; }
* html .clx { height: 1%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {-webkit-text-size-adjust:none;-webkit-touch-callout: none;}
a {outline:none;text-decoration:none;}
iframe {border:none;}
ul, ol { list-style: none;}
img { border: none; vertical-align:bottom;max-width: 100%;height: auto;width /***/:auto;}
:focus { outline: 0;}
table { border-collapse: collapse;border-spacing:0;font-size:inherit;font:100%;}
h1, h2, h3, h4, h5, h6 {line-height:1.4;}
html {height: 100%;font-size: 62.5%;}
body {
font: 1rem "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif;
color:#111;
background:#fff;
letter-spacing:0.05rem;
font-feature-settings :palt;
height: 100%;
overflow-x:hidden;
font-weight: 400;
line-height: 1.8;
}
@-ms-viewport {
  width: device-width;
}

/* common -----------------------------------------------------------*/
body { overflow-x: hidden; position: relative; font:1.8rem; color: #fff;}
*,*::before,*::after { box-sizing: border-box;}

a { color: #e32959;}
a.link_ul{ text-decoration:underline;}
a.link_ul:hover{ text-decoration:none;}

.gf{ font-family: 'Poppins', sans-serif; letter-spacing:0; font-weight: 400;}

button{ font-family: "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
input, select, textarea{ font-family: "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; appearance: none; border-radius: 0.2rem; padding: 0.5rem; background:#fff; border:1px solid #d1d0ce;}
input[type=text].not_input{ background:#FFE0E0;}
select{ padding:0.5rem 4rem 0.5rem 1rem; cursor:pointer;}
select::-ms-expand { display: none;}
.select{ position:relative;}
.select::after {right: 1.2rem;top: 0.5rem;width: 0.7rem;height: 0.7rem;transform: rotate(-45deg);position: absolute;display: block;border-bottom: 1px solid #444;border-left: 1px solid #444;content:'';z-index: 2;}
input[type=checkbox], input[type=radio] { display: none;}
input[type=checkbox] + label, input[type=radio] + label { position: relative; display: inline-block; padding: 0 0 0 2.5rem; margin: 0; vertical-align: middle; transition: 0.4s; cursor: pointer;}
input[type=checkbox] + label:after, input[type=radio] + label:after { position: absolute; top: 50%; left: 0; display: block; border: 1px solid #d1d0ce; background:#fff; content: ''; margin-top: -8px; width: 17px; height: 17px;}
input[type=checkbox] + label:before, input[type=radio] + label:before { left: 0; top: 3px; width: 17px; height: 11px; transform: rotate(-45deg); position: absolute; display: block; border-bottom: 2px solid #e32959; border-left: 2px solid #e32959; content: ''; opacity: 0; z-index: 2;}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before { opacity: 1;}
input[type=checkbox] + label:hover, input[type=radio] + label:hover { opacity: 0.7;}
label{ user-select: none;}

hr { display: block; height: 1px; border: 0; border-top: 1px dotted #e4e4e4; margin: 1rem 0; padding: 0; }
hr.bd_none{ display: block; height: 1px; border: 0; border-top:none; margin: 1rem 0; padding: 0; }

.txt_al { text-align:left !important; }
.txt_ar { text-align:right !important; }
.txt_ac { text-align:center !important; }

.w15{ width:15% !important;}
.w25{ width:25% !important;}
.w30{ width:30% !important;}
.w45{ width:45% !important;}
.w50{ width:50% !important;}
.w60{ width:60% !important;}
.w65{ width:65% !important;}
.w80{ width:80% !important;}
.w100{ width:100% !important;}

.cl_red{ color:#e32959 !important;}
.fixed { position: fixed; width: 100%; height: 100%;}
.line-through{ text-decoration:line-through;}

.scroll{ opacity: 0; transition: 0.6s; transform:translateY(2rem);}
.scroll.delay01{ transition-delay:0.1s !important;}
.scroll.delay02{ transition-delay:0.2s !important;}
.scroll.delay03{ transition-delay:0.3s !important;}
.scroll.delay04{ transition-delay:0.4s !important;}
.scroll.delay05{ transition-delay:0.5s !important;}
.scroll.delay06{ transition-delay:0.6s !important;}
.scroll.active{opacity: 1; transform:translateY(0)}

/* #-cookie{
  background: #FFFFFFdd;
  color: #000;
  padding: 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}
#-cookie dl{
  max-width: fit-content;
  margin: 0 auto;
}
#-cookie dd{
  text-align: right;
  padding-top: 1rem;
}
#-cookie dd [class*="btn__"]{
  padding: 1rem 3rem;
  min-width: unset;
} */

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
	z-index:-1;
  }
  100% {
	z-index:-1;
	display:none;
	opacity: 0;
  }
}

@media screen and (min-width:981px) {

  .sp{ display:none;}
  .pc{ display:inline-block;}

  .mb_ss{ margin-bottom:1rem !important;}
  .mb_s{ margin-bottom:2rem !important;}
  .mb_m{ margin-bottom:3rem !important;}
  .mb_l{ margin-bottom:4rem !important;}
  .mb_xl{ margin-bottom:8rem !important;}
  .mr_m{ margin-right:3rem !important;}
  .mr_s{ margin-right:2rem !important;}
  .mr_ss{ margin-right:1rem !important;}
  .mt_ss{ margin-top:1rem !important;}

  .pt_ss{ padding-top:2rem !important;}
  .pt_s{ padding-top:9rem !important;}
  .pt_l{ padding-top:10rem !important;}

  .font_s{ font-size:1.2rem !important;}
  .font_m{ font-size:2rem !important;}
  .font_l{ font-size:2.5rem !important;}
  .font_xl{ font-size:3.5rem !important;}
  .font_xxl{ font-size:4.5rem !important;}
  .bigger{ font-size:150% !important;}


  /* header__ -------------------------------------*/
  [id^="header__"] { width:100%; position: relative; position:fixed; background: #fff; color:#111; z-index:888; box-shadow: 0 0 3px rgba(0,0,0,0.2);}
  [id^="header__"] .cnav{ width:100%; background:#f5f5f5; color: #666;}
  [id^="header__"] .cnav ul{ text-align: right; font-size:0;}
  [id^="header__"] .cnav ul li{ display: inline-block; border-left:1px solid #dbdbdb; font-size: 1.1rem; }
  [id^="header__"] .cnav ul li:first-child{ border-left:none; padding: 0 2rem;}
  [id^="header__"] .cnav ul li:last-child{ border-right:1px solid #dbdbdb; }
  [id^="header__"] .cnav ul li a{ color:#666; padding:0.5rem 1.5rem; display: block; transition: 0.3s;}
  [id^="header__"] .cnav ul li a:hover{ color:#e32959; background:#FFF;}
  [id^="header__"] .-column{ display: table; width: 100%;}
  [id^="header__"] .-column .row{ display: table-cell; vertical-align: middle; padding: 1rem 0;}
  [id^="header__"] .-logo{ position: relative; width: 20rem;}
  [id^="header__"] .-logo .area{ position:absolute; background: #e32959; color: #fff; font-size: 1.1rem; padding: 0.5rem 1rem 0.5rem 1.3rem; line-height: 1; display: block;letter-spacing:0.3rem; top: -1.5rem;}
  [id^="header__"] .-logo img{ width: 16rem;}
  [id^="header__"] .-property{ width: calc(100% - 20% - 40rem);}
  [id^="header__"] .-property dl{ padding: 0rem 2.5rem; display: inline-block; text-align: left; font-size:1.1rem; color: #555;}
  [id^="header__"] .-property dl:first-child{ border-right:1px solid rgba(0,0,0,0.1);}
  [id^="header__"] .-property dl dt{ }
  [id^="header__"] .-property dl dd strong{ font-size:2.2rem; line-height: 1; color: #111; font-weight: 600; padding: 0 0.5rem 0 0;}
  [id^="header__"] .-nav{ width: 20%;position: relative;}
  [id^="header__"] .-nav ul{ text-align: right;}
  [id^="header__"] .-nav ul li{ display: inline-block; text-align: center; position: relative; padding: 0 0.5rem; font-size: 1rem;}
  [id^="header__"] .-nav ul li svg{ height: 2.8rem; display: block; margin: 0 auto;}
  [id^="header__"] .-nav ul li span{ position: relative; position: absolute; left: calc(50% + 0.5rem); top:0; z-index: 2; display: block; width: 2rem; text-align: center;}
  [id^="header__"] .-nav ul li span::before{ position:absolute; content: ""; left:0; top:-0.17rem; background: #e32959; display: block; height: 2rem; width: 2rem; border-radius: 100%; opacity: 0.9; z-index: -1;}
  [id^="header__"] .-nav ul li a{ color:#666; transition: 0.3s; }
  [id^="header__"] .-nav ul li a span{ color:#fff;}
  [id^="header__"] .-nav ul li a svg { fill:#666; transition: 0.3s; }
  [id^="header__"] .-nav ul li a:hover { color:#111; }
  [id^="header__"] .-nav ul li a:hover svg { fill:#111;}
  [id^="header__"] .-btn{ width: 20rem; text-align: right;}
  [id^="header__"] .-btn .btn__{ font-size: 1.4rem; line-height: 1.4; margin: 0.2rem 0 0; padding: 0.5rem 2rem; min-width: auto;}
  [id^="header__"] .-btn small{ font-size:1rem; display: block; font-weight: normal;}
  [id^="header__"] .-act{ text-align: center; font-size: 1.2rem; padding: 0.5rem; color: #e32959; background: rgba(227,41,89,0.1); display: none;}


  /* footer -------------------------------------*/
  [id^="footer__"] { width:100%; background: #111; color: #fff;  font-weight:100; padding:0 0 6rem; position:relative; font-size:1.3rem;}
  [id^="footer__"] a{ color:#fff; transition: 0.4s;}
  [id^="footer__"] a:hover{ opacity: 0.6;}

  #footer__ #upper__{ padding:2rem 0;background: #333;}
  #footer__ #upper__ dl{ display: table; vertical-align: middle; width: 100%;}
  #footer__ #upper__ dl dt{ position: relative; display: table-cell; /*width: 60%;*/ font-size: 1.8rem; padding: 0 0 0 18rem; }
  #footer__ #upper__ dl dt img{ position:absolute; left: 0; bottom: -2rem; width: 16rem; z-index: 4;}
  #footer__ #upper__ dl dd{text-align:right; line-height: 1.3;}
  #footer__ #upper__ .gf{ font-size: 3rem; font-weight: 600; display: block;}

  #footer__ #under__{ padding:5rem 0;}

  #footer__ #under__ .row{ margin: 0;}
  #footer__ #under__ .row h5{ font-size: 1.8rem; padding: 0 0 1rem; font-weight: normal;}

  #footer__ #under__ .-logo { width:15rem;}
  #footer__ #under__ .-nav{ width:calc(100% - 35rem); padding: 0 5vw 0 4rem;}
  #footer__ #under__ .-nav p{ font-weight:500; font-size: 1.6rem; padding: 0 0 0.5rem;}
  #footer__ #under__ .-nav ul{ display:block; padding: 0 0 1.5rem;}
  #footer__ #under__ .-nav ul li{ display:inline-block; padding: 0 1rem 0.1rem 0;}
  #footer__ #under__ .-company{ width:20rem; text-align: right;}
  #footer__ #under__ .-company img{ width:10rem; padding: 0 0 1rem;}
  #footer__ #under__ .-company p{ padding: 0 0 2rem;}
  #footer__ #under__ .-company ul{ padding: 0;}
  #footer__ #under__ .-company ul li{ padding: 0 0 2rem 1rem; display: inline-block; font-size: 1.1rem;}

  /* main -------------------------------------*/
  [id^="main__"] { position:relative; font-size:1.6rem; background: #fbfbfb;}

  .inner{ max-width:1400px; min-width:800px; width:calc(90% + 6rem); padding:0; margin:0 auto; position:relative; }

  [class^="section___"] { width:100%; position:relative; transition: 0.6s; opacity:0; transform: translate(0, 10%);}
  [class^="section___"].active{ opacity:1; transform: translate(0, 0);}

  [class*="btn__"] { display:inline-block; text-align:center; padding: 1.5rem 3rem; min-width: 20rem; color:#333; font-weight: bold; background:#f5f5f5; font-size:1.4rem; line-height:1; position:relative; overflow:hidden; z-index: 1; border-radius:4rem; transition: 0.3s; border: 1px solid rgba(0,0,0,0.1);}
  [class*="btn__"]:hover{color: #fff; border: 1px solid rgba(0,0,0,0);}
  [class*="btn__"]::after{ z-index:-1; position: absolute; content:""; width:200%; height:0; left:0; bottom:-2rem; top:auto; background:#e32959; transition: 0.4s; transform: rotate(3deg);}
  [class*="btn__"]:hover::after{ height:300%; bottom: -2rem; }
  [class*="btn__"] svg{ width: 1.8rem; margin: 0 0.5rem 0 0; vertical-align: text-bottom; transition: 0.3s; }
  [class*="btn__"]:hover svg{ fill:#fff;}

  .btn__conv{ background:#ff9600; border: none; color: #fff;}
  .btn__conv:hover{border: none;}
  .btn__conv::after{ background:#ff6c00;}

  .btn__black{ background:#282839;}
  .btn__black:hover{}
  .btn__black::after{ background:#050a1a;}

  .btn__line{ background:rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.5);}
  .btn__line:hover{}
  .btn__line::after{ background:rgba(255,255,255,0.1);}

  .btn__linered{ background:rgba(255,255,255,0); border: 1px solid rgba(160,31,36,1); color: #A01F24;}
  .btn__linered:hover{}
  .btn__linered::after{ background:rgba(160,31,36,0.1);}

  .btn__red{ background:rgba(227,41,89,0.2); border: 1px solid rgba(227,41,89,0.3); color: rgba(227,41,89,1);}
  .btn__red:hover{}
  .btn__red::after{ background:rgba(227,41,89,1);}


  [class*="column__"] { display: flex; flex-wrap: wrap; width:100%; }
  [class*="column__"] .row{ position:relative;}

  .column__02 .row{ width:48.3%; margin:0 0 3% 3.4%;}
  .column__02 .row:nth-child(2n+1){ margin:0 0 3%;}

  .column__03 .row{ width:31.066%; margin:0 0 3% 3.4%;}
  .column__03 .row:nth-child(3n+1){ margin:0 0 3%;}

  .column__04 .row{ width:23.5%; margin:0 0 3% 2%;}
  .column__04 .row:nth-child(4n+1){ margin:0 0 3%;}

  .column__05 .row{ width:18%; margin:0 0 2% 2%;}
  .column__05 .row:nth-child(5n+1){ margin:0 0 2%;}

  .column__06 .row{ width:15%; margin:0 0 2% 2%;}
  .column__06 .row:nth-child(6n+1){ margin:0 0 2%;}

  [class*="table__"]{}
  [class*="table__"] dl{ border-bottom:1px solid #6a0f13; display: flex; flex-wrap: wrap; width:100%; }
  [class*="table__"] dl:first-child{}
  [class*="table__"] dl dt{ width:20%; padding:2rem 1rem;}
  [class*="table__"] dl dd{ width:80%; padding:2rem 1rem 2rem 0rem;}
  [class*="table__"] dl ul{ list-style:disc; margin:0 0 0 2rem;}
  [class*="table__"] dl ul li{ padding:0 0 0.5rem;}

  .section__ h2.-title { padding:0 0 4rem; text-align:center; position: relative; color: #111; font-size:2.5rem;}
  .section__ h2.-title.gf{ font-weight:500; font-size:2.8rem;}
  .section__ h2 small{ display:block; font-size:1.4rem; font-weight:normal; line-height:1.6;}

  .-under{ padding:10rem 0 0;}

  .path{ padding: 1rem 0; font-size: 1.1rem; background: rgba(0,0,0,0.03); color: #333; margin: 0 0 3rem;}
  .path a{ text-decoration: underline; color: #333;}
  .path a:hover{text-decoration: none;} 
  .path li{ padding:0 3rem 0 0; display: inline-block; position: relative;}
  .path li::after{position:absolute; right:1rem; top:calc(50% - 0.4rem); content: ""; width: 1rem; height: 1rem; border-top: 1px solid rgba(0,0,0,0.4); border-right: 1px solid rgba(0,0,0,0.4);transform: rotate(45deg); }
  .path li:last-child::after{ display:none;}

  .banner__{ padding: 2rem 0 ; position: relative;  background: #fff;}

  .-controller{ padding:2rem 0;}
  .-controller{ display: table; width: 100%;}
  .-controller .row{ display:table-cell; margin: 0; padding: 0; vertical-align: middle;}
  .-controller .-number{ color:#111; font-size: 1.2rem;}
  .-controller .-number strong{ font-size:2.5rem; color: #e32959; font-weight: 600; padding: 0 1rem;}
  .-controller .-pager{ text-align:center; font-size: 1.2rem;}
  .-controller .-pager a{ padding:0.5rem 1rem; color: #111; display:inline-block; margin:0 0.2rem; border-radius: 0.3rem; transition: 0.3s; vertical-align: bottom;}
  .-controller .-pager a.active{ background:rgba(0,0,0,0.3); border:none; color: #fff;}
  .-controller .-pager a:hover{ background:rgba(0,0,0,0.1);}
  .-controller .-pager .icon__prev, .-controller .-pager .icon__next{ width: 1rem; height: 2rem; display: block; position: relative;}
  .-controller .-pager .icon__next::after{ position: absolute; content: ""; top:0.5rem; right:0.3rem; width: 1rem; height: 1rem; display: block; border-top: 1px solid rgba(0,0,0,0.7); border-right: 1px solid rgba(0,0,0,0.7); transform: rotate(45deg); }
  .-controller .-pager .icon__prev::after{ position: absolute; content: ""; top:0.5rem; right:-0.2rem; width: 1rem; height: 1rem; display: block; border-top: 1px solid rgba(0,0,0,0.7); border-right: 1px solid rgba(0,0,0,0.7); transform: rotate(-135deg); }
  .-controller .-sort{ text-align: right;}
  .-controller .-sort .select::after{top:0.8rem;}


  .item_box{ position: relative; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); padding: 2.5rem; transition: 0.3s; color: #111; margin: 0 0 4rem;}
  .item_box:hover{ box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);}
  .item_box.-ofcmn::after{ position:absolute; z-index: 0; top:10%; right:-10rem; width: 10rem; height: 25rem; content: "";  display: block; background: url("../img/ofcmn_04.png") left top no-repeat; background-size:  100% auto; }

  .item_box h2{ font-size:2.3rem; padding: 1.5rem 25rem 1.5rem 2rem; margin: 0 0 3rem; border-top: 2px solid rgba(0,0,0,0.1); border-bottom: 2px dotted rgba(0,0,0,0.1); position: relative;}
  .item_box h2 span{ font-size: 1.2rem; position: absolute; top:-2rem; left: 1rem; font-weight: 500; padding: 1rem; background: #fff; display: inline-block;}
  .item_box .-guide{ position:absolute; top:3.8rem; right: 4rem; }
  .item_box .-guide a{ padding: 0.2rem 5rem; background: rgba(227,41,89,0.1); color: #e32959; border: 1px solid rgba(227,41,89,0.2); border-radius: 0.5rem; font-size: 1.4rem; font-weight: 500; display: block; transition: 0.3s;}
  .item_box .-guide a:hover{ background: rgba(227,41,89,0.2);}
  .item_box .-guide span{ font-weight:600; font-size: 1.8rem; padding: 0 0.3rem 0 0;}
  .item_box .column__02 { padding:0 0 3rem;}
  .item_box .column__02 .row{ margin:0; padding: 0;}
  .item_box .column__02 .-img{ width:30rem; text-align: center; vertical-align: middle;}
  .item_box .column__02 .-img img{ width: auto; max-height: 40rem; }
  .item_box .column__02 .-text{ width: calc(100% - 30rem); padding: 0 0 0 2rem;}
  .item_box .column__02 .-text h3{ font-size:2.2rem; padding: 1rem 1rem 1.5rem; }
  .item_box .column__02 .-text h3 a{ color:#111; transition: 0.3s;}
  .item_box .column__02 .-text h3 a:hover{ opacity: 0.7;}
  .item_box .column__02 .-text .-copy{ font-size:1.5rem; padding: 0 1rem 3rem;}
  .item_box .column__02 .-text .-info{ padding: 0 0 2rem; font-size: 1.3rem;}
  .item_box .column__02 .-text .-info dl{border-bottom:1px solid #e9e9e9; padding: 0.5rem 1rem; display: table; width: 100%;}
  .item_box .column__02 .-text .-info dl:first-child{border-top:1px solid #e9e9e9;}
  .item_box .column__02 .-text .-info dl:nth-child(2n + 1){ background:#fbfbfb;}
  .item_box .column__02 .-text .-info dl dt{ display:table-cell; width: 8rem; opacity: 0.7;}
  .item_box .column__02 .-text .link_ul{ font-size: 1.4rem;}
  .item_box .-recruiting{ font-size:1.8rem; padding: 0 0 2.5rem; text-align: center;}

  .item_box .table{ width:100%;}
  .item_box .table tr{}
  .item_box .table tr:last-child{ border:none;}

  .item_box .table thead{ background:#f5f5f5; color:#777; box-shadow:0 -1px 0 #e9e9e9 inset;}
  .item_box .table thead th{ font-weight:normal;font-size:1.1rem;text-align:center; padding:0.5em 0;}

  .item_box .table tbody tr{ cursor:pointer; transition: 0.3s ; box-shadow:0 -1px 0 #e9e9e9 inset;}
  .item_box .table tbody tr:nth-child(2n + 1){ background:#fbfbfb; }
  .item_box .table tbody tr:hover{ background:#ffebf1;}

  .item_box .table tbody td{ text-align:center; padding:1rem 0; vertical-align:middle; line-height:1.3; position:relative; font-size: 1.2rem; }
  .item_box .table tbody td span{ color:#777; font-size:1.1rem; display:block;font-weight:normal;}
  .item_box .table tbody td .gf{ font-weight:500; font-size: 1.5rem; padding: 0 0.2rem;}
  .item_box .table tbody td span .gf{ font-weight:500; font-size: 1.2rem;}
  .item_box .table tbody td .icon img{ width: 3.5rem; opacity: 0.6; transition: 0.3s;}
  .item_box .table tbody td .icon img:hover{ opacity:1;}
  .item_box .table tbody td .-active{ fill:#e32959;}

  .item_box .table .-address{ width:45%; text-align:left; padding: 1rem; }
  .item_box .table .-address li{ display:inline-block; vertical-align: middle; font-size: 1.2rem;}
  .item_box .table .-address img{ max-width:10rem; max-height: 10rem; padding: 0 1rem 0 0;}
  .item_box .table .-address li strong{ font-size: 1.4rem;}
  .item_box .table .-floor{ width:10%;}
  .item_box .table .-floor a{ text-decoration: underline;}
  .item_box .table .-area{ width:10%; color:#e32959;}
  .item_box .table .-rent{ width:15%;}
  .item_box .table .-fee{ width:11%;}
  .item_box .table .-deposit{ width:15%;}
  .item_box .table .-deposit .gf{ font-weight: 600;}
  .item_box .table .-usage{ width:22%;padding: 0 1rem 0 0;}
  .item_box .table .-usage small{ background:rgba(0,0,0,0.05); padding: 0.2rem 1rem; color: #222; border-radius: 3rem; margin: 0 0.6rem 0.5rem 0; font-size: 1.1rem; display: inline-block;}
  .item_box .table .-plan{ width:6%;}
  .item_box .table .-feature{ width:6%;}
  .item_box .table .-favorite{ width:5%; text-align: right;}
  .item_box .table .-favorite a svg{ width:2rem; display: block; margin: 0 2rem 0 auto;}
  .item_box .table .-period{ width:10%;}
  .item_box .table .-check{ width:6%;}
  .item_box .table .-btn{ width:20%; text-align: center; padding: 0 1rem;}
  .item_box .table .-btn li{ padding:0.2rem 0; display: block;}
  .item_box .table .-btn li [class*="btn__"]{ font-size:1.1rem; padding: 0.6rem 1rem; width: 100%; min-width: auto;}

  .item_box .table tbody td .icon{ padding:0.5rem; display:block;}
  .item_box .table tbody td .icon i{ font-size:2.4rem; color:#777;}
  .item_box .table tbody td .room{position: absolute;top:50px;left:80;width:200px;max-width:200px ;height: auto; z-index:100;display:none; box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
  .item_box .table tbody td small{ padding:0.1rem 0.3rem; font-size: 1.2rem;  background: rgba(0,0,0,0.0); border-radius: 2rem; margin: 0.2rem 0.2rem; display: inline-block;}
  .item_box .table tbody td .floor_icon{ width:3rem; }

  #-cookie{ position:fixed; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,0.9);  box-shadow: 2px 2px 5px rgba(0,0,0,0.4); color: #000; padding: 2rem 4rem; z-index: 999; }
  #-cookie dl{display: flex;}
  #-cookie dl dt{ width: 70%; font-size: 1.4rem;}
  #-cookie dl dd{ width: 30%; text-align: right;}

  /* top -------------------------------------*/
  #main__.top__{}
  #top__fv{ width:100%; height:60rem; padding: 10rem 0 0; position:relative; display:table; background: url("../img/bg_map.jpg") no-repeat center center; background-size: auto 100% ;}
  #top__fv .-text{ text-align: center; background:rgba(227,41,89,1); width: 100%; display: block; padding: 1rem; font-weight: bold;}
  #top__fv .-box{ position: relative; background: #fff; border-radius: 0.5rem; overflow: hidden; box-shadow: 0 0 1rem rgba(0,0,0,0.1); width:25%; min-width: fit-content; margin: 2rem auto 2rem 0; font-size: 1.4rem; z-index: 2; }
  #top__fv .-box li a{ padding:0.7rem 2rem; display: block; transition: 0.2s; color: #000;}
  #top__fv .-box li:nth-child(2n){ background:rgba(0,0,0,0.05);}
  #top__fv .-box li a:hover,#top__fv .-box li a.focus{ background:#ffdfe7; color:rgba(227,41,89,1);}
  #top__fv .-img{ position: relative; position: absolute; left: calc(50% - 30rem); top:-2rem; z-index: 0; }
  #top__fv .-request{ position: relative; position: absolute; right: 0; bottom:12rem; height: auto; background: #fff; border-radius: 0 0 0.5rem 0.5rem; padding:0 0 1rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); width:30rem; color: #000; text-align: center;}
  #top__fv .-request::after{ position:absolute; z-index: 0; top:-15rem; left:6rem; width: 18rem; height: 50rem; content: "";  display: block; background: url("../img/ofcmn_02.png") center top no-repeat; background-size: 100% auto; }
  #top__fv .-request strong{ color: rgba(227,41,89,1); background:rgba(227,41,89,0.15); text-align: center; display: block; font-size: 1.7rem; padding: 1.5rem 1rem 1rem; margin: 0 0 2rem;}
  #top__fv .-request ul{ width: 100%; text-align: center; padding: 0 1.5rem 1rem;}
  #top__fv .-request ul li{ background: rgba(0,0,0,0.05); font-weight: bold; border-radius: 3rem; font-size: 1.4rem; padding: 0.9rem; margin: 0 0 1rem; }
  #top__fv .-request p{ font-size:1.3rem; line-height: 1.4; padding: 0 0 2rem;}
  #top__fv .-pr{ position: relative; position: absolute; right: 0; bottom:0; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); width:30rem; font-size: 1.4rem; }
  #top__fv .-pr::after{ position:absolute; z-index: 2; top:-14.6rem; left:6rem; width: 18rem; height: 50rem; content: "";  display: block; background: url("../img/ofcmn_02.png") center top no-repeat; background-size: 100% auto; }
  #top__fv .-pr #swiper_pr{ height: 20rem; width: 100%; overflow: hidden; background: #333;}
  #top__fv .-pr #swiper_pr .swiper-wrapper{ transition-timing-function: linear;}
  #top__fv .-pr #swiper_pr .swiper-wrapper .swiper-slide{ height: 20rem; width: 100%; background-size: cover; background-position: bottom;}
  #top__fv .-pr a{ color:#000; display: block; padding: 1.5rem; position: relative; z-index: 3;}
  #top__fv .-pr a small{ font-size:1.2rem; line-height: 1.4; display: block; padding: 0 0 1rem;}
  #top__fv .-pr a span{text-align:center; display: block;}
  #top__fv .-pr a i{ background: rgba(227,41,89,1); color: #fff; padding: 0.3rem 1rem 0.3rem 1.3rem; font-size: 1.1rem; letter-spacing:0.25rem; margin: 0 0.7rem 0 0; vertical-align: middle;}
  #top__fv .-pr a img{ width:13rem;}

  /* recommend__ -------------------------------------*/
  #recommend__{ padding: 5rem 0; text-align: left;}
  #recommend__ .-card{ position: relative; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); overflow: hidden; transition: 0.3s;}
  #recommend__ .-card:hover{ box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);}
  #recommend__ .-card a{ color: #111;}
  #recommend__ .-card .-category{ position:absolute; font-size: 1.1rem; left: 1rem; top:1rem; width: calc(100% - 2rem); z-index: 2;}
  #recommend__ .-card .-category span{ background:rgba(255,255,255,1); padding: 0.1rem 0.7rem; color: #e32959; border-radius: 3rem; margin: 0 0 0.3rem 0.2rem; display: inline-block;}
  #recommend__ .-card .-image{ height: 22vw; min-height: 25rem; overflow: hidden; background: #fbfbfb; text-align-last: center; position: relative;}
  #recommend__ .-card .-image img{ position: absolute; bottom:0;}
  #recommend__ .-card .-area{ text-align: center; padding: 0.5rem 0;  width: 100%; background: #f5f5f5; font-size: 1.2rem;} 
  #recommend__ .-card .-text { padding: 1.5rem;}
  #recommend__ .-card .-text .copy{ font-size:1.4rem; line-height: 1.5; padding: 0 0 1rem;}
  #recommend__ .-card .-text .op{ font-size:1.2rem;}
  #recommend__ .-card .-text .op strong{ margin: 0 1rem 0 0; color:#e32959; }
  #recommend__ .-card .-text .op span{ margin: 0 0.3rem 0 0;}
  #recommend__ .-card .-text .op .gf{ font-weight: 600; font-size:2rem;}
  #recommend__ .-card .-text .price{ font-size:1.1rem;}
  #recommend__ .-card .-text .price .pp{ background:#f5f5f5; padding: 0.1rem 1rem; border-radius: 0.3rem; color: #777;}
  #recommend__ .-card .-text .price .gf{ font-weight: 600; font-size:1.4rem; padding: 0 0.3rem;}

  /* blog__ -------------------------------------*/
  #blog__{ width:100%; padding: 5rem 0; background: #fff;}
  #blog__ .column__03 a{ color:#111;}
  #blog__ dl dt{ padding: 0 0 1rem; position: relative;}
  #blog__ dl dd{ }
  #blog__ dl dd h3{ padding: 0 0 1rem; font-size: 1.6rem; font-weight: 500; line-height: 1.7;}
  #blog__ dl dd p { font-size:1.3rem; padding: 0 0 1.5rem; }
  #blog__ dl dd small { font-size:1.2rem; opacity: 0.5;}

  /* search__ -------------------------------------*/
  #search__{}
  #search__ .inner{ max-width:110rem;}
  #search__ .accordion{background: rgba(0,0,0,0.02); border-radius: 0.5rem; overflow: hidden; color: #111; border: 1px solid rgba(0,0,0,0.1); margin: 0 0 2rem;}
  #search__ .accordion > dt{ text-align:left; padding: 2rem 3rem; }
  #search__ .accordion > dt .column__03 .row{ margin:0;}
  #search__ .accordion > dt .column__03 .row:first-child{ font-size: 1.3rem; width: 13rem; font-weight: bold;}
  #search__ .accordion > dt .column__03 .row:nth-child(2){ font-size: 1.4rem; width: calc(100% - 33rem); padding: 0 0 0 2rem; border-left: 1px solid rgba(0,0,0,0.1);}
  #search__ .accordion > dt .column__03 .row:last-child{ font-size: 1.3rem; width: 20rem; }
  #search__ .accordion > dt .column__03 .-select span{ padding: 0.2rem 1.2rem; font-size: 1.2rem; background: #e9e9e9; border-radius: 2rem; margin: 0 0.2rem 0.6rem; display: inline-block;}
  #search__ .accordion > dd{ padding:3rem; display: none;}
  #search__ .accordion > dd dl{border-bottom:1px solid #e9e9e9; padding: 1rem 2rem; display: table; width: 100%; font-size: 1.4rem;  background:rgba(255,255,255,1); }
  #search__ .accordion > dd dl:first-child{border-top:1px solid #e9e9e9;}
  #search__ .accordion > dd dl:nth-child(2n + 1){ background:rgba(255,255,255,0.6);}
  #search__ .accordion > dd dl dt{ display:table-cell; width: 18rem; }
  #search__ .accordion > dd .-btn{ padding:3rem 0 0; text-align: center;}
  #search__ .accordion > dd .-btn .btn__{ background:#fff;}
  #search__ .accordion .line li{ display: inline-block; padding: 0.5rem 1rem;}

  /* result__ -------------------------------------*/
  #result__{}
  #result__ .inner{ max-width:110rem;}

  /* building__ -------------------------------------*/
  #building__{}
  #building__ .inner{ max-width:110rem;}
  #building__ .item_box h1{ font-size:2.3rem; padding: 1.5rem 25rem 1.5rem 2rem; margin: 0 0 3rem; border-top: 2px solid rgba(0,0,0,0.1); border-bottom: 2px dotted rgba(0,0,0,0.1); position: relative;}
  #building__ .item_box h1 span{ font-size: 1.2rem; position: absolute; top:-2rem; left: 1rem; font-weight: 500; padding: 1rem; background: #fff; display: inline-block;}
  #building__ .item_box .column__02 .-slide{ width:45rem; overflow: hidden;  text-align: center;}
  #building__ .item_box .column__02 .-slide .swiper-main{ background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.1); padding: 1.5rem; border-radius: 0.5rem; margin: 0 0 1rem;}
  #building__ .item_box .column__02 .-slide .swiper-thumb{ padding: 1rem 0;}
  #building__ .item_box .column__02 .-slide img{ max-height:45rem;}
  #building__ .item_box .column__02 .-text{ width: calc(100% - 45rem); padding: 0 0 0 2rem;}
  #building__ .item_box .column__02 .-text .-info dl dt{ display:table-cell; width: 12rem; opacity: 0.7;}

  /* floor__ -------------------------------------*/
  #-floor main{ background:#fff; color: #111;}
  #floor__{ min-height:90vh; padding: 0 0 0;}
  #floor__ .inner{ max-width:110rem;}
  #floor__ h1{ color:#111;font-size: 3rem; padding: 0 0 2rem;}
  #floor__  .-category{ font-size: 1.2rem; padding: 0 0 1rem;}
  #floor__  .-category span{ background:rgba(0,0,0,0.03); padding: 0.2rem 1rem; color: #666; border-radius: 3rem; margin: 0 0.6rem 0.3rem 0; display: inline-block;}
  #floor__  .-category .-feature{  background: rgba(227,41,89,0.15); font-weight: bold; padding-left: 2.5rem; padding-right: 2.5rem; border: 1px solid rgba(227,41,89,0.2); color: rgba(227,41,89,1); text-align: center;}

  #floor__ .-slide { width:100%; text-align: center; padding: 0 0 4rem;}
  #floor__ .-slide .swiper-main{ width:100%; background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.1); padding: 1.5rem; border-radius: 0.5rem; margin: 0 0 2rem; }
  #floor__ .-slide .swiper-main img{ max-height:50rem;}
  #floor__ .-slide .swiper-thumb{ margin: 0 0 2rem; overflow: hidden;}
  #floor__ .-slide ol li{ display:inline-block; padding: 0 0.5rem;}

  #floor__ .-detail .column__02{ }
  #floor__ .-detail .row{ margin:0;}
  #floor__ .-detail .-info{ width: 70%; padding: 0 4rem 6rem 0; order: 1;}
  #floor__ .-detail .-info .-copy{ font-size:1.8rem; font-weight: 500; padding: 0 0 3rem;}
  #floor__ .-detail .-info h2{ font-size:1.6rem; padding:0 0 1.5rem;}
  #floor__ .-detail .-info dl{ border-bottom:1px solid #e9e9e9; padding: 1rem 1.5rem; display: table; width: 100%; font-size: 1.5rem; }
  #floor__ .-detail .-info dl:first-child{border-top:1px solid #e9e9e9;}
  #floor__ .-detail .-info dl:nth-child(2n + 1){ background:#fbfbfb;}
  #floor__ .-detail .-info dl dt{ display:table-cell; width: 15rem; opacity: 0.7; font-weight: 500;font-size: 1.4rem; }
  #floor__ .-detail .-info ul{ font-size: 0; margin: 0; padding: 0;}
  #floor__ .-detail .-info ul li{ width: calc(49.5% - 0.3rem); padding: 0.5rem; margin: 0 0 0.6rem 0.6rem; display: inline-block; font-size: 1.4rem; text-align: center; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.1); border-radius: 0.5rem;}
  #floor__ .-detail .-info ul li:nth-child(2n + 1){ margin: 0 0 0.6rem;}
  #floor__ .-detail .-info ul li.-none{ opacity:0.7; border: 1px dotted rgba(0,0,0,0.4);}
  #floor__ .-detail .-info .-feature_box{ background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.05); border-radius: 0.5rem; margin: 0 0 4rem; padding: 1.2rem 2rem;}
  #floor__ .-detail .-info .-feature_box dt{ font-size: 2rem; vertical-align: middle; color: rgba(227,41,89,1); opacity: 1;}
  #floor__ .-detail .-info .-feature_box dd strong{  color: rgba(227,41,89,1); font-size: 2rem;}

  #floor__ .-detail .-conv{ width: 30%; order: 2;}
  #floor__ .-detail .-conv .-frame{ background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 0.5rem;  padding: 2.5rem 2.5rem; overflow: hidden; transition: 0.3s; color: #111;  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);}
  #floor__ .-detail .-conv .-frame .op{ font-size:1.2rem; font-weight: 500; padding: 0 0 1.5rem; width: 100%;}
  #floor__ .-detail .-conv .-frame .op strong { margin: 0 0 0; font-size: 2.6rem;}
  #floor__ .-detail .-conv .-frame .op small{ font-size: 1.4rem; opacity: 0.7; padding: 0 0.3rem; }
  #floor__ .-detail .-conv .-frame .op .gf{ font-weight: 600; padding: 0 0.2rem;}

  #floor__ .-detail .-conv .-frame .price{ padding: 0 0 2rem;}
  #floor__ .-detail .-conv .-frame .price dl{ display: table; width: 100%; padding: 1.2rem; border-bottom:1px solid #e9e9e9;}
  #floor__ .-detail .-conv .-frame .price dl:first-child{border-top:1px solid #e9e9e9;}
  #floor__ .-detail .-conv .-frame .price dl:nth-child(2n + 1){ background:#fbfbfb;}
  #floor__ .-detail .-conv .-frame .price dl dt{ display:table-cell; width: 30%;  font-size: 1.4rem; opacity: 0.7; font-weight: 500; vertical-align: middle;}
  #floor__ .-detail .-conv .-frame .price dl dd{ display:table-cell; width: 70%; text-align: right; line-height: 1.2; font-size: 1.3rem; }
  #floor__ .-detail .-conv .-frame .price dl dd small{ display:block; font-size: 1.1rem; opacity: 0.7;}
  #floor__ .-detail .-conv .-frame .price .gf{ font-weight: 500; font-size:120%; padding: 0 0.3rem;}
  #floor__ .-detail .-conv .-frame .-btn{ text-align: center;}
  #floor__ .-detail .-conv .-frame .-btn li{ padding:0 0 1.5rem;}
  #floor__ .-detail .-conv .-frame .-btn li .btn__conv{ width:100%; font-size: 1.6rem; padding: 2rem;}
  #floor__ .-detail .-conv .-frame .-btn li small{ display: block; font-size: 1.2rem; padding: 0 0 1rem; line-height: 1.3;}
  #floor__ .-detail .-conv .-frame .-btn li .btn__{ font-size:1.2rem; padding: 1.1rem;}

  /* inquiry__ -------------------------------------*/
  #inquiry__{}
  #inquiry__ .inner{ max-width:90rem;}
  #inquiry__ .-title { padding:0 0 3rem;}
  #inquiry__ .-title h1{ color: #000; font-size: 2.6rem; position: relative;}
  #inquiry__ .-title ul{ position: absolute; right:0; top:0;}
  #inquiry__ .-title ul li{ padding: 0.5rem 2rem; font-size: 1.2rem; border-radius: 0.5rem; background: rgba(0,0,0,0.04); color: #777; display: inline-block; margin: 0 0 0 3rem; position: relative;}
  #inquiry__ .-title ul li.on{ background: rgba(227,41,89,0.15); color: rgba(227,41,89,1);}
  #inquiry__ .-title ul li::after{position:absolute; right:-1.8rem; top:calc(50% - 0.4rem); content: ""; width: 1rem; height: 1rem; border-top: 1px solid rgba(0,0,0,0.4); border-right: 1px solid rgba(0,0,0,0.4);transform: rotate(45deg); }
  #inquiry__ .-title ul li:last-child::after{ display:none;}

  #inquiry__ h2{ font-size:1.6rem; padding: 0.1rem 1rem; margin: 0 0 1.5rem; border: none; border-left:0.4rem solid rgba(227,41,89,1);}
  #inquiry__ .table{ margin: 0 0 4rem;}
  #inquiry__ .-list { margin: 0 0 2rem;}
  #inquiry__ .-list dl{ border-bottom:1px solid #e9e9e9; padding: 1rem 1.5rem; display: table; width: 100%; font-size: 1.5rem; }
  #inquiry__ .-list dl:first-child{border-top:1px solid #e9e9e9;}
  #inquiry__ .-list dl:nth-child(2n + 1){ background:#fbfbfb;}
  #inquiry__ .-list dl dt{ position: relative; display:table-cell; width: 20rem; opacity: 0.7; font-weight: 500;font-size: 1.4rem; vertical-align: top; }
  #inquiry__ .-list dl dt span{ font-size: 1rem; color: rgba(227,41,89,1); margin: 0 0 0 1rem; padding: 0.2rem 0.8rem; line-height: 1; border: 1px solid rgba(227,41,89,0.5); background: rgba(227,41,89,0.05); border-radius: 0.5rem; }
  #inquiry__ .-list dl dd li{display:inline-block; padding: 0 1rem 0.5rem 0;;}
  #inquiry__ .-list dl dd .error{ color:red;}

  /* my__ -------------------------------------*/
  #my__{}
  #my__ .inner{ max-width:110rem; min-height: 70vh;}
  #my__ .table{ margin: 0 0 4rem;}
  #my__ .-title { padding:0 0 3rem;}
  #my__ .-title h1{ color: #000; font-size: 2.6rem; position: relative;}
  #my__ .-title p{ position: absolute; right:0; top:1rem; font-size: 1.4rem; color: #333;}
  #my__  .item_box .table tbody tr:hover{ background:none;}
  #my__ .item_box .table .-address{ max-width:27%;}
  #my__ .item_box .table .-address img{ max-width:8rem; max-height: 8rem;}
  #my__ .item_box .table .-rent{ max-width:10%;}
  #my__ .item_box .table .-end{ padding:2rem; font-size: 1.4rem;}
  #my__ .collect{ background: rgba(0,0,0,0.04); color: #444; padding: 2rem; border-radius: 0.5rem; margin: 0 0 2rem;}
  #my__ .collect dl{ display: table; width: 100%;}
  #my__ .collect dt{ display: table-cell;}
  #my__ .collect dd{ text-align: right; display: table-cell;}
  #my__ .collect dd .gf{ font-size:2rem; font-weight: 600; margin: 0 0.3rem;}
  #my__ .collect dd .btn__conv{ margin:0 0 0 2rem; vertical-align: middle;}
  #my__ .attention{ background: rgba(0,0,0,0.04); color: #444; padding: 2rem; font-size: 1.4rem; border-radius: 0.5rem;}


  /* トップ イメージマップ */
  .map_img_wrap .map_area_wrap p{
		display: none;
		position: absolute;
		z-index: 2;
		pointer-events: none;
		background: #FFFFFF;
		color: #dc2049;
		padding: 5px 8px;
		border-radius: 10px;
		font-size: 1.2rem;
		font-weight: bold;
		white-space: nowrap;
	}
	.map_img_wrap .map_area_wrap:hover p{
		display: block;
	}
	.map_img_wrap .map_area_wrap p::after{
		content: '';
		display: block;
		width: 2rem;
		height: 2rem;
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: -0.5rem;
		background: #FFFFFF;
		transform: rotate(45deg);
		z-index: -1;
	}
	.map_area_wrap.area01 p{ top: 37rem; left: 23.5rem; }
	.map_area_wrap.area02 p{ top: 45rem; left: 19.5rem; }
	.map_area_wrap.area03 p{ top: 39rem; left: 15rem; }
	.map_area_wrap.area04 p{ top: 41.5rem; left: 24rem; }
	.map_area_wrap.area05 p{ top: 23rem; left: 14rem; }
	.map_area_wrap.area06 p{ top: 16.5rem; left: 28rem; }
	.map_area_wrap.area07 p{ top: 25.5rem; left: 35rem; }
	.map_area_wrap.area08 p{ top: 12rem; left: 27rem; }
	.map_area_wrap.area09 p{ top: 21rem; left: 49rem; }
	.map_area_wrap.area10 p{ top: 33rem; left: 32rem; }
	.map_area_wrap.area11 p{ top: 5rem; left: 37rem; }
	.map_area_wrap.area12 p{ top: 34rem; left: 7rem; }
	.map_area_wrap.area13 p{ top: 8rem; left: 13.5rem; }
}


@media screen and (max-width:980px) {

  .sp{ display:inline;}
  .pc{ display:none !important;}

  .mb_ss{ margin-bottom:1rem !important;}
  .mb_s{ margin-bottom:2rem !important;}
  .mb_m{ margin-bottom:3rem !important;}
  .mb_l{ margin-bottom:4rem !important;}
  .mb_xl{ margin-bottom:8rem !important;}
  .mr_m{ margin-right:3rem !important;}
  .mr_s{ margin-right:2rem !important;}
  .mt_ss{ margin-top:1rem !important;}

  .pt_ss{ padding-top:2rem !important;}
  .pt_s{ padding-top:9rem !important;}
  .pt_l{ padding-top:10rem !important;}

  .font_s{ font-size:1.2rem !important;}
  .font_m{ font-size:1.6rem !important;}
  .font_l{ font-size:2.5rem !important;}
  .font_xl{ font-size:3.5rem !important;}
  .font_xxl{ font-size:4.5rem !important;}
  .bigger{ font-size:150% !important;}

  /* header__ -------------------------------------*/
  [id^="header__"] { width:100%; position: relative; background: #fff; color:#111; z-index:888; box-shadow: 0 0 3px rgba(0,0,0,0.2);}
  [id^="header__"] .inner{ width:100%;}
  [id^="header__"] .cnav{ display: none !important;}
  [id^="header__"] .-column{ display: table; width: 100%;}
  [id^="header__"] .-column .row{ display: table-cell; vertical-align: middle; padding: 0.8rem 0;}
  [id^="header__"] .-logo{ position: relative; width: 60%;}
  [id^="header__"] .-logo .area{ position:absolute; background: #e32959; color: #fff; font-size: 1rem; padding: 0.3rem 1rem 0.3rem 1.3rem; line-height: 1; display: block;letter-spacing:0.3rem; top: 0; left: 0;}
  [id^="header__"] .-logo img{  padding: 1.5rem 0 0 1.2rem; width: 13rem; z-index: 3; position: relative;}
  [id^="header__"] .-property{ display: none !important;}
  [id^="header__"] .-nav{ width: 40%;}
  [id^="header__"] .-nav ul{ text-align: right; padding: 0 1rem 0 0;}
  [id^="header__"] .-nav ul li{ display: inline-block; text-align: center; position: relative; padding: 0 0.5rem; font-size: 1rem;}
  [id^="header__"] .-nav ul li svg{ height: 2.3rem; display: block; margin: 0 auto;}
  [id^="header__"] .-nav ul li span{ position: relative; position: absolute; left: calc(50% + 0.5rem); top:0; z-index: 2; display: block; width: 2rem; text-align: center;}
  [id^="header__"] .-nav ul li span::before{ position:absolute; content: ""; left:0; top:-0.17rem; background: #e32959; display: block; height: 2rem; width: 2rem; border-radius: 100%; opacity: 0.9; z-index: -1;}
  [id^="header__"] .-nav ul li a{ color:#666; transition: 0.3s; }
  [id^="header__"] .-nav ul li a span{ color:#fff;}
  [id^="header__"] .-nav ul li a svg { fill:#666; transition: 0.3s; }
  [id^="header__"] .-btn{  display: none !important;}
  [id^="header__"] .-act{ text-align: center; font-size: 1.2rem; padding: 0.5rem; color: #e32959; background: rgba(227,41,89,0.1); display: none;}

  /* footer -------------------------------------*/
  [id^="footer__"] { width:100%; background: #111; color: #fff;  font-weight:100; padding:0 0 6rem; position:relative; font-size:1.3rem;}
  [id^="footer__"] a{ color:#fff; transition: 0.4s;}

  #footer__ #upper__{ padding:1rem 0; background: #333; text-align:right;}
  #footer__ #upper__ dl{ position: relative; display: block;  width: 100%; font-size: 1rem;}
  #footer__ #upper__ dl dt{ font-size: 1.1rem; line-height: 1.4;  width: 100%; text-align: right; padding: 0 0 0; }
  #footer__ #upper__ dl dt strong{ font-weight: normal; }
  #footer__ #upper__ dl dt img{ position:absolute; left: 1rem; bottom: -1rem; width: 12rem; z-index: 4;}
  #footer__ #upper__ dl dd{line-height: 1.3;}
  #footer__ #upper__ .gf{ font-size: 2.8rem; font-weight: 600; display: block;}

  #footer__ #under__{ padding:3rem 0 0;}

  #footer__ #under__ .column__03{ width:100%; display: block;}
  #footer__ #under__ .row{ margin: 0;}
  #footer__ #under__ .row h5{ font-size: 1.5rem; padding: 0 0 1rem; font-weight: normal;}

  #footer__ #under__ .-logo { width:13rem; margin: 0 auto 3rem;}
  #footer__ #under__ .-nav{ width: 100%; padding: 0 0 2rem;}
  #footer__ #under__ .-nav p{ font-weight:500; font-size: 1.3rem; padding: 0 0 0.5rem; text-align: center;}
  #footer__ #under__ .-nav ul{ display:block; padding: 0 0 1.5rem; text-align: center;}
  #footer__ #under__ .-nav ul li{ display:inline-block; padding: 0 1rem 0.1rem 0; font-size: 1.2rem;}
  #footer__ #under__ .-company{ width:100%; text-align: center;}
  #footer__ #under__ .-company img{ width:6rem; padding: 0 0 2rem;}
  #footer__ #under__ .-company p{ padding: 0 0 1rem;}
  #footer__ #under__ .-company ul{ padding: 0;}
  #footer__ #under__ .-company ul li{ padding: 0 0.5rem 1rem; display: inline-block; font-size: 1.1rem;}

  /* main -------------------------------------*/
  [id^="main__"] { position:relative; font-size:1.4rem; min-height:80vh; width: 100%;}

  .inner,
  .inner_small{ width:92%; margin:0 auto; position:relative; }

  [class^="section___"] { width:100%; position:relative; transition: 0.6s; opacity:0; transform: translate(0, 10%);}
  [class^="section___"].active{ opacity:1; transform: translate(0, 0);}

  [class*="btn__"] { display:inline-block; text-align:center; padding: 1.5rem 3rem; min-width: 20rem; color:#333; font-weight: bold; background:#f5f5f5; font-size:1.4rem; line-height:1; position:relative; overflow:hidden; z-index: 1; border-radius:4rem; transition: 0.3s; border: 1px solid rgba(0,0,0,0.1);}
  [class*="btn__"]:hover{color: #fff; border: 1px solid rgba(0,0,0,0);}
  [class*="btn__"]::after{ z-index:-1; position: absolute; content:""; width:200%; height:0; left:0; bottom:-2rem; top:auto; background:#e32959; transition: 0.4s; transform: rotate(3deg);}
  [class*="btn__"]:hover::after{ height:300%; bottom: -2rem; }
  [class*="btn__"] svg{ width: 1.8rem; margin: 0 0.5rem 0 0; vertical-align: text-bottom; transition: 0.3s; }
  [class*="btn__"]:hover svg{ fill:#fff;}

  .btn__conv{ background:#ff9600; border: none; color: #fff;}
  .btn__conv:hover{border: none;}
  .btn__conv::after{ background:#ff6c00;}

  .btn__black{ background:#282839;}
  .btn__black:hover{}
  .btn__black::after{ background:#050a1a;}

  .btn__line{ background:rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.5);}
  .btn__line:hover{}
  .btn__line::after{ background:rgba(255,255,255,0.1);}

  .btn__linered{ background:rgba(255,255,255,0); border: 1px solid rgba(160,31,36,1); color: #A01F24;}
  .btn__linered:hover{}
  .btn__linered::after{ background:rgba(160,31,36,0.1);}

  .btn__red{ background:rgba(227,41,89,0.2); border: 1px solid rgba(227,41,89,0.3); color: rgba(227,41,89,1);}
  .btn__red:hover{}
  .btn__red::after{ background:rgba(227,41,89,1);}

  [class*="column__"] { display: flex; flex-wrap: wrap; width:100%; }
  [class*="column__"] .row{ position:relative;}

  .column__02 .row{ width:48.3%; margin:0 0 3% 3.4%;}
  .column__02 .row:nth-child(2n+1){ margin:0 0 3%;}

  .column__03 .row{ width:31.066%; margin:0 0 3% 3.4%;}
  .column__03 .row:nth-child(3n+1){ margin:0 0 3%;}

  .column__04 .row{ width:48.3%; margin:0 0 3% 3.4%;}
  .column__04 .row:nth-child(2n+1){ margin:0 0 3%;}

  .column__06 .row{ width:15%; margin:0 0 2% 2%;}
  .column__06 .row:nth-child(6n+1){ margin:0 0 2%;}

  .bg_lightgray{ background:#f9f9f9;}
  .bg_gradient{ background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); }

  [class*="table__"]{}
  [class*="table__"] dl{ border-bottom:1px solid #6a0f13; display: flex; flex-wrap: wrap; width:100%; }
  [class*="table__"] dl:first-child{}
  [class*="table__"] dl dt{ width:100%; padding:1rem;}
  [class*="table__"] dl dd{ width:100%; padding:1rem 1rem 1rem 0rem;}
  [class*="table__"] dl ul{ list-style:disc; margin:0 0 0 2rem;}
  [class*="table__"] dl ul li{ padding:0 0 0.5rem;}

  .section__ h2.-title { padding:0 0 2rem; text-align:center; position: relative; color: #111; font-size:2rem;}
  .section__ h2.-title.gf{ font-weight:500; font-size:2.8rem;}
  .section__ h2 small{ display:block; font-size:1.4rem; font-weight:normal; line-height:1.6;}

  .-under{ padding:0 0;}

  .path{ padding: 0.7rem 0; font-size: 0.8rem; letter-spacing:-0.05rem; background: rgba(0,0,0,0.03); color: #333; margin: 0; display:flex; overflow-x: scroll; word-break: keep-all; white-space: nowrap;}
  .path a{ color: #333;}
  .path a:hover{} 
  .path li{ padding:0 2rem 0 0; display: inline-block; position: relative;}
  .path li::after{position:absolute; right:0.4rem; top:calc(50% - 0.2rem); content: ""; width: 0.7rem; height: 0.7rem; border-top: 1px solid rgba(0,0,0,0.4); border-right: 1px solid rgba(0,0,0,0.4);transform: rotate(45deg); }
  .path li:last-child::after{ display:none;}

  .banner__{ padding: 2rem 0 ; position: relative;  background: #fff; width: 100%; overflow: hidden;}

  .-controller{ margin:2rem 0;}
  .-controller{ display: block; width: 100%; position: relative;}
  .-controller .row{ margin: 0; padding: 0; vertical-align: middle;}
  .-controller .-number{ color:#111; width: 100%; font-size: 1.2rem; padding: 0 0 2rem;}
  .-controller .-number strong{ font-size:2rem; color: #e32959; font-weight: 600; padding: 0 0.5rem;}
  .-controller .-pager{ text-align:center; font-size: 1.2rem;}
  .-controller .-pager a{ padding:0.5rem 1rem; color: #111; display:inline-block; margin:0 0.2rem; border-radius: 0.3rem; transition: 0.3s; vertical-align: bottom;}
  .-controller .-pager a.active{ background:rgba(0,0,0,0.3); border:none; color: #fff;}
  .-controller .-pager a:hover{ background:rgba(0,0,0,0.1);}
  .-controller .-pager .icon__prev, .-controller .-pager .icon__next{ width: 1rem; height: 2rem; display: block; position: relative;}
  .-controller .-pager .icon__next::after{ position: absolute; content: ""; top:0.5rem; right:0.3rem; width: 1rem; height: 1rem; display: block; border-top: 1px solid rgba(0,0,0,0.7); border-right: 1px solid rgba(0,0,0,0.7); transform: rotate(45deg); }
  .-controller .-pager .icon__prev::after{ position: absolute; content: ""; top:0.5rem; right:-0.2rem; width: 1rem; height: 1rem; display: block; border-top: 1px solid rgba(0,0,0,0.7); border-right: 1px solid rgba(0,0,0,0.7); transform: rotate(-135deg); }
  .-controller .-sort{ text-align: right; position: absolute; top:0.3rem; right: 0;}
  .-controller .-sort .select::after{ top:0.6rem;}

  .item_box{ position: relative; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); padding: 0; overflow: hidden; transition: 0.3s; color: #111; margin: 0 0 2rem;}
  .item_box:hover{ box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);}

  .item_box h2{ font-size:2.3rem; padding: 1.5rem 25rem 1.5rem 2rem; margin: 0 0 3rem; border-top: 2px solid rgba(0,0,0,0.1); border-bottom: 2px dotted rgba(0,0,0,0.1); position: relative;}
  .item_box h2 span{ font-size: 1.2rem; position: absolute; top:-2rem; left: 1rem; font-weight: 500; padding: 1rem; background: #fff; display: inline-block;}
  .item_box .-guide{ position:absolute; top:0.5rem; right: 0.5rem; }
  .item_box .-guide a{ padding: 0 0.8rem; background: rgba(227,41,89,0.1); color: #e32959; border: 1px solid rgba(227,41,89,0.2); border-radius: 0.5rem; font-size: 1rem; font-weight: 500; display: block; transition: 0.3s;}
  .item_box .-guide a:hover{ background: rgba(227,41,89,0.2);}
  .item_box .-guide span{ font-weight:600; font-size: 1.3rem; padding: 0 0.3rem 0 0;}
  .item_box .column__02 { padding:0 1.5rem 3rem;}
  .item_box .column__02 .row{ margin:0; padding: 0;}
  .item_box .column__02 .-img{ width:30%; text-align: center; vertical-align: middle;}
  .item_box .column__02 .-img img{ width: auto; max-height: 40rem; }
  .item_box .column__02 .-text{ width: 70%; padding: 0 0 0 1.5rem;}
  .item_box .column__02 .-text h3{ font-size:1.4rem; padding: 0 0 1.5rem; }
  .item_box .column__02 .-text h3 a{ color:#111; transition: 0.3s;}
  .item_box .column__02 .-text h3 a:hover{ opacity: 0.7;}
  .item_box .column__02 .-text .-copy{ font-size:1.4rem; padding: 0 0 2rem;}
  .item_box .column__02 .-text .-info{ padding: 0 0 2rem; font-size: 1.3rem;}
  .item_box .column__02 .-text .-info dl{border-bottom:1px solid #e9e9e9; padding: 0.5rem 1rem; display: table; width: 100%;}
  .item_box .column__02 .-text .-info dl:first-child{border-top:1px solid #e9e9e9;}
  .item_box .column__02 .-text .-info dl:nth-child(2n + 1){ background:#fbfbfb;}
  .item_box .column__02 .-text .-info dl dt{ display:table-cell; width: 8rem; opacity: 0.7;}
  .item_box .column__02 .-text .link_ul{ font-size: 1.4rem;}
  .item_box .-recruiting{ font-size:1.5rem; padding: 0 0 1rem; text-align: center;}

  .item_box .table{ width:100%;}
  .item_box .table tr{}
  .item_box .table tr:last-child{ border:none;}

  .item_box .table thead{ background:#f5f5f5; color:#777; box-shadow:0 -1px 0 #e9e9e9 inset;}
  .item_box .table thead th{ font-weight:normal;font-size:1.1rem;text-align:center; padding:0.5em 0;}

  .item_box .table tbody tr{ cursor:pointer; transition: 0.3s ; box-shadow:0 -1px 0 #e9e9e9 inset;}
  .item_box .table tbody tr:nth-child(2n + 1){ background:#fbfbfb; }
  .item_box .table tbody tr:hover{ background:#ffebf1;}

  .item_box .table tbody td{ text-align:center; padding:1rem 0; vertical-align:middle; line-height:1.3; position:relative; font-size: 1rem; }
  .item_box .table tbody td span{ color:#777; font-size:1rem; display:block;font-weight:normal;}
  .item_box .table tbody td .gf{ font-weight:500; font-size: 1.2rem; padding: 0 0.2rem;}
  .item_box .table tbody td span .gf{ font-weight:500; font-size: 1rem;}

  .item_box .table .-address{ width:40%; text-align:left; padding: 1rem; }
  .item_box .table .-address li{ display:inline-block; vertical-align: middle; font-size: 1rem;}
  .item_box .table .-address img{display: none;}
  .item_box .table .-address li strong{ font-size: 1.3rem;}
  .item_box .table .-floor{ width:10%;}
  .item_box .table .-floor a{ text-decoration: underline;}
  .item_box .table .-area{ width:10%; color:#e32959;}
  .item_box .table .-rent{ width:15%;}
  .item_box .table .-fee{ width:11%;}
  .item_box .table .-deposit{ width:15%;}
  .item_box .table .-deposit .gf{ font-weight: 600;}
  .item_box .table .-usage{ display: none;}
  .item_box .table .-plan{ display: none;}
  .item_box .table .-feature{ display: none;}
  .item_box .table .-favorite{ display: none;}
  .item_box .table .-favorite a svg{ width:2rem; display: block; margin: 0 2rem 0 auto;}
  .item_box .table .-period{ display: none;}
  .item_box .table .-check{ width:6%; padding: 0 0.5rem 0 1rem;}
  .item_box .table .-btn{ width:20%; text-align: center; padding: 0 1rem;}
  .item_box .table .-btn li{ padding:0.2rem 0; display: block;}
  .item_box .table .-btn li [class*="btn__"]{ font-size:1.1rem; padding: 0.6rem 1rem; width: 100%; min-width: auto;}

  .item_box .table tbody td .icon{ padding:0.5rem; display:block;}
  .item_box .table tbody td .icon i{ font-size:2.4rem; color:#777;}
  .item_box .table tbody td .room{position: absolute;top:50px;left:80;width:200px;max-width:200px ;height: auto; z-index:100;display:none; box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
  .item_box .table tbody td small{ padding:0.1rem 0.3rem; font-size: 1.2rem;  background: rgba(0,0,0,0.0); border-radius: 2rem; margin: 0.2rem 0.2rem; display: inline-block;}
  .item_box .table tbody td .floor_icon{ width:3rem; }

  #-cookie{ position:fixed; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,0.9); box-shadow: 2px 2px 5px rgba(0,0,0,0.4); color: #000; padding: 1.5rem; z-index: 999; }
  #-cookie dl{display: block;}
  #-cookie dl dt{ width: 100%; font-size: 1.3rem; text-align: left; padding: 0 0 0.5rem;}
  #-cookie dl dd{ width:100%; text-align: center;}
  #-cookie dl dd .btn__{ padding:1rem; width:80%; max-width: 30rem;}


  /* top -------------------------------------*/
  #main__.top__{}
  #top__fv{ width:100%;padding: 1rem 0; position:relative; background: url("../img/bg_map.jpg") no-repeat center center; background-size: auto 100% ;}
  #top__fv .-text{ text-align: center; background:rgba(227,41,89,1); width: 100%; display: block; padding: 0.6rem; font-weight: bold;}
  #top__fv .-box{ position: relative; background: #fff; border-radius: 0.5rem; width: 100%; overflow: hidden; box-shadow: 0 0 1rem rgba(0,0,0,0.1); font-size: 1.3rem; z-index: 2; margin: 0 0 1rem; }
  #top__fv .-box li a{ padding:0.4rem 1.5rem; display: block; transition: 0.2s; color: #000;}
  #top__fv .-box li:nth-child(2n){ background:rgba(0,0,0,0.05);}
  #top__fv .-box li a:hover{ background:#ffdfe7; color:rgba(227,41,89,1);}
  #top__fv .-img{ display: none; position: relative; position: absolute; left: calc(50% - 30rem); top:-2rem; z-index: 0; }
  #top__fv .-request{ display: none; width: 100%; background: #fff; border-radius: 0.5rem; padding: 1.5rem; overflow: hidden; box-shadow: 0 0 1rem rgba(0,0,0,0.1); color: #000; border: 0.2rem solid rgba(227,41,89,0); text-align: center;}
  #top__fv .-request strong{ color: rgba(227,41,89,1); text-align: center; display: block; font-size: 1.6rem; padding: 0 0 1rem;}
  #top__fv .-request ul{ width: 100%; text-align: left; font-size: 1.4rem; margin: 0 0 2rem 3rem;}
  #top__fv .-request ul li{list-style:disc;}
  #top__fv .-request p{ font-size:1.2rem; line-height: 1.4; padding: 0 0 2rem;}
  #top__fv .-pr{ position: relative;  background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); width:100%; font-size: 1.4rem; margin: 4rem 0 0; }
  #top__fv .-pr::after{ position:absolute; z-index: 2; top:-9rem; right:0; width: 11rem; height: 30rem; content: "";  display: block; background: url("../img/ofcmn_02.png") center top no-repeat; background-size: 100% auto; }
  #top__fv .-pr #swiper_pr{ height: 12rem; width: 100%; overflow: hidden; background: #333;}
  #top__fv .-pr #swiper_pr .swiper-wrapper{ transition-timing-function: linear;}
  #top__fv .-pr #swiper_pr .swiper-wrapper .swiper-slide{ height: 12rem; width: 100%; background-size: cover; background-position: bottom;}
  #top__fv .-pr a{ color:#000; display: block; padding: 1.5rem; position: relative; z-index: 3;}
  #top__fv .-pr a small{ font-size:1.2rem; line-height: 1.4; display: block; padding: 0 0 1rem;}
  #top__fv .-pr a span{text-align:center; display: block;}
  #top__fv .-pr a i{ background: rgba(227,41,89,1); color: #fff; padding: 0.3rem 1rem 0.3rem 1.3rem; font-size: 1.1rem; letter-spacing:0.25rem; margin: 0 0.7rem 0 0; vertical-align: middle;}
  #top__fv .-pr a img{ width:13rem;}


  /* recommend__ -------------------------------------*/
  #recommend__{ padding: 2rem 0; text-align: left;}
  #recommend__ .-card{ position: relative; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); overflow: hidden; transition: 0.3s;}
  #recommend__ .-card:hover{ box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);}
  #recommend__ .-card a{ color: #111;}
  #recommend__ .-card .-category{ position:absolute; font-size: 1rem; left: 0.5rem; top:0.5rem; width: calc(100% - 2rem); z-index: 2;}
  #recommend__ .-card .-category span{ background:rgba(255,255,255,1); padding: 0.1rem 0.6rem; color: #e32959; border-radius: 3rem; margin: 0 0 0.2rem 0.2rem; display: inline-block;}
  #recommend__ .-card .-image{ height: 20vh; min-height: 22rem; overflow: hidden; background: #fbfbfb; text-align-last: center; position: relative;}
  #recommend__ .-card .-image img{ position: absolute; bottom:0;}
  #recommend__ .-card .-area{ text-align: center; padding: 0.3rem 0;  width: 100%; background: #f5f5f5; font-size: 1.1rem;} 
  #recommend__ .-card .-text { padding: 1rem;}
  #recommend__ .-card .-text .copy{ font-size:1.2rem; line-height: 1.5; padding: 0 0 0.5rem;}
  #recommend__ .-card .-text .op{ font-size:1rem; text-align: center;}
  #recommend__ .-card .-text .op strong{ margin: 0 1rem 0 0; color:#e32959; }
  #recommend__ .-card .-text .op span{ margin: 0 0.3rem 0 0;}
  #recommend__ .-card .-text .op .gf{ font-weight: 600; font-size:1.5rem;}
  #recommend__ .-card .-text .price{ font-size:1rem; text-align: center;}
  #recommend__ .-card .-text .price .pp{ background:#f5f5f5; padding: 0.1rem 0; border-radius: 0.3rem; color: #777;  display: block;}
  #recommend__ .-card .-text .price .gf{ font-weight: 600; font-size:1.3rem; padding: 0 0.2rem;}

  /* blog__ -------------------------------------*/
  #blog__{ width:100%; padding: 2rem 0; background: #fff;}
  #blog__ .column__03{ padding:0 0 2rem;}
  #blog__ .column__03 a{ color:#111;}
  #blog__ .column__03 .row{ width:100%; margin: 0 0 1rem;}
  #blog__ dl{ display: flex;}
  #blog__ dl dt {width: 35%;}
  #blog__ dl dd {width: 65%; padding: 0 0 0 1.5rem;}
  #blog__ dl dd h3{ padding: 0 0 0.5rem; font-size: 1.3rem; font-weight: 500; line-height: 1.6;}
  #blog__ dl dd p { display: none;}
  #blog__ dl dd small { font-size:1rem; opacity: 0.5;}

  /* search__ -------------------------------------*/
  #search__{ padding: 2rem 0 0;}
  #search__ .inner{}
  #search__ .accordion{background: rgba(0,0,0,0.02); border-radius: 0.5rem; overflow: hidden; color: #111; border: 1px solid rgba(0,0,0,0.1);}
  #search__ .accordion > dt{ text-align:left; padding: 1rem 1.5rem; }
  #search__ .accordion > dt .column__03 .row{ margin:0;}
  #search__ .accordion > dt .column__03 .row:first-child{ font-size: 1.3rem; width: 100%; font-weight: bold; text-align: center; padding: 0 0 1rem;}
  #search__ .accordion > dt .column__03 .row:nth-child(2){ font-size: 1.2rem; width: 100%; padding: 0 0 1rem; text-align: center;}
  #search__ .accordion > dt .column__03 .row:last-child{ font-size: 1.3rem; width:100%; text-align: right;}
  #search__ .accordion > dt .column__03 .-select span{ padding: 0 1rem; font-size: 1.1rem; background: #e9e9e9; border-radius: 2rem; margin: 0 0.2rem 0.6rem; display: inline-block;}
  #search__ .accordion > dd{ padding:1.5rem; display: none;}
  #search__ .accordion > dd dl{border-bottom:1px solid #e9e9e9; padding: 1rem 1rem; display: block; width: 100%; font-size: 1.3rem; background:rgba(255,255,255,1); }
  #search__ .accordion > dd dl:first-child{border-top:1px solid #e9e9e9;}
  #search__ .accordion > dd dl:nth-child(2n + 1){ background:rgba(255,255,255,0.6);}
  #search__ .accordion > dd dl dt{ display:block; }
  #search__ .accordion > dd .-btn{ padding:2rem 0 0; text-align: center;}
  #search__ .accordion > dd .-btn .btn__{ background:#fff;}
  #search__ .accordion .line li{ display: inline-block; padding: 0.5rem 1rem;}

  /* result__ -------------------------------------*/
  #result__{}
  #result__ .inner{}
  #result__ .item_box .column__02 { padding:1.5rem 1.5rem 2rem;}
  #result__ .item_box .column__02 .row{ margin:0; padding: 0;}
  #result__ .item_box .column__02 .-img{ width:30%; text-align: center; vertical-align: middle;}
  #result__ .item_box .column__02 .-img img{ width: auto; max-height: 40rem; }
  #result__ .item_box .column__02 .-text{ width: 70%; padding: 0 0 0 1.5rem;}
  #result__ .item_box .column__02 .-text h3{ font-size:1.4rem; padding: 0 0 0.5rem; }
  #result__ .item_box .column__02 .-text .-copy{ font-size:1.1rem; padding: 0 0 1.5rem; line-height: 1.4; opacity: 0.8;}
  #result__ .item_box .column__02 .-text .-info{ padding: 0 0 1rem; font-size: 1.1rem;}
  #result__ .item_box .column__02 .-text .-info dl{border-bottom:1px solid #e9e9e9; padding: 0.5rem ; display: table; width: 100%;}
  #result__ .item_box .column__02 .-text .-info dl:first-child{border-top:1px solid #e9e9e9;}
  #result__ .item_box .column__02 .-text .-info dl:nth-child(n + 2){display: none;}
  #result__ .item_box .column__02 .-text .-info dl dt{ display:table-cell; width: 5rem; opacity: 0.7;}
  #result__ .item_box .column__02 .-text .link_ul{ font-size: 1.3rem;}
  #result__ .item_box .-recruiting{ font-size:1.5rem; padding: 0 0 1rem; text-align: center;}

  /* building__ -------------------------------------*/
  #building__{ padding: 2rem 0;}
  #building__ .inner{}
  #building__ .item_box h1{ font-size:1.6rem; padding: 4rem 1.5rem 1.2rem 1.5rem; margin: 0 0 2rem; border-bottom: 2px dotted rgba(0,0,0,0.1); position: relative;}
  #building__ .item_box h1 span{ font-size: 1.2rem; position: absolute; top:2rem; left: 1.5rem; font-weight: 500; opacity: 0.8;}
  #building__ .-slide { width:100%; text-align: center; padding: 0;}
  #building__ .-slide .swiper-main{ width:100%; background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.1); padding: 1.5rem; border-radius: 0.5rem; margin: 0 0 2rem; }
  #building__ .-slide .swiper-main img{ max-height:40vh;}
  #building__ .-slide .swiper-thumb{ margin: 0 0 2rem; overflow: hidden;}
  #building__ .item_box .column__02 .-img{ width:100%;}
  #building__ .item_box .column__02 .-text{ width: 100%; padding: 0;}
  #building__ .item_box .column__02 .-text .-info{ font-size: 1.2rem; padding: 0;}
  #building__ .item_box .column__02 .-text .-info dl dt{ display:table-cell; width: 10rem; opacity: 0.7;}

  /* floor__ -------------------------------------*/
  #-floor main{ background:#fff; color: #111;}
  #floor__{ min-height:90vh; padding: 2rem 0 0;}
  #floor__ .inner{ max-width:110rem;}
  #floor__ h1{ color:#111;font-size: 2rem; padding: 0 0 2rem;}
  #floor__  .-category{ font-size: 1.1rem; padding: 0 0 1rem;}
  #floor__  .-category span{ background:rgba(0,0,0,0.03); padding: 0.1rem 0.8rem; color: #666; border-radius: 3rem; margin: 0 0.3rem 0.5rem 0; display: inline-block;}
  #floor__  .-category .-feature{ background: rgba(227,41,89,0.15); font-weight: bold; padding-left: 1.2rem; padding-right: 1.2rem; border: 1px solid rgba(227,41,89,0.2); color: rgba(227,41,89,1); text-align: center;}

  #floor__ .-slide { width:100%; text-align: center; padding: 0 0 4rem;}
  #floor__ .-slide .swiper-main{ width:100%; background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.1); padding: 1.5rem; border-radius: 0.5rem; margin: 0 0 2rem; }
  #floor__ .-slide .swiper-main img{ max-height:40vh;}
  #floor__ .-slide .swiper-thumb{ margin: 0 0 2rem; overflow: hidden;}
  #floor__ .-slide ol li{ display:inline-block; padding: 0 0.5rem;}
  #floor__ .-slide ol li [class*="btn__"] { padding:1.2rem 2rem; font-size: 1.2rem; min-width: auto;}

  #floor__ .-detail .column__02{ }
  #floor__ .-detail .row{ margin:0;}
  #floor__ .-detail .-info{ width: 100%; padding: 0 0 2rem ; order: 1;}
  #floor__ .-detail .-info .-copy{ font-size:1.5rem; font-weight: 500; padding: 0 0 2rem;}
  #floor__ .-detail .-info h2{ font-size:1.5rem; padding:0 0 1.5rem;}
  #floor__ .-detail .-info dl{ border-bottom:1px solid #e9e9e9; padding: 0.7rem 0.5rem; display: table; width: 100%; line-height: 1.6;}
  #floor__ .-detail .-info dl:first-child{border-top:1px solid #e9e9e9;}
  #floor__ .-detail .-info dl:nth-child(2n + 1){ background:#fbfbfb;}
  #floor__ .-detail .-info dl dt{ display: table-cell; width: 30%; opacity: 0.7; font-weight: 500;font-size: 1.2rem; padding: 0 0 0.5rem; }
  #floor__ .-detail .-info dl dd{ font-size:1.3rem;}
  #floor__ .-detail .-info ul{ font-size: 0; margin: 0; padding: 0;}
  #floor__ .-detail .-info ul li{ width:100%; padding: 0.5rem; margin: 0 0 0.6rem; display: inline-block; font-size: 1.3rem; text-align: center; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.1); border-radius: 0.5rem;}
  #floor__ .-detail .-info ul li.-none{ opacity:0.7; border: 1px dotted rgba(0,0,0,0.4);}
  #floor__ .-detail .-info .-feature_box{ background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.05); border-radius: 0.5rem; margin: 0 0 4rem; padding: 1rem 2rem; font-size: 1.3rem;}
  #floor__ .-detail .-info .-feature_box dt{ font-size: 1.5rem; vertical-align: middle; color: rgba(227,41,89,1); opacity: 1; width: 30%;}
  #floor__ .-detail .-info .-feature_box dd strong{  color: rgba(227,41,89,1); font-size: 1.5rem;}

  #floor__ .-detail .-conv{ width: 100%; position: fixed; left: 0; bottom: 0; margin: 0; z-index: 3; display: block;}
  #floor__ .-detail .-conv .-frame{ background: #fff; border-radius: 0.5rem 0.5rem 0 0; padding: 0.5rem 1rem 0.5rem; overflow: hidden; transition: 0.3s; color: #111; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.3);}
  #floor__ .-detail .-conv .-frame .op{ font-size:1.2rem; font-weight: 500; padding: 0 0 0.5rem; width: 100%; text-align: center;}
  #floor__ .-detail .-conv .-frame .op strong { margin: 0 0 0; font-size: 2rem;}
  #floor__ .-detail .-conv .-frame .op small{ font-size: 1.3rem; opacity: 0.7; padding: 0 0.3rem; }
  #floor__ .-detail .-conv .-frame .op .gf{ font-weight: 600; padding: 0 0.2rem;}
  #floor__ .-detail .-conv .-frame .price{ padding: 0 0 1rem;}
  #floor__ .-detail .-conv .-frame .price dl{ display: table; width: 100%; padding: 0.5rem 1.5rem; border-bottom:1px solid #e9e9e9;}
  #floor__ .-detail .-conv .-frame .price dl:first-child{border-top:1px solid #e9e9e9;}
  #floor__ .-detail .-conv .-frame .price dl dt{ display:table-cell; width: 30%;  font-size: 1.2rem; opacity: 0.7; font-weight: 500; vertical-align: middle;}
  #floor__ .-detail .-conv .-frame .price dl dd{ display:table-cell; width: 70%; text-align: right; line-height: 1.2; font-size: 1.2rem; vertical-align: middle; }
  #floor__ .-detail .-conv .-frame .price dl dd small{ margin: 0 0 0 1rem; font-size: 1.1rem; opacity: 0.7;}
  #floor__ .-detail .-conv .-frame .price .gf{ font-weight: 500; font-size:120%; padding: 0 0.3rem;}
  #floor__ .-detail .-conv .-frame .-btn{ text-align: center; display: flex; width: 100%;}
  #floor__ .-detail .-conv .-frame .-btn li:first-child{ width: 60%; padding: 0 1rem 0 0;}
  #floor__ .-detail .-conv .-frame .-btn li:last-child{ width: 40%;}
  #floor__ .-detail .-conv .-frame .-btn li .btn__conv{ width:100%; min-width: auto; font-size: 1.4rem; padding: 1.1rem 0;}
  #floor__ .-detail .-conv .-frame .-btn li small{ display: none; font-size: 1.2rem; padding: 0 0 1rem; line-height: 1.3;}
  #floor__ .-detail .-conv .-frame .-btn li .btn__{ width:100%; min-width: auto; font-size:1.1rem; padding: 0.8rem 0;}
  #floor__ .-recruiting{ padding:1rem;}

  /* inquiry__ -------------------------------------*/
  #inquiry__{ padding: 2rem 0;}
  #inquiry__ .inner{ max-width:90rem;}
  #inquiry__ .-title { padding:0 0 2rem;}
  #inquiry__ .-title h1{ color: #000; font-size: 1.8rem; position: relative;}
  #inquiry__ .-title ul{ position: absolute; right:0; top:0;}
  #inquiry__ .-title ul li{ padding: 0.3rem 0.7rem; font-size: 1rem; border-radius: 0.5rem; background: rgba(0,0,0,0.04); color: #777; display: inline-block; margin: 0 0 0 3rem; position: relative;}
  #inquiry__ .-title ul li.on{ background: rgba(227,41,89,0.15); color: rgba(227,41,89,1);}
  #inquiry__ .-title ul li::after{position:absolute; right:-1.8rem; top:calc(50% - 0.4rem); content: ""; width: 1rem; height: 1rem; border-top: 1px solid rgba(0,0,0,0.4); border-right: 1px solid rgba(0,0,0,0.4);transform: rotate(45deg); }
  #inquiry__ .-title ul li:last-child::after{ display:none;}

  #inquiry__ h2{ font-size:1.4rem; padding: 0.1rem 1rem; margin: 2rem 1.5rem 1.5rem; border: none; border-left:0.4rem solid rgba(227,41,89,1);}
  #inquiry__ .table{ margin: 0 0 3rem;}
  #inquiry__  .table .-fee{ display: none;}
  #inquiry__ .-list { margin: 0 0 2rem;}
  #inquiry__ .-list dl{ border-bottom:1px solid #e9e9e9; padding: 1rem 1.5rem; display: block; width: 100%; font-size: 1.5rem; }
  #inquiry__ .-list dl:first-child{border-top:1px solid #e9e9e9;}
  #inquiry__ .-list dl:nth-child(2n + 1){ background:#fbfbfb;}
  #inquiry__ .-list dl dt{ position: relative; display:table-cell; width: 100%; opacity: 0.7; font-weight: 500;font-size: 1.3rem; vertical-align: top; padding: 0 0 0.8rem; }
  #inquiry__ .-list dl dt span{ font-size: 1rem; color: rgba(227,41,89,1); margin: 0 0 0 1rem; padding: 0.2rem 0.8rem; line-height: 1; border: 1px solid rgba(227,41,89,0.5); background: rgba(227,41,89,0.05); border-radius: 0.5rem; }
  #inquiry__ .-list dl dd {font-size: 1.3rem;}
  #inquiry__ .-list dl dd li{display:inline-block; padding: 0 1rem 0.5rem 0;;}
  #inquiry__ .-list dl dd .error{ color:red;}
  #inquiry__ .txt_ac p.font_s{ padding:1.5rem; text-align: left !important; font-size: 1rem; line-height: 1.4;}

  /* my__ -------------------------------------*/
  #my__{padding: 2rem 0;}
  #my__ .inner{}
  #my__ .table{ margin: 0 ;}
  #my__ .-title { padding:0 0 2rem;}
  #my__ .-title h1{ color: #000; font-size:1.8rem; position: relative;}
  #my__ .-title p{ position: absolute; right:0; top:0.5rem; font-size: 1.1rem; color: #333;}
  #my__ .item_box .table tbody tr:hover{ background:none;}
  #my__ .item_box .table .-address{ max-width:27%;}
  #my__ .item_box .table .-rent{ max-width:10%;}
  #my__ .item_box .table .-fee{ display: none;}
  #my__ .item_box .table .-deposit{ display: none;}
  #my__ .item_box .table .-end{ padding:2rem; font-size: 1.4rem;}
  #my__ .collect{ padding: 2rem; margin: 0 0 2rem;}
  #my__ .collect dl{ display: block; width: 100%; text-align: center; font-size: 1.3rem;}
  #my__ .collect dt{ padding: 0 0 1rem;}
  #my__ .collect dd span{ display: block;}
  #my__ .collect dd .gf{ font-size:2rem; font-weight: 600; margin: 0 0.3rem;}
  #my__ .collect dd .btn__conv{ vertical-align: middle;}

  #my__ .attention{ color: #444; padding: 1.5rem; font-size: 1.2rem; line-height: 1.6; border-radius: 0.5rem;}

}

@media screen and (max-width:420px) {
}


@media print{

}


.notfound{ text-align:center; min-height:80%; max-width:90rem;  display:block; padding:5rem 2rem; margin:0 auto; font-size:1.8rem;}
.notfound .logo_svg{ width:50%; max-width:25rem; margin:0 auto; padding:0 0 3rem;}


@-webkit-keyframes scrollAct { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 30% { opacity: 0.6; } 60% { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } 70% { opacity: 0; -webkit-transform: translateY(13px); transform: translateY(13px); } 100% { opacity: 0; } } @keyframes scrollAct { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 30% { opacity: 0.6; } 60% { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } 70% { opacity: 0; -webkit-transform: translateY(13px); transform: translateY(13px); } 100% { opacity: 0; } }

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;align-items: center;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}

[class*=swiper]:focus{outline:none}.slide-media,.thumb-media{position:relative;overflow:hidden}.slide-media img,.thumb-media img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper-button-prev,.swiper-button-next{display:grid;place-content:center;width:4rem;height:4rem;cursor:pointer;background:rgba(0,0,0,.1);-webkit-transition:var(--transition);transition:var(--transition)}.swiper-button-prev::before,.swiper-button-next::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:50%;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.swiper-button-prev::after,.swiper-button-next::after{width:1.5rem;height:1.5rem;content:"";border:solid #555;border-width:2px 2px 0 0}.swiper-button-prev::after{margin-left:.6rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.swiper-button-next::after{margin-right:.6rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swiper-button-disabled{pointer-events:none;opacity:0}.swiper .swiper-fade .swiper-slide{-webkit-transition-property:opacity,-webkit-transform!important;transition-property:opacity,-webkit-transform!important;transition-property:opacity,transform!important;transition-property:opacity,transform,-webkit-transform!important;pointer-events:none}.swiper .swiper-fade .swiper-slide-active{pointer-events:auto}.swiper .swiper-controller{position:absolute;top:calc(50% + 1rem);left:0;width:100%;opacity:0}.swiper:hover .swiper-controller{opacity:1}.swiper .swiper-button-prev,.swiper .swiper-button-next{position:absolute;z-index:1;top:0;bottom:0;margin:auto}.swiper .swiper-button-prev{left:0}.swiper .swiper-button-next{right:0}.swiper .swiper-scrollbar{position:relative;margin-top:1rem}.swiper .swiper-scrollbar::after{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:100%;height:4px;margin:auto;content:"";background-color:rgba(0,0,0,.1)}.swiper .swiper-scrollbar-drag{height:4px;cursor:pointer;background-color:#acacac;background-clip:content-box}.swiper .swiper-scrollbar-drag:active{background-color:#949494}.swiper .slide-media img{-o-object-fit:contain;object-fit:contain}.swiper .thumb-media{padding-top:100%;border-radius:.5rem}.swiper .swiper-slide-thumb-active{opacity:.5}

/****** column用 ******/
.column{padding-top:103px; background:#fff;}

.column .breadcrumbs_outer{background:#f5f5f5; font-size:1.2rem; padding:10px 0;}
.column .breadcrumbs_outer .breadcrumbs{width:1400px; margin:0 auto; color:#000;}
.column .breadcrumbs_outer .breadcrumbs a{color:#000; text-decoration:underline;}
.column .breadcrumbs_outer .breadcrumbs a:hover{text-decoration:none;}

.column .container{width:1100px; margin:40px auto 100px; display:flex;}
.column .container .left{width:730px; margin:0 45px 0 0; color:#000;}
.column .container .left h2{color:#000; font-size:2.6rem; margin:0 0 20px;}
.column .container .left a{margin:0 0 30px;}
.column .container .left ul a{display:flex;}
.column .container .left .thumbnail{ width:270px; margin:0 20px 0 0;}
.column .container .left .thumbnail img{width:270px; height:148px; object-fit:cover;}
.column .container .left .content{width:440px;}
.column .container .left .content .title{font-size:1.8rem; color:#000; margin:0 0 10px; font-weight:normal;}
.column .container .left .content .des{font-size:1.2rem; color:#000; margin:0 0 15px;}
.column .container .left .content .time{font-size:0.8rem; color:#aaa;}
.column .container .right{width:325px;}
.column .container .right h3{font-size:1.4rem; color:#000; margin:0 0 15px;}
.column .container .right .sidebar-wrapper{margin:0 0 30px;}
.column .container .right .sidebar-wrapper .rpwe-li {display:flex; margin:0 0 20px;}
.column .container .right .sidebar-wrapper .rpwe-li a{width:125px; margin:0 15px 0 0; color:#000;}
.column .container .right .sidebar-wrapper .rpwe-li a:hover{color:#e32959; text-decoration:underline;}
.column .container .right .sidebar-wrapper .rpwe-li a img{width:125px; height:68px; object-fit:cover;}
.column .container .right .sidebar-wrapper .rpwe-li .category{margin:10px 0 0;}
.column .container .right .sidebar-wrapper .rpwe-li .category a{background:#fde8ef; color:#e53f67; padding: 2px 10px 3px; border-radius: 20px;}
.column .container .right .sidebar-wrapper .rpwe-li .category a:nth-child(n+2){display:none;}
.column .container .right .sidebar-wrapper .rpwe-li h3{width:185px; font-weight:normal; font-size:1.2rem; margin:0;}
.column .container .right .widget_categories .cat-item{background: #fff; color: #000; padding: 10px 10px; border-top: solid 1px #e5e5e5;}
.column .container .right .widget_categories .cat-item:hover{background: #f5f5f5;}
.column .container .right .widget_categories .cat-item:last-child{ border-bottom: solid 1px #eee}
.column .container .right .widget_categories .cat-item a{color:#000; display:flex; justify-content:space-between;}
.column .container .right .widget_categories .cat-item a:hover{color:#e32959;}


.column .wp-pagenavi{margin:80px 0 0; color:#000; text-align:center;}
.column .wp-pagenavi .current{color:#fff; background:#aaa; padding:5px 15px; margin:0 5px; border-radius:5px; font-size:1.5rem;}
.column .wp-pagenavi .page{color:#000; padding:5px 15px; margin:0 5px; font-size:1.5rem;}
.column .wp-pagenavi .page:hover{background:#eee; color:#000; border-radius:5px;}
.column .wp-pagenavi .pages{color:#aaa; padding:5px 15px; margin:0 5px; font-size:1.5rem;}
.column .wp-pagenavi .nextpostslink,.column .wp-pagenavi .previouspostslink{padding:5px 15px; margin:0 5px; color:#aaa;}
.column .wp-pagenavi .nextpostslink:hover,.column .wp-pagenavi .previouspostslink:hover{background:#eee; color:#000; border-radius:5px;}

.column .content .data{display:flex; justify-content: space-between; margin:0 0 30px;}
.column .content .data .category a{background:#fce9ed; padding:3px 15px 5px; font-weight:bold; color:#e3295a; font-size:1.2rem; border-radius:20px; margin: 0 10px 30px 0;}
.column .content .data .time{padding:5px 0; color:#bbb; font-size:0.9rem;}
.column .content .left h1{font-size:2.5rem; margin:0 0 30px;}
.column .content .left h2{background:#e3295a; padding:15px 20px; font-size:2rem; color:#fff; margin:70px 0 20px;}
.column .content .left h3{background:#f7f7f7; padding:10px 20px; font-size:1.8rem; border-left:solid 3px #e3295a; margin:40px 0 20px;}
.column .content .left .thumbnail{width:100%; margin:0 0 30px;}
.column .content .left .thumbnail img{max-width:100% !important; height:400px !important; object-fit:cover;}
.column .content .left .a:hover{color:#e32959; text-decoration:underline;}
.column .content .left table {border-collapse: collapse; border-spacing: 0; margin:20px 10px;}
.column .content .left table th {padding: 10px; background: #f7f7f7; border: solid 1px #ccc;}
.column .content .left table td {padding: 10px; border: solid 1px #ccc;}
.column .content .left ul{list-style:disc; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 50px;}
.column .content .left ol{list-style:decimal; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 50px;}
.column .content #ez-toc-container{width:90%; margin:30px 5% 0; padding:20px 30px; border:solid 1px #dadada; border-radius:5px;}
.column .content #ez-toc-container .ez-toc-title{font-size:1.5rem; margin:0 0 20px;}
.column .content #ez-toc-container a{margin:0 0 10px; font-size:1.5rem;}
.column .content #ez-toc-container a:hover{color:#e32959; text-decoration:underline;}
.column .content .yarpp h3{background:none; padding:0; font-size:1.4rem; border:none; margin:40px 0 20px;}
.column .content .yarpp .yarpp-thumbnails-horizontal{display:flex; flex-wrap: wrap;}
.column .content .yarpp a{width:50% !important; height:auto !important; display:flex; border:none; margin:0 0 20px;}
.column .content .yarpp a img{ width:40% !important; height:90px !important; object-fit:cover; margin:0 15px 0 0;}
.column .content .yarpp a .yarpp-thumbnail-title{width:60% !important; font-size:1.4rem; font-weight:normal; margin:0; color:#000; margin:0 15px 0 0;}

.column .kansyu{background:#f7f7f7; border:solid 1px #e5e5e5; padding:30px; margin:40px 0 0; border-radius:5px;}
.column .kansyu-profile-img{display: flex;}
.column .kansyu-profile-img .kansyu-img{width: 130px; height:auto; text-align: center; margin: 0 30px 0 0;}
.column .kansyu-profile-img .kansyu-img img{width: 100%; height:130px; border-radius:80px;}
.column .kansyu-profile-img .kansyu-content{width:510px; margin:0;}
.column .kansyu-profile-img .kansyu-content .kansyu-profile .txt0{font-size:1.5rem; color:#e3295b; margin:0 0 5px;}
.column .kansyu-profile-img .kansyu-content .kansyu-profile .txt1{font-size:1.8rem; font-weight:bold; margin:0 0 15px;}
.column .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span{font-size:1.2rem; color:#000; font-weight:normal;}
.column .kansyu-profile-img .kansyu-content .d1 .txt2{font-size:1.4rem;}

@media screen and (max-width:1100px) {
	.column .breadcrumbs_outer .breadcrumbs{width:980px;}

	.column .container{width:980px;}
	.column .container .left{width:610px;}
	.column .container .left .thumbnail{width:auto;}
}

@media screen and (max-width:980px) {
	.column{padding-top:0;}
	
	.column .breadcrumbs_outer{font-size:1.2rem; padding:15px; overflow-x: scroll; white-space: nowrap;}
	.column .breadcrumbs_outer .breadcrumbs{width:100%;}
	
	.column .container{width:100%; margin:30px auto 50px; display:block;}
	.column .container .left{width:100%; margin:0; padding:0 15px;}
	.column .container .left a{ margin:0 0 40px;}
	.column .container .left ul a{display:block;}
	.column .content .left h1{font-size:2.0rem;}
	.column .content .left h2{font-size:1.8rem;}
	.column .content .left h3{font-size:1.6rem;}
	.column .container .left .thumbnail{width:100%; margin:0 0 10px;}
	.column .container .left .thumbnail img{width:100%; height:178px;}
	.column .container .left .content{width:100%;}
	.column .container .left .content .title{margin:0 0 10px;}
	.column .container .left .content .des{margin:0 0 10px;}
	.column .container .left .content .time{margin:0;}
	.column .container .right{width:100%; padding:0 15px;}
	.column .container .right h3{margin:0 0 15px;}
	.column .container .right .sidebar-wrapper{margin:0 0 30px;}
	.column .container .right .sidebar-wrapper .rpwe-li a{width:35%;}
	.column .container .right .sidebar-wrapper .rpwe-li h3{width:65%;}

	.column .wp-pagenavi{margin:40px 0;}

	.column .content .data{display:block; margin:0 0 10px;}
	.column .content .data .category a{display: inline-block;}
	.column .content .data .time{margin:10px 0 0;}
	.column .content .left .thumbnail img{height:100% !important;}
	.column .content .yarpp{margin:20px 0 50px;}
	.column .content .yarpp .yarpp-thumbnails-horizontal{display:block;}
	.column .content .yarpp a{width:100% !important; margin:0 0 20px;}
	.column .content .yarpp a img{ width:35% !important; height:72px !important;}
	.column .content .yarpp a .yarpp-thumbnail-title{width:65% !important; margin:0 !important; font-size:1.2rem;}

	.column .kansyu{padding:20px;}
	.column .kansyu-profile-img{display: block;}
	.column .kansyu-profile-img .kansyu-img{margin: 0 auto 30px;}
	.column .kansyu-profile-img .kansyu-img img{width: 100%;}
	.column .kansyu-profile-img .kansyu-content{width:100%;}
	.column .kansyu-profile-img .kansyu-content .kansyu-profile .txt0{}
	.column .kansyu-profile-img .kansyu-content .kansyu-profile .txt1{}
	.column .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span{}
	.column .kansyu-profile-img .kansyu-content .d1 .txt2{}

}

/****** news用 ******/
.news{padding-top:103px; background:#fff;}

.news .breadcrumbs_outer{background:#f5f5f5; font-size:1.2rem; padding:10px 0;}
.news .breadcrumbs_outer .breadcrumbs{width:1400px; margin:0 auto; color:#000;}
.news .breadcrumbs_outer .breadcrumbs a{color:#000; text-decoration:underline;}
.news .breadcrumbs_outer .breadcrumbs a:hover{text-decoration:none;}

.news .container{width:1100px; margin:40px auto 100px; display:flex;}
.news .container .left{width:730px; margin:0 45px 0 0; color:#000;}
.news .container .left h2{color:#000; font-size:2.6rem; margin:0 0 20px;}

.news .container .left a{margin:0 0 30px;}
.news .container .left ul a{display:flex;}
.news .container .left .thumbnail{ width:270px; margin:0 20px 0 0;}
.news .container .left .thumbnail img{width:270px; height:148px; object-fit:cover;}
.news .container .left .content{width:440px;}
.news .container .left .content .title{font-size:1.8rem; color:#000; margin:0 0 10px; font-weight:normal;}
.news .container .left .content .des{font-size:1.2rem; color:#000; margin:0 0 15px;}
.news .container .left .content .time{font-size:0.8rem; color:#aaa;}

.news .archive .left a{margin:0 0 30px;}
.news .archive .left ul a{display:block;}
.news .archive .left ul:first-child .midashi{margin:0;}
.news .archive .left ul .midashi{display:flex; justify-content: space-between; margin:60px 0 0;}
.news .archive .left ul .midashi a{font-size:1.2rem; background:#f5f5f5; border:solid 1px #ccc; padding:5px 20px; border-radius:20px; color:#000; margin:0 0 20px;}
.news .archive .left ul .midashi a:hover{text-decoration:underline;}
.news .archive .left .list{display:flex; flex-wrap:wrap; justify-content: flex-start;}
.news .archive .left .list a{width:235px; margin:0 12px 20px 0;}
.news .archive .left .list a:nth-child(3n){margin:0 0  20px 0;}
.news .archive .left .list .thumbnail{margin:0 0 10px;}
.news .archive .left .list .thumbnail img{width:235px; height:128px; object-fit:cover;}
.news .archive .left .content{width:100%;}
.news .archive .left .list .content .title{font-size:1.5rem; color:#000; margin:0 0 10px; font-weight:normal;}
.news .archive .left .list .content .time{font-size:0.8rem; color:#aaa;}

.news .container .right{width:325px;}
.news .container .right h3{font-size:1.4rem; color:#000; margin:0 0 15px;}
.news .container .right .sidebar-wrapper{margin:0 0 30px;}
.news .container .right .sidebar-wrapper .rpwe-li {display:flex; margin:0 0 20px;}
.news .container .right .sidebar-wrapper .rpwe-li a{width:125px; margin:0 15px 0 0; color:#000;}
.news .container .right .sidebar-wrapper .rpwe-li a:hover{color:#e32959; text-decoration:underline;}
.news .container .right .sidebar-wrapper .rpwe-li a img{width:125px; height:68px; object-fit:cover;}
.news .container .right .sidebar-wrapper .rpwe-li .category{margin:10px 0 0;}
.news .container .right .sidebar-wrapper .rpwe-li .category a{background:#fde8ef; color:#e53f67; padding: 2px 10px 3px; border-radius: 20px;}
.news .container .right .sidebar-wrapper .rpwe-li .category a:nth-child(n+2){display:none;}
.news .container .right .sidebar-wrapper .rpwe-li h3{width:185px; font-weight:normal; font-size:1.2rem; margin:0;}
.news .container .right .widget_categories .cat-item{background: #f5f5f5; color: #000; padding: 10px 10px; border-top: solid 1px #e5e5e5;}
.news .container .right .widget_categories .cat-item:last-child{ border-bottom: solid 1px #eee}
.news .container .right .widget_categories .cat-item a{color:#000; display:flex; justify-content:space-between;}
.news .container .right .widget_categories .cat-item a:hover{text-decoration:underline;}

.news .wp-pagenavi{margin:80px 0 0; color:#000; text-align:center;}
.news .wp-pagenavi .current{color:#fff; background:#aaa; padding:5px 15px; margin:0 5px; border-radius:5px; font-size:1.5rem;}
.news .wp-pagenavi .page{color:#000; padding:5px 15px; margin:0 5px; font-size:1.5rem;}
.news .wp-pagenavi .page:hover{background:#eee; color:#000; border-radius:5px;}
.news .wp-pagenavi .pages{color:#aaa; padding:5px 15px; margin:0 5px; font-size:1.5rem;}
.news .wp-pagenavi .nextpostslink,.news .wp-pagenavi .previouspostslink{padding:5px 15px; margin:0 5px; color:#aaa;}
.news .wp-pagenavi .nextpostslink:hover,.news .wp-pagenavi .previouspostslink:hover{background:#eee; color:#000; border-radius:5px;}

.news .content .data{display:flex; justify-content: space-between; margin:0 0 30px;}
.news .content .data .category a{background:#fce9ed; padding:3px 15px 5px; font-weight:bold; color:#e3295a; font-size:1.2rem; border-radius:20px; margin:0 10px 30px 0;}
.news .content .data .time{padding:5px 0; color:#bbb; font-size:0.9rem;}
.news .content .left h1{font-size:2.5rem; margin:0 0 30px;}
.news .content .left h2{background:#e3295a; padding:15px 20px; font-size:2rem; color:#fff; margin:70px 0 20px;}
.news .content .left h3{background:#f7f7f7; padding:10px 20px; font-size:1.8rem; border-left:solid 3px #e3295a; margin:40px 0 20px;}
.news .content .left .thumbnail{width:100%; margin:0 0 30px;}
.news .content .left .thumbnail img{max-width:100% !important; height:400px !important; object-fit:cover;}
.news .content .left .p{}
.news .content .left table {border-collapse: collapse; border-spacing: 0; margin:20px 10px;}
.news .content .left table th {padding: 10px; background: #f7f7f7; border: solid 1px #ccc;}
.news .content .left table td {padding: 10px; border: solid 1px #ccc;}
.news .content .left ul{list-style:disc; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 50px;}
.news .content .left ol{list-style:decimal; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 50px;}
.news .content #ez-toc-container{width:90%; margin:30px 5% 0; padding:20px 30px; border:solid 1px #dadada; border-radius:5px;}
.news .content #ez-toc-container .ez-toc-title{font-size:1.5rem; margin:0 0 20px;}
.news .content #ez-toc-container a{margin:0 0 10px; font-size:1.5rem;}
.news .content .yarpp h3{background:none; padding:0; font-size:1.4rem; border:none; margin:40px 0 20px;}
.news .content .yarpp .yarpp-thumbnails-horizontal{display:flex; flex-wrap: wrap;}
.news .content .yarpp a{width:50% !important; height:auto !important; display:flex; border:none; margin:0 0 20px;}
.news .content .yarpp a img{ width:40% !important; height:90px !important; object-fit:cover; margin:0 15px 0 0;}
.news .content .yarpp a .yarpp-thumbnail-title{width:60% !important; font-size:1.4rem; font-weight:normal; margin:0; color:#000; margin:0 15px 0 0;}

.news .kansyu{background:#f7f7f7; border:solid 1px #e5e5e5; padding:30px; margin:40px 0 0; border-radius:5px;}
.news .kansyu-profile-img{display: flex;}
.news .kansyu-profile-img .kansyu-img{width: 130px; height:auto; text-align: center; margin: 0 30px 0 0;}
.news .kansyu-profile-img .kansyu-img img{width: 100%; height:130px; border-radius:80px;}
.news .kansyu-profile-img .kansyu-content{width:510px; margin:0;}
.news .kansyu-profile-img .kansyu-content .kansyu-profile .txt0{font-size:1.5rem; color:#e3295b; margin:0 0 5px;}
.news .kansyu-profile-img .kansyu-content .kansyu-profile .txt1{font-size:1.8rem; font-weight:bold; margin:0 0 15px;}
.news .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span{font-size:1.2rem; color:#000; font-weight:normal;}
.news .kansyu-profile-img .kansyu-content .d1 .txt2{font-size:1.4rem;}

@media screen and (max-width:1100px) {
	.news .breadcrumbs_outer .breadcrumbs{width:980px;}

	.news .container{width:980px;}
	.news .container .left{width:610px;}
	.news .container .left .thumbnail{width:auto;}

	.news .archive .left .list a{width:300px; margin:0 10px 20px 0;}
	.news .archive .left .list a:nth-child(3n){margin:0 10px 20px 0;}
	.news .archive .left .list a:nth-child(2n){margin:0 0 20px 0;}
	.news .archive .left .list .thumbnail img{width:100%;}
}

@media screen and (max-width:980px) {
	.news{padding-top:0;}
	
	.news .breadcrumbs_outer{font-size:1.2rem; padding:15px; overflow-x: scroll; white-space: nowrap;}
	.news .breadcrumbs_outer .breadcrumbs{width:100%;}
	
	.news .container{width:100%; margin:30px auto 50px; display:block;}
	.news .container .left{width:100%; margin:0; padding:0 15px;}
	.news .container .left a{ margin:0 0 40px;}
	.news .container .left ul a{display:block;}
	.news .container .left .thumbnail{width:100%; margin:0 0 10px;}
	.news .container .left .thumbnail img{width:100%; height:178px;}
	.news .container .left .content{width:100%;}
	.news .container .left .content .title{margin:0 0 10px;}
	.news .container .left .content .des{margin:0 0 10px;}
	.news .container .left .content .time{margin:0;}

	.news .archive .left a{margin:0 0 40px;}
	.news .archive .left ul a{display:block;}
	.news .archive .left ul:first-child .midashi{margin:0;}
	.news .archive .left ul .midashi{display:flex; justify-content: space-between; margin:40px 0 0;}
	.news .archive .left ul .midashi a{margin:0 0 20px;}
	.news .archive .left .list{display:block;}
	.news .archive .left .list a{width:100%;}
	.news .archive .left .list .thumbnail{margin:0 0 10px;}
	.news .archive .left .list .thumbnail img{width:100%; height:178px;}
	.news .archive .left .content{width:100%;}
	.news .archive .left .list .content .title{font-size:1.8rem; margin:0 0 10px;}
	.news .archive .left .list .content .time{margin:0;}
	
	.news .container .right{width:100%; padding:0 15px;}
	.news .container .right h3{margin:0 0 15px;}
	.news .container .right .sidebar-wrapper{margin:0 0 30px;}
	.news .container .right .sidebar-wrapper .rpwe-li a{width:35%;}
	.news .container .right .sidebar-wrapper .rpwe-li h3{width:65%;}

	.news .wp-pagenavi{margin:40px 0;}

	.news .content .data{display:block; margin:0 0 10px;}
	.news .content .data .category a{display: inline-block;}
	.news .content .data .time{margin:10px 0 0;}
	.news .content .left h1{font-size:2.0rem;}
	.news .content .left h2{font-size:1.8rem;}
	.news .content .left h3{font-size:1.6rem;}
	.news .content .left .thumbnail img{height:100% !important;}
	.news .content .yarpp{margin:20px 0 50px;}
	.news .content .yarpp .yarpp-thumbnails-horizontal{display:block;}
	.news .content .yarpp a{width:100% !important; margin:0 0 20px;}
	.news .content .yarpp a img{ width:35% !important; height:72px !important;}
	.news .content .yarpp a .yarpp-thumbnail-title{width:65% !important; margin:0 !important; font-size:1.2rem;}

	.news .kansyu{padding:20px;}
	.news .kansyu-profile-img{display: block;}
	.news .kansyu-profile-img .kansyu-img{margin: 0 auto 30px;}
	.news .kansyu-profile-img .kansyu-img img{width: 100%;}
	.news .kansyu-profile-img .kansyu-content{width:100%;}
	.news .kansyu-profile-img .kansyu-content .kansyu-profile .txt0{}
	.news .kansyu-profile-img .kansyu-content .kansyu-profile .txt1{}
	.news .kansyu-profile-img .kansyu-content .kansyu-profile .txt1 span{}
	.news .kansyu-profile-img .kansyu-content .d1 .txt2{}

}