@charset "UTF-8";
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, video { display: inline-block;}
audio:not([controls]) { display: none; height: 0;}
[hidden] { display: none; }
/* ==========================================================================
   Base
   ========================================================================== */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { margin: 0;}
a:focus { outline: thin dotted;}
a{ color: #0059B2;}
a:active, a:hover { outline: 0; color: #2B89F2;}
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
dfn { font-style: italic;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark { background: #ff0; color: #000;}
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em;}
pre { white-space: pre-wrap;}
q { quotes: "\201C" "\201D" "\2018" "\2019";}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}


/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0;}
svg:not(:root) { overflow: hidden;}


/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0;}


/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0;}


/* ==========================================================================
   Forms
   ========================================================================== */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0;}
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0;}
button, input { line-height: normal;}
button, select { text-transform: none;}
button, html input[type="button"], 
input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top;}
table { border-collapse: collapse; border-spacing: 0;}
table {
  font-size:inherit;    /* モダンブラウザ向け */
  font:100%;    /* Win IE 5-5.5､6(後方互換モード)向け */
}


/* body
============================================= */
body {
  color: #212121;
  overflow-x:hidden;
  -webkit-overflow-x:hidden;
  margin: 0;
  padding: 0;
  font-family:"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3, "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
}
a {
  color: #000000;
  text-decoration: none;
}
p{
  padding: 0;
  margin: 0;
}
/* IE6 */
* html body {
  font-size: 82%;
}
/* IE7 */
*:first-child+html body {
  font-size: 82%;
}
h1, h2, h3, h4, h5 {
  font-size: 100%;
}
* {
  box-sizing: border-box;
  letter-spacing: 0.1em;
  line-height: 1.0;
  margin: 0;
  padding: 0;
}


/* common
============================================= */
a.link:hover{
  opacity: 0.7;
}
li {
  list-style: none;
}
img{
  max-width: 100%;
  height: auto;
}
.is-sp_hide{
  display: block;
}
.is-pc_hide{
  display: none;
}
.is-sp_img {
  display: none;
}
.is-sp_br {
  display: none;
}
.is-before_icon::before,
.is-after_icon::after {
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  display: inline-block;
  vertical-align: middle;
}
.is-before_symbol::before,
.is-after_symbol::after {
	content: '';
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.container {
  margin: auto;
  position: relative;
}
.com-inner_wrap {
  margin: 0 auto;
  max-width: 1000px;
}
.com-inner {
  margin: 0 auto;
  text-align: center;
  width: 95%;
}
.com-orderbtn-outer {
  background: #000;
}
.com-orderbtn-outer .com-inner {
  padding: 4% 0 5.5%;
}
.com-orderbtn_wrap {
  display: inline-block;
  margin: 0 auto;

  position: relative;
  width: 50%;
}
.com-order_add {
  margin: 0 auto 3.5%;
}
.com-orderbtn {
  display: block;
  width: 100%;
}
.com-orderbtn:focus {
  outline: none;
}
.com-orderbtn:hover {
  color: #fff;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: -webkit-opacity 0.4s linear;
  -moz-transition: -moz-opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
@media screen and (max-width: 767px) {
  .com-inner {
    width: 90%;
  }
  .com-orderbtn_wrap {
    width: 80%;
  }
  .com-orderbtn {
    margin: 0 auto;
  }
}
@media screen and (max-width: 583px) {
  .is-sp_hide{
    display: none;
  }
  .is-pc_hide{
    display: block;
  }
  .is-pc_img {
    display: none;
  }
  .is-sp_img {
    display: inline-block;
  }
}
@media screen and (max-width: 479px) {
.com-inner {
    width: 94%;
  }
  .com-orderbtn_wrap {
      width: 90%;
  }
}


/* header
============================================= */
header {
  background: #000;
  position: relative;
  z-index: 2;
}
header .com-inner {
  padding: 0.9% 0 1.2%;
  text-align: center;
  width: 36.7%
}
@media screen and (max-width: 767px) {
  header .com-inner {
    padding: 7px 0;
    width: auto;
  }
  header .com-inner img {
    width: auto;
    height: 30px;
  }
}
@media screen and (max-width: 583px) {
  header .com-inner {
    width: auto;
  }
  header .com-inner img {
    width: auto;
    height: 30px;
  }
}


/* mainvisual
============================================= */
.mainvisual {
  background: #000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.mainvisual::before {
  background: #000 url(../img2/mainvisual_bg.png) no-repeat center top;
  background-size: 100% auto;
  content: '';
  display: block;
  height: 100%;
  left: 50%;
  max-width: 1280px;
  position: absolute;
  top: -0.5%;
  transform: translateX(-50%);
  width: 100%;
}
.mainvisual .com-inner {
  margin: 0 auto;
  padding: 4% 0 4%;
  position: relative;
}
.mainvisual-head {
  margin: 0 auto;
  padding: 0 0 5%;
}
.mainvisual-note {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 auto 4.5%;
  max-width: 74em;
  padding: 0 1.5em;
  text-align: left;
  text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.mainvisual-period {
  margin: 0 auto 5%;
}
.mainvisual .com-orderbtn_wrap {
  margin: 0 auto 3%;
}
.mainvisual-nav_list {
  letter-spacing: -0.4em;
}
.mainvisual-nav_list li {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  width: 15%;
}
.mainvisual-nav_list li:not(:last-of-type) {
  margin: 0 2% 0 0;
}
.mainvisual-nav_list li a {
  display: block;
}
.mainvisual-nav_list li img {
  max-width: 100%;
  width: 100%;
}
.benefits .top .com-inner {
  margin: 0 auto 10%;
  padding: 10% 0 0;
}
.benefits-list
.aaa {
  width: 76.8%
}
.benefits-list {
  margin: 0 auto 8%;
}
.com-head {
  margin: 0 auto;
  width: 51.8%;
}
.price-heade {
  margin: 0 auto 5%;
}
.option .top .com-inner {
  padding: 10% 0;
}
.anshin-heade {
  padding: 10% 0 0;
  margin: -10% auto 6%;
}
.rental-heade {
  margin: 0 auto 6%;
}
.option-head img {
  width: 94%;
}
.option-item {
  margin: 0 auto 12%;
}
#poke {
  padding: 10% 0 0;
  margin: -10% 0 0;
}

.other .top .com-inner {
  padding: 14% 0;
}
.other-capacity {
  padding: 10% 0 0;
  margin: -10% auto 15%;
}
.other-capacity-list {
  margin: 0 auto 14%;
}
.other-point {
  padding: 10% 0 0;
  margin: -10% auto 12%;
}
.other-flow {
  padding: 10% 0 0;
  margin: -10% auto 10%;
}
@media screen and (max-width: 767px) {
  .mainvisual .com-inner {
  }
  .mainvisual-note {
    font-size: 10px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 583px) {
  .com-head {
    width: 100%;
  }
  .price-heade {
    margin: 0 auto 8%;
  }
  .mainvisual {
    background-position: center top;
    background-size: auto 65%;
  }
  .mainvisual::before {
    max-width: none;
    width: 200%;
  }
  .mainvisual-head {
    padding: 0 0 6%;
  }
  .mainvisual-note {
    line-height: 1.3;
    margin: 0 auto 7%;
    width: 96%;
  }
  .mainvisual-period {
      margin: 0 auto 7%;
  }
  .benefits .top .com-inner {
    margin: 0 auto 12%;
  }
  .mainvisual .com-orderbtn_wrap {
    margin: 0 auto 5%;
  }
  .mainvisual-nav_list li {
    width: 32%;
  }
  .mainvisual-nav_list li:not(:nth-of-type(3n)) {
    margin: 0 2% 2% 0;
  }
  .mainvisual-nav_list li:nth-of-type(3n) {
    margin: 0 0 2% 0;
  }
  .option-item img:nth-of-type(2) {
    margin: 0 auto 6%;
  }
  .option-item {
    margin: 0 auto 5%;
  }
}
@media screen and (max-width: 479px) {
  .mainvisual-note {
    padding: 0;
  }
}


/*-----------------------------------------------------------------------
* footer
*----------------------------------------------------------------------- */
footer{
  text-align: center;
  color: #0e0e0e;
  background: #f5f5f5;
}
footer p{
  padding: 20px 8px;
  margin-bottom: 0;
}
footer p a{
  display: block;
  font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.6;
  text-decoration: underline;
}


/*-----------------------------------------------------------------------
 scroll Top
----------------------------------------------------------------------- */
#pageTop a {
  background: #f9f415;
  border-radius: 50%;
  border: 3px solid #222;
  bottom: 0;
  box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.3);
  height: 80px;
  margin: 0 4% -20% 0;
  position: fixed;
  right: 0;
  text-align: center;
  transition: 0.3s ease;
  width: 80px;
  z-index: 1;
}
#pageTop a.show {
  margin: 0 4% 4% 0;
}
#pageTop a::before {
  border-top: 5px solid #222;
  border-right: 5px solid #222;
  content: '';
  display: inline-block;
  height: 26px;
  left: 50%;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 58%;
  transform: rotate(-45deg);
  width: 26px;
}
@media screen and (max-width: 767px) {
  #pageTop a {
    height: 60px;
    width: 60px;
  }
  #pageTop a::before {
    height: 18px;
    margin: -10px 0 0 -12px;
    width: 18px;
  }
}



.com-concierge {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 125%;
  margin-top: 1.0em;
  padding-bottom: 1.0em;
}
.com-concierge .item_title {
  color: #0c8cd7;
}
.com-concierge .item_no {
  color: #000000;
  font-size: 1.2em;
  background-color: #ffffff;
  padding: 0 0.5em;
}