@charset "UTF-8";
/* print setting */
/* tag reset
##################################### */
/*! 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/* font setting
##################################### */
html {
  font-size: 62.5%;
}

/* base
##################################### */
body {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  background: #fff;
  color: #333;
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.094vw;
  font-weight: 700;
  font-weight: normal;
  line-height: 1.7;
  text-align: left;
}

table {
  border: 0;
  border-collapse: collapse;
  font-size: inherit; /* for modern browser */
  width: 100%;
}

pre,
code,
kbd,
samp,
tt {
  font-family: inherit;
  *font-size: 108%; /* for IE whole */
  line-height: 100%;
}

img {
  vertical-align: bottom;
}

strong {
  font-weight: bold;
}

object {
  margin: 0;
  padding: 0;
}

a {
  outline: none;
  text-decoration: none;
}

ol,
li {
  list-style-type: none;
}

::-moz-selection {
  background: rgba(255, 226, 0, 0.4);
}

::selection {
  background: rgba(255, 226, 0, 0.4);
}

html * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  position: relative;
}

#stage {
  width: 100%;
}

button {
  outline: none;
}

img {
  max-width: 100%;
}

#stage {
  /*
  @include media("md") {
    img {
      width: 100%;
    }
  }
  */
}

html {
  overflow-x: hidden;
}

/* module
##################################### */
.m_fontS {
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
}

.m_fontSM {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.7;
}

.m_fontM {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7;
}

.m_fontLM {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.7;
}

.m_fontL {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.7;
}

.m_fontLL {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.7;
}

/* media
##################################### */
.m_media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.m_media_imgWp {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 47%;
      -ms-flex: 0 1 47%;
          flex: 0 1 47%;
  margin-right: 3%;
}

.m_media_body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.m_media_ttl {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.m_media_desc {
  font-weight: bold;
}

.m_media_body > *:last-child {
  margin-bottom: 0;
}

.m_media.m_mediaRev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.m_mediaRev .m_media_imgWp {
  margin-right: 0;
}

.m_mediaRev .m_media_body {
  margin-right: 3%;
}

/* card
##################################### */
.m_card {
  position: relative;
}

.m_card_btnWp {
  bottom: 0;
  margin-top: 20px;
  position: absolute;
  width: 100%;
}

.m_cardUni {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.m_cardUni__col3 > .m_card {
  margin-right: 3.33333%;
  width: 31%;
}

.m_cardUni__col3 > .m_card:nth-of-type(3n) {
  margin-right: 0;
}

.m_cardUni.m_cardUni__col4 {
  margin-bottom: -20px;
}

.m_cardUni__col4 > .m_card {
  margin-bottom: 20px;
  margin-right: 1.62602%;
  width: 23.78%;
}

.m_cardUni__col4 > .m_card:nth-of-type(4n) {
  margin-right: 0;
}

.m_cardUni__col2 > .m_card {
  margin-right: 4%;
  width: 48%;
}

.m_cardUni__col2 > .m_card:nth-of-type(2n) {
  margin-right: 0;
}

.m_card_ttl {
  font-weight: bold;
  text-align: center;
}

/******* .btn_hover ***********/
.btn_hover {
  color: #fff;
  display: inline-block;
  letter-spacing: 0.14rem;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}
.btn_hover:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}

/* modal
##################################### */
.modal_containts {
  z-index: 10;
}

.js-modal {
  display: none;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.modal_btn_tw:hover {
  text-decoration: none;
}

.modalWp {
  width: 100%;
}

/*.js-modal.modal {
  display: block;
}*/
.js-modal.modal {
  display: none;
}

/*.modal__bg {
  height: 100%;
  position: absolute;
  width: 100%;
}*/
.js-imgover.js-modal-open.sp {
  display: none;
}

/* scroll animation
##################################### */
.fade {
  opacity: 0;
  -webkit-transform: translate(0, 45px);
          transform: translate(0, 45px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.fade.fadein {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* OTHER
##################################### */
.img_hover {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.img_hover:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.m_mb10 {
  margin-bottom: 10px;
}

.m_mt10 {
  margin-top: 10px;
}

.m_mr10 {
  margin-right: 10px;
}

.m_ml10 {
  margin-left: 10px;
}

.m_pb10 {
  padding-bottom: 10px;
}

.m_pt10 {
  padding-top: 10px;
}

.m_pr10 {
  padding-right: 10px;
}

.m_pl10 {
  padding-left: 10px;
}

.m_mb20 {
  margin-bottom: 20px;
}

.m_mt20 {
  margin-top: 20px;
}

.m_mr20 {
  margin-right: 20px;
}

.m_ml20 {
  margin-left: 20px;
}

.m_pb20 {
  padding-bottom: 20px;
}

.m_pt20 {
  padding-top: 20px;
}

.m_pr20 {
  padding-right: 20px;
}

.m_pl20 {
  padding-left: 20px;
}

.m_mb30 {
  margin-bottom: 30px;
}

.m_mt30 {
  margin-top: 30px;
}

.m_mr30 {
  margin-right: 30px;
}

.m_ml30 {
  margin-left: 30px;
}

.m_pb30 {
  padding-bottom: 30px;
}

.m_pt30 {
  padding-top: 30px;
}

.m_pr30 {
  padding-right: 30px;
}

.m_pl30 {
  padding-left: 30px;
}

.m_mb40 {
  margin-bottom: 40px;
}

.m_mt40 {
  margin-top: 40px;
}

.m_mr40 {
  margin-right: 40px;
}

.m_ml40 {
  margin-left: 40px;
}

.m_pb40 {
  padding-bottom: 40px;
}

.m_pt40 {
  padding-top: 40px;
}

.m_pr40 {
  padding-right: 40px;
}

.m_pl40 {
  padding-left: 40px;
}

.m_mb50 {
  margin-bottom: 50px;
}

.m_mt50 {
  margin-top: 50px;
}

.m_mr50 {
  margin-right: 50px;
}

.m_ml50 {
  margin-left: 50px;
}

.m_pb50 {
  padding-bottom: 50px;
}

.m_pt50 {
  padding-top: 50px;
}

.m_pr50 {
  padding-right: 50px;
}

.m_pl50 {
  padding-left: 50px;
}

.m_mb60 {
  margin-bottom: 60px;
}

.m_mt60 {
  margin-top: 60px;
}

.m_mr60 {
  margin-right: 60px;
}

.m_ml60 {
  margin-left: 60px;
}

.m_pb60 {
  padding-bottom: 60px;
}

.m_pt60 {
  padding-top: 60px;
}

.m_pr60 {
  padding-right: 60px;
}

.m_pl60 {
  padding-left: 60px;
}

.m_mb70 {
  margin-bottom: 70px;
}

.m_mt70 {
  margin-top: 70px;
}

.m_mr70 {
  margin-right: 70px;
}

.m_ml70 {
  margin-left: 70px;
}

.m_pb70 {
  padding-bottom: 70px;
}

.m_pt70 {
  padding-top: 70px;
}

.m_pr70 {
  padding-right: 70px;
}

.m_pl70 {
  padding-left: 70px;
}

.m_mb80 {
  margin-bottom: 80px;
}

.m_mt80 {
  margin-top: 80px;
}

.m_mr80 {
  margin-right: 80px;
}

.m_ml80 {
  margin-left: 80px;
}

.m_pb80 {
  padding-bottom: 80px;
}

.m_pt80 {
  padding-top: 80px;
}

.m_pr80 {
  padding-right: 80px;
}

.m_pl80 {
  padding-left: 80px;
}

.m_mb90 {
  margin-bottom: 90px;
}

.m_mt90 {
  margin-top: 90px;
}

.m_mr90 {
  margin-right: 90px;
}

.m_ml90 {
  margin-left: 90px;
}

.m_pb90 {
  padding-bottom: 90px;
}

.m_pt90 {
  padding-top: 90px;
}

.m_pr90 {
  padding-right: 90px;
}

.m_pl90 {
  padding-left: 90px;
}

.m_mb100 {
  margin-bottom: 100px;
}

.m_mt100 {
  margin-top: 100px;
}

.m_mr100 {
  margin-right: 100px;
}

.m_ml100 {
  margin-left: 100px;
}

.m_pb100 {
  padding-bottom: 100px;
}

.m_pt100 {
  padding-top: 100px;
}

.m_pr100 {
  padding-right: 100px;
}

.m_pl100 {
  padding-left: 100px;
}

.m_mb110 {
  margin-bottom: 110px;
}

.m_mt110 {
  margin-top: 110px;
}

.m_mr110 {
  margin-right: 110px;
}

.m_ml110 {
  margin-left: 110px;
}

.m_pb110 {
  padding-bottom: 110px;
}

.m_pt110 {
  padding-top: 110px;
}

.m_pr110 {
  padding-right: 110px;
}

.m_pl110 {
  padding-left: 110px;
}

.m_mb120 {
  margin-bottom: 120px;
}

.m_mt120 {
  margin-top: 120px;
}

.m_mr120 {
  margin-right: 120px;
}

.m_ml120 {
  margin-left: 120px;
}

.m_pb120 {
  padding-bottom: 120px;
}

.m_pt120 {
  padding-top: 120px;
}

.m_pr120 {
  padding-right: 120px;
}

.m_pl120 {
  padding-left: 120px;
}

.m_mb130 {
  margin-bottom: 130px;
}

.m_mt130 {
  margin-top: 130px;
}

.m_mr130 {
  margin-right: 130px;
}

.m_ml130 {
  margin-left: 130px;
}

.m_pb130 {
  padding-bottom: 130px;
}

.m_pt130 {
  padding-top: 130px;
}

.m_pr130 {
  padding-right: 130px;
}

.m_pl130 {
  padding-left: 130px;
}

.m_mb140 {
  margin-bottom: 140px;
}

.m_mt140 {
  margin-top: 140px;
}

.m_mr140 {
  margin-right: 140px;
}

.m_ml140 {
  margin-left: 140px;
}

.m_pb140 {
  padding-bottom: 140px;
}

.m_pt140 {
  padding-top: 140px;
}

.m_pr140 {
  padding-right: 140px;
}

.m_pl140 {
  padding-left: 140px;
}

.m_mb150 {
  margin-bottom: 150px;
}

.m_mt150 {
  margin-top: 150px;
}

.m_mr150 {
  margin-right: 150px;
}

.m_ml150 {
  margin-left: 150px;
}

.m_pb150 {
  padding-bottom: 150px;
}

.m_pt150 {
  padding-top: 150px;
}

.m_pr150 {
  padding-right: 150px;
}

.m_pl150 {
  padding-left: 150px;
}

.m_mb160 {
  margin-bottom: 160px;
}

.m_mt160 {
  margin-top: 160px;
}

.m_mr160 {
  margin-right: 160px;
}

.m_ml160 {
  margin-left: 160px;
}

.m_pb160 {
  padding-bottom: 160px;
}

.m_pt160 {
  padding-top: 160px;
}

.m_pr160 {
  padding-right: 160px;
}

.m_pl160 {
  padding-left: 160px;
}

.m_mb170 {
  margin-bottom: 170px;
}

.m_mt170 {
  margin-top: 170px;
}

.m_mr170 {
  margin-right: 170px;
}

.m_ml170 {
  margin-left: 170px;
}

.m_pb170 {
  padding-bottom: 170px;
}

.m_pt170 {
  padding-top: 170px;
}

.m_pr170 {
  padding-right: 170px;
}

.m_pl170 {
  padding-left: 170px;
}

.m_mb180 {
  margin-bottom: 180px;
}

.m_mt180 {
  margin-top: 180px;
}

.m_mr180 {
  margin-right: 180px;
}

.m_ml180 {
  margin-left: 180px;
}

.m_pb180 {
  padding-bottom: 180px;
}

.m_pt180 {
  padding-top: 180px;
}

.m_pr180 {
  padding-right: 180px;
}

.m_pl180 {
  padding-left: 180px;
}

.m_mb190 {
  margin-bottom: 190px;
}

.m_mt190 {
  margin-top: 190px;
}

.m_mr190 {
  margin-right: 190px;
}

.m_ml190 {
  margin-left: 190px;
}

.m_pb190 {
  padding-bottom: 190px;
}

.m_pt190 {
  padding-top: 190px;
}

.m_pr190 {
  padding-right: 190px;
}

.m_pl190 {
  padding-left: 190px;
}

.m_mb200 {
  margin-bottom: 200px;
}

.m_mt200 {
  margin-top: 200px;
}

.m_mr200 {
  margin-right: 200px;
}

.m_ml200 {
  margin-left: 200px;
}

.m_pb200 {
  padding-bottom: 200px;
}

.m_pt200 {
  padding-top: 200px;
}

.m_pr200 {
  padding-right: 200px;
}

.m_pl200 {
  padding-left: 200px;
}

.m_width10 {
  width: 10px;
}

.m_height10 {
  height: 10px;
}

.m_width20 {
  width: 20px;
}

.m_height20 {
  height: 20px;
}

.m_width30 {
  width: 30px;
}

.m_height30 {
  height: 30px;
}

.m_width40 {
  width: 40px;
}

.m_height40 {
  height: 40px;
}

.m_width50 {
  width: 50px;
}

.m_height50 {
  height: 50px;
}

.m_width60 {
  width: 60px;
}

.m_height60 {
  height: 60px;
}

.m_width70 {
  width: 70px;
}

.m_height70 {
  height: 70px;
}

.m_width80 {
  width: 80px;
}

.m_height80 {
  height: 80px;
}

.m_width90 {
  width: 90px;
}

.m_height90 {
  height: 90px;
}

.m_width100 {
  width: 100px;
}

.m_height100 {
  height: 100px;
}

.m_width110 {
  width: 110px;
}

.m_height110 {
  height: 110px;
}

.m_width120 {
  width: 120px;
}

.m_height120 {
  height: 120px;
}

.m_width130 {
  width: 130px;
}

.m_height130 {
  height: 130px;
}

.m_width140 {
  width: 140px;
}

.m_height140 {
  height: 140px;
}

.m_width150 {
  width: 150px;
}

.m_height150 {
  height: 150px;
}

.m_width160 {
  width: 160px;
}

.m_height160 {
  height: 160px;
}

.m_width170 {
  width: 170px;
}

.m_height170 {
  height: 170px;
}

.m_width180 {
  width: 180px;
}

.m_height180 {
  height: 180px;
}

.m_width190 {
  width: 190px;
}

.m_height190 {
  height: 190px;
}

.m_width200 {
  width: 200px;
}

.m_height200 {
  height: 200px;
}

.m_width210 {
  width: 210px;
}

.m_height210 {
  height: 210px;
}

.m_width220 {
  width: 220px;
}

.m_height220 {
  height: 220px;
}

.m_width230 {
  width: 230px;
}

.m_height230 {
  height: 230px;
}

.m_width240 {
  width: 240px;
}

.m_height240 {
  height: 240px;
}

.m_width250 {
  width: 250px;
}

.m_height250 {
  height: 250px;
}

.m_width260 {
  width: 260px;
}

.m_height260 {
  height: 260px;
}

.m_width270 {
  width: 270px;
}

.m_height270 {
  height: 270px;
}

.m_width280 {
  width: 280px;
}

.m_height280 {
  height: 280px;
}

.m_width290 {
  width: 290px;
}

.m_height290 {
  height: 290px;
}

.m_width300 {
  width: 300px;
}

.m_height300 {
  height: 300px;
}

.m_width310 {
  width: 310px;
}

.m_height310 {
  height: 310px;
}

.m_width320 {
  width: 320px;
}

.m_height320 {
  height: 320px;
}

.m_width330 {
  width: 330px;
}

.m_height330 {
  height: 330px;
}

.m_width340 {
  width: 340px;
}

.m_height340 {
  height: 340px;
}

.m_width350 {
  width: 350px;
}

.m_height350 {
  height: 350px;
}

.m_width360 {
  width: 360px;
}

.m_height360 {
  height: 360px;
}

.m_width370 {
  width: 370px;
}

.m_height370 {
  height: 370px;
}

.m_width380 {
  width: 380px;
}

.m_height380 {
  height: 380px;
}

.m_width390 {
  width: 390px;
}

.m_height390 {
  height: 390px;
}

.m_width400 {
  width: 400px;
}

.m_height400 {
  height: 400px;
}

.m_width410 {
  width: 410px;
}

.m_height410 {
  height: 410px;
}

.m_width420 {
  width: 420px;
}

.m_height420 {
  height: 420px;
}

.m_width430 {
  width: 430px;
}

.m_height430 {
  height: 430px;
}

.m_width440 {
  width: 440px;
}

.m_height440 {
  height: 440px;
}

.m_width450 {
  width: 450px;
}

.m_height450 {
  height: 450px;
}

.m_width460 {
  width: 460px;
}

.m_height460 {
  height: 460px;
}

.m_width470 {
  width: 470px;
}

.m_height470 {
  height: 470px;
}

.m_width480 {
  width: 480px;
}

.m_height480 {
  height: 480px;
}

.m_width490 {
  width: 490px;
}

.m_height490 {
  height: 490px;
}

.m_width500 {
  width: 500px;
}

.m_height500 {
  height: 500px;
}

/* EFFECT
##################################### */
/*　下から上　*/
.effect-fade {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
          transform: translate(0, 40px);
  -webkit-transition: all 0.5s 0.2s ease;
  transition: all 0.5s 0.2s ease;
}

.effect-fade.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/*　上から下　*/
.effect-fade02 {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 1s 0.5s ease;
  transition: all 1s 0.5s ease;
}

.effect-fade02.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/*　左から右　*/
.effect-fade03 {
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
  -webkit-transition: all 1s 0.5s ease;
  transition: all 1s 0.5s ease;
}

.effect-fade03.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* 右から左 */
.effect-fade04 {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
          transform: translate(20px, 0);
  -webkit-transition: all 1s 0.5s ease;
  transition: all 1s 0.5s ease;
}

.effect-fade04.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* 透過 */
.effect-fade05 {
  opacity: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 1s 0.5s ease;
  transition: all 1s 0.5s ease;
}

.effect-fade05.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* mask */
.maskWrap:after {
  -webkit-transition: 1.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: 1.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
  width: 100%;
}

.maskWrap.show:after {
  width: 0;
}

/* LAODING
##################################### */
.loading {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgb(205, 22, 124);
  background: -webkit-linear-gradient(311deg, rgb(205, 22, 124) 0%, rgb(69, 110, 200) 35%, rgb(100, 203, 142) 50%, rgb(229, 214, 25) 65%, rgb(206, 23, 124) 100%, rgb(206, 23, 124) 100%);
  background: linear-gradient(139deg, rgb(205, 22, 124) 0%, rgb(69, 110, 200) 35%, rgb(100, 203, 142) 50%, rgb(229, 214, 25) 65%, rgb(206, 23, 124) 100%, rgb(206, 23, 124) 100%);
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 9999;
}
.loading img {
  display: block;
  margin: 0 auto;
  width: 70%;
}

/* Buzz Out */
@-webkit-keyframes hover-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hover-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hover-buzz-out {
  -webkit-transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform: perspective(1px) translateZ(0);
  /*display: inline-block;*/
  vertical-align: middle;
}

.hover-buzz-out:hover, .hover-buzz-out:focus, .hover-buzz-out:active {
  -webkit-animation-name: hover-buzz-out;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-duration: 0.75s;
  animation-iteration-count: 1;
  animation-name: hover-buzz-out;
  animation-timing-function: linear;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.spinner_anim {
  position: relative;
  width: 100%;
}
.spinner_anim .anim_main {
  margin: calc((100% - 80%) / 2);
  position: relative;
  width: 80%;
}
.spinner_anim .anim_bg {
  -webkit-animation: 30s linear infinite spinnerAnim;
          animation: 30s linear infinite spinnerAnim;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 100%;
}
@-webkit-keyframes spinnerAnim {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinnerAnim {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.banner__list-grid {
  display: grid;
  gap: 1vw;
  grid-template-columns: repeat(3, 1fr);
}

.c_btn {
  border: solid 1px #fcbda7;
  color: #f8afad;
  display: block;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: normal;
  text-align: center;
}

.mainWp {
  margin: auto;
  position: relative;
}

#stage {
  margin: auto;
  overflow-x: hidden;
  position: relative;
  z-index: 0;
}
/* common
##################################### */
/* project
##################################### */
/* structure
##################################### */
a.disabled {
  color: #a88a6a !important;
  pointer-events: none !important;
}

#header .btn_gnav {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  color: #ccc;
  cursor: pointer;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
#header .btn_gnav .inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#header .btn_gnav .inner:after {
  color: #dc2c2d;
  content: "menu";
  font-family: "RocknRoll One", sans-serif;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#header .btn_gnav .inner .border_box {
  height: 100%;
  position: relative;
  width: 100%;
}
#header .btn_gnav .inner .border {
  background-color: #dc2c2d;
  height: 12%;
  position: absolute;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 100%;
}
#header .btn_gnav .inner .border:first-of-type {
  top: 0;
}
#header .btn_gnav .inner .border:last-of-type {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#header #gnav {
  -webkit-box-sizing: border-box;
  background-color: #dc2c2d;
  background-image: url("../img_2022/bg_pt2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0 !important;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
  white-space: nowrap;
  width: 0%;
  z-index: 100;
}
#header #gnav .gnav_inner {
  margin: auto;
  width: 100%;
}
#header #gnav .gnav_inner .gnav_menu .menu_item {
  line-height: inherit !important;
  opacity: 0;
  text-align: left;
}
#header #gnav .gnav_inner .gnav_menu .menu_item:not(:last-child) {
  border-bottom: dotted 2px #000;
}
#header #gnav .gnav_inner .gnav_menu .menu_item a {
  color: #000;
  display: inline-block;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 0 10px;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
#header #gnav .gnav_inner .gnav_menu .menu_item a:hover {
  color: #dc2c2d;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}
#header #gnav .gnav_inner .gnav_menu .menu_item a .nav_en {
  display: block;
  font-family: "Zen Old Mincho", "Noto Serif JP", serif;
}
#header #gnav .gnav_inner .gnav_menu .menu_item a .nav_min {
  display: block;
  margin-top: 10px;
}
#header #gnav .gnav_inner .gnav_menu .sns_area {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#header.on #gnav {
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
  visibility: visible !important;
}
#header.on #gnav li {
  opacity: 1 !important;
}
#header.on .btn_gnav {
  background: none;
}
#header.on .btn_gnav .inner:before {
  opacity: 0 !important;
}
#header.on .btn_gnav .inner:after {
  content: "close" !important;
  opacity: 1 !important;
}
#header.on .btn_gnav .inner .border {
  background-color: #dc2c2d !important;
  position: absolute;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 100%;
}
#header.on .btn_gnav .inner .border:first-of-type {
  top: 0;
}
#header.on .btn_gnav .inner .border:last-of-type {
  top: 100%;
  -webkit-transform: translate(0%, -640%) rotate(155deg);
          transform: translate(0%, -640%) rotate(155deg);
}

.pgtop_wrap {
  margin: auto;
  -webkit-transform: translateY(45%);
          transform: translateY(45%);
}

#footer {
  position: relative;
  z-index: 1;
}
#footer .c_inner {
  margin: auto;
  padding-top: 4.7584187408%;
  position: relative;
}
#footer .c_inner .inner__list {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  display: grid;
  gap: 12vw;
  grid-template-columns: repeat(2, 1fr);
}
#footer .c_inner .inner__list .list__item {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
}
#footer .c_inner .inner__text {
  margin-top: 4.2807017544%;
  text-align: center;
}
#footer .c_inner .inner__text:nth-of-type(1) {
  margin-top: 12.2807017544%;
}
#footer .c_inner .inner__text .kgm_nav {
  margin: auto;
  width: 30%;
}
#footer::before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#footer::after {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
    left: 0 !important;
    top: 0 !important;
    width: 300mm !important;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.7;
  }
  .m_media {
    display: block;
  }
  .m_media_imgWp {
    margin: auto;
    margin-bottom: 0;
    margin-top: 20px;
    width: 100%;
  }
  .m_media_body {
    margin-top: 20px;
  }
  .m_media_desc {
    font-size: 1.4rem;
  }
  .m_mediaRev .m_media_body {
    margin: auto;
  }
  .m_card {
    padding-bottom: 60px;
  }
  .bl_cardUni > .m_card {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
  .m_cardUni.m_cardUni__col3 {
    margin-bottom: -20px;
  }
  .m_card_ttl {
    font-size: 1.4rem;
  }
  .m_card_body {
    margin-top: 15px;
  }
  .btn_hover {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 4;
  }
  .mt_10 {
    margin-top: 1vw;
  }
  .mt_20 {
    margin-top: 2vw;
  }
  .mt_30 {
    margin-top: 3vw;
  }
  .mt_40 {
    margin-top: 4vw;
  }
  .mt_50 {
    margin-top: 5vw;
  }
  .effect-fade {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
  }
  .effect-fade.show {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .effect-fade02 {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
  }
  .effect-fade02.show {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .effect-fade03 {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
  }
  .effect-fade03.show {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .effect-fade04 {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
  }
  .effect-fade04.show {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .effect-fade05 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
  }
  .effect-fade05.show {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  #header .btn_gnav {
    background-image: url("../img_2022/sp/nav_bg.png");
    padding-top: 19%;
    width: 21.3333333333%;
  }
  #header .btn_gnav .inner {
    padding: 28% 23% 40% 30%;
  }
  #header .btn_gnav .inner:after {
    font-weight: 400;
    right: 8%;
    -webkit-transform: translate(-30%, -35%);
            transform: translate(-30%, -35%);
  }
  #header #gnav {
    height: 100%;
    overflow-y: scroll;
  }
  #header #gnav .gnav_inner {
    padding-bottom: 26.6666666667%;
    padding-top: 26.6666666667%;
  }
  #header #gnav .gnav_inner .gnav_menu {
    padding: 0 13.3333333333%;
    width: 100%;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item {
    font-weight: 700;
    padding: 9.1666666667% 0;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item a .nav_en {
    font-size: 46px;
    font-size: 4.6rem;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item a .nav_min {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #header.on #gnav {
    width: 100% !important;
  }
  #header.on .btn_gnav .inner .border:first-of-type {
    -webkit-transform: translate(0%, 250%) rotate(-155deg);
            transform: translate(0%, 250%) rotate(-155deg);
  }
  #header.on .btn_gnav .inner .border:last-of-type {
    -webkit-transform: translate(0%, -550%) rotate(155deg);
            transform: translate(0%, -550%) rotate(155deg);
  }
  .pgtop_wrap {
    width: 26%;
  }
  #footer .c_inner {
    padding-bottom: 45.320644%;
    width: 86.6666666667%;
  }
  #footer .c_inner .inner__list .list__item {
    font-weight: 400;
    gap: 2.6666666667vw;
  }
  #footer .c_inner .inner__text {
    font-weight: 400;
  }
  #footer::before {
    width: 300%;
  }
  #footer::after {
    background-image: url("../img_2022/sp/footer_after.png");
  }
}
@media only screen and (min-width: 769px), print {
  .m_media_desc {
    font-size: 2rem;
  }
  .m_card {
    padding-bottom: 80px;
  }
  .m_card_ttl {
    font-size: 2rem;
  }
  .m_card_body {
    margin-top: 30px;
  }
  .btn_hover {
    font-size: 1.563vw;
    line-height: 2.3;
  }
  .mt_10 {
    margin-top: 10px;
  }
  .mt_20 {
    margin-top: 20px;
  }
  .mt_30 {
    margin-top: 30px;
  }
  .mt_40 {
    margin-top: 40px;
  }
  .mt_50 {
    margin-top: 50px;
  }
  #header .btn_gnav {
    background-image: url("../img_2022/nav_bg.png");
    padding-top: 10%;
    width: 11.328125%;
  }
  #header .btn_gnav .inner {
    padding: 28% 23% 40% 44%;
  }
  #header .btn_gnav .inner:after {
    font-weight: 400;
    right: 4%;
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%);
  }
  #header #gnav {
    height: 100%;
  }
  #header #gnav .gnav_inner {
    padding-bottom: 140px;
    padding-top: 140px;
  }
  #header #gnav .gnav_inner .gnav_menu {
    padding-left: 9%;
    padding-right: 18%;
    width: 100%;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item {
    font-weight: 700;
    padding: 6% 0;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item a .nav_en {
    font-size: 3.125vw;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item a .nav_min {
    font-size: 1.25vw;
  }
  #header #gnav .gnav_inner ul.blo02 {
    margin-left: 100px;
  }
  #header.on #gnav {
    width: 38% !important;
  }
  #header.on .btn_gnav .inner .border:first-of-type {
    -webkit-transform: translate(0%, 210%) rotate(-155deg);
            transform: translate(0%, 210%) rotate(-155deg);
  }
  .pgtop_wrap {
    width: 10.2489019034%;
  }
  #footer .c_inner {
    padding-bottom: 8.3206442167%;
    width: 41.7276720351%;
  }
  #footer .c_inner .inner__list .list__item {
    font-weight: 400;
    gap: 3vw;
  }
  #footer .c_inner .inner__text {
    font-weight: 400;
  }
  #footer::before {
    width: 120%;
  }
  #footer::after {
    background-image: url("../img_2022/footer_after.png");
  }
}
@media screen and (min-width: 769px) {
  .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pc_only {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px), print {
  #header .btn_gnav .inner:after {
    font-size: 1.4641288433vw;
    line-height: 2.4;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item {
    font-size: 1.6105417277vw;
    line-height: 2.1818181818;
  }
  #footer .c_inner .inner__list .list__item {
    font-size: 1.1713030747vw;
    line-height: 2;
  }
  #footer .c_inner .inner__text {
    font-size: 1.1713030747vw;
    line-height: 2;
  }
}
@media only screen and (min-width: 769px) and (max-width: 768px) {
  #header .btn_gnav .inner:after {
    font-size: 20px;
    font-size: 2.6666666667vw;
    line-height: 2.4;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item {
    font-size: 22px;
    font-size: 2.9333333333vw;
    line-height: 2.1818181818;
  }
  #footer .c_inner .inner__list .list__item {
    font-size: 16px;
    font-size: 2.1333333333vw;
    line-height: 2;
  }
  #footer .c_inner .inner__text {
    font-size: 16px;
    font-size: 2.1333333333vw;
    line-height: 2;
  }
}
@media only screen and (max-width: 768px) and (min-width: 769px) {
  #header .btn_gnav .inner:after {
    font-size: 2.0497803807vw;
    line-height: 2.5714285714;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item {
    font-size: 2.635431918vw;
    line-height: 2.2222222222;
  }
  #footer .c_inner .inner__list .list__item {
    font-size: 1.756954612vw;
    line-height: 1.5833333333;
  }
  #footer .c_inner .inner__text {
    font-size: 1.756954612vw;
    line-height: 1.5833333333;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  #header .btn_gnav .inner:after {
    font-size: 28px;
    font-size: 3.7333333333vw;
    line-height: 2.5714285714;
  }
  #header #gnav .gnav_inner .gnav_menu .menu_item {
    font-size: 36px;
    font-size: 4.8vw;
    line-height: 2.2222222222;
  }
  #footer .c_inner .inner__list .list__item {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.5833333333;
  }
  #footer .c_inner .inner__text {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.5833333333;
  }
}