@charset "utf-8";
@media print and (orientation:landscape) {body {zoom:100%;}}
@media print and (orientation:portrait) {body {zoom:68%;}}
html, body {height:100%;}
body {margin:0; padding:0;width:100%;-webkit-text-size-adjust: none; /* webkit */}
a {text-decoration:none;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-ms-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
a:hover {opacity: .5;-webkit-opacity: .5;-moz-opacity: .5;filter: alpha(opacity=50);/* IE lt 8 */-ms-filter: "alpha(opacity=50)"; /* IE 8 */}
a:link {text-decoration:none;}
a:visited {text-decoration:none;border:none;}
a:active {text-decoration:none;border:none;}
a:focus {outline: none;}
ul, ol ,li { list-style:none}
html{overflow-x:hidden;overflow-y:scroll;}
.min {font-family: 'Noto Serif JP', serif;}
.goth {font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.ham {font-family: 'Hammersmith One', sans-serif;}
@media print,screen and (min-width:801px) {
.br_pc {display:inline;}
.br_port {display:none;}
}
@media only screen and (max-width:800px) and (orientation:portrait) {
.br_pc {display:none;}
.br_port {display:inline;}
}
@media print,screen and (min-width:601px) {
#loader {
 display:none;
 position:fixed;
 top:50%;
 left:50%;
 margin-top:-3%;
 margin-left:-5%;
 z-index:501;
}
#loader img {
 width:10vw
}
#fade {
 width:100%;
 height:100%;
 display:none;
 position:absolute;
 top:0px;
 left:0px;
 z-index:500;
 background:#fff;
 padding:0 0 100% 0;
}
}
@media only screen and (max-width:800px) and (orientation:portrait) {
#loader {
 display:none;
 position:fixed;
 top:50%;
 left:50%;
 margin-top:-3%;
 margin-left:-22%;
 z-index:501;
}
#loader img {
 width:50vw
}
#fade {
 width:100%;
 height:100%;
 display:none;
 position:absolute;
 top:0px;
 left:0px;
 z-index:500;
 background:#fff;
 padding:0 0 100% 0;
}
}
#page-top {
 position: fixed;
 bottom: 1%;
 right: 1%;
 font-size: 200%;
 opacity:0.5;
}
#page-top a {
 width: 50px;
 padding: 10px 0;
 text-align: center;
 display: block;
}
#page-top a img {
 width: 50px;
}
.contents_b {
 width:100%;
 background:#000;
}
.contents_i {
 width:100%;
 background:#E4007F;
}
#container {
 overflow-x: hidden;
 position:relative;
}
#header {
 width:100%;
 height:5vh;
 padding:2%;
}
#header_logo {
 width:10%;
 min-width:120px;
 float:left;
}
#header_link {
 float:right;
 margin-right:3%;
}
#header_link p {
 color:#fff;
 font-size:14px;
 line-height:130%;
}
#header_link a {
 color:#fff;
 font-size:14px;
 line-height:130%;
 font-weight:100;
 letter-spacing:0.05em;
}
header {
  display: flex;
  justify-content: space-between;
  background: #ddd;
  padding: 20px;
  .logo {
    font-size: 20px;
  }
}
.nav-button {
  display: none;
}
.nav {
  a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    color: #448aff;
  }
  li {
    display: inline-block;
    margin: 0 10px;
  }
}
.nav-wrap.open {
  display: block;
}
.nav-wrap.close {
  display: none;
}
@media screen and (min-width: 481px) {
  .nav-wrap {
    display: block !important;
  }
}
.content {
  padding: 20px;
}
@media screen and (max-width: 480px) {
  .nav-button {
    display: block;
    cursor: pointer;
  }
  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    .nav {
      height: 100%;
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
    }
    li {
      display: block;
      margin: 2em;
      a {
        color: #fff;
        font-size: 18px;
      }
    }
  }
  /*メニューボタン*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .nav-button {
    z-index: 20;
    position: relative;
    width: 40px;
    height: 36px;
  }
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
  }
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  .nav-button span:nth-of-type(2) {
    top: 16px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }
}
#navi_wrap {
 position: fixed;
 top: 0;
 right: 0;
 z-index: 3;
}
#navi_wrap a .hover{
 display: none;
}
#navi_wrap a:hover .nomal{
display: none;
}
#navi_wrap a:hover .hover{
 display: inline;
}
@media print,screen and (min-width:801px) {
#navi_smp {
 display:none;
}
#menu {
 float:right;
}
#menu li {
 float:left;
 margin-right:10px;
}
#menu img {
 height:24px;
 margin-right:10px;
}
}
@media all and (-ms-high-contrast: none) {
#navi_smp {
 display:none;
}
#menu {
 float:right;
 margin-right:50px;
 display: flex;
 justify-content: space-between;
}
#menu li {
 width:120px;
}
#menu img {
 width:100%;
}
}
@media screen and (max-width:800px) {
#header_link {
 display:none;
}
}
.menu,
.menu span {
 display: inline-block;
 -webkit-transition:all .4s;
 transition: all .4s;
 box-sizing: border-box;
 z-index:4;
}
.menu {
 position: fixed;
 top: 10px;
 right: 12px;
 width: 50px;
 height: 40px;
 margin:6px auto;
 padding:6px auto;
}
.menu span {
 position: absolute;
 left: 12px;
 width: 70%;
 height: 3px;
 background-color: #fff;
}
.menu span:nth-of-type(1) {
 top: 0px;
}
.menu span:nth-of-type(2) {
 top: 12px;
}
.menu span:nth-of-type(3) {
 top: 24px;
}
.menu.active span:nth-of-type(1) {
 -webkit-transform: translateY(12.5px) rotate(-45deg);
 transform: translateY(12.5px) rotate(-45deg);
}
.menu.active span:nth-of-type(2) {
 opacity: 0;
}
 .menu.active span:nth-of-type(3) {
 -webkit-transform: translateY(-12.5px) rotate(45deg);
 transform: translateY(-12.5px) rotate(45deg);
}
#nav {
 position: fixed;
 top: 0;
 right: 0;
 width: 100vw;
 height: 100vh;
 background:#000;
 z-index:3;
 opacity: 0;
 -webkit-transition: .5s linear;
 -moz-transition: .5s linear;
 transition: .5s linear;
 -moz-transform: translateX(100vw);
 -webkit-transform: translateX(100vw);
 transform: translateX(100vw);
}
#nav.active{
right: 0;
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
#nav ul{
 position: absolute;
 top: 45%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%)
}
#nav ul li{
 list-style-type: none;
 border-bottom:1px solid #fff;
}
#nav ul li a{
 display: block;
 text-align: left;
 text-decoration: none;
 color: #fff;
 font-size: 18px;
 font-weight:100;
 padding:10px 0;
 letter-spacing:0.2em;
}
.contents_wrap {
 width:90%;
 margin:0 auto;
}
#tytle {
 position: absolute;
 width:60vw;
 z-index:2;
}
#tytle img {
 width:100%;
}
#tytle h2 {
 color:#fff;
 font-size:2.3vw;
 line-height:150%;
 letter-spacing:0.03em;
 margin:5% 0 0 0;
 font-weight:500;
}
#tytle h3 {
 color:#fff;
 font-size:1.4vw;
 line-height:250%;
 font-weight:500;
 letter-spacing:0.01em;
}
#hikken {
 position: absolute;
 width:60vw;
 top:20vw;
 right:-5vw;
 z-index:1;
}
#main_v {
 width:100%;
 margin:50% 0 0 0;
}
#main_v img {
 width:100%;
}
.btn_wrap {
 width:30vw;
 margin:3% auto 3%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
.btn {
 width:8vw;
 min-width:80px;
}
.btn img {
 width:100%;
}
.pic_wrap {
 width:100vw;
 margin:3% auto 3%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
.f_chishibuki {
 position: absolute;
 width:50vw;
 max-width:900px;
 top:-3vw;
 left:-10vw;
 z-index:1;
}
.i_chishibuki {
 position: absolute;
 width:50vw;
 max-width:900px;
 top:-3vw;
 right:-10vw;
 z-index:1;
}
.contents_tytle_l {
 position:relative;
 height:30vw;
}
.contents_tytle_l h4 {
 position: absolute;
 top:15vw;
 left:10vw;
 color:#fff;
 font-size:4vw;
 line-height:130%;
 font-weight:500;
 letter-spacing:0.01em;
 z-index:2;
}
.contents_tytle_l h5 {
 position: absolute;
 top:26vw;
 left:10vw;
 color:#fff;
 font-size:1.2vw;
 line-height:180%;
 font-weight:300;
 letter-spacing:0.01em;
 z-index:2;
}
.contents_tytle_r {
 position:relative;
 height:30vw;
}
.contents_tytle_r h4 {
 position: absolute;
 top:15vw;
 right:10vw;
 color:#fff;
 font-size:4vw;
 line-height:130%;
 font-weight:500;
 letter-spacing:0.01em;
 z-index:2;
 text-align:right;
}
.contents_tytle_r h5 {
 position: absolute;
 top:26vw;
 right:10vw;
 color:#fff;
 font-size:1.2vw;
 line-height:180%;
 font-weight:300;
 letter-spacing:0.01em;
 z-index:2;
 text-align:right;
}
.pic {
 width:20vw;
}
.pic img {
 width:100%;
}
.naze {
 text-align:center;
}
.naze p {
 color:#fff;
 font-size:1.7vw;
 line-height:180%;
 font-weight:100;
 letter-spacing:0.01em;
}
.point_wrap {
 width:80vw;
 margin:3% auto;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
.point {
 width:25vw;
 height:25vw;
 background:url(../images/chishibuki2.svg);
 background-repeat: no-repeat;
 background-size:100%;
 text-align:center;
}
.point h5 {
 color:#fff;
 font-size:1.8vw;
 line-height:140%;
 font-weight:500;
 padding-top:23%;
}
.point p {
 color:#fff;
 font-size:1.1vw;
 line-height:180%;
 font-weight:500;
 padding-top:3%;
}
.point_text {
 width:100%;
 padding-top:26%;
}
.point_text p {
 color:#fff;
 font-size:1vw;
 line-height:260%;
 font-weight:200;
 margin-top:2%;
 text-align:justify;
}
.hitokoto_wrap {
 width:35vw;
 margin:22% auto 5%;
 background:#E4007F;
 padding:2% 2% 0.7% 2%;
}
.hitokoto_tytle {
 width:46%;
 float:left;
}
.hitokoto_fukidashi {
 width:80%;
}
.hitokoto_fukidashi img {
 width:100%;
}
.hitokoto_tytle p {
 color:#fff;
 font-size:1.1vw;
 line-height:250%;
 font-weight:500;
 margin-top:20px;
}
.hitokoto_movie {
 width:52%;
 float:right;
}
.hitokoto_movie img {
 width:100%;
}
.btn_contact {
 width:38.5vw;
 margin:0 auto 10%;
}
.btn_contact img {
 width:100%;
}
.about_wrap {
 width:90%;
 max-width:1000px;
 margin:0 auto;
 padding:8% 0 0 0;
}
.about_wrap h4 {
 color:#000;
 font-size:2vw;
 line-height:130%;
 font-weight:700;
 letter-spacing:0.01em;
}
.about_wrap p {
 color:#fff;
 font-size:0.9vw;
 line-height:400%;
 font-weight:100;
 letter-spacing:0.05em;
 margin-top:2%;
}
#contact {
 width:90%;
 max-width:1000px;
 margin:5% auto;
}
#footer_wrap {
 width:90%;
 max-width:1000px;
 margin:20% auto 8%;
}
#footer_l {
 width:60%;
 float:left;
}
#footer_l img {
 width:70%;
}
#footer_l p {
 color:#fff;
 font-size:1vw;
 line-height:180%;
 font-weight:100;
 letter-spacing:0.1em;
 margin-top:5%;
 text-align:justify;
}
#footer_r {
 width:15%;
 float:right;
}
#footer_r img {
 width:100%;
 margin-top:-190%;
}
#copyright {
 width:100%;
 background:#000;
 padding:1% 0 1% 0;
 text-align:center;
 color:#fff;
}
#copyright p {
 color:#fff;
 font-size:0.8vw;
 line-height:120%;
 font-weight:100;
 letter-spacing:0.15em;
}
@media only screen and (max-width:1500px) {
.point_wrap {
 width:80vw;
 margin:3% auto 10%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
}
@media only screen and (max-width:1300px) {
.point_wrap {
 width:80vw;
 margin:3% auto 20%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
}
@media only screen and (max-width:1150px) {
.point_wrap {
 width:80vw;
 margin:3% auto 30%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
}
@media only screen and (max-width:1000px) {
.point_wrap {
 width:80vw;
 margin:3% auto 50%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
}
@media only screen and (max-width:900px) {
.point_wrap {
 width:80vw;
 margin:3% auto 60%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
}
@media only screen and (max-width:800px) {
.point_wrap {
 width:80vw;
 margin:3% auto 70%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
}
@media only screen and (max-width:700px) {
.point_wrap {
 width:80vw;
 margin:3% auto 80%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
}


@media only screen and (max-width:600px) and (orientation:portrait) {
.contents_wrap {
 width:90%;
 margin:0 auto;
}
#tytle {
 position: absolute;
 width:100%;
 z-index:2;
}
#tytle img {
 width:100%;
}
#tytle h2 {
 color:#fff;
 font-size:4.8vw;
 line-height:150%;
 font-weight:500;
 margin:45% 0 0 0;
}
#tytle h3 {
 color:#fff;
 font-size:4.3vw;
 line-height:180%;
 font-weight:500;
 letter-spacing:0.01em;
 margin-top:3%;
}
#hikken {
 position: absolute;
 width:100%;
 top:43vw;
 right:-30vw;
 z-index:1;
}
#main_v {
 width:100%;
 margin:130% 0 0 0;
}
#main_v img {
 width:100%;
}
.btn_wrap {
 width:60%;
 margin:5% auto 10%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
.btn {
 width:25vw;
 min-width:80px;
}
.btn img {
 width:100%;
}
.pic_wrap {
 width:100vw;
 margin:3% auto 3%;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
.f_chishibuki {
 position: absolute;
 width:80vw;
 top:-3vw;
 left:-20vw;
 z-index:1;
}
.i_chishibuki {
 position: absolute;
 width:80vw;
 top:-3vw;
 right:-20vw;
 z-index:1;
}
.contents_tytle_l {
 position:relative;
 height:75vw;
}
.contents_tytle_l h4 {
 position: absolute;
 top:18vw;
 left:10vw;
 color:#fff;
 font-size:11vw;
 line-height:130%;
 font-weight:500;
 letter-spacing:0.01em;
 z-index:2;
}
.contents_tytle_l h5 {
 position: absolute;
 top:65vw;
 left:10vw;
 color:#fff;
 font-size:4vw;
 line-height:220%;
 font-weight:500;
 letter-spacing:0.01em;
 z-index:2;
}
.contents_tytle_r {
 position:relative;
 height:75vw;
}
.contents_tytle_r h4 {
 position: absolute;
 top:18vw;
 left:10vw;
 color:#fff;
 font-size:11vw;
 line-height:130%;
 font-weight:500;
 letter-spacing:0.01em;
 z-index:2;
 text-align:right;
}
.contents_tytle_r h5 {
 position: absolute;
 top:65vw;
 left:10vw;
 color:#fff;
 font-size:4vw;
 line-height:220%;
 font-weight:500;
 letter-spacing:0.01em;
 z-index:2;
 text-align:right;
}
.pic_wrap {
 margin-top:35vw;
}
.pic {
 width:50vw;
 margin-top:-1vw;
}
.pic img {
 width:100%;
}
.pic_pc {
 display:none;
}
.naze {
 text-align:center;
 margin-top:10vw;
}
.naze p {
 color:#fff;
 font-size:6vw;
 line-height:180%;
 font-weight:100;
 letter-spacing:0.01em;
}
.point_wrap {
 width:80vw;
 margin:3% auto;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}
.point {
 width:100%;
 height:100%;
 background:url(../images/chishibuki2.svg);
 background-repeat: no-repeat;
 background-size:100%;
 text-align:center;
 padding-bottom:5%;
}
.point h5 {
 color:#fff;
 font-size:7vw;
 line-height:120%;
 font-weight:500;
 padding-top:25%;
}
.point p {
 color:#fff;
 font-size:4vw;
 line-height:180%;
 font-weight:500;
 margin-top:-1%;
}
.point_text {
 width:100%;
 padding-top:15%;
}
.point_text p {
 color:#fff;
 font-size:4vw;
 line-height:260%;
 font-weight:300;
 margin-top:2%;
 text-align:justify;
}
.hitokoto_wrap {
 width:80vw;
 margin:10% auto;
 background:#E4007F;
 padding:5% 5% 0 5%;
}
.hitokoto_tytle {
 width:100%;
}
.hitokoto_tytle p {
 color:#fff;
 font-size:4.5vw;
 line-height:180%;
 font-weight:500;
 margin:4% 0 4% 0;
}
.hitokoto_movie {
 width:100%;
}
.hitokoto_movie img {
 width:100%;
}
.btn_contact {
 width:78vw;
 margin:5% auto;
}
.btn_contact img {
 width:100%;
}
.about_wrap {
 width:90%;
 margin:0 auto;
 padding:8% 0 0 0;
}
.about_wrap h4 {
 color:#000;
 font-size:8vw;
 line-height:130%;
 font-weight:700;
 letter-spacing:0.01em;
}
.about_wrap p {
 color:#fff;
 font-size:4vw;
 line-height:300%;
 font-weight:100;
 letter-spacing:0.05em;
 margin-top:2%;
 text-align:justify;
}
.about_port {
 display:none;
}
#contact {
 width:90%;
 margin:0 auto;
 padding:10% 0 0 0;
}
#footer_wrap {
 width:90%;
 margin:50% auto 8%;
}
#footer_l {
 width:80%;
 float:left;
 margin-top:-20%;
}
#footer_l img {
 width:85%;
}
#footer_l p {
 color:#fff;
 font-size:65%;
 line-height:220%;
 font-weight:100;
 letter-spacing:0.05em;
 margin-top:10%;
 text-align:justify;
}
#footer_r {
 width:20%;
 float:right;
}
#footer_r img {
 width:100%;
 margin-top:-190%;
}
#copyright {
 width:100%;
 background:#000;
 padding:1% 0 1% 0;
 text-align:center;
 color:#fff;
}
#copyright p {
 color:#fff;
 font-size:1.1vw;
 line-height:120%;
 font-weight:100;
 letter-spacing:0.15em;
}
}