@charset "UTF-8";
@import url("reset.css");
/* CSS Document */


/* //////////////////// */
/* サイト全体の設定*/
/* //////////////////// */

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
html {font-size: 62.5%;}

@media screen and (max-width: 1200px) {
html {font-size: 55%;}   
}
@media screen and (max-width: 960px) {
html {font-size: 48%;}   
}
@media screen and (max-width: 743px) {
html {font-size: 64.5%;}  
}

body {
   font-style: normal;
   font-weight: 400;
   font-family: YakuHanJP,'M PLUS Rounded 1c', sans-serif;
   color: #4e5971;
   line-height: 1.9;
   letter-spacing: 0.04em;
   font-feature-settings: "palt";
   font-size: clamp(1.3rem, 2vw, 1.5rem);
   background-color: #f9f9f9;
   overflow-x: hidden;
}
@media screen and (max-width: 743px) {
   body {
   line-height: 1.8;
   }  
}

body.open {overflow: hidden}



/* //////////////////// */
/* 画像初期設定*/
/* //////////////////// */

/* サムネイル */
.thum {
text-align:center;
overflow: hidden;
}
.thum img, figure img,img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
#newscontents img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

.wp-post-image {
   width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

/* //////////////////// */
/* リンク画像　動き */
/* //////////////////// */
.blk-scale { overflow: hidden}
.blk-scale img {
   transition: .5s;
}
.blk-scale:hover img {transform: scale(1.05);}




/* //////////////////// */
/* ページアクセス時の設定*/
/* //////////////////// */

/* 白バックからフェードアウトして表示*/
.fadeout {
   width: 100%;
   height: 100vh;
   position: fixed;
   z-index: 999;
   background-color: #fff;
    animation: fadeout 0.8s 0.2s;
    animation-fill-mode: both;
}
@keyframes fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;display: none;z-index: 0;}
}


/* //////////////////// */
/* タブレットの縮小表示の為の設定*/
/* //////////////////// */

/* SPのブレイクポイント*/




/* //////////////////// */
/* カラー */
/* //////////////////// */

/* 文字色 */
.c-key/* キーカラー*/ {color: #1f2741 !important;}
.c-bk/* 黒*/ {color: #000000 !important;}
.c-wh/* 白*/ {color: #fff !important;}
.c-gry/* グレイ*/ {color: #4c4c4c !important;}
.c-gry_txt/* グレイ*/ {color: #222222 !important;}
.c-red/* 赤*/ {color: #e10000 !important;}
.c-orange/* オレンジ*/ {color: #ff7800 !important;}
.c-yellow/* 黃色*/ {color: #ffef00 !important;}
.c-green/* 緑色*/ {color: #72ba00 !important;}
.c-green02/* 緑色*/ {color: #5b9500 !important;}
.c-blue/* 青色*/ {color: #004986 !important;}
.c-blue02/* 青色*/ {color: #3466b2 !important;}

/* 背景色 */
.bg-key/* キーカラー*/ {color: #1f2741}
.bg-wh/* 黒*/ {background-color: #fff !important;}
.bg-bk/* 黒*/ {background-color: #000;}
.bg-gry/* グレイ*/ {background-color: #f6f6f6;}
.bg-orange/* オレンジ*/ {background-color: #ff6c00;}
.bg-green/* 緑色*/ {background-color: #0098af;}
.bg-blue/* 青色*/ {background-color: #0895f8;}

.bg-grada01 {background: linear-gradient(90deg,#003d92,#00e5dc);}


/* セクション */
section {position: relative;}

/* コンテンツを中央にする設定 */
.row {margin: 0 auto;}


/* //////////////////// */
/* 文字関係*/
/* //////////////////// */


/* フォント種類 */
.en/* 英語 */ {font-family: 'Inter', sans-serif; line-height: 1; font-weight: 400; letter-spacing: 0.05em}
.sans/* 日本語（ゴシック） */ {font-family: 'Noto Sans JP', sans-serif;}
.sans-serif/* 日本語（明朝） */ {font-family: 'Noto Serif JP', serif;}



a.link {color: #008aff;}
a.link{transition: 0.3s; text-decoration: underline}
/*a.link::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 1px;
   width: 100%;
   background-color: #008aff;
   transition: 0.8s
}*/
a.link:hover {opacity: 0.5}
a.link:hover::before {background-color: #4f91c8;}


@media screen and (max-width: 743px) {
a:hover {opacity: 1;} 
a.link:hover {opacity: 1}
a.link::before {
   display: none
}  
}

/* 行間 */
.t-line1,.t-line1_2,.t-line1_5,.t-line1_7,.t-line2_3 {font-size: inherit; }
.t-line1 {line-height: 1;}
.t-line1_2 {line-height: 1.2;}
.t-line1_5 {line-height: 1.5;}
.t-line1_7 {line-height: 1.7;}
.t-line2_3 {line-height: 2.3;}

/* 文字間 */
.t-space_s {letter-spacing: 0.02em}
.t-space_m {letter-spacing: 0.05em}
.t-space_l {letter-spacing: 0.2em}


/* テキストサイズ */
.txt-10 {font-size: 1.0rem;}
.txt-11 {font-size: 1.1rem;}
.txt-12 {font-size: clamp(1.0rem,1.5vw,1.2rem);}
.txt-13 {font-size:clamp(1.1rem, 2vw, 1.3rem);}
.txt-14 {font-size:clamp(1.2rem, 1.8vw, 1.4rem);}
.txt-15 {font-size: clamp(1.3rem, 2vw, 1.5rem);}
.txt-16 {font-size: clamp(1.4rem, 2vw, 1.6rem);}
.txt-17 {font-size: clamp(1.4rem, 2vw, 1.7rem);}
.txt-18 {font-size: clamp(1.6rem, 2vw, 1.8rem);}
.txt-19 {font-size: clamp(1.6rem, 2vw, 1.9rem);}
.txt-20 {font-size:clamp(1.6rem, 2.5vw, 2.0rem);}
.txt-22 {font-size:clamp(1.9rem, 2.5vw, 2.2rem);}
.txt-24 {font-size:clamp(2.0rem, 2.5vw, 2.4rem);}
.txt-26 {font-size:clamp(2.1rem, 2.5vw, 2.6rem);}
.txt-28 {font-size:clamp(2.1rem, 2.5vw, 2.8rem);}
.txt-30 {font-size:clamp(2.3rem, 3vw, 3.0rem);}
.txt-32 {font-size:clamp(2.4rem, 4vw, 3.2rem);}
.txt-34 {font-size:clamp(2.5rem, 4vw, 3.4rem);}
.txt-40 {font-size:clamp(3.5rem, 5vw, 4.0rem);}
.txt-45 {font-size:clamp(2rem, 5vw, 4.6rem);}
.txt-46 {font-size:clamp(3rem, 5vw, 4.5rem);}
.txt-50 {font-size:clamp(3.2rem, 6vw, 5.0rem);}
.txt-60 {font-size:clamp(3.2rem, 6vw, 6.0rem);}

/* テキストサイズ（派生derived） */


/* テキスト太さ */
.thin100 {font-weight: 100;}
.light300 {font-weight: 300;}
.regular400 {font-weight: 400;}
.medium500,strong {font-weight: 500 !important;}
.medium500en {font-weight: 500;}
.semibold600 {font-weight: 600;}
.bold700 {font-weight: 700;}
.black900 {font-weight: 900;}


/* テキスト位置 */
.left {text-align: left!important;}
.center {text-align: center!important;}
.right {text-align: right!important;}

.center_w-h01 {
   display: flex;
   justify-content: center;
   align-items: center;
}

/* テキスト（両サイドライン） */
.txt-line {display: flex;align-items: center;}
.txt-line:before,
.txt-line:after {
  content: "";
  flex-grow: 1;
  height: 2px; /* 線の太さ */
  background: #fff; /* 線の色 */
  margin:0 2em; /* 文字と線の余白 */
}

/* テキスト（片側ライン） */
.txt-line_r {
	display: flex;
	align-items: center;
}
.txt-line_r:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
	margin-left: .4em;
	background: #000000;
}

@media screen and (max-width: 743px) {
.txt-line_r:before,
.txt-line_r:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
  margin:0 1em; 
	background: #000000;
}
.center-sp {text-align: center;}
   }

/* アンダーライン */
.underline {border-bottom: solid 1px #333;}
.menu-sub_facility .underline,.menu-main-sp .underline {border-bottom: solid 1px #fff;}
.underline_blue {border-bottom: solid 1px #0084ff;}




/* //////////////////// */
/* レイアウト関係*/
/* //////////////////// */

/* コンテンツ幅 */
.w460 {max-width: 460px;width: 90%;}
.w510 {max-width: 510px;width: 90%;}
.w640 {max-width: 640px;width: 90%;}
.w720 {max-width: 720px;width: 90%;}
.w800 {max-width: 800px;width: 90%;}
.w960 {max-width: 960px;width: 90%;}
.w1080 {max-width: 1080px;width: 90%;}
.w1200 {max-width: 1200px;width: 90%;}
.w1260 {max-width: 1260px;width: 90%;}
.w1300 {max-width: 1300px;width: 90%;}
.w1500 {max-width: 1500px;width: 90%;}

/* コンテンツはみ出した場合に使用 */
.overflow {overflow: hidden;}
.overflow-x {overflow-x: hidden;overflow-y: visible;}

/* 位置（フロート） */
.fl-l {float: left}
.fl-r {float: right}
/* clearfix（解除） */
.clf::after {
   content: " ";
   display: block;
   clear: both;
}

/* ポジション */
.posi-relative {position: relative;}
.posi-absolute {position: absolute;}

/* 順番 */
.order01 {order: -1;}
.order02 {order: 0;}
@media screen and (max-width: 743px) {
.order01 {order: 0;}
.order02 {order: -1;}
}

/* グーグルマップ */
.youtube {
   position: relative;
   padding-bottom: 60.25%;
   height: 0;
   overflow: hidden;
}
@media screen and (max-width: 743px) {
.youtube {
   position: relative;
   padding-bottom: 100%;
   height: 0;
   overflow: hidden;
}   
}
.youtube iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


/* グーグルマップ */
.ggmap {
   position: relative;
   padding-bottom: 60.25%;
   height: 0;
   overflow: hidden;
      margin-bottom: clamp(30px, 8vw, 55px)
}
@media screen and (max-width: 743px) {
.ggmap {
   position: relative;
   padding-bottom: 100%;
   height: 0;
   overflow: hidden;
}   
}
.ggmap iframe, .ggmap object, .ggmap embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


/* グーグルカレンダー */
.gcalendar {
   position: relative;
   padding-bottom: 100%;
   height: 0;
   overflow: hidden;
}

#top-schedule .gcalendar {
   position: relative;
   padding-bottom: 1000px;
   height: 0;
   overflow: hidden;
   margin-bottom: 10px;
}


@media screen and (max-width: 743px) {
#top-schedule .gcalendar {
   position: relative;
   padding-bottom: 400px;
   height: 0;
   overflow: hidden;
   margin-bottom: 20px;
}   
}
.gcalendar iframe, .gcalendar object, .gcalendar embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* ボタン */

select {
   display: block;
   width: 100%;
   background-image: url("../img/common/icon-arrow-down01.png");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 12px auto;
   background-color: #fff;
   border-radius: 5px;
   padding: 20px;
}


/* //////////////////// */
/* 表示方法*/
/* //////////////////// */

/* オーバーレイ（例：黒色重ね） */
.overlay {
   background-image: url("xx");
   background-position: bottom 60px center;
}
/* 透明設定 */
.opacity {opacity: 0.5}

/* PC・スマホ【表示/非表示】 */
.pc {display: inherit}
.sp {display: none}
.pc-inline {display: inline}
.sp-inline {display: none}
.pc-block {display: block}
.sp-block {display: none}
@media screen and (max-width: 743px) {
.pc {display: none !important}
.sp {display: inherit;}
.pc-block {display: none !important}
.sp-block {display: block !important}
.pc-inline {display: none !important}
.sp-inline {display: inline !important}
}




/* //////////////////// */
/* マージン＆余白*/
/* //////////////////// */

/* 余白（全体） */
.pA05 {padding: 5px;}
.pA20 {padding: 20px;}
.pA30 {padding: 30px;}
.pA40 {padding: 40px;}
.pA50 {padding: 50px;}

/* 余白（右側） */
.pr5p {padding-right: 5%;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}
.pr60 {padding-right: 60px;}

/* 余白（左側） */
.pl5p {padding-left: 5%;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}
.pl60 {padding-left: 60px;}

@media screen and (max-width: 743px) {
.pr10 {padding-right: 0;}
.pr20 {padding-right: 0;}
.pr30 {padding-right: 0;}
.pr40 {padding-right: 0;}
.pr50 {padding-right: 0;}
.pr60 {padding-right: 0;}

.pr10 {padding-right: 0;}
.pr20 {padding-right: 0;}
.pl30 {padding-left: 0;}
.pl40 {padding-left: 0;}
.pl50 {padding-left: 0;}
.pl60 {padding-left: 0;}
}

/* マージン（左右sp） */
   .mlr50p-sp {margin:0;}
@media screen and (max-width: 743px) {
   .mlr50p-sp {margin: 0 5%;}
}

/* マージン（上部） */
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 35px;}
.mt40 {margin-top: 40px;}

/* マージン（下部） */
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important}
.mb15 {margin-bottom: clamp(8px, 1.9vw, 15px) !important}
.mb20 {margin-bottom: clamp(10px, 2.6vw, 20px) !important}
.mb25 {margin-bottom: clamp(10px, 3.2vw, 25px) !important}
.mb30 {margin-bottom: clamp(15px, 3.9vw, 30px) !important}
.mb35 {margin-bottom: clamp(20px, 4.5vw, 35px) !important}
.mb40 {margin-bottom: clamp(20px, 5vw, 40px) !important}
.mb45 {margin-bottom: clamp(25px, 6vw, 45px) !important}
.mb50 {margin-bottom: clamp(25px, 7vw, 50px) !important}
.mb55 {margin-bottom: clamp(30px, 8vw, 55px) !important}
.mb60 {margin-bottom: clamp(30px, 7vw, 60px) !important}
.mb65 {margin-bottom: clamp(30px, 8vw, 65px) !important}
.mb70 {margin-bottom: clamp(35px, 9vw, 70px) !important}
.mb75 {margin-bottom: clamp(35px, 9vw, 75px) !important}
.mb80 {margin-bottom: clamp(40px, 10vw, 80px) !important}
.mb85 {margin-bottom: clamp(45px, 11vw, 85px) !important}
.mb90 {margin-bottom: clamp(45px, 11vw, 90px) !important}
.mb95 {margin-bottom: clamp(50px, 12vw, 95px) !important}
.mb100 {margin-bottom: clamp(75px, 13vw, 100px) !important}
.mb120 {margin-bottom: clamp(60px, 16vw, 120px) !important}
.mb150 {margin-bottom: clamp(90px, 19vw, 150px) !important}
.mb200 {margin-bottom: clamp(130px, 26vw, 200px) !important;}

@media screen and (max-width: 743px) {
.mb0sp {margin-bottom: 0px !important;}
.mb5sp {margin-bottom: 5px !important;}
.mb10sp {margin-bottom: 10px !important}
.mb15sp {margin-bottom: clamp(8px, 1.9vw, 15px) !important}
.mb20sp {margin-bottom: clamp(10px, 2.6vw, 20px) !important}
.mb25sp {margin-bottom: clamp(10px, 3.2vw, 25px) !important}
.mb30sp {margin-bottom: clamp(15px, 3.9vw, 30px) !important}
.mb35sp {margin-bottom: clamp(20px, 4.5vw, 35px) !important}
.mb40sp {margin-bottom: clamp(20px, 5vw, 40px) !important}
.mb45sp {margin-bottom: clamp(25px, 6vw, 45px) !important}
.mb50sp {margin-bottom: clamp(25px, 7vw, 50px) !important}
.mb55sp {margin-bottom: clamp(30px, 8vw, 55px) !important}
.mb60sp {margin-bottom: clamp(30px, 7vw, 60px) !important}
.mb65sp {margin-bottom: clamp(30px, 8vw, 65px) !important}
.mb70sp {margin-bottom: clamp(35px, 9vw, 70px) !important}
.mb75sp {margin-bottom: clamp(35px, 9vw, 75px) !important}
.mb80sp {margin-bottom: clamp(40px, 10vw, 80px) !important}
.mb85sp {margin-bottom: clamp(45px, 11vw, 85px) !important}
.mb90sp {margin-bottom: clamp(45px, 11vw, 90px) !important}
.mb95sp {margin-bottom: clamp(50px, 12vw, 95px) !important}
.mb100sp {margin-bottom: clamp(75px, 13vw, 100px) !important}
.mb120sp {margin-bottom: clamp(60px, 16vw, 120px) !important}
.mb150sp {margin-bottom: clamp(90px, 19vw, 150px) !important}
.mb200sp {margin-bottom: clamp(130px, 26vw, 200px) !important;}
}



/* //////////////////// */
/* フレックス設定*/
/* //////////////////// */
/* PCとSPで位置が変わるモノに関してはcontents.css内に記載 */

/* フレックス（親） */
.flex {
   width: 100%;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-box;
   display: -webkit-flexbox;
   display: -moz-flexbox;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: flex;
   flex-wrap: wrap;
}
.nowrap,.spwrap {flex-wrap: nowrap;}
@media screen and (max-width: 743px) {
.spwrap {
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   }  
}

/* フレックス（両端揃え x軸） */
.j-betweeen {
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
/* フレックス（センター揃え x軸） */
.j-center {justify-content: center}
/* フレックス（先端揃え x軸） */
.j-start {justify-content: flex-start}
/* フレックス（末端揃え x軸） */
.j-end {justify-content: flex-end}

/* フレックス（センター揃え y軸） */
.a-center {align-items: center}
/* フレックス（下揃え y軸） */
.a-end {align-items: flex-end}


/* フレックス（幅-パーセント） */
.f-w10 {width: 10%;}
.f-w15 {width: 15%;}
.f-w20 {width: 20%;}
.f-w25 {width: 25%;}
.f-w30 {width: 30%;}
.f-w35 {width: 35%;}
.f-w40 {width: 40%;}
.f-w45 {width: 45%;}
.f-w47 {width: 47%;}
.f-w48 {width: 48%;}
.f-w50 {width: 50%;}
.f-w55 {width: 55%;}
.f-w60 {width: 60%;}
.f-w65 {width: 65%;}
.f-w70 {width: 70%;}
.f-w75 {width: 75%;}
.f-w80 {width: 80%;}
.f-w85 {width: 85%;}
.f-w90 {width: 90%;}
.f-w95 {width: 95%;}
.f-w100 {width: 100%;}


@media screen and (max-width: 743px) {
.f-w100sp {width: 100%;}
.f-w47sp {width: 47%;}
}

/* 両端揃え時、最後先端揃えにする設定 */
.f-box::after {
display: block;
content:"";
width: 30%;
}


/* //////////////////// */
/* ページネーション */
/* //////////////////// */
#pgn {font-family: 'Inter', sans-serif;}

.wp-pagenavi {/* 全体 */
    margin: 20px 0;
    font-size: 14px;
}
.wp-pagenavi a {/* フォント色 */

}
.pages {/* 左の表記 */
    margin-right: 20px;
}
.wp-pagenavi .current {/* ボタン */
    margin: 0;
    display: inline-block;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;

}

.wp-pagenavi a.page {/* ボタン */
    margin: 0 10px;
    display: inline-block;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;

}
.wp-pagenavi .current {/* カレント数字 */
    border: none;
    background: #34508c;
    color: #fff;
}
.wp-pagenavi a.page:hover {/* マウスオーバー */
    background: #34508c;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {/* ... */
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {/* 記号の削除 */
    margin: 0;
   padding: 0;
    display: inline-block;
    border: none;
    width: 30px;
    height: 30px;
}

.wp-pagenavi .previouspostslink a,
.wp-pagenavi .nextpostslink a {/* 記号の削除 */
    margin: 0;
   padding: 0;
    display: inline-block;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
   font-size: 1.6rem;
   color: #72ba00;
}


.wp-pagenavi .nextpostslink {/* 記号の削除 */
   background-image:url("../img/common/icon-arrow-right05.png");
   background-repeat: no-repeat;
   background-size: 8px 13px;
   background-position: center;
}

.wp-pagenavi .previouspostslink {/* 記号の削除 */
    background-image:url("../img/common/icon-arrow-left05.png");
   background-repeat: no-repeat;
   background-size: 8px 13px;
   background-position: center;
}

.wp-pagenavi .last {/* 記号の削除 */
    width: 30px;
    height: 30px;
   display: inline-block;
    background-image:url("../img/common/icon-arrow-right04.png");
   background-repeat: no-repeat;
   background-size: 14px 13px;
   background-position: center;
}
.wp-pagenavi .first {/* 記号の削除 */
    width: 30px;
    height: 30px;
   display: inline-block;
   background-image:url("../img/common/icon-arrow-left04.png");
   background-repeat: no-repeat;
   background-size: 14px 13px;
   background-position: center;
}


.tempttl {
   padding: 20px 30px;
   background-color: #666666;
   font-size: 30px;
   color: #fff;
   margin-bottom: 30px;
}


/* //////////////////// */
/* ローディング画面 */
/* //////////////////// */
/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/

#splash {
    /*fixedで全面に固定*/
	position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #f7f4f1;
	text-align:center;
   clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
   transition: all 1.5s 0.8s cubic-bezier(0.76, 0, 0.1, 1);
   transform-origin: right center;
}

/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
}
.loaded {
   animation: loaded-anime 1.0s cubic-bezier(0, 0.55, 0.45, 1);
      animation-fill-mode: forwards;	
   clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
   visibility: hidden;
}
#splash figure {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   margin-bottom: 30px;
   width: 167px;
   animation: sk-scaleout 2.0s infinite ease-in-out;
}

@media screen and (max-width: 743px) {
.loaded {
   animation: loaded-anime-sp 1.0s cubic-bezier(0, 0.55, 0.45, 1);
   animation-fill-mode: forwards;
   clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
   visibility: hidden;
   opacity: 1;
}   
   
#splash figure {top: 42%;width: 100px;}  
}
#loading.loaded .spinner {
   opacity: 0;
    visibility: hidden;  
}

/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {opacity: 1}
 50% {opacity: 0}
100% {opacity: 1}
}


@keyframes loaded-anime {
  0% {clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
  100% {clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%); display: none}
}
@keyframes loaded-anime-sp {
  0% {opacity: 1}
  100% {opacity: 0; display: none}
}