@charset "UTF-8";
/* line 2, ../sass/teaser.scss */
body {
  font-family: futura-pt,'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
  color: #000;
  font-size: 13px;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  letter-spacing: .03em;
  border: 26px solid #000;
  position: relative;
  background: #000000;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W0);
  font-weight: 100;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 18, ../sass/teaser.scss */
h1, h2, h3, h4, h5 {
  font-family: futura-pt,YuMincho,'Yu Mincho',serif;
  font-weight: 500;
  text-align: center;
}

/* line 23, ../sass/teaser.scss */
h3 {
  font-size: 60px;
}
/* line 24, ../sass/teaser.scss */
h3 span {
  font-size: 28px;
  padding-top: 36px;
  display: block;
}

/* line 30, ../sass/teaser.scss */
h4 {
  font-size: 30px;
  line-height: 1.7;
  padding-top: 82px;
}

/* line 35, ../sass/teaser.scss */
h5 {
  font-size: 30px;
}
/*----------------------------------------
   section01
  ----------------------------------------*/
/* line 153, ../sass/teaser.scss */
#section01 .inner {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  background: #ffa227;
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  border-bottom: 26px solid #000;
}
/* line 167, ../sass/teaser.scss */
#section01 .inner div{
 position: relative;
 max-width: 60%;
}
/* line 176, ../sass/teaser.scss */
#section01 .inner h1 {
    background: #fff;
    width: 320px;
    border-radius: 50%;
    margin-bottom: 3em;
    position: relative;
    /* transition: all .5s ease-in-out; */
}
#section01 .inner h1 .dot{position:absolute; left:0;}
#section01 .inner div > img{text-align:right;}
#section01 .inner span{display:block;text-align: left;margin-top: 2em;margin-left: 1em;/* padding-right: 3em; */color: #787373;font-size: 1.5em;text-indent: 0em;}
@media screen and (max-width: 420px) {
  /* line 176, ../sass/teaser.scss */
  #section01 .inner p {
    font-size: 15px;
    line-height: 1.9;
  }
}
@media screen and (max-width: 768px) {
  BODY{border: 13px solid #000;}
  /* line 153, ../sass/teaser.scss */
  #section01 .inner {
    /* width: 90%; */
    height: 100vw;
    /* margin: 0 5%; */
  }
}

/*----------------------------------------
   section02
  ----------------------------------------*/
/* line 199, ../sass/teaser.scss */
#section02 .inner{
  width:100%;
  min-height: 57.5vw;
  background: url(../image/bg01.svg?1563855670) center;
  background-size: cover;
  /* background-attachment: fixed; */
  text-align: left;
  z-index: 10;
  position: relative;
}

section#section02 {
    /* background: #cf3e19; */
}
#section02 .inner >div{
  max-width: 1024px;
  width: 80%;
  margin: 0 auto;
  padding: 5em 0 15em;
  /* font-size: 1em; */
  line-height: 2;
}
#section02 p{line-height:1.75}
#section02 h3,#section02 h4{text-align:left}
#section02 .inner >div div{
  display:inline-block;
  width:49%;
  vertical-align: middle;
}
#section02 .inner >div div p{
  font-size: 15px;
  line-height: 1.5;
}
#section02 .inner >div div img{
  box-shadow: 2px 2px 10px #999;
}
#section02 .inner a{
  margin-top:.5em;
  display:block;
  width: 7em;
  background:#000;
  padding:.25em 1em;
  font-size:1.5em;
  text-align:center;
  color: #ffffff;
}#section02 .inner a:hover{/* letter-spacing:-.75em; */opacity:1;color: #f88073;}
#section02 .inner >div span{
  font-size: 2em;
}
/* line 203, ../sass/teaser.scss */
#section03{position: relative;height: auto;min-height: 17vw;/* top: -57.5vw; */}
#section03 .inner {
    width: 100%;
    min-height: 70vw;
    background: #000 url(../image/bg02.svg?1563855670) center;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: -53vw;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    display: flex;
}
#section03 .inner >div {
    max-width: 1024px;
    width: 80%;
    margin: 0 auto;
    padding: 20em 0 10em;
    /* font-size: 1em; */
    line-height: 2;
    text-align: right;
    z-index: 100;
}
#section03 h3,#section03 h4{text-align:right;}
#section03 a{color:#000;}
#section03 a img{vertical-align: middle;width:64px;border: 7px solid #000;}
#section04{position:relative;min-height: 38vw;z-index: 10;}
#section04 .inner{
  width:100%;
  min-height: 38vw;
  position: absolute;
  top: 0vw;
  background: #000 url(../image/bg03.svg?1563855670)  no-repeat bottom right;
  background-size: contain;
  /* background-attachment: fixed; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  display: flex;
}
#section04 h3{text-align:left}
#section04 .inner >div {
    max-width: 1024px;
    width: 80%;
    margin: 0 auto;
    /* padding: 10em 0 10em; */
    /* font-size: 1em; */
    line-height: 2;
    text-align: left;
}
.chara{position: absolute;
    width: 160px;
    right: 15%;
    bottom: 23%;}
#section04 .inner  ul{list-style:none;max-width: 580px;padding-top: 60px;}
#section04 .inner  a{font-weight:bold;text-decoration: dotted;color: #000;}
#section04 .inner>div>div{
  width:100%;
  margin: 0 auto;
  padding: 10em 0 6em;
  background: url(../image/bg03.svg?1563855670);
  background-size: cover;
  /* background-attachment: fixed; */
  /* background-position: 160px 0; */
}
#section04 .inner>div>div:first-child{
  width:100%;
  background: none;
  width:100%;
  max-width: 1024px;
}
#section04 .inner>div>div:first-child>div{
  display:inline-block;
  width:49%;
  vertical-align: top;
}
#section04 .inner>div>div:first-child>div table{
  color:#fff;
  text-shadow: 1px 1px 0 #cf3e19;
}
#section04 .inner>div>div:first-child>div table a{
  background:#fff;
  padding: 1px 10px 2px;
  margin-top:1em;
  color:#cf3e19;
  text-shadow: none;
  font-family:'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
}
#section04 .inner>div>div>div table td{
  font-size: 1em;
  line-height: 2em;
  min-width:9em;
}
#section04 p{
  font-size:2em;
  margin-bottom:2em;
}
#section04 .inner>div>div:last-child >div {
  width:100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 8em 0;
  /* background: url(../image/bg03.svg); */
  background-size: cover;
}

#section05 {position: relative;top: -8.5vw;/* background: #444; */}
#section05 .inner{
  width:100%;
  min-height: 77vw;
  position: relative;
  top: 0vw;
  background: url(../image/bg04.svg?1563855670)  no-repeat top;
  background-size: cover;
  /* background-attachment: fixed; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  display: flex;
  z-index: 11;
}
#section05 .inner  h3{    padding-top: 10vw;}
#section05 .inner iframe{height: 680px;max-width: 100%;}

  .sideItem{
  right: 0;
  width: 64px;
  background: #000;
  position: fixed;
  top: 50%;
  z-index: 11;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.sideItem div{
  padding: 12px;
}
.sideItem a{
  padding: 2em 0;
  display: block;
}

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


  
}


@media screen and (max-width: 420px) {
  /* line 203, ../sass/teaser.scss */
  #section02 .inner:before {
    border-left-width: 1px;
  }
}
/* line 213, ../sass/teaser.scss */
#section02 .inner h3 {
  font-size: 60px;
}
/* line 216, ../sass/teaser.scss */
#section02 .inner h4 {
  padding-top: 60px;
  padding-bottom: 20px;
}
@media screen and (max-width: 420px) {
  /* line 216, ../sass/teaser.scss */
  #section02 .inner h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 320px) {
  /* line 216, ../sass/teaser.scss */
  #section02 .inner h4 {
    font-size: 18px;
  }
}
/* line 227, ../sass/teaser.scss */
#section02 .inner .listArea ul {
  margin-bottom: 80px;
}
/* line 230, ../sass/teaser.scss */
#section02 .inner .listArea li {
  font-size: 22px;
  text-align: center;
  line-height: 1.7;
  list-style: none;
  margin: 28px 0;
}
/* line 236, ../sass/teaser.scss */
#section02 .inner .listArea li span {
  font-size: 18px;
  display: block;
}
@media screen and (max-width: 420px) {
  /* line 236, ../sass/teaser.scss */
  #section02 .inner .listArea li span {
    font-size: 15px;
  }
}
@media screen and (max-width: 320px) {
  /* line 236, ../sass/teaser.scss */
  #section02 .inner .listArea li span {
    font-size: 13px;
  }
}
@media screen and (max-width: 420px) {
  /* line 245, ../sass/teaser.scss */
  #section02 .inner .listArea li span i {
    text-indent: -999px;
    height: 0;
    display: block;
  }

#section03 .inner >div {
    padding: 10em 0 10em;
  }
}
@media screen and (max-width: 1280px) {
  /* line 198, ../sass/teaser.scss */
  #section02 {
    /* width: 90%; */
    /* margin: 0 5%; */
  }
.sideItem{
  right: 0;
  width: 100%;
  background: #000;
  position: fixed;
  top: auto;
  bottom: 0;
  z-index: 11;
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.sideItem div{
  padding: 24px 0 12px;
  text-align: center;
}
.sideItem a{
  padding: 1em;
  margin: 0 5%;
  display: inline-block;
  width: 15%;
  vertical-align: middle;
}


}

/*----------------------------------------
   footer
  ----------------------------------------*/
/* line 267, ../sass/teaser.scss */
footer {
  /* margin-top: 140px; */
}
/* line 269, ../sass/teaser.scss */
footer .pageTop {
  text-align: right;
  margin-right: 2%;
  margin-bottom: 30px;
}
/* line 273, ../sass/teaser.scss */
footer .pageTop a {
  text-align: center;
  color: #1b294d;
  border-radius: 50%;
  border: 1px solid #1b294d;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  display: inline-block;
}
/* line 282, ../sass/teaser.scss */
footer .pageTop a i {
  font-size: 13px;
  border-top: 1px solid #1b294d;
  margin-top: 18px;
}
@media screen and (max-width: 420px) {
  /* line 269, ../sass/teaser.scss */
  footer .pageTop {
    text-align: center;
    margin-right: 0;
  }
}
/* line 294, ../sass/teaser.scss */
footer .inner nav {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 40px 0;
}
/* line 298, ../sass/teaser.scss */
footer .inner nav .footerNav {
  text-align: center;
}
/* line 300, ../sass/teaser.scss */
footer .inner nav .footerNav li {
  margin: 30px;
  display: inline-block;
}
/* line 303, ../sass/teaser.scss */
footer .inner nav .footerNav li a {
  color: #1b294d;
}
/* line 305, ../sass/teaser.scss */
footer .inner nav .footerNav li a:after {
  content: " ";
  border-bottom: 1px solid #1b294d;
  width: 0;
  margin: 3px auto 0;
  display: block;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: all, visibility;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 500ms;
  -moz-transition-property: all, visibility;
  -moz-transition-timing-function: ease;
}
/* line 318, ../sass/teaser.scss */
footer .inner nav .footerNav li a:hover {
  opacity: 1;
}
/* line 320, ../sass/teaser.scss */
footer .inner nav .footerNav li a:hover:after {
  width: 100%;
}
@media screen and (max-width: 768px) {
  /* line 300, ../sass/teaser.scss */
  footer .inner nav .footerNav li {
    display: block;
  }
}
/* line 330, ../sass/teaser.scss */
footer .inner nav small {
  font-size: 13px;
  text-align: center;
  width: 100%;
  margin-top: 28px;
  display: inline-block;
}
/* line 339, ../sass/teaser.scss */
footer .copyrightArea {
  margin: 12px 24px;
}
/* line 341, ../sass/teaser.scss */
footer .copyrightArea .cosmosInitia {
  float: left;
}
@media screen and (max-width: 420px) {
  /* line 341, ../sass/teaser.scss */
  footer .copyrightArea .cosmosInitia {
    text-align: center;
    margin-bottom: 30px;
    float: none;
  }
}
/* line 356, ../sass/teaser.scss */
footer .copyrightArea .copyright {
  font-size: 12px;
  padding: 24px;
  text-align: center;
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 356, ../sass/teaser.scss */
  footer .copyrightArea .copyright {
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  #section01 .inner h1{
    position: relative;
    top: 0;
    max-width: 350px;
    width: 70%;
    margin: 2em auto;
    /* transition: all .5s ease-in-out; */
  }
  #section01 .inner{/* margin: 0 auto 5em; */}
  #section01 .inner  img{
    width:100%;
    max-width: 640px;
    text-align: center;
  }
  #section02 .inner >div div{
    width:100%;
    margin: 0 auto 2em;
    text-align: center;
  }
  #section02 .inner >div div img{
    max-width:80%;
  }
#section04 .inner>div>div:first-child>div{
    width:100%;
    margin:0 auto;
    /* text-align: center; */
}
#section04 .inner{
  background-size: cover;
  background-position: top;
}
#section04 .inner>div>div:first-child>div table{
  margin: 2em auto;
}
#section04 .inner>div>div{padding:5em 0;/* background-size: contain; */}
#section03 .inner iframe{width:100%;}
#section03 .inner{/* padding: 5em 0; */}
#section03{
    position: relative;
    height: 10%;
    /* min-height: 59vw; */
    }
#section03 .inner >div{
    padding: 25em 0 0em;
}
#section04 .inner>div>div{    background-position: bottom;}
#section04 p{text-align:center}
#section04 table{margin:0 auto}
#section02 .inner{/* background-attachment: inherit; */background-position: left;}

#section02 .inner{
  background: #5ac1ee;
  width:100%;
  min-height: auto;
  text-align: left;
  z-index: 10;
  position: relative;
}

section#section02 {
    /* background: #cf3e19; */
    border-bottom: 26px solid #000;
}
#section02 .inner >div{
  max-width: 1024px;
  width: 80%;
  margin: 0 auto;
  padding: 10em 0;
  /* font-size: 1em; */
  line-height: 2;
}
#section02 p{line-height:1.75}
#section02 h3,#section02 h4{text-align:left;line-height: 1;}
#section02 .inner >div div{
  display:inline-block;
  width:49%;
  vertical-align: middle;
}
#section02 .inner >div div p{
  font-size: 15px;
  line-height: 1.5;
}
#section02 .inner >div div img{
  box-shadow: 2px 2px 10px #999;
}
#section02 .inner a{
  margin-top:.5em;
  display:block;
  width: 7em;
  background:#000;
  padding:.25em 1em;
  font-size:1.5em;
  text-align:center;
  color: #ffffff;
}#section02 .inner a:hover{/* letter-spacing:-.75em; */opacity:1;color: #f88073;}
#section02 .inner >div span{
  font-size: 2em;
}
/* line 203, ../sass/teaser.scss */
#section03{/* min-height: auto; */border-bottom: 26px solid #000;}
#section03 .inner {
    min-height: auto;
    background: #f88073;
    background-size: auto;
    position: relative;
    width: 100%;
    top: 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    display: flex;
}
#section03 .inner >div {
    max-width: 1024px;
    width: 80%;
    margin: 0 auto;
    padding: 10em 0 10em;
    /* font-size: 1em; */
    line-height: 2;
    text-align: right;
}
#section03 h3,#section03 h4{text-align:right;}
#section03 a{color:#000;}
#section03 a img{vertical-align: middle;width:64px;border: 7px solid #000;}
#section04{position:relative;min-height: auto;z-index: 10;border-bottom: 30vh solid #000;}
#section04 .inner{
  width:100%;
  min-height: auto;
  position: relative;
  top: 0vw;
  background: #f6fc83;
}
#section04 h3{text-align:left}
#section04 .inner >div {
    max-width: 1024px;
    width: 80%;
    margin: 0 auto;
    padding: 10em 0 2em;
    /* font-size: 1em; */
    line-height: 2;
    text-align: left;
}
.chara{
    position: absolute;
    max-width: 160px;
    width: 30%;
    right: 5%;
    bottom: -28vh;
    }
#section04 .inner  ul{list-style:none;padding-top: 60px;}
#section04 .inner>div>div{
  width:100%;
  margin: 0 auto;
  padding: 10em 0 6em;
  background: url(../image/bg03.svg?1563855670);
  background-size: cover;
  /* background-attachment: fixed; */
  /* background-position: 160px 0; */
}
#section04 .inner>div>div:first-child{
  width:100%;
  background: none;
  width:100%;
  max-width: 1024px;
}
#section04 .inner>div>div:first-child>div{
  display:inline-block;
  width:49%;
  vertical-align: top;
}
#section04 .inner>div>div:first-child>div table{
  color:#fff;
  text-shadow: 1px 1px 0 #cf3e19;
}
#section04 .inner>div>div:first-child>div table a{
  background:#fff;
  padding: 1px 10px 2px;
  margin-top:1em;
  color:#cf3e19;
  text-shadow: none;
  font-family:'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
}
#section04 .inner>div>div>div table td{
  font-size: 1em;
  line-height: 2em;
  min-width:9em;
}
#section04 p{
  font-size:2em;
  margin-bottom:2em;
}
#section04 .inner>div>div:last-child >div {
  width:100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 8em 0;
  /* background: url(../image/bg03.svg); */
  background-size: cover;
}

#section05 {position: relative;top: 0;/* background: #444; */}
#section05 .inner{
  width: 100%;
  min-height: auto;
  position: relative;
  top: 0vw;
  background: #efa3eb;
  padding: 10em 0%;
  overflow: hidden;
  background-size: cover;
  /* background-attachment: fixed; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  display: flex;
  z-index: 11;
}
#section05 .inner iframe{height: 680px;max-width: 100%;}


}
@media screen and (max-width: 480px) {
h3{font-size: 30px;}
#section05 .inner iframe{/* transform:scale(.5); *//* transform-origin: top left; *//* width: 90%; *//* margin: 5%; *//* overflow: hidden; */}
}
#section03 h4{font-size:20px;}
#section01 .inner h1.min_header{
  width: 60px;
  max-width: 60px;
  position: fixed;
  z-index: 100;
  right: 10px;
  top: 10px;
}
}