/* ---------------------------

   service site styles

   --------------------------- */
/* ==========================================================================
   contents styles
   ========================================================================== */
.content-title {
  font-size: 44px;
  font-size: 5.2rem;
  font-weight: 340;
  letter-spacing: 2px;
  line-height: 0.8;
}

.main-title {
  float: left;
  margin-bottom: 20px !important;
}

.sub-title {
  margin-left: 105px;
  text-align: left;
  margin-top: 20px;
}

.none {
  display: none !important;
}

.yellow {
  color: yellow;
}

.content-title-wrap {
  padding-bottom: 0 !important;
}

._n4v1-footer {
  margin: 0;
  border-top: 5px solid #222;
}

._n4v1-subfooter p {
  color: #222;
}

._n4v1-subfooter a:link {
  color: #222;
}

.section.border-bottom {
  border-bottom: 1px solid #ccc;
}

.contents .contents-wrap {
  max-width: 1100px;
  padding: 40px 15px;
}

.contents .under-title h2 {
  max-width: 1100px;
}

.banner-area {
  margin-bottom: 30px;
}

.banner-area:last-child {
  margin-bottom: 0;
}

.banner-area a:hover {
  opacity: 0.9;
}

@media screen and (max-width: 1200px) {
  .contents .contents-wrap,
  .contents .under-title h2 {
    max-width: 950px;
  }

  ._n4v1-subfooter {
    margin-top: 15px;
  }

  ._n4v1-subfooter p {
    color: #ccc;
  }
}

@media screen and (max-width: 767px) {
  .main-title {
  }

  .sub-title {
    text-align: center;
    margin: 0 0 10px 0;
  }

  ._n4v1-subfooter {
    margin-top: 15px;
  }

  ._n4v1-subfooter p {
    color: #ccc;
  }
}

@media screen and (max-width: 499px) {
  .contents .contents-wrap,
  .contents .under-title h2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  ._n4v1-subfooter {
    margin-top: 15px;
  }

  ._n4v1-subfooter p {
    color: #ccc;
  }
}

@media screen and (max-width: 499px) {
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12,
  .col-single {
    padding-left: 10px;
    padding-right: 10px;
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  ._n4v1-subfooter {
    margin-top: 15px;
  }

  ._n4v1-subfooter p {
    color: #ccc;
  }
}

/* ==========================================================================
   top styles
   ========================================================================== */
.english-sns-top-wrap {
  background-color: #000;
  position: relative;
}

.english-sns-top {
  padding: 11px;
}

@media only screen and (max-width: 862px) {
  .english-sns-top {
    padding: 10px 5px;
    display: flex;
    justify-content: space-between;
  }
}

.english-sns-top a.english-anchor {
  display: inline-block;
  padding: 2px;
  font-size: small;
}

.english-sns-top a.english-anchor:hover {
  text-decoration: none;
}

@media only screen and (max-width: 862px) {
  .english-sns-top a.english-anchor {
    margin-right: 3px;
    height: 20px;
  }
}

.english-sns-top .sns-box,
.english-sns-top #sns-bloc {
  display: inline;
}

.english-sns-top #sns-bloc {
  top: 11px;
  height: inherit;
}

@media only screen and (max-width: 862px) {
  .english-sns-top .snsbloc-in {
    height: inherit;
  }

  .english-sns-top .sns-box {
    padding: 0;
  }
}

/*メインビジュアル*/
.main-image-wrap {
  position: relative;
  width: 100%;
  height: 398px;
  overflow: hidden;
}

.main-image-wrap img.main-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
}

@media only screen and (max-width: 767px) {
  /* SP */
  .main-image-wrap {
    height: calc(798 / 750 * 100vw);
  }

  .main-image-wrap img.main-image {
    width: 100%;
    height: auto;
  }
}

@media only screen and (min-width: 1500px) {
  /* メイン画像の幅を超えた後 */
  .main-image-wrap {
    max-height: 398px;
    height: calc(1500 / 398 * 100vw);
    width: 100%;
  }

  .main-image-wrap img.main-image {
    width: 100%;
    height: auto;
  }
}

.banner-for-business {
  background-color: #fff;
  display: block;
  width: 100%;
}

.banner-for-business a:link,
.banner-for-business a:visited {
  background-color: #0099cc;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 32px;
  padding-bottom: 16px;
  border-radius: 0;
}

.banner-for-business a:hover {
  opacity: 0.9;
}

@media only screen and (max-width: 767px) {
  .banner-for-business a:link,
  .banner-for-business a:visited {
    padding-top: 16px;
  }
}

.banner-for-business a:hover {
  text-decoration: none;
}

.banner-for-business .heading {
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  .banner-for-business .heading {
    font-size: 5vw;
    margin-bottom: 5px;
  }
}

.banner-for-business .content::before {
  content: ">";
  margin-right: 4px;
}

@media only screen and (max-width: 767px) {
  .banner-for-business .content {
    font-size: 3.8vw;
    width: 70%;
    margin: 0 auto;
    text-decoration: underline;
  }

  .banner-for-business .content::before {
    content: "";
    margin-right: 0;
  }
}

/* ------------------------
　　　　　　　ビデオ
--------------------------*/
#main-image {
  width: 100%;
  height: 300px;
  padding: 0;
  margin: 0;
}

#main-image img {
  max-width: 720px;
  height: auto;
  margin-bottom: 40px;
}

/*#big-video-vid{
    top: 0!important;
}*/
/*MBのとき*/
.mobile .main-box {
  max-width: 100%;
}

.mobile .contents-wrap-main {
  padding: 0;
  background: #000000;
  max-width: 100%;
}

.mobile #main-image,
.mobile #main-image img {
  padding: 0;
  margin: 0;
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
}

.contents-wrap-main {
  /* background: url(../img/service/strip.png) repeat-x center -20px; */
  background-size: 129px auto;
  max-width: 100%;
  padding: 100px 0 0;
  height: 398px;
  position: relative;
  /*padding: 80px 0 0;*/
  padding: 30px 0 80px;
}

.entrance-scholarship {
  background: rgba(51, 51, 51, 0.7);
}

@media screen and (max-width: 950px) {
  .top-menu {
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 290px;
    background: #0b9aca;
    line-height: 2;
    height: 100px;
    color: #ffffff;
  }

  .top-menu li {
    width: 32%;
  }

  .contents-wrap-main,
  .main-box-wrap {
    height: auto;
  }

  .contents-wrap-main {
    padding: 10px 0px;
  }
}

@media screen and (max-width: 767px) {
  .main-box-wrap {
    background-size: contain;
    background-position: center top;
  }

  .top-menu {
    margin-top: 280px;
  }

  .top-menu li {
    width: 48%;
    margin-bottom: 10px;
  }

  .contents-wrap-main {
    background-size: 64px auto;
    background-position: center top;
    padding: 0px 0px 0;
  }

  #main-image img {
    margin: 0px auto 20px;
  }
}

@media screen and (max-width: 530px) {
  .top-menu {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .top-menu li {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
  }

  .top-menu li a {
    background-color: #fff;
  }

  .main-box-wrap {
    background-size: cover;
  }

  .contents-wrap-main {
    /*    padding-top: 30px;*/
    padding-top: 1px;
    /*    background-image: url(../img/service/sp-top.png);*/
    background-size: contain;
    height: fit-content;
    position: relative;
    background-repeat: no-repeat;
  }

  .top-menu ul {
    font-size: 12px;
  }

  #main-image {
    height: 138px;
  }
}

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

/*メイン以下コンテンツ*/
/*residentlist*/
.to-resident-link,
.to-resident-link:hover,
.to-resident-link:visited {
  text-decoration: none;
  color: #fff;
  outline: none;
}

.resident-box .contents-wrap {
  padding: 20px 0;
  max-width: 100%;
}

.resident-list {
  overflow: hidden;
}

.resident-list li {
  float: left;
  padding: 0 5px;
  margin: 0;
  width: auto;
  text-align: center;
  width: auto !important;
}

#scroller {
  display: none;
}

.simply-scroll-container {
  position: relative;
}

.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}

.simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 78px;
}

.simply-scroll-list li {
  float: left;
  padding: 0 5px;
  margin: 0;
  width: 170px;
  height: 78px;
  list-style: none !important;
}

.simply-scroll-list li.slide-5 {
  width: 138px;
}

.simply-scroll-list li.slide-7 {
  width: 137px;
}

.simply-scroll-list li.slide-10 {
  width: 123px;
}

.simply-scroll-list li.slide-11 {
  width: 108px;
}

.simply-scroll-list li.slide-15 {
  width: 164px;
}

.simply-scroll-list li.slide-18 {
  width: 130px;
}

.simply-scroll-list li.slide-21 {
  width: 125px;
}

.simply-scroll-list li.slide-22 {
  width: 130px;
}

.simply-scroll-list li.slide-23 {
  width: 115px;
}

.simply-scroll-list li.slide-25 {
  width: 210px;
}

.simply-scroll-list li.slide-26 {
  width: 143px;
}

.simply-scroll-list li.slide-27 {
  width: 220px;
}

.simply-scroll-list li img {
  display: block;
}

@media screen and (max-width: 767px) {
  .resident-box .contents-wrap {
    padding: 10px 0;
  }

  .simply-scroll-list {
    height: 58px;
  }

  .simply-scroll-list li {
    height: 58px;
    width: 129px;
  }

  .simply-scroll-list li.slide-5 {
    width: 105px;
  }

  .simply-scroll-list li.slide-7 {
    width: 104px;
  }

  .simply-scroll-list li.slide-10 {
    width: 94px;
  }

  .simply-scroll-list li.slide-11 {
    width: 83px;
  }

  .simply-scroll-list li.slide-15 {
    width: 125px;
  }

  .simply-scroll-list li.slide-18 {
    width: 105px;
  }

  .simply-scroll-list li.slide-21 {
    width: 107px;
  }

  .simply-scroll-list li.slide-22 {
    width: 99px;
  }

  .simply-scroll-list li.slide-23 {
    width: 80px;
  }

  .simply-scroll-list li.slide-25 {
    width: 160px;
  }

  .simply-scroll-list li.slide-26 {
    width: 110px;
  }

  .simply-scroll-list li.slide-27 {
    width: 164px;
  }
}

@media screen and (max-width: 499px) {
  .simply-scroll-list {
    height: 44px;
  }

  .simply-scroll-list li {
    height: 44px;
    width: 100px;
  }

  .simply-scroll-list li.slide-5 {
    width: 82px;
  }

  .simply-scroll-list li.slide-7 {
    width: 82px;
  }

  .simply-scroll-list li.slide-10 {
    width: 74px;
  }

  .simply-scroll-list li.slide-11 {
    width: 65px;
  }

  .simply-scroll-list li.slide-15 {
    width: 97px;
  }

  .simply-scroll-list li.slide-18 {
    width: 84px;
  }

  .simply-scroll-list li.slide-21 {
    width: 83px;
  }

  .simply-scroll-list li.slide-22 {
    width: 78px;
  }

  .simply-scroll-list li.slide-23 {
    width: 65px;
  }

  .simply-scroll-list li.slide-25 {
    width: 123px;
  }

  .simply-scroll-list li.slide-26 {
    width: 85px;
  }

  .simply-scroll-list li.slide-27 {
    width: 130px;
  }
}

/*sub contents*/
.contents-wrap h1 {
  margin: 0 auto 35px;
  text-align: left;
  padding-left: 0;
}

.contents-wrap h2 {
  text-align: left;
  padding-left: 0;
}

/*キャンペーン*/
.campaign-box .contents-wrap {
  padding-top: 25px;
  padding-bottom: 25px;
}

.campaign-box .pdf-dwn {
  margin-bottom: 0;
}

.campaign-box h2 {
  display: table-cell;
  width: 250px;
  vertical-align: middle;
}

.campaign-box h2 img {
  max-height: 38px;
  margin-top: -5px;
}

.campaign-box h3 {
  color: #ffff00;
  font-size: 1.9rem;
  margin-bottom: 12px;
  margin-top: 0;
}

.campaign-box a {
  color: #ffffff;
  text-decoration: underline;
}

.campaign-box .campaign-text {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .campaign-box h3 {
    font-size: 1.8rem;
  }

  .campaign-box h2 {
    display: block;
    width: auto;
  }

  .campaign-box .campaign-text {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 499px) {
  .campaign-box .campaign-text {
    text-align: left;
  }
}

/*インフォメーション*/
.information-box .contents-wrap {
  position: relative;
  padding-bottom: 80px;
}

.information-box.bk-gray {
  color: #333;
}

.information-box .hidden-info {
  display: none;
}

.count-info {
  width: 200px;
  position: absolute;
  left: 15px;
  bottom: 20px;
  background: #d8d8d8;
  color: #333;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px;
  text-align: center;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .count-info {
    margin-left: -100px !important;
    left: 50%;
  }
}

@media only screen and (max-width: 499px) {
  .information-box p.bigger {
    font-size: 1.4rem;
    /*font-weight: bold;*/
  }
}

/*メンバー*/
/*リクルート*/
.member-box .contents-wrap {
  padding: 20px 15px;
}

.member-box .contents-wrap h2 {
  margin-bottom: 0;
  padding-top: 7px;
}

.member-box .member-btns a,
.facility-detail-box a.btn,
.search-area .btn {
  display: block;
  background: #1690bf url("../img/btn_go.png") no-repeat 95% center;
  width: 100%;
  background-size: 23px auto;
  text-decoration: none !important;
  color: #ffffff;
  border: none;
  font-size: 1.65rem;
  font-weight: normal;
  padding: 17px 30px;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

.link-btn,
html body .contents-wrap .link-btn {
  display: block;
  background: #fff url("../img/service/bg_linkbtn.png") no-repeat right center;
  width: 100%;
  background-size: 71px 57px;
  text-decoration: none !important;
  color: #666666 !important;
  /*border: 1px solid #aaa;*/
  border: none;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  letter-spacing: 1px;
  font-weight: normal;
  line-height: 57px;
  padding: 0 20px;
  border-radius: 6px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  text-align: left;
  max-width: 320px;
  margin-right: auto;
  margin-left: auto;
}

.link-btn:focus,
html body .contents-wrap .link-btn:focus {
  background-image: url("../img/service/bg_linkbtn.png");
  background-size: 71px 57px;
}

.facility-detail-box a.btn.disabled {
  background-color: #ebebeb;
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.member-btns {
  padding: 0;
}

.bk-blue {
  background-color: #1690bf;
}

@media screen and (max-width: 767px) {
  .contents-wrap h2 {
    text-align: center;
    word-break: normal;
    line-height: 1;
  }

	.registry-contents .plan-select-box .contents-wrap {
		padding-top: 0;
	}

  .member-box .contents-wrap h2 {
    margin-bottom: 35px;
  }

	.member-btns>div {
		margin-bottom: 20px;
	}

}

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

	.banner-box .contents-wrap {
		padding-bottom: 30px;
	}
}

.banner-box .border-bottom {
  padding-bottom: 30px;
}

/*ワッツニュー*/
.new-box a:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

.new-box .new-imgs {
  margin-right: -8px;
  margin-left: -8px;
}

.new-box .img-content {
  padding: 0 8px;
}

.new-box .img-content {
  position: relative;
  margin-bottom: 20px;
  color: #666666;
}

.new-box .img-content .new-tag {
  background: #333333;
  padding: 5px 10px;
  width: 144px;
  text-align: center;
  color: #cccccc;
  border-radius: 0 10px 0 10px;
  position: absolute;
  top: -6px;
  left: 14px;
  box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.4);
}

.new-box .img-content .new-img {
  margin-bottom: 3px;
}

.new-box .img-content .date {
  font-size: 1.1rem;
  margin-bottom: 5px;
}

.new-box .img-content .text {
  font-size: 1.6rem;
}

@media screen and (min-width: 1201px) {
  .top-page .new-imgs div.new-img img {
    height: 231px !important;
  }
}

/*フェースブック*/
.facebook-box .contents-wrap {
  width: 100%;
  max-width: 1000px;
}

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style] {
  width: 100% !important;
}

.fbcomments,
.fbcomments iframe[style] {
  width: 100% !important;
}

/* ==========================================================================
   under page styles
   ========================================================================== */
.under-page a {
  text-decoration: underline;
}

.under-title {
  background-color: #999999;
  position: relative;
  overflow: hidden;
}

.under-title:after {
  content: "";
  background: url(../img/service/stripe_under.png) repeat-x 0% center;
  background-size: 65px auto;
  position: absolute;
  top: 0;
  left: 30%;
  display: block;
  height: 100%;
  width: 100%;
}

.under-title h2 {
  margin: 0 auto;
  padding: 10px 15px;
  font-size: 1rem;
  text-align: left;
  position: relative;
  z-index: 10;
}

.under-title h2 img {
  max-height: 25px;
  width: auto;
}

.under-page .contents-wrap h1 {
  text-align: left;
  padding-left: 0;
  margin: 0 auto 35px;
  height: auto;
}

.under-page .contents-wrap h3 {
  text-align: left;
  padding-left: 0;
  margin: 0 auto 35px;
  height: auto;
}

.under-page .contents-wrap h3 img,
.registry-contents .contents-wrap h1 img {
  max-height: 32px;
  width: auto;
  max-width: none;
  height: auto;
}

.under-page .contents-wrap h4 {
}

.under-page .contents-wrap h4 img {
  max-height: 32px;
  width: auto;
}

.under-page.event-typelist .contents-wrap h3 {
  margin: 0 auto 25px;
}

@media screen and (max-width: 767px) {
  .under-page .contents-wrap h3 {
    text-align: center;
  }

  .banner-area {
    margin-bottom: 10px;
  }

  .banner01 {
    margin-bottom: 10px;
  }
}

/*---------ABOUT-----------------------------------*/
/*concept*/
.concept-box .contents-wrap h2 img {
  max-height: 37px;
}

/*plan*/
.plan-box h3 {
  float: left;
}

.plan-box h4 {
  text-align: center;
  margin-bottom: 15px;
  height: 91px;
}

.under-page .plan-box .contents-wrap h4 img {
  max-width: 271px;
  height: auto;
  max-height: none;
  width: 100%;
}

.plan-box .plan-wrap {
  border-top: 3px dotted #ccc;
}

.plan-box .first-plan {
  border: none;
}

.plan-box .first-plan .contents-wrap {
  padding-top: 20px;
}

.plan-box dl {
  text-align: left;
  margin-bottom: 6px;
}

.plan-box dt {
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 27px;
  font-size: 2.7rem;
}

.plan-box dt span {
  padding-left: 20px;
}

.plan-box dt img {
  width: 100px;
  float: left;
}

.plan-box dd {
  font-size: 18px;
  font-size: 1.8rem;
  padding-left: 120px;
  text-align: left;
}

ul.plan-price br {
  display: none;
}

.plan-box .plan-content dd p {
  text-align: left;
  line-height: 28px;
}

.plan-box .plan-content dd p.plan-price {
  line-height: 34px;
}

.indent {
  text-indent: 15px;
  display: block;
}

.plan-content dd .plan-price {
  font-size: 22px;
  font-size: 2.2rem;
}

.plan-content dd ul.plan-price {
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 20px;
  font-size: 2rem;
}

.drop-in-link {
  margin-top: 20px;
}

.drop-in-link a,
a.guidance-detail-link {
  text-decoration: underline !important;
}

@media only screen and (max-width: 1200px) {
  .plan-box dt {
    font-size: 26px;
    font-size: 2.6rem;
  }

  .plan-box dd {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 767px) {
  .plan-box .first-plan .contents-wrap {
    padding-top: 40px;
  }

  .plan-box h3 {
    float: none;
  }

  .plan-box dt {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }

  .plan-box dt span,
  .plan-box dt img {
    float: none;
  }

  .plan-box dd {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0;
  }

  .plan-content dd .plan-price {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .plan-content dd ul.plan-price {
    line-height: 30px;
    font-size: 17px;
    font-size: 1.7rem;
  }

  ul.plan-price br {
    display: inline;
  }

  .plan-box .plan-content dd p {
    line-height: 20px;
  }

  .member-box02 .contents-wrap {
    width: auto;
    margin: 0;
  }

  .plan-box dt span {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 400px) {
  .plan-box dt img {
    width: 90px;
    float: left;
  }

  .plan-box dt span.freeaddress {
    font-size: 17px;
    font-size: 1.7rem;
  }

  .plan-content dd .plan-price {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: -0.5px;
  }

  .plan-content dd ul.plan-price {
    line-height: 26px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}

/*service*/
/*access*/
.contents-wrap .title-access {
  margin: 40px 0;
}

.top-page .access-box address {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 5px;
}

.top-page .access-box .place-image {
  margin-bottom: 3px;
}

.top-page .access-box ul {
  margin-bottom: 10px;
}

.top-page .access-box ul li {
  font-size: 13px;
  font-size: 1.3rem;
  list-style: disc;
  list-style-position: inside;
}

.top-page .access-box #map-canvas {
  margin-bottom: 20px;
}

.under-page .access-box #map-canvas {
  height: 334px;
  margin-bottom: 20px;
}

.facebook-area {
  float: left;
  width: 48%;
}

.facebook-area .fb-page {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.access-area {
  float: right;
  width: 48%;
}

.line-facebook-access {
  display: none;
}

.fb_iframe_widget_fluid {
  display: block !important;
}

@media only screen and (max-width: 1200px) {
  .facebook-area {
    width: 47.5%;
  }
}

@media only screen and (max-width: 767px) {
  .line-facebook-access {
    display: block;
    border: none;
    border-bottom: 1px solid #cccccc;
    margin: 30px -10px 0;
  }

  .under-page .access-box #map-canvas {
    height: 220px;
  }

  .under-page .access-box .address {
    padding-left: 0px;
  }

  .top-page .access-box #map-canvas {
    height: 300px !important;
  }

  .access-area,
  .facebook-area {
    float: none;
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
  }

  .access-area h2 {
    margin-top: 35px;
  }

  .fb-page,
  .fb-page > span,
  .fb-page iframe[style] {
    display: block !important;
    margin: 0 auto;
  }

  .contents-wrap .title-access {
    text-align: center;
  }
}

/*root*/
.root-box .contents-wrap {
  padding-top: 0;
}

/*---------MACHINE-----------------------------------*/
.breadcrumb {
  border-bottom: 1px solid #666666;
  margin-bottom: 0;
  border-radius: 0;
  background: #fff;
  color: #000;
  padding: 0;
}

/*.breadcrumb .rcorners{
  border-radius: 5px;
  background: #FFFFFF;
  padding: 0px;
  width: 70px;
  height: 20px;
  margin-top: 14px;
  text-align: center;
}*
.breadcrumb p {
  border-radius: 5px;
  background: #FFFFFF;
  padding: 0px;
  width: fit-content;
  height: auto;
  color: #ffffff;
}*/
.contents .breadcrumb ul {
  padding-top: 10px;
  padding-bottom: 10px;
}

.contents .breadcrumb ul li {
  display: inline;
}

.contents .breadcrumb ul li:before {
  content: "\003e";
  padding: 0 5px;
}

.contents .breadcrumb ul li:first-child:before {
  content: none;
}

.contents .breadcrumb ul li a {
  text-decoration: none;
}

.machine-box .btn.entrance-btn {
  font-size: 1.8rem;
}

.machine-box {
  position: relative;
}

.machine-box .mb15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.bk-trans {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.bk-trans .contents-wrap {
  padding: 0 15px;
  line-height: 56px;
}

.machine-box h1 {
  margin: 0 !important;
}

.bk-trans h2 {
  line-height: 56px;
  margin: 0 !important;
  font-size: 20px;
  font-size: 2rem;
}

.machine-link,
.resident-link {
  margin: 10px -5px;
}

.machine-link li,
.resident-link li {
  padding: 0 5px;
}

html body .contents-wrap .machine-link li a,
html body .contents-wrap .resident-link li a {
  width: 100% !important;
  max-width: 100% !important;
}

@media screen and (max-width: 1000px) {
  html body .contents-wrap .machine-link li a,
  html body .contents-wrap .resident-link li a {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    letter-spacing: normal !important;
  }

  .resident-link li {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .machine-link li,
  .resident-link li {
    margin-bottom: 10px;
  }

  .bk-trans h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .bk-trans {
    top: 100%;
  }

  .sp-mb {
    margin-top: 54px;
  }

  .machine-link li,
  .resident-link li {
    padding: 0 20px;
  }

  html body .contents-wrap .machine-link li a,
  html body .contents-wrap .resident-link li a {
    line-height: 50px;
  }

  html body .contents-wrap .resident-link li a.link-btn-sponsor {
    font-size: 12px !important;
    font-size: 1.2rem !important;
  }

  .resident-link li {
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .bk-trans h2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/*machineS*/
.under-page a.facility-list-ref {
  text-decoration: none;
}

.facility-image img,
facility-images img {
  height: auto;
}

.facility-search-checkboxes {
  padding: 24px 0 0;
}

.section.search-area .facility-search-checkboxes label {
  margin: 0 10px 20px 10px;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .section.search-area .facility-search-checkboxes label {
    margin: 0 1px 20px 1px;
  }
}

.search-area .btn {
  margin-top: 10px;
}

.search-area.border-bottom {
  border-color: #666666;
}

.under-page .search-result-area .contents-wrap {
  padding-top: 0px;
  padding-bottom: 0px;
}

.contents .search-area .contents-wrap,
.contents .search-result-area .search-result-head h3,
.contents .search-result-area .search-result-head h1,
.contents .search-result-area .dotted-box .contents-wrap {
  padding-top: 15px;
  padding-bottom: 15px;
}

.search-checkbox {
  margin-bottom: 15px;
}

.contents .search-area .contents-wrap {
  padding-bottom: 0;
}

.under-page .search-area .contents-wrap h3,
.under-page .search-area .contents-wrap h2,
.under-page .search-result-area h3,
.under-page .search-result-area h1 {
  font-size: 40px;
  font-size: 4rem;
  font-weight: normal;
  margin: 0;
}

.under-page .search-area .contents-wrap h3,
.under-page .search-area .contents-wrap h2 {
  margin-bottom: 15px;
}

.facility-search-title {
  float: left;
}

.under-page .search-area .contents-wrap .close-btn {
  float: right;
  margin: 10px 0 0;
  display: inline;
  cursor: pointer;
}

.under-page .search-area .contents-wrap .close-btn:after {
  content: "\0025b2";
}

.under-page .search-area .contents-wrap .close-btn.open-btn:after {
  content: "\0025bc";
}

.under-page .search-result-area .search-result-head,
.contents .search-result-area .dotted-box,
.dotted-box {
  border-bottom: 1px dotted #666666;
}

@media only screen and (min-width: 767px) {
  .paging {
    float: right;
  }
}

.paging {
  padding-top: 40px;
  text-align: right;
}

.event-typelist .paging {
  padding-top: 0px;
  margin-bottom: 30px;
}

.paging p,
.paging-list,
.paging ul,
.paging ul li {
  margin-bottom: 0;
  display: inline-block;
  text-align: left;
  //display:inline;
  //zoom:1;
  line-height: 28px;
  font-size: 17px;
  font-size: 1.7rem;
}

.paging .paging-ti {
  margin-right: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.paging ul li a {
  padding: 0px 7px;
  display: block;
  text-decoration: none;
}

.paging ul li a:hover,
.paging ul li a.active {
  background: #efefef;
  border-radius: 3px;
}

@media only screen and (max-width: 766px) {
  .paging {
    padding-top: 0px;
    text-align: center;
    margin-bottom: 5px;
  }

  .contents .search-result-area .search-result-head h3,
  .contents .search-result-area .search-result-head h1 {
    padding-bottom: 10px;
  }

  .under-page .search-area .contents-wrap h3,
  .under-page .search-area .contents-wrap h2 {
    text-align: left;
  }
}

.dotted-box p {
  margin-bottom: 5px;
}

.dotted-box .facility-name {
  font-size: 19px;
  font-size: 1.9rem;
  margin-bottom: 5px;
  text-align: left;
}

.dotted-box p.facility-detail {
  margin-bottom: 10px;
}

.search-result-layout02 .dotted-box .facility-area-name {
  font-size: 11px;
  font-size: 1.1rem;
  margin-bottom: 0px;
}

.search-result-layout02 .dotted-box .facility-name {
  font-size: 15px;
  font-size: 1.5rem;
}

.page-list-numbers .current {
  background-color: #ddd;
}

/*usable*/
.usable-sign {
  width: 120px;
  float: left;
  margin-right: 10px;
  background: #333333;
  border-radius: 0 7px 0 7px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
}

.usable-sign.disabled {
  background: #aaaaaa;
  color: #efefef;
}

.usable-icon {
  float: left;
}

.usable-icon img {
  margin-right: 3px;
}

.search-result-layout02 .usable-icon {
  width: 49%;
  max-width: 120px;
  text-align: right;
}

.search-result-layout02 .usable-icon img {
  margin-right: 2%;
  width: 18%;
  height: auto;
  max-height: 30px;
  min-height: 27px;
}

.search-result-layout02 .usable-icon img.alldisableimg {
  width: initial;
  height: auto;
  margin-right: 0;
}

.search-result-layout02 .usable-sign {
  width: 49%;
  max-width: 120px;
  margin-right: 2%;
}

.search-result-layout02 .usable-wrap {
  margin-bottom: 20px;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .search-result-layout02 .usable-icon {
    width: 57%;
  }

  .search-result-layout02 .usable-sign {
    width: 41%;
  }
}

.search-result-layout02 .caption p.facility-area-name,
.search-result-layout02 .caption p.facility-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/*machinesDetail*/
.machine-detail-box .contents-wrap {
  padding-top: 0px;
}

.table-detail {
  width: 100%;
}

.table-detail thead tr {
  border-bottom: 1px dotted #666666;
}

.table-detail tr {
  border-top: 1px dotted #666666;
}

.table-detail tr:first-child {
  border-top: none;
}

.table-detail th {
  text-align: right;
  font-weight: normal;
  padding: 10px;
  width: 140px;
  font-size: 11px;
  font-size: 1.1rem;
}

.table-detail thead th {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  width: auto;
}

.table-detail td {
  padding: 10px;
}

.table-detail td.last-td {
  position: relative;
}

.table-detail td.last-td:before {
  content: "";
  background: #000000;
  width: 1px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto auto 0;
}

.facility-description table {
  border-bottom: 1px dotted #666666;
}

.facility-price td,
.facility-training td {
  font-size: 14px;
  font-size: 1.4rem;
}

.facility-price td .each-block,
.facility-training td .each-block {
  font-size: 12px;
  font-size: 1.2rem;
}

.facility-detail-box {
  margin: 20px 0;
}

.facility-detail-box .title-wrap {
  display: table;
}

.useable-dropin {
  background: #1690bf;
  padding: 7px 0;
  text-align: center;
  border-radius: 0 10px 0 10px;
  width: 80px;
  vertical-align: top;
  margin-right: 10px;
  float: left;
}

.facility-detail-box .title-wrap p {
  margin-bottom: 1px;
}

.under-page .contents-wrap .facility-detail-box h3,
.under-page .contents-wrap .facility-detail-box h1 {
  margin-bottom: 7px;
  font-size: 24px;
  font-size: 2.4rem;
}

.facility-detail-box h4,
.facility-detail-box h2 {
  font-size: 36px;
  font-size: 3.6rem;
  padding: 10px 0;
  border-bottom: 1px solid #000;
  margin-bottom: 0;
}

.facility-detail-box .remarks {
  margin: 5px 0 0;
}

.facility-detail-box .large-letter {
  letter-spacing: 4px;
}

.facility-main-image {
  margin-bottom: 5px;
}

.facility-small-images {
  margin: 0 -7px 15px;
}

.facility-small-images div {
  padding: 7px 7px;
}

.facility-small-images img {
  cursor: pointer;
  height: auto;
}

.right-item-wrap {
  float: right;
}

.machine-detail-box dt {
  font-weight: normal;
  font-size: 11px;
  font-size: 1.1rem;
}

.facility-material h4,
.facility-staff h4 {
  margin-bottom: 10px;
}

/*usable*/
.machine-detail-box .usable-sign {
  width: 170px;
  float: left;
  margin-right: 0px;
  margin-bottom: 0;
  border-radius: 0 10px 0 10px;
  line-height: 46px;
  font-size: 17px;
  font-size: 1.7rem;
}

.machine-detail-box .usable-icon {
  width: 170px;
  text-align: right;
}

.machine-detail-box .usable-wrap {
  padding-top: 5px;
}

.machine-detail-box .usable-wrap dt {
  float: left;
  padding-top: 14px;
  padding-bottom: 5px;
}

.machine-detail-box .usable-wrap dd {
  float: right;
}

.machine-detail-box .usable-wrap dt {
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 3px;
}

/*facility-description*/
.facility-description tr:first-child {
  border-top: 1px dotted #666666;
}

/*facility-material*/
.facility-material i {
  color: #1690bf;
  font-size: 17em;
  font-size: 1.7rem;
}

.facility-material dt {
  margin-bottom: 5px;
}

.facility-material dd {
  font-size: 15em;
  font-size: 1.5rem;
  margin-bottom: 10px;
}

/*facility-appoint*/
.appoint-time {
  border-bottom: 1px solid #000000;
}

.facility-appoint dl {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  width: 100%;
  float: left;
}

.facility-appoint dt,
.facility-appoint dd {
  float: left;
}

.facility-appoint dt {
  line-height: 24px;
  max-width: 120px;
  margin-right: 10px;
}

.facility-appoint dd {
  font-size: 17px;
  font-size: 1.7rem;
}

/*facility-comment*/
.facility-comment dl {
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px dotted #666666;
}

.facility-comment dt {
  margin-bottom: 5px;
}

/*formstyle*/
.section.search-area input[type="text"] {
  padding: 10px 12px;
  font-size: 18px;
  font-size: 1.8rem;
  height: 45px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
}

.section.search-area select {
  width: 99%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  /*Firefox用*/
  text-overflow: "";
  /*Firefox用*/
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  font-size: 18px;
  font-size: 1.8rem;
  color: #000000;
  padding: 5px 0;
  border-radius: 5px;
  position: relative;
  outline: none;
  text-indent: 10px;
  background: #e9e9e9 url("../img/icon_select.gif") no-repeat 95% center;
  background-size: 20px auto;
  margin-bottom: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}

/* IE10 */
.section.search-area select::-ms-expand,
.section.search-area input[type="checkbox"]::-ms-expand {
  display: none;
}

.section.search-area label {
  margin: 0 10px 20px 20px;
  position: relative;
  text-indent: 35px;
  padding-left: 0;
  line-height: 27px;
}

.section.search-area input[type="checkbox"] {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  left: 20px;
  cursor: pointer;
}

.section.search-area label:before {
  display: block;
  content: "";
  width: 27px;
  height: 27px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  background: #e9e9e9;
  position: absolute;
  z-index: 1;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
}

.section.search-area .c_on:before {
  background: #ffffff;
}

.section.search-area .c_on:after {
  content: url(../img/service/ico_check.png);
  position: absolute;
  top: -3px;
  left: -30px;
  z-index: 2;
}

/*popup*/
.modal-content {
  position: fixed;
  display: none;
  z-index: 102;
  margin: 0;
  background: #fff;
  width: 90%;
  max-width: 700px;
  padding: 10px 30px;
  border-radius: 0;
}

.modal-overlay {
  z-index: 101;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-open {
  color: #00f;
  text-decoration: underline;
}

.modal-open:hover {
  cursor: pointer;
  color: #f00;
}

.modal-close {
  color: #00f;
  text-decoration: underline;
}

.modal-close:hover {
  cursor: pointer;
  color: #f00;
}

.termsofuse {
  display: none;
}

.termsofuse {
  color: #221f1f;
  font-size: 1.65rem;
}

.termsofuse h4,
.termsofuse h2 {
  margin-bottom: 25px;
}

.termsofuse dt,
.termsofuse dd {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.termsofuse dt {
  margin-right: 10px;
}

.close-popup {
  position: absolute;
  right: 10px;
  top: 7px;
}

.termsofuse .terms-attention {
  text-indent: -20px;
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  .right-item-wrap {
    float: none;
  }

  .facility-detail-box h4,
  .facility-detail-box h2 {
    font-size: 30px;
    font-size: 3rem;
    position: relative;
    text-align: left;
  }

  .facility-detail-contents {
    /*display: none;*/
  }

  /*    .facility-detail-box h4:after {
            content:'開く';
            font-size: 15px;
            font-size: 1.5rem;
            position: absolute;
            top: 50%;
            right: 10px;
            letter-spacing: 0;
    }*/
  .under-page .facility-detail-box h3 {
    text-align: left;
  }

  .machine-detail-box .usable-wrap dd {
    float: left;
  }

  .facility-appoint dt {
    margin-right: 5px;
  }

  .facility-appoint dd {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /*popup*/
  .termsofuse h4 {
    margin-bottom: 15px;
  }

  .close-popup {
    width: 34px;
  }

  .termsofuse.modal-content {
    padding: 5px 10px;
  }

  .termsofuse {
    font-size: 1.4rem;
  }

  .termsofuse > dl {
    margin-bottom: 10px;
    overflow: hidden;
    display: table;
  }

  .termsofuse dt,
  .termsofuse dd {
    display: table-cell;
  }

  .termsofuse dt {
    width: 40px;
  }

  .termsofuse dt img {
    width: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .search-result-layout01 .usable-sign {
    width: 65px;
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 3px;
  }
}

@media only screen and (max-width: 380px) {
  .machine-detail-box .usable-icon {
    text-align: left;
  }

  .machine-detail-box .usable-icon img {
    height: 38px;
    width: auto;
  }

  .machine-detail-box .usable-sign {
    line-height: 38px;
    width: 140px;
  }

  .facility-price th,
  .facility-appoint th {
    width: 80px;
  }

  .facility-detail-box .title-wrap p {
    font-size: 1.25rem;
  }

  /*popup*/
  .termsofuse h4 {
    max-width: 200px;
  }

  .termsofuse {
    font-size: 1.3rem;
  }

  .termsofuse .terms-attention {
    margin-top: 20px;
  }

  .contents .search-result-layout01 .dotted-box .contents-wrap {
    padding-bottom: 50px;
  }

  .search-result-layout01 .usable-sign {
    width: 36%;
    margin-right: 12px;
  }

  .list-text-wrap {
    font-size: 12px;
    font-size: 1.2rem;
    position: static;
  }

  .list-text-wrap p {
    margin-bottom: 3px;
  }

  .dotted-box .list-text-wrap .facility-detail {
    margin-bottom: 0;
  }

  .list-text-wrap p.facility-name {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .search-result-layout01 .facility-list-ref .dotted-box {
    position: relative;
  }

  .list-text-wrap .usable-wrap {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 100%;
  }
}

@media only screen and (max-width: 499px) {
  .facility-small-images {
    margin-left: -5px;
    margin-right: -5px;
  }

  .facility-small-images div {
    padding: 5px;
  }

  .facility-main-image {
    margin-bottom: 4px;
  }

  .machine-box .btn.entrance-btn {
    width: 90%;
    font-size: 1.6rem;
  }

  .list-text-wrap {
    padding-left: 2px;
  }
}

/*---------FACILITY-----------------------------------*/
#facility.under-title h2,
#registry.under-title h2 {
  padding: 10px 15px 7px;
}

#facility.under-title h2 img,
#registry.under-title h2 img {
  max-height: 28px;
  width: auto;
}

.resident-lead h1 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px !important;
  line-height: 1.3;
}

.residents ul li {
  text-align: center;
  margin-bottom: 30px;
}

.resi-list {
  width: 20%;
}

.residents ul li a {
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
}

.residents ul li img {
  margin-bottom: 20px;
}

.residents ul li.difimg img {
  width: auto;
}

.residents ul li p {
  word-break: normal;
  color: ;
}

.residents h4 {
  margin-top: 30px;
}

.logo {
  max-width: 320px;
  margin: 4px auto 20px;
}

.sponsor-title {
  font-size: 18px;
  font-size: 1.8rem;
}

#sponsor dt {
  width: 30%;
}

#sponsor dd {
  width: 70%;
}

@media only screen and (min-width: 768px) {
  .residents ul li {
    height: 123px;
  }

  .residents ul li img {
    max-height: 65px;
    width: auto;
    max-width: 100%;
  }

  .residents ul li.difimg img {
    max-height: 60px;
    width: auto;
  }

  .resi-list {
    width: 20%;
  }
}

@media only screen and (min-width: 1201px) {
  .residents ul li {
    margin-bottom: 30px;
  }

  .residents ul li img,
  .residents ul li.difimg img {
    max-height: 78px;
    width: auto;
    max-width: 100%;
  }

  .residents ul li.difimg img {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .residents ul li {
    height: 150px;
  }

  .residents ul li img {
    width: auto;
  }

  #sponsor dt,
  #sponsor dd {
    width: 100%;
  }

  .resi-list {
    width: 33.3333333%;
  }
}

@media only screen and (max-width: 499px) {
  .residents ul li {
    height: 120px;
  }

  .residents ul li img {
    max-height: 68px;
    width: auto;
  }

  .residents ul li {
    width: 50%;
  }

  .residents ul li p.resident-name {
    font-size: 1.3rem;
  }

  .sponsor-title {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 20px 0 15px;
  }

  .logo {
    max-width: 260px;
  }
}

@media only screen and (max-width: 400px) {
  .residents ul li {
    height: 130px;
  }
}

/*---------EVENT-----------------------------------*/
.new-box a {
  text-decoration: none;
}

.new-box .new-img a:hover {
  padding-bottom: 1px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.under-page .contents-wrap h3.label-workshop img {
  max-height: 37px;
}

.new-box2 .contents-wrap {
  padding-top: 20px;
  padding-bottom: 5px;
  position: relative;
}

.new-box .contents-wrap {
  position: relative;
  padding-bottom: 0;
}

.new-box .eventdetail-link {
  position: absolute;
  right: 15px;
  top: 50px;
  width: auto;
}

.new-box2 .eventdetail-link {
  top: 30px;
}

.new-box .eventdetail-link a {
  color: #aaaaaa;
  text-decoration: none;
  display: block;
}

.new-box .eventdetail-link a:hover {
  color: #333;
  text-decoration: underline;
}

.new-box2 .eventdetail-link a:hover {
  text-decoration: none;
}

.under-page .new-box2 .contents-wrap h3 img.workshop-img {
  max-height: 37px;
}

@media only screen and (max-width: 767px) {
  .new-box .new-img a:hover {
    text-decoration: underline;
  }

  .new-box .eventdetail-link {
    position: relative;
    right: auto;
    top: 0;
    width: 100%;
  }

  .new-box .eventdetail-link a {
    position: relative;
    background: #333333;
    background: #0098ce;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px 0;
    font-size: 1.8rem;
  }

  .new-box .eventdetail-link a:hover {
    color: #ffffff;
    text-decoration: none;
  }
}

/*eventDetail*/
.news-detail-box .contents-wrap {
  padding-top: 0px;
  padding-bottom: 20px;
}

.under-page .news-detail-box h3,
.under-page .news-detail-box h1 {
  margin-bottom: 25px;
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
}

.under-page .news-detail-box h4,
.under-page .news-detail-box h2 {
  font-size: 36px;
  font-size: 3.6rem;
  padding: 10px 0;
  border-bottom: 1px solid #333333;
  font-weight: normal;
  letter-spacing: 5px;
}

.event-detail-box {
  padding-top: 20px;
}

.event-detail-contents dt {
  font-weight: normal;
  margin-bottom: 5px;
}

.event-detail-contents dd {
  font-size: 1.6rem;
}

.event-detail-contents i {
  font-size: 1.8rem;
  color: #1690bf;
}

.event-category-name {
  background: #333333;
  border-radius: 0 10px 0 10px;
  width: 250px;
  text-align: center;
  padding: 12px 0;
  color: #ffffff;
  font-size: 1.65rem;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .news-detail-box .facility-small-images {
    margin-bottom: 0;
  }

  .event-category-name {
    width: 210px;
    font-size: 1.55rem;
  }

  .event-detail-box {
    padding-top: 10px;
  }
}

/*---------RESERVE-----------------------------------*/
.reserve .alert {
  margin: 0 0 20px;
}

.reservename-box .contents-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.under-page .reservename-box h3,
.under-page .reservename-box h1 {
  font-size: 2rem;
  margin-bottom: 20px;
  text-align: left;
}

.reservename-box p {
  margin-bottom: 0;
}

.reserve-area .dotted-box {
  border-color: #999999;
}

.reserve-area .disabled-box {
  background-color: #e1e1e1;
  color: #999999;
}

.reserve-area .close-reserve {
  margin-right: 10px;
  padding: 10px 6px;
  text-decoration: none;
  background-color: #ff0000;
  border: none;
  box-shadow: inset 0px 0px 6px rgba(000, 000, 000, 0.5);
  -moz-box-shadow: inset 0px 0px 6px rgba(000, 000, 000, 0.5);
  -webkit-box-shadow: inset 0px 0px 6px rgba(000, 000, 000, 0.5);
  cursor: default;
}

.reserve-area .close-reserve:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.reserve-area .contents-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.reserve-area .btn.entrance-btn.modal-open {
  width: 100%;
  max-width: 170px;
  padding: 8px 0;
  margin: 0 0 0 auto;
  letter-spacing: 5px;
  font-size: 1.85rem;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  background-position: 90% center;
  background-size: 20px auto;
}

.disabled-box .btn.entrance-btn.modal-open {
  background-color: #cccccc;
  padding: 7px 0;
  pointer-events: none;
  cursor: not-allowed;
}

.reserve-area .about-reserve {
  display: inline;
  vertical-align: middle;
  line-height: 44px;
  font-size: 19px;
  font-size: 1.9rem;
}

/*popup*/
.reserve-area .modal-open,
.reserve-area .modal-open:hover,
.easyreserve-form .modal-close,
.easyreserve-form .modal-close:hover {
  color: #fff;
}

.easyreserve-form.modal-content {
  max-width: 900px;
}

.easyreserve-form .description-wrap {
  max-width: 620px;
  margin: 0 auto 50px;
  color: #333333;
}

.easyreserve-form h4,
.easyreserve-form h2 {
  color: #cccccc;
  text-align: left;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 15px;
}

.easyreserve-form h5,
.easyreserve-form h3 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.easyreserve-form h5 span,
.easyreserve-form h3 span {
  display: block;
  margin-bottom: 10px;
}

.easyreserve-form dt,
.easyreserve-form label {
  font-weight: normal;
}

.easyreserve-form dd p {
  margin-top: 5px;
  font-size: 1.3rem;
}

.easyreserve-form input,
.easyreserve-form textarea {
  border: 1px solid #999999;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-transition: none;
  transition: none;
}

.easyreserve-form .btn.entrance-btn {
  margin-top: 0;
}

.easyreserve-form .form-attention {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .reserve-area .about-reserve {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .reserve-area .btn.entrance-btn.modal-open {
    max-width: 100%;
    background-position: 95% center;
    letter-spacing: 10px;
  }

  .reserve-area .disabled-box .btn.entrance-btn.modal-open {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 499px) {
  .easyreserve-form h4,
  .easyreserve-form h2 {
    margin: 0 0 10px;
    font-size: 2rem;
  }

  .reserve-area .close-reserve {
    margin-bottom: 10px;
  }

  .reserve-area .about-reserve {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    line-height: 26px;
    margin: 0 0 10px;
  }

  .reserve-area .disabled-box .btn.entrance-btn.modal-open {
    margin-top: 0px;
  }

  .reserve-area .btn.entrance-btn.modal-open {
    letter-spacing: 5px;
  }

  .easyreserve-form h5,
  .easyreserve-form h3 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }

  .easyreserve-form dl {
    margin-bottom: 10px;
  }

  .easyreserve-form .description-wrap {
    margin-bottom: 0px;
  }

  .easyreserve-form.modal-content {
    padding: 10px;
  }

  .easyreserve-form .btn.entrance-btn {
    width: 100%;
  }

  .easyreserve-form .form-attention {
    font-size: 1.2rem;
  }
}

/*---------REGISTRY-----------------------------------*/
.registry-contents .plan-select-box .contents-wrap {
  padding-top: 30px;
}

.registry-contents .plan-title span {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 200;
}

.registry-contents .plan-title:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 23px;
  width: 108px;
  height: 36px;
}

.registry-contents .plan-title.base:before {
  background: url(../img/service/reg_icon_base.png) no-repeat left center;
}

.registry-contents .plan-title.studio:before {
  background: url(../img/service/reg_icon_studio.png) no-repeat left center;
}

.registry-contents .plan-title.base-studio:before {
  background: url(../img/service/reg_icon_base_studio.png) no-repeat left center;
}

.under-page.registry-contents .contents-wrap h4 img,
.under-page.registry-contents .contents-wrap h2 img {
  max-height: 38px;
  width: auto;
}

.registry-contents .border-bottom {
  border-bottom: 1px dashed #ccc;
}

.planform-box {
  padding: 0 15px;
}

.registry-contents p {
  margin-bottom: 0;
}

.planform-box {
  max-width: 920px;
  margin: 30px auto 50px;
}

.registry-contents .teamlist {
  padding: 3px 0;
}

.registry-contents .teamlist h5,
.registry-contents .teamlist h3 {
  display: inline;
  font-weight: normal;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.registry-contents .teamroom6 {
  display: inline;
}

.registry-contents .delete-line {
  color: #666666;
}

.to-minor {
  padding: 15px 20px;
  border-radius: 15px;
  border: 1px solid #ffffff;
  margin-bottom: 30px;
}

.registry-contents .to-minor h4,
.registry-contents .to-minor h2 {
  width: 20%;
  margin: 0;
}

.registry-contents .to-minor ul li {
  margin-top: 5px;
}

.registry-contents .to-minor ul li:first-child {
  margin-top: 10px;
}

.to-minor img {
  max-height: 24px;
  width: auto;
}

.registry-contents .plan select {
  margin-bottom: 20px;
}

.rate p {
  display: inline;
  word-break: normal;
}

.registry-contents dl,
.registry-contents dt,
.registry-contents dd {
  display: inline;
  font-weight: normal;
}

.registry-contents .contents-wrap {
  text-align: center;
}

.registry-contents .pricelist {
  font-size: 0;
}

.registry-contents .pricelist .price {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding-right: 17px;
}

.registry-contents .teamlist .pricelist {
  padding-left: 15px;
}

@media screen and (min-width: 678px) and (max-width: 890px) {
  .registry-contents .plan-title span {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 200;
  }

  .registry-contents .plan-title:before {
    margin-right: 10px;
    width: 90px;
  }

  .registry-contents .plan-title.base:before {
    background: url(../img/service/reg_icon_base.png) no-repeat left center;
    background-size: 90px auto;
  }

  .registry-contents .plan-title.studio:before {
    background: url(../img/service/reg_icon_studio.png) no-repeat left center;
    background-size: 90px auto;
  }

  .registry-contents .plan-title.base-studio:before {
    background: url(../img/service/reg_icon_base_studio.png) no-repeat left
      center;
    background-size: 90px auto;
  }
}

@media screen and (max-width: 677px) {
  .registry-contents h4,
  .registry-contents h2 {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .registry-contents .plan-title span {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 200;
  }

  .registry-contents .plan-title:before {
    margin-right: 10px;
  }

  .registry-contents .contents-wrap h1 {
    text-align: center;
  }
}

@media screen and (min-width: 678px) {
  .planselect-attention {
    text-align: left;
  }

  .registry-contents .contents-wrap .plan-description {
    text-align: left;
  }

  .registry-contents .contents-wrap {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .registry-contents h4,
  .registry-contents h2,
  .registry-contents .plan-description,
  .minor-text {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
  }

  .registry-contents h4,
  .registry-contents h2 {
    width: 38%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .registry-contents .plan-description {
    width: 60%;
  }

  .planselect-attention {
    padding-left: 260px;
  }

  .registry-contents .contents-wrap h3,
  .registry-contents .contents-wrap h1 {
    float: left;
    margin-bottom: 0;
  }

  .registry-contents .contents-wrap .teamlist h3 {
    float: none;
  }
}

@media only screen and (min-width: 678px) and (max-width: 1000px) {
  .under-page.registry-contents .contents-wrap h4 img,
  .under-page.registry-contents .contents-wrap h2 img {
    height: auto;
    max-width: 100%;
  }
}

@media only screen and (max-width: 360px) {
  .registry-contents h4,
  .registry-contents h2 {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .registry-contents .teamlist {
    padding: 7px 0;
  }

  .registry-contents .teamlist h5,
  .registry-contents .teamlist h3 {
    display: block;
  }

  .registry-contents .teamlist dl {
    display: block;
    margin: 0 0 5px 0;
  }

  .registry-contents .teamlist .teamroom6 dl {
    margin-bottom: 0;
  }

  .under-page.registry-contents .contents-wrap h4 img,
  .under-page.registry-contents .contents-wrap h2 img {
    max-height: 32px;
    width: auto;
  }

  .registry-contents .contents-wrap .plan-description {
    text-align: left;
  }

  .rate p {
    display: block;
    margin: 0;
  }
}

/*---------SCHOLARSHIP-----------------------------------*/
.scholarshipmain-box .sp-head {
  display: none;
}

.scholarshipmain-box .sp-head,
.scholarshipmain-box .pc-head {
  margin: 0 0 10px !important;
  padding: 0;
}

.scholarship-wrap h2 {
  padding: 10px 15px 7px;
}

.scholarship-wrap h2 img {
  max-height: 28px;
}

.scholarship-wrap .contents-wrap h3 img,
.scholarship-wrap .contents-wrap h2 img {
  max-height: 38px;
  width: auto;
  max-width: none;
  height: auto;
}

.scholarship-wrap .contents-wrap {
  padding-top: 15px;
  padding-bottom: 30px;
}

.scholarship-content-title .contents-wrap h3,
.contents-wrap .scholarship-content-title h3,
.scholarship-content-title .contents-wrap h2,
.contents-wrap .scholarship-content-title h2 {
  margin-right: 10px;
  display: inline;
}

.scholarship-content-title .contents-wrap p.title-description,
.scholarship-content-title p.title-description {
  vertical-align: bottom;
  display: inline;
}

.contents-wrap .scholarship-content-title {
  padding-bottom: 15px;
}

.scholarship-content-title .contents-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.scholarshipmain-box .contents-wrap {
  padding-top: 40px;
  max-width: 944px;
  margin: 0 auto;
}

.table-layout {
  border: 2px solid #999999;
  border-radius: 15px;
  margin-bottom: 10px;
}

.table-layout dl {
  border-top: 1px solid #999999;
  vertical-align: middle;
  padding: 20px 30px;
  margin: 0;
  font-size: 0;
}

.table-layout dl:first-child {
  border: none;
}

.table-layout dt,
.table-layout dd {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.table-layout dt {
  width: 25%;
}

.table-layout dd {
  width: 13%;
}

.table-layout dd.zero-en {
  width: 10%;
}

.table-layout dd.month {
  width: 10%;
  margin: 0 auto;
}

.membership-fees dt {
  width: 18%;
}

.membership-fees dd {
  width: 41%;
}

.studentprofile-box {
  box-shadow: 0px 0px 5px #ccc;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 10px;
  min-height: 215px;
}

.scholarshipstudent-box a {
  text-decoration: none;
}

.student-img {
  float: left;
  border-radius: 10px;
  max-width: 86px;
  height: auto;
}

.studentprofile-content {
  margin-left: 96px;
  position: relative;
}

.student-name,
.student-makelogid {
  display: block;
}

.student-makelogid {
  font-size: 1.3rem;
  text-decoration: underline;
}

.student-name {
  margin: 0 15px 0 0;
  font-size: 1.9rem;
}

.student-name .small-text {
  font-size: 1.4rem;
}

.student-comment {
  margin: 7px 0 0;
}

.scholarship-wrap .member-box .contents-wrap {
  padding: 20px 15px;
}

.scholarship-wrap .member-box .contents-wrap h3 {
  padding-top: 10px;
  margin-bottom: 0;
}

.scholarship-wrap .member-btns a {
  font-size: 1.6rem;
  white-space: normal;
  word-wrap: break-word;
  background-position: 98% center;
}

.scholarship-wrap .member-btns a:before {
  margin: -3px 5px 0 -20px;
  content: "";
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../img/service/ico_letter.png) no-repeat 0 0;
  background-size: 24px auto;
  width: 24px;
  height: 18px;
  vertical-align: middle;
}

.scholarship-wrap .plan-content {
  max-width: 980px;
  margin: 20px auto;
  text-align: center;
}

.scholarship-wrap .plan-content div:before {
  content: "";
  width: 51px;
  height: 48px;
  background: url(../img/service/ico_arrow_right.png) no-repeat left center;
  background-size: 51px auto;
  position: absolute;
  top: 42%;
  left: -7%;
}

.scholarship-wrap .plan-content div.first-howto:before {
  content: none;
  background: none;
}

.scholarship-wrap .plan-content img {
  max-width: 262px;
  height: auto;
}

.how-long-table {
  margin: 20px 0 10px;
}

.notification-date p {
  margin-bottom: 0;
}

.notification-date ul,
.notification-date li {
  display: inline;
}

.scholarshipstudent-box .contents-wrap {
  padding-top: 30px;
}

.student04 .student-name {
  letter-spacing: -0.7px;
  font-size: 1.85rem;
}

@media only screen and (min-width: 900px) {
  .table-layout dt img,
  .table-layout dd img {
    max-height: 30px;
    width: auto;
  }

  .membership-fees dd img {
    max-height: 90px;
    width: auto;
  }
}

@media only screen and (min-width: 1201px) {
  .table-layout dt img,
  .table-layout dd img {
    max-height: 34px;
    width: auto;
  }

  .membership-fees dd img {
    max-height: 110px;
    width: auto;
  }

  .student-makelogid {
    position: absolute;
    right: 0;
    top: 5px;
  }
}

@media only screen and (max-width: 1200px) {
  .aboutscholarship-box .contents-wrap .scholarship-content-title h3,
  .aboutscholarship-box .contents-wrap .scholarship-content-title h2 {
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {
  .studentprofile-box {
    min-height: 255px;
  }
}

@media only screen and (min-width: 900px) and (max-width: 960px) {
  .studentprofile-box {
    min-height: 270px;
  }

  .row01 .studentprofile-box {
    min-height: 275px;
  }
}

@media only screen and (max-width: 899px) {
  .studentprofile-box {
    min-height: 295px;
  }

  .table-layout dt img,
  .table-layout dd img {
    max-height: 25px;
    width: auto;
  }

  .membership-fees dd img {
    max-height: 76px;
    width: auto;
  }
}

@media only screen and (max-width: 831px) {
  .studentprofile-box {
    min-height: 315px;
  }
}

@media only screen and (min-width: 630px) and (max-width: 767px) {
  .machine-usage-fees dd img,
  .materials-fees dd img {
    max-height: 30px;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  h3.big-title .min-title {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .studentprofile-box {
    min-height: 0;
  }

  .scholarship-content-title .contents-wrap p.title-description,
  .scholarship-content-title p.title-description {
    display: block;
    margin-bottom: -10px;
    margin-top: 10px;
    text-align: center;
  }

  .scholarship-content-title .contents-wrap h3,
  .contents-wrap .scholarship-content-title h3,
  .scholarship-content-title .contents-wrap h2,
  .contents-wrap .scholarship-content-title h2 {
    text-align: center;
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .table-layout dt {
    display: block;
    margin-bottom: 20px;
  }

  .membership-fees dt {
    margin-bottom: 0;
  }

  .table-layout dd {
    width: 18%;
    text-align: center;
  }

  .table-layout dd.zero-en {
    width: 15%;
  }

  .table-layout dd.month {
    width: 10%;
  }

  .membership-fees dd {
    width: 50%;
  }

  .table-layout dt img {
    max-height: 28px;
    width: auto;
  }

  .membership-fees dd img {
    width: 100%;
    height: auto;
    max-height: none;
    padding: 10px;
  }

  .scholarship-wrap .plan-content img {
    max-width: 200px;
    height: auto;
  }

  .scholarship-wrap .plan-content div {
    padding-bottom: 50px;
  }

  .scholarship-wrap .plan-content div.third-howto {
    padding-bottom: 0px;
  }

  .scholarship-wrap .plan-content div:before {
    width: 100%;
    text-align: center;
    background: url(../img/service/ico_arrow_down.png) no-repeat center top;
    background-size: 40px auto;
    top: -46px;
    left: 0;
  }

  .scholarship-wrap .plan-content div.first-howto:before {
    content: none;
    background: none;
  }

  .scholarship-wrap .member-box .contents-wrap h3 {
    margin-bottom: 25px;
  }

  .contents-wrap .scholarship-content-title {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 550px) {
  .table-layout dl {
    padding: 10px 10px 18px 10px;
  }

  .table-layout .membership-fees {
    padding-bottom: 10px;
  }

  .membership-fees dd {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .membership-fees dd img {
    width: auto;
    max-height: 80px;
    padding: 0;
  }

  .student-name {
    margin: 0 15px 0 0;
    font-size: 1.7rem;
  }

  .student-name .small-text {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 499px) {
  .scholarship-wrap .contents-wrap h3.big-title img,
  .scholarship-wrap .contents-wrap h2.big-title img {
    height: auto;
    width: 100%;
    max-height: none;
  }

  .scholarship-wrap
    .scholarshipstudent-box
    .contents-wrap
    h3.big-title
    .min-title,
  .scholarship-wrap
    .scholarshipstudent-box
    .contents-wrap
    h2.big-title
    .min-title {
    max-height: 28px;
    width: auto;
  }

  .table-layout dd img {
    max-height: 14px;
    width: auto;
  }

  .membership-fees dd img {
    width: auto;
    max-height: 70px;
    padding: 0;
  }

  .scholarshipmain-box .contents-wrap {
    padding: 40px 0px 10px;
    max-width: 914px;
    margin: 0 auto;
  }

  .scholarship-wrap .contents-wrap h3 img,
  .scholarship-wrap .contents-wrap h2 img {
    max-height: 34px;
  }

  .scholarshipmain-box .pc-head {
    display: none;
  }

  .scholarshipmain-box .sp-head {
    display: block;
  }

  .notification-date ul,
  .notification-date li {
    display: block;
  }

  .student-img {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .student-makelogid {
    display: block;
  }

  .studentprofile-content {
    margin-left: 0;
  }

  .student-comment {
    margin-top: 30px;
  }

  .student-name {
    white-space: nowrap;
    margin-top: 15px;
    font-size: 1.65rem;
    letter-spacing: -0.5px;
  }
}

@media only screen and (max-width: 387px) {
  .student04 .student-name {
    white-space: normal;
    margin-top: 5px;
  }
}

/*renewal*/
/*---about---*/
.about-top-box {
  background: url(../img/service/bg_about.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}

.about-top-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.about-top-box .contents-wrap {
  position: relative;
  z-index: 1;
  text-align: center;
}

.under-page .about-top-box h1 {
  margin: 15px 0 20px 0;
  text-align: center;
}

.under-page .about-top-box h1 img {
  max-width: 720px;
  width: 95%;
}

.about-top-box .header-img img {
  max-width: 825px;
  width: 100%;
}

.sub-about {
  font-size: 17px;
  text-align: left;
  margin-top: 30px;
  line-height: 30px;
}

.head-box {
  height: 278px;
}

.base-top-box {
  background: url(../img/service/bg_base.jpg) no-repeat center;
  background-size: cover;
}

.studio-top-box {
  background: url(../img/service/bg_studio.jpg) no-repeat center;
  background-size: cover;
}

.head-box,
.head-box .contents-wrap {
  position: relative;
}

.head-box h2 {
  margin: 0;
  position: absolute;
  left: 15px;
  top: 10px;
}

.head-box h2 img {
  max-width: 223px;
  max-height: inherit;
}

.head-box > .contents-wrap > img {
  display: none;
}

.bg_glay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.bg_glay .contents-wrap {
  padding: 0 15px;
}

.bg_glay .contents-wrap h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 57px;
}

.middle-box {
  background: #ccc;
  color: #333;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 30px;
}

.middle-box .contents-wrap {
  padding: 15px 15px 20px;
}

.middle-box .contents-wrap .link-btn {
  float: left;
  margin-right: 15px;
}

.about-content-box {
  background: #fff;
  color: #333;
}

.about-list {
  width: 70%;
  float: left;
  padding-right: 10px;
}

.about-list dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.about-list dd {
  font-size: 15px;
  font-size: 1.5rem;
}

.base-content-box .about-list dl:last-child {
  margin-bottom: 0;
}

.about-map-box {
  float: right;
  max-width: 230px;
  width: 30%;
  margin: 0 auto;
}

.about-map-box > img {
  cursor: pointer;
  width: 100%;
}

.about-map-box > p {
  cursor: pointer;
  text-align: right;
}

.about-map-box .fade.in {
  cursor: default;
}

.about-map-box .modal-dialog {
  max-width: 900px;
  width: 100%;
  background: #fff;
}

.about-map-box .modal-body {
  padding: 50px;
}

.about-map-box .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.modal-open {
  color: #333 !important;
  text-decoration: none !important;
}

/*---plan---*/
.plan-popup {
  padding: 15px 20px;
}

.plan-popup dl {
  margin-bottom: 10px;
  vertical-align: top;
  display: table;
}

.plan-popup dt,
.plan-popup dd {
  vertical-align: top;
}

.plan-popup dl dl {
  margin-bottom: 0;
  display: block;
}

.plan-popup dd dt {
  display: block;
  width: auto;
}

.plan-popup dd dd {
  font-size: 15px;
  font-size: 1.5rem;
  width: auto;
}

.plan-popup .inline * {
  display: inline;
}

.plan-attention {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

.plan-attention ul {
  float: left;
}

.plan-attention li {
  margin: 2px;
}

.plan-attention li img {
  margin-bottom: 2px;
}

.plan-attention p {
  margin: 0;
  display: block !important;
  padding-top: 5px;
}

.plan-top-box {
  background: #ccc;
  color: #333;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
}

.plan-top-box .contents-wrap {
  padding: 20px 15px 10px;
}

.plan-top-box + .plan-top-box {
  border-top: 1px solid #fff;
}

.plan-top-box + .plan-top-box .contents-wrap {
  padding: 10px 15px 20px;
}

.plan-top-box .link-btn {
  margin: 0 0 0 0;
}

.plan-content-box {
  background: #fff;
  color: #333;
}

.plan-content-box.service {
  padding-bottom: 30px;
}

.plan-heading-box {
  border-bottom: 1px solid #e9e9e9;
}

.plan-heading-box .contents-wrap {
  padding: 20px 15px 10px;
}

.under-page .plan-content-box h1 {
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 0;
}

.plan-content-box h1 span {
  font-size: 17px;
  font-size: 1.7rem;
  margin-left: 10px;
}

.plan-content-box h1 span:nth-of-type(2) {
  font-size: 13px;
  font-size: 1.3rem;
}

.plan-detail-box {
  border-bottom: 1px dashed #e9e9e9;
  margin: -1px 0;
}

.plan-detail-box.bg-gray {
  background: #e4e4e4;
}

.plan-detail-box.border-bottom {
  border-bottom: 1px solid #e9e9e9;
}

.plan-detail-box.border-none {
  border-bottom: none;
}

.under-page .plan-detail-box .contents-wrap {
  padding: 15px;
}

.under-page .plan-detail-box h2 {
  font-size: 24px;
  font-size: 2.4rem;
  padding: 5px 0 5px 130px;
  margin-bottom: 0;
  font-weight: 400;
}

.under-page .plan-detail-box.studio h2 {
  padding: 5px 0 5px 60px;
  position: relative;
}

.plan-detail-box h2.bs {
  background: url(../img/service/plan_base_studio02.png) no-repeat left center;
  background-size: 105px auto;
}

.plan-detail-box h2.base {
  background: url(../img/service/plan_base.png) no-repeat left center;
  background-size: 105px auto;
}

.plan-detail-box h2.studio {
  background: url(../img/service/plan_studio.png) no-repeat left center;
  background-size: 105px auto;
}

.under-page .plan-detail-box.studio h2:before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  display: inline-block;
  left: 0;
  top: 0;
}

.under-page .plan-detail-box.studio h2.post:before {
  background: url(../img/service/ico_post.png) no-repeat left center;
  background-size: cover;
}

.under-page .plan-detail-box.studio h2.storage:before {
  background: url(../img/service/ico_storage.png) no-repeat left center;
  background-size: cover;
}

.under-page .plan-detail-box.studio h2.oneday:before {
  background: url(../img/service/ico_oneday.png) no-repeat left center;
  background-size: cover;
}

.under-page .plan-detail-box.studio h2.complex:before {
  background: url(../img/service/ico_complex.png) no-repeat left center;
  background-size: cover;
}

.under-page .plan-detail-box.studio h2.guest:before {
  background: url(../img/service/ico_externalmtg.png) no-repeat left center;
  background-size: cover;
}

.plan-detail-content-box {
  padding: 5px 0 0 130px;
  font-size: 15px;
  font-size: 1.5rem;
}

.plan-detail-box.studio .plan-detail-content-box {
  padding: 5px 0 0 60px;
}

.plan-detail-box.studio .plan-detail-content-box h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin: 10px 0;
}

.plan-detail-box.studio .service-dl {
  padding-left: 60px;
  margin-bottom: 10px;
}

.plan-detail-box.studio .service-dl dt {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
}

.plan-detail-box.studio .service-dl dd {
  font-size: 16px;
  font-size: 1.6rem;
}

.plan-detail-box.studio .service-dl.whereabouts {
  background: url(../img/service/ico_whereabouts.png) no-repeat left top;
  background-size: contain;
}

.plan-detail-box.studio .service-dl.corporate {
  background: url(../img/service/ico_corporate.png) no-repeat left top;
  background-size: contain;
}

.plan-detail-box.studio .service-dl.receipt {
  background: url(../img/service/ico_receipt.png) no-repeat left top;
  background-size: contain;
}

.plan-detail-box .service-list {
  margin-bottom: 18px;
}

.plan-detail-box .service-list li {
  float: left;
  padding: 0 2px;
}

.plan-detail-box .cost {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 300;
}

.plan-detail-box .business-hours {
  font-size: 20px;
  font-size: 2rem;
}

.plan-detail-box .cost span,
.plan-detail-box .business-hours span,
.plan-detail-box .service-dl span {
  margin: 0 0 0 20px;
}

.plan-detail-box .cost span.annual {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
}

.plan-detail-box .cost span.span-inner {
  display: block;
  margin: 0;
}

.plan-detail-box .annotation {
  margin-bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.plan-detail-box .annotation.red {
  color: #ff0000;
}

.plan-detail-box .dropin {
  font-size: 13px;
  font-size: 1.3rem;
  padding-left: 20px;
  background: url(../img/service/ico_dropin.png) no-repeat left top;
  margin-top: 10px;
}

html body .plan-top-box .link-btn {
  margin: 0;
}

html body .plan-detail-box .link-btn {
  margin: 15px 0 0;
}

.plan-detail-box .btn-area {
  font-size: 0;
}

.plan-detail-box .btn-area > div {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.plan-detail-box .btn-area .link-plan {
  margin: 15px 20px 0 0;
}

.plan-detail-box .btn-area .link-plan .link-btn {
  margin: 0;
  width: 320px;
}

.plan-detail-box .btn-area .link-guide {
  margin: 15px 0 0;
}

.plan-detail-box .btn-area .link-guide p {
  margin: 0;
  padding-bottom: 3px;
  font-size: 13px;
  font-size: 1.3rem;
}

.plan-detail-box .btn-area .link-guide .link-txt {
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
}

@media only screen and (max-width: 1000px) {
  /*---about---*/
  .about-map-box .modal-dialog {
    width: auto;
  }
}

@media only screen and (max-width: 840px) {
  /*---plan---*/
  .plan-detail-box .service-list li {
    width: 7.69%;
  }

  .plan-detail-box .service-list li img {
    width: 100%;
    max-width: 48px;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  /*---about---*/
  .about-top-box {
    background-position: left top;
    background-size: 95%;
  }

  .contents .about-top-box .contents-wrap {
    padding: 10px 15px;
  }

  .under-page .about-top-box h1 {
    margin: 0 0 10px;
  }

  .sub-about {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    margin: 26px 0 0;
  }

  .head-box {
    background-color: #fff;
    background-image: none;
    height: inherit;
  }

  .head-box .contents-wrap {
    position: static;
  }

  .head-box > .contents-wrap {
    padding: 80px 0 0;
  }

  .studio-top-box.head-box > .contents-wrap {
    padding: 60px 0 0;
  }

  .studio-top-box.head-box h2 {
    top: 15px;
  }

  .head-box > .contents-wrap > img {
    display: initial;
  }

  .head-box h2 {
    left: 0;
    right: 0;
    top: 35px;
  }

  .head-box h2 img {
    max-width: 180px;
  }

  .bg_glay {
    height: 70px;
    padding: 5px 0;
    position: static;
  }

  .bg_glay .contents-wrap {
    display: table;
  }

  .bg_glay .contents-wrap h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    width: 768px;
    text-align: left;
  }

  .middle-box {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
  }

  .middle-box .contents-wrap .link-btn {
    float: none;
    margin: 0 0 10px 0;
    max-width: 100%;
    line-height: 45px;
    padding-left: 15px;
  }

  .about-list dt {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 4px;
  }

  .about-list dd {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .about-list,
  .about-map-box {
    width: 100%;
    float: none;
  }

  .about-map-box .close-btn img {
    max-width: 20px !important;
  }

  .about-map-box .modal-body {
    padding: 25px 0 0;
  }

  /*---plan---*/
  .plan-popup div > dl {
    margin-bottom: 5px;
  }

  .plan-attention li img {
    width: 22px;
    height: 22px;
  }

  .plan-attention {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .plan-attention p {
    float: left;
    padding-top: 1px;
  }

  .plan-top-box .contents-wrap {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .under-page .plan-content-box h1 {
    text-align: center;
    font-size: 35px;
    font-size: 3.5rem;
  }

  .plan-content-box h1 span {
    display: block;
    margin-left: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }

  .plan-content-box h1 span:nth-of-type(2) {
    padding: 2px 0;
  }

  .under-page .plan-detail-box h2 {
    font-size: 20px;
    font-size: 2rem;
    padding: 5px 0 5px 90px;
  }

  .under-page .plan-detail-box.studio h2 {
    padding: 5px 0 5px 40px;
    text-align: left;
  }

  .under-page .plan-detail-box.studio h2:before {
    width: 35px;
    height: 35px;
  }

  .plan-detail-box h2.bs,
  .plan-detail-box h2.base,
  .plan-detail-box h2.studio {
    background-size: 80px auto;
    text-align: left;
  }

  .plan-detail-content-box {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 0 0 0;
  }

  .plan-detail-box .service-list {
    margin-bottom: 5px;
  }

  .plan-detail-box .service-list li {
    width: 31px;
    margin-bottom: 4px;
    float: none;
    display: inline-block;
    padding: 0;
  }

  .plan-detail-box .cost,
  .plan-detail-box .business-hours {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .plan-detail-box .cost span,
  .plan-detail-box .business-hours span,
  .plan-detail-box .service-dl span {
    margin: 0 0 0 10px;
  }

  .plan-detail-box .annotation {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .plan-detail-box.studio .plan-detail-content-box {
    padding: 10px 0 0 0;
  }

  .plan-detail-box.studio .plan-detail-content-box h3 {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
  }

  .plan-detail-box.studio .service-dl.whereabouts,
  .plan-detail-box.studio .service-dl.corporate,
  .plan-detail-box.studio .service-dl.receipt {
    background-size: 40px auto;
  }

  .plan-detail-box.studio .service-dl {
    padding-left: 50px;
  }

  .plan-detail-box.studio .service-dl dt {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .plan-detail-box.studio .service-dl dd {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .plan-detail-box .btn-area .link-guide {
    margin: 15px 0 0;
  }

  .plan-detail-box .btn-area .link-guide p {
    margin: 0;
    padding-bottom: 3px;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .plan-detail-box .btn-area .link-guide .link-txt {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
  }
}

@media only screen and (max-width: 490px) {
  /*---plan---*/
  .plan-detail-box .service-list {
    text-align: center;
  }

  .plan-detail-box .btn-area .link-plan {
    display: block;
    margin: 15px 0 0;
  }

  .plan-detail-box .btn-area .link-plan .link-btn {
    margin: 0;
    width: 100%;
  }

  .plan-popup dd dd {
    font-size: 12px;
    font-size: 1.2rem;
    width: auto;
  }
}

@media only screen and (max-width: 460px) {
  /*---about---*/
  .sub-about {
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 400px) {
  .plan-detail-box .cost .span-block,
  .plan-detail-box .business-hours .span-block {
    display: inline-block;
    margin-left: 0;
  }
}

.overview_link {
  padding: 10px 15px 0px;
  margin: 0;
  background: #000000;
  float: left;
}

.overview_link a {
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .overview_link {
    padding: 6px 10px 0px;
    margin: 0;
    background: #000000;
    float: left;
    color: #000;
  }

  .overview_link-spNone {
    display: none;
  }
}