@charset "UTF-8";
/****************************************
contents
*****************************************/
/*
#wrap a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
}
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
  font-family: 'Noto Sans Japanese', serif;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 420px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


a {
  text-decoration: none;
}


.text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;

}

@media screen and (min-width: 768px) {
  .text {
    max-width: 760px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 768px) {
  .text {
    margin: 60px 50px;
  }
}

.center {
  text-align: center;
}


.movie{
	overflow: hidden;
	position: relative;
}

.fitMovie{
	position: absolute;
}


.logo {
  z-index: 99;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 33%;
  margin: auto;
  text-align: center;
}
#toplogo.logo img {
    width: 21%;
}
@media screen and (max-width: 768px) {
#toplogo.logo img {
    width: 250px;
    }
}


/* note */
#note .section {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  line-height: 2;
}

#note .section h1 {
  font-size: 30px;
  line-height: 1.1;
}

#note .section .date {
  font-size: 13px;
  margin: 15px 0;
  color: #555555;
}

.note-logo {
  width: 100%;
  display: table;
  background: #FFF;
  height: 60px;
  z-index: 99;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.note-logo a {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #note .section {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 12px;
  }
  #note .section h1 {
    font-size: 22px;
  }
  #note .section .date {
    font-size: 12px;
    margin: 10px 0 10px;
  }

  .note-logo {
    height: 38px;
  }

  .note-logo img {
    width: 58px;
  }
}


.menu {
  z-index: 9999;
  position: absolute;
  top: 20px;
  right: 20px;
}

.drawer-parent {
 display: table;
 vertical-align: middle;
 width: 100%;
 height: 100%;
}

.drawer-menu {
  display: table-cell;
  vertical-align: middle;
  text-align: center;

}

.drawer-menu li {
  display: block;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}

.drawer-menu li img {
  width: 150px;

}
.drawer-menu li img.sns  {
  width: 60px;

}
.drawer-menu li .ishiyasu-logo {
  width: 100px;

}

.drawer--top .drawer-nav {
  height: 100%;

}

.drawer-open .logo {
  display: none;
}

.drawer-nav {
  background: #202020;
}

.drawer-open .open {
  display: none;
}

.drawer-close .open {
  display: block;

}

.close {
  display: none;
}

.drawer-open .close {
  display: block;
}

.drawer-close .close {
  display: none;
}

.access_close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  display: block;
}

.contact_close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  display: block;
}

.contact {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.contact_inner {
  display: table;
  width: 100%;
  height: 100%;
}

.access {
  position:absolute;
  z-index:999;
  width:100%;
  height:100%;
  background:#fff;
}

.access a {
  color: #333;
}

.access .access_inner {
  display: table;
  width: 100%;
  height: 100%;
}

.access .map {
  display: table-cell;
  vertical-align: middle; /* 「vertical-align」を指定してもテキストは縦方向中央揃いにならない */
  text-align: center;
}

.access .map img {
  width: 420px;
}

.access .map p {
  color: #333;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .access .map img {
    width: 260px;
  }
  .access .map p {
    font-size: 10px;
  }
}

/* ローディング*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-top: -12px;
  margin-left: -12px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/* コンタクトページiframe　*/
.privacypolicy { text-align: left; }
.box-policy { width: 100%; height: 15em; padding: 2em; display: block; border: none; background: #F8F8F8; overflow-y: scroll;font-size: .9rem; margin-top: 1rem; }
.privacypolicy h3 { font-weight: normal; margin: 1.25em 0 0; font-size: 1em; }


/* パララックス　*/
@media screen and (min-width: 768px) {
section.sec1, section.sec2, section.sec3 {
    width: 100%;
    height: 60vh;
    box-sizing: border-box;
}
section.sec1 {
    background: url("../concept/concept1-min.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
section.sec2 {
    background: url("../concept/concept2-min.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
section.sec3 {
    background: url("../concept/concept3-min.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
}
@media screen and (max-width: 768px) {
section.sec1, section.sec2, section.sec3 {
    height: 40vh;
}
section.sec1 {
    background: url("../concept/concept1-min.jpg");
    background-size: 100% auto;
    background-position: center center;
    background-attachment: inherit;
	background-repeat: no-repeat;
}
section.sec2 {
    background: url("../concept/concept2-min.jpg");
    background-size: 100% auto;
    background-position: center center;
    background-attachment: inherit;
	background-repeat: no-repeat;
}
section.sec3 {
    background: url("../concept/concept3-min.jpg");
    background-size: 100% auto;
    background-position: center center;
    background-attachment: inherit;
	background-repeat: no-repeat;
}
}

/*お問い合わせ*/
.custom-control-label::before, .custom-control-label::after {
    top: 1rem !important;
}