@charset "utf-8";

/* ------------------------------------------------------
RESET
------------------------------------------------------ */
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
details,menu,figcaption,figure,main,article,aside,footer,header,nav,section {display: block;}
html,body,button,input,optgroup,select,textarea,p,h1,h2,h3,h4,h5,h6,figure,ul,ol,dl,dt,dd {margin: 0;}
ul,ol,dl,dd,dt { list-style: none; padding: 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
a {background-color: transparent;-webkit-text-decoration-skip: objects;outline: none;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}
dfn {font-style: italic;}
mark {background-color: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
canvas,audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {display: inline-block;vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],
[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
summary {display: list-item;}
[hidden],template {display: none;}

/* ------------------------------------------------------
GENERAL
------------------------------------------------------ */
@font-face {
   font-family: "Noto Sans JP";
   font-weight: 500;
   src: local("Noto Sans CJK JP Medium"),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family: "Noto Sans JP";
   font-weight: 400;
   src: local("Noto Sans CJK JP Regular"),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.otf) format('opentype');
}
body {
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  position: relative;
}
body:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/img/bg_sp.jpg) no-repeat center top / 100% auto;
}
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .pc { display: none !important; }
}
@media screen and (min-width: 768px) {
  .sp { display: none !important; }
  body:after {
    background-image: url(/img/bg.jpg);
    background-position: center;
    background-size: cover;
  }
}

/* ------------------------------------------------------
HEADER
------------------------------------------------------ */
#header {
  position: fixed;
  right: 0;
  top: 0;
  width: 150px;
  height: 100vh;
  z-index: 10;
}
#logo {
  font-size: 0;
  height: 19.53%;
}
#logo a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 8% 0 8%;
}
#logo img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.navwrap {
  height: 73.45%;
}
#nav {
  height: 76.6%;
}
.menu {
  font-size: 0;
  height: 100%;
}
.menu li {
  height: 33.333%;
}
.menu li a {
  display: block;
  text-align: center;
  background-color: rgba(255, 160, 0, 0.9);
  padding: 20px 0;
  height: 100%;
}
.menu li:nth-child(2n) a {
  background-color: rgba(255, 180, 40, 0.9);
}
.menu li a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.h__info {
  height: 23.4%;
  background-color: rgba(90, 90, 90, 0.9);
}
.h__info .inner{
  height: calc(100% - 34px);
}
.privacy__mark {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60%;
  text-align: center;
}
.privacy__mark img {
  max-width: 50px;
  max-height: 62%;
}
.copyright {
  text-align: center;
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  height: 31%;
}
.copyright img {
  max-width: 100%;
  max-height: 100%;
}
.policy__lnk {
  padding: 5px 5px 0;
}
.policy__lnk a {
  display: block;
  text-align: center;
  color: #d2d2d2;
  text-decoration: none !important;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  line-height: 1.2;
  font-size: 11px;
  max-width: 140px;
  margin: 0 auto;
  padding: 7px 0;
}
.btn__nav {
  height: 7.02%;
}
.btn__nav a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  height: 100%;
  background-color: rgba(255, 130, 0, 0.9);
}
.btn__nav a > span {
  width: 30px;
  height: 20px;
  position: relative;
}
.btn__nav a > span:before {
  top: 50%;
  margin-top: -1px;
}
.btn__nav a > span:before,
.btn__nav a > span span:after,
.btn__nav a > span span:before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.btn__nav a > span span:before {
  top: 0;
}
.btn__nav a > span span:after {
  bottom: 0;
}
.btn__nav.open a > span:before {
  opacity: 0;
}
.btn__nav.open a > span span:before {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.btn__nav.open a > span span:after {
  bottom: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media screen and (max-width: 767px) {
  #header {position: absolute;}
  #logo a {padding-left: 15px;padding-right: 15px;}
  .copyright {padding-left: 12%;padding-right: 12%;}
  .navwrap {display: none;}
  .menu li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
  }
}
@media screen and (min-width: 768px) {
  #header {width: 180px;}
  #logo {height: 18%;}
  #logo a {padding: 8% 0;}
  .navwrap {height: 82%;display: block !important;}
  #nav {height: 78%;}
  .menu li {height: 25%;}
  .menu li a {
    padding: 4% 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .menu li a:hover,
  .menu li a.active {
    background-color: #ff8200;
    width: 190px;
    transform: translateX(-10px);
  }
  .h__info {
    height: 22%;
  }
  .h__info .inner{
    height: calc(100% - 40px);
  }
  .policy__lnk {
    padding: 10px 10px 0;
  }
  .policy__lnk a {
    font-size: 12px;
    max-width: inherit;
  }
  .privacy__mark {
    height: 66%;
  }
  .privacy__mark img {
    max-width: 60px;
    max-height: 68%;
  }
  .copyright {
    height: 22%;
  }
  .copyright img {
    max-width: 166px;
    max-height: 93%;
  }
  .policy__lnk {
    padding: 10px 10px 0;
  }
}
@media screen and (min-height: 1000px) {
  .policy__lnk a {
    font-size: 20px;
    padding: 15px 0;
  }
  .copyright {
    height: calc(100% - 100px);
  }
  .copyright img {
    max-width: 100%;
  }
}
@media screen and (min-height: 1400px) {
  .policy__lnk a {
    font-size: 24px;
    padding: 20px 0;
  }
  .copyright {
    height: calc(100% - 118px);
  }
  .copyright img {
    max-width: 100%;
  }
}

/* ------------------------------------------------------
MAIN
------------------------------------------------------ */
#wrapper {overflow: hidden;z-index: 10;position: relative;}
.section__inner {
  height: 100%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) {
  .section {
    background-color: rgba(60, 70, 80, 0.7);
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 919px) {
  .section {
    width: 538px;
  }
  .section__inner {
    width: 488px;
  }
}
@media screen and (min-width: 920px) and (max-width: 1079px) {
  .section {
    width: 690px;
  }
  .section__inner {
    width: 640px;
  }
}
@media screen and (min-width: 1080px) {
  .section {
    width: 800px;
  }
  .section__inner {
    width: 700px;
  }
}

.section:not(.top) {
  padding-top: 200px;
  padding-bottom: 30px;
}
.sec__head {
  font-size: 0;
  margin-bottom: 30px;
  text-align: center;
}
.sec__title {
  color: #fff;
  font-size: 20px;
  letter-spacing: 2px;
  text-align: left;
  line-height: 2;
  margin-bottom: 32px;
  border-bottom: solid 3px #FFFFFF;
}
.sec__lead {
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: left;
  line-height: 2;
  margin-bottom: 32px;
}
table {
      border: solid 1px #FFFFFF;
    border-collapse:  collapse;
    color: #FFFFFF;
    margin-bottom: 40px;
  font-size: 14px;
}
th {
    background-color: rgba(99, 99, 99, 0.7);
}

th,td {
      border: solid 1px #FFFFFF;
      padding: 5px;
}
 
a {
  color: antiquewhite;
}

@media screen and (max-width: 767px) {
  .sec__head img {
    width: 100%;
    max-width: 335px;
  }
}
@media screen and (min-width: 768px) {
  .section:not(.top) {
    padding-top: 100px;
  }
  .sec__head {
    margin-bottom: 10px;
  }
  .sec__lead {
    font-size: 14px;
    margin-bottom: 22px;
  }
}

/* Animated */
/*fadeup*/
.fadeup{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate(0, 40px);
	-ms-transform: translate(0, 40px);
	transform: translate(0, 40px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 1.5s cubic-bezier(0.165, 0.80, 0.45, 1) 0s;
	transition: all 1.5s cubic-bezier(0.165, 0.80, 0.45, 1) 0s;
}
.active .fadeup {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

/*fadedown*/
.fadedown{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate(0, -40px);
	-ms-transform: translate(0, -40px);
	transform: translate(0, -40px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 1.5s cubic-bezier(0.165, 0.80, 0.45, 1) 0s;
	transition: all 1.5s cubic-bezier(0.165, 0.80, 0.45, 1) 0s;
}
.active .fadedown {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

/*fadein*/
.fadein{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 3s cubic-bezier(0.165, 0.80, 0.45, 1) 0s;
	transition: all 3s cubic-bezier(0.165, 0.80, 0.45, 1) 0s;
}
.fadein.active{
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.delay05 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.delay10 {
  -webkit-transition-delay: 1.0s;
  transition-delay: 1.0s;
}
.delay15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.delay20 {
  -webkit-transition-delay: 2.0s;
  transition-delay: 2.0s;
}
.delay25 {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.delay30 {
  -webkit-transition-delay: 3.0s;
  transition-delay: 3.0s;
}
.delay35 {
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s;
}
.delay40 {
  -webkit-transition-delay: 4.0s;
  transition-delay: 4.0s;
}
.delay45 {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.delay50 {
  -webkit-transition-delay: 5.0s;
  transition-delay: 5.0s;
}