@charset "utf-8";
/* default */
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Orbitron:700);

/* ---------------------------------------------------------------- *
		リセット
* ---------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, fsss, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0}
*,*::before,*::after {box-sizing:border-box;}

/* ---------------------------------------------------------------- *
    共通設定
 * ---------------------------------------------------------------- */

a:link {color:#0066ff;text-decoration:underline;}
a:visited {color:#3300ff;text-decoration:underline;}
a:hover {color:#3399ff;text-decoration:none;}
a:active {color:#3399ff;text-decoration:none;}

/* font-family設定 */
.ff1 {font-family: 'Montserrat', sans-serif;font-weight:700;font-style:italic;}
.ff2 {font-family: 'Orbitron', sans-serif;font-weight:700;}

/* font-color font-size設定 */
.red {color:#cc0000;}
.small {font-size:10px;line-height:140%;}

body {background:#000;}

.gtTop2023 .flex {
display:flex;
display:-webkit-flex;
display:-moz-flex;
display:-o-flex;
display:-ms-flex;
justify-content:space-between;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
flex-wrap:wrap;
}

.gtTop2023 a {transition:all .2s ease-in-out;}
.gtTop2023 a:hover {transition:all .2s ease-in-out;}

/* 共通-アニメ */
.fadeIn {opacity:0;}
.fadeIn_anime {opacity:1;transition:1.5s ease-out;}

.slideUp {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0s;}

.slideUp1 {opacity:0;transform:translate(0,80px);-webkit-transform:translate(0,80px);}
.slideUp_anime1 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:2s ease-out;transition-delay:0s;}

.zoomIn {opacity:0;transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);}
.zoomIn_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:5s ease-out;transition-delay:0s;}

.zoomOut {opacity:0;transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);}
.zoomOut_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:1.5s ease-out;transition-delay:0s;}

/* ---------------------------------------------------------------- *
    home (PC)
 * ---------------------------------------------------------------- */
 
.gtTop2023 * {box-sizing:border-box;color:#fff;}

/*gtTop2020 margin-bottom:185px footer表示調整*/
.gtTop2023 {
    width:100%;
    margin:44px auto 180px auto;
    font-family:
    "Roboto",
    Helvetica,
    "Noto Sans Japanese",
    "游ゴシック",
    "Yu Gothic",
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    "メイリオ",
    Meiryo,Osaka,
    "ＭＳ Ｐゴシック",
    "MS PGothic",
    sans-serif;
    font-size:16px;
    line-height:100%;
}

.gtTop2023 img {display:block;width:100%;}

.gtTop2023 .mainTitile {background:#000 linear-gradient(0deg, #333 0%, #000 100%);border-bottom:solid 1px #666;padding:25px;line-height: 100%!important;text-align:center;font-size:55px;color: #fff;text-shadow:0 1px 5px rgba(0,0,0,0.9);}

.gtTop2023 .mainImg {position:relative;width:100%;height:75vh;}
.gtTop2023 .mainImg .cap {position: absolute;bottom:20px;right:20px;color: #fff;font-size:12px;z-index:1000;}
.gtTop2023 .bxslider {background:#000;}
.gtTop2023 .bxslider img {display:block;width:100%;height:75vh;object-fit:cover;animation:anime_zoom 12s linear;}
@keyframes anime_zoom {0% {transform:scale(1);}100% {transform:scale(1.1);}}

.gtTop2023 .section_ptn1 {border-top:solid 1px #333;text-align: center;color:#fff;padding:100px 0;}
.gtTop2023 .section_ptn1 .maintitle {font-size:45px;margin-bottom:40px;}
.gtTop2023 .section_ptn1 .maintitle .eng {display:block;margin-bottom:40px;}
.gtTop2023 .section_ptn1 .maintitle .jp {display:block;font-size:18px;margin-top:15px!important;}

.gtTop2023 #news .Calendar_tb {width:90%;max-width:800px;margin:0 auto;}
.gtTop2023 #news .Calendar_tb td {padding:12px 0;font-size:18px;text-align:left;}
.gtTop2023 #news .Calendar_tb tr {border-bottom:dotted 1px #666;}
.gtTop2023 #news .Calendar_tb .rd {font-size:20px;width:70px;text-align:center;}
.gtTop2023 #news .Calendar_tb .rd span {display: block;background: #eee; color: #000; padding: 10px;border-radius:3px;}
.gtTop2023 #news .Calendar_tb .date {width:150px;text-align:center;}
.gtTop2023 #news .Calendar_tb .photo_link {text-align:right;}
.gtTop2023 #news .Calendar_tb .photo_link a {color:#fff;text-decoration:none;font-size:16px;}
.gtTop2023 #news .Calendar_tb .photo_link a i {margin-right:10px;}

.gtTop2023 #banner_Area {width:100%;margin: 0 auto;border-top:solid 1px #555;padding:35px 30px;background:#272727;}
.gtTop2023 #banner_Area .banner {display:block;width:49.2%;height:300px;text-align:center;color:#FFF;text-decoration:none;border:solid 10px #fff;position: relative;}
.gtTop2023 #banner_Area .banner .text {display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);font-size:2vw;}
.gtTop2023 #banner_Area .banner .maintext {display:block;text-shadow:0 0 8px rgba(0,0,0,1);}
.gtTop2023 #banner_Area .banner .maintext i {margin-right:15px;}
.gtTop2023 #banner_Area .banner:hover {opacity:0.7;}
.gtTop2023 #banner_Area .banner1 {background:url(../img/banner1.jpg) no-repeat;background-size:cover;}
.gtTop2023 #banner_Area .banner1 .logo {width:60%;margin: 0 auto 30px auto;}
.gtTop2023 #banner_Area .banner1 .jp {display:block;margin-top:20px;}
.gtTop2023 #banner_Area .banner2 {background:url(../img/banner2.jpg) no-repeat right center;background-size:cover;}
.gtTop2023 #banner_Area .banner2 .rd {display:block;font-size:1.5vw;margin-top:30px;}
.gtTop2023 #banner_Area .banner3 {display:block;width:100%;height:200px;text-align:center;color:#FFF;text-decoration:none;border:solid 10px #fff;position: relative; margin-top:2%;background:url(../img/banner3.jpg) no-repeat right center;background-size:cover;}
.gtTop2023 #banner_Area .banner3 .maintext {display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);font-size:1.7vw; font-weight: 600; text-shadow:0 0 8px rgba(0,0,0,1);}
.gtTop2023 #banner_Area .banner3 .maintext br {display:none;}
.gtTop2023 #banner_Area .banner3:hover {opacity:0.7;}

.gtTop2023 #spec {background:url(../img/specBg2025.jpg) no-repeat;background-size:100%;border-top:solid 1px #555;position:relative;text-shadow:0 0 8px rgba(0,0,0,1);}
.gtTop2023 #spec .maintitle {margin-bottom:50px;}
.gtTop2023 #spec .text_Area {width:50%;margin:0 auto;}
.gtTop2023 #spec .text_Area .title {font-size:25px;margin-bottom:20px;font-weight:800;}
.gtTop2023 #spec .text_Area .text {margin-bottom:80px;line-height:180%;}
.gtTop2023 #spec .text_Area .text:last-of-type {margin-bottom:0}
.gtTop2023 #spec .num {font-size:13vw;opacity:1;}
.gtTop2023 #spec .num1 {position: absolute;top:50%;left:5%;}
.gtTop2023 #spec .num2 {position: absolute;top:50%;right:5%;}



.gtTop2023 .backBtn {padding:100px 0;background:#000;border-top:solid 1px #555;}
.gtTop2023 .backBtn a {display:block;width:300px;margin:0 auto;padding:30px 0;border:#FFF solid 3px;text-align:center;text-decoration:none;color:#fff;font-size:16px;}
.gtTop2023 .backBtn a:hover {opacity:0.7;}

#footer {background-color:#FFF;}


/* ---------------------------------------------------------------- *
    画面の横幅が700px以下の場合に適用されるCSS（SP）
 * ---------------------------------------------------------------- */

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

.module_title {display:none;}
.gtTop2023 {width:100%;margin:0 auto;}
.gtTop2023 .mainTitile {padding:30px;font-size:30px;}

.gtTop2023 .mainImg {height:50vh;}
.gtTop2023 .mainImg .cap {font-size:10px;}
.gtTop2023 .bxslider img {height:50vh;object-fit:cover;}
    
.gtTop2023 .section_ptn1 {padding:40px 0;}
.gtTop2023 .section_ptn1 .maintitle {font-size:25px;margin-bottom:30px;}
.gtTop2023 .section_ptn1 .maintitle .eng {margin-bottom:20px;}
.gtTop2023 .section_ptn1 .maintitle .jp {font-size:16px;}

.gtTop2023 #news .Calendar_tb {width:90%;}
.gtTop2023 #news .Calendar_tb td {padding:10px 0;font-size:13px;line-height:140%;}
.gtTop2023 #news .Calendar_tb .rd {font-size:13px;width:60px;}
.gtTop2023 #news .Calendar_tb .rd span {padding:5px;}
.gtTop2023 #news .Calendar_tb .date {width:80px;text-align:center;}
.gtTop2023 #news .Calendar_tb .photo_link {width:110px;}
.gtTop2023 #news .Calendar_tb .photo_link a {font-size:12px;}
.gtTop2023 #news .Calendar_tb .photo_link a i {margin-right:5px;}

.gtTop2023 #banner_Area {padding:12px 10px 0 10px;}
.gtTop2023 #banner_Area .banner {width:100%;height:250px;border:solid 5px #fff;margin-bottom:12px;}
.gtTop2023 #banner_Area .banner .text {font-size:35px;width:100%;}
.gtTop2023 #banner_Area .banner1 .logo {width:50%;}
.gtTop2023 #banner_Area .banner2 .rd {font-size:20px;}
.gtTop2023 #banner_Area .banner3 {height:250px;border:solid 5px #fff;margin:0 0 12px 0;}
.gtTop2023 #banner_Area .banner3 .maintext {width:100%;font-size:27px;line-height: 140%;}
.gtTop2023 #banner_Area .banner3 .maintext br {display:block;}

.gtTop2023 #spec .maintitle {margin-bottom:5px;}
.gtTop2023 #spec .text_Area {width:100%;margin:0 auto;}
.gtTop2023 #spec .text_Area .title {font-size:20px;margin-bottom:5px;font-weight:800;}
.gtTop2023 #spec .text_Area .text {font-size:12px;margin-bottom:5px;line-height:180%;}
.gtTop2023 #spec .text_Area .text:last-of-type {margin-bottom:5px}
.gtTop2023 #spec .num {font-size:80px;opacity:1;}
.gtTop2023 #spec .num1 {position: absolute;bottom:5px;top:inherit;left:10%;}
.gtTop2023 #spec .num2 {position: absolute;bottom:5px;top:inherit;right:10%;}


.gtTop2023 .backBtn {padding:30px 0;}

}