@media screen and (min-width: 1000px){
/* スマホ版非表示*/
#smpwrapper {
display: none;
}
.smpwrapper {
display: none;
}
.intros {
display: none;
}
a {
outline: none;
text-decoration: underline;
color: #000000;
text-underline-offset: 5px;
}
a:hover {
outline: none;
text-decoration: none;
color: #000000;
text-underline-offset: 5px;
}
a:visited {
outline: none;
text-decoration: underline;
color: #000000;
text-underline-offset: 5px;
}
img {
display: block;
}
#index {
text-align: center;
overflow: visible;
font-family: 'Noto Sans JP', sans-serif !important;
text-shadow: none !important;
font-feature-settings: "palt" 1;
}
#overlay_002 {
width: 1050px;
margin: 60px auto;
}
.container {
display: block;
position: relative;
width: 100%;
padding-top: calc(1179 / 1900 * 100%);
}
.special_pc_001 {
background-image: url("../images/special_pc_001.jpg?20170627-1158");
background-repeat: no-repeat;
background-position: center top;
background-size: auto 100%;
}
.topimg_001 {
position: absolute;
width: 100%;
z-index: 1;
top: 0;
left: 0;
height: 100%;
visibility: hidden;
}
.topimg_002 {
position: absolute;
width: 100%;
z-index: 2;
top: 0;
left: 0;
height: 100%;
visibility: hidden;
}
.topimg_003 {
position: absolute;
width: 100%;
z-index: 2;
top: 0;
left: 0;
height: 100%;
visibility: hidden;
}
.topimg_004 {
position: absolute;
width: 100%;
z-index: 2;
top: 0;
left: 0;
height: 100%;
visibility: hidden;
}
.topimg_005 {
position: absolute;
width: 100%;
z-index: 2;
top: 0;
left: 0;
height: 100%;
visibility: hidden;
}
.topimg_006 {
position: absolute;
width: 100%;
z-index: 2;
top: 0;
left: 0;
height: 100%;
visibility: hidden;
}
.topimg_007 {
position: absolute;
width: 100%;
z-index: 3;
top: 0;
left: 0;
height: 100%;
}
.topimg_008 {
position: absolute;
width: 100%;
z-index: 4;
top: 0;
left: 0;
height: 100%;
}
.topimg_009 {
position: absolute;
width: 100%;
z-index: 5;
top: 0;
left: 0;
height: 100%;
}
.topimg_010 {
position: absolute;
width: 100%;
z-index: 6;
top: 0;
left: 0;
height: 100%;
}
.busan_001 {
font-size: 350%;
font-weight: 700;
}
.busan_002 {
font-size: 300%;
line-height: 130%;
font-weight: 800;
padding-top: 2%;
}
.busan_003 {
font-size: 280%;
line-height: 130%;
font-weight: 700;
}
.busan_003_002 {
font-size: 290%;
line-height: 125%;
font-weight: 700;
color: #e50112;
padding-bottom: 1%;
}
.busan_004 {
font-size: 70%;
vertical-align: 0.15em;
}
.busan_005 {
padding-top: 4.5%;
padding-left: 10%;
padding-right: 10%;
}
.busan_005_001 {
width: 100%;
}
.busan_005_002 {
float: left;
width: 47%;
padding-top: 2%;
}
.busan_005_003 {
float: right;
width: 47%;
padding-top: 2%;
}
.busan_005_004 {
text-align: center;
padding-top: 5px;
font-size: 45%;
font-weight: 400;
letter-spacing: 0.05em;
}
.busan_006 {
font-size: 160%;
line-height: 170%;
font-weight: 500;
padding-top: 4%;
letter-spacing: 0.005em;
}
.busan_007 {
padding-top: 4.5%;
padding-bottom: 1%;
padding-left: 10%;
padding-right: 10%;
}
.busan_008 {
border: 1px #000000 solid;
}
.busan_009 {
font-size: 120%;
line-height: 170%;
font-weight: 600;
padding-top: 5.5%;
letter-spacing: 0.005em;
text-align: center;
}
.busan_010 {
font-size: 95%;
line-height: 190%;
font-weight: 400;
padding-top: 2%;
padding-left: 7%;
padding-right: 7%;
letter-spacing: 0.005em;
text-align: center;
}
.busan_011 {
padding-top: 4%;
padding-bottom: 20%;
padding-left: 8%;
padding-right: 8%;
letter-spacing: 0.005em;
text-align: center;
}
.busan_012 {
font-size: 35%;
letter-spacing: 0.2em;
vertical-align: 0.5em;
margin-left: 1%;
}
.busan_013 {
font-size: 75%;
vertical-align: 0.05em;
margin-left: 0.75%;
}
.busan_014 {
}
.busan_015 {
padding-left: 7%;
padding-right: 7%;
}
.busan_016 {
margin-top: 5%;
margin-left: 3%;
margin-right: 3%;
padding-top: 1.5%;
padding-bottom: 1.5%;
border-top: 1px rgba(0,0,0,0.9) solid;
border-bottom: 1px rgba(0,0,0,0.3) solid;
text-align: center;
font-size: 120%;
font-weight: 700;
letter-spacing: 0.2em;
}
.dvd_001 {
cursor: pointer;
overflow: hidden;
width: 90%;
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
margin-top: 2%;
margin-bottom: 5%;
margin-left: 5%;
}
.dvd_001 img {
width: 101%;
height: auto;
transition: transform .6s ease; /* ゆっくり変化させる */
}
.dvd_001:hover img {
transform: scale(1.025); /* 拡大 */
}
.dvd_001_002 {
cursor: pointer;
overflow: hidden;
width: 90%;
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
margin-top: 2%;
margin-bottom: 5%;
margin-left: 5%;
}
.dvd_001_002 img {
width: 101%;
height: auto;
transition: transform .6s ease; /* ゆっくり変化させる */
}
.dvd_001_002:hover img {
transform: scale(1.025); /* 拡大 */
}
.dvd_002 {
padding-top: 0.5%;
font-size: 350%;
font-weight: 700;
}
.dvd_003 {
font-size: 250%;
line-height: 150%;
font-weight: 700;
padding-top: 2%;
}
.dvd_004 {
font-size: 160%;
line-height: 170%;
font-weight: 500;
padding-top: 2.5%;
letter-spacing: 0.005em;
}
.dvd_005 {
padding-top: 4.5%;
padding-left: 15%;
padding-right: 15%;
}
.dvd_006 {
font-size: 150%;
font-weight: 700;
padding-top: 4.5%;
letter-spacing: 0.2em;
}
.dvd_007 {
padding-top: 3%;
padding-bottom: 1.5%;
padding-left: 15%;
padding-right: 15%;
}
.dvd_008 {
width: 100%;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
margin-bottom: 3.5%;
}
.dvd_009 {
width: 30%;
border-right: 1px #000000 dotted;
border-bottom: 1px #000000 solid;
letter-spacing: 0.3em;
font-size: 115%;
font-weight: 700;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.dvd_010 {
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
font-size: 115%;
font-weight: 500;
padding-top: 2.5%;
padding-bottom: 2.5%;
padding-left: 4.5%;
text-align: left;
}
.dvd_011 {
font-size: 50%;
vertical-align: 0.2em;
letter-spacing: 0.2em;
margin-left: 2%;
}
.sF_001 {
font-size: 70%;
}
.sF_002 {
font-size: 120%;
}
.programs_001 {
width: 100%;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
}
.programs_002 {
width: 15%;
border-bottom: 1px #ffffff solid;
background-color: #000000;
color: #ffffff;
font-size: 160%;
font-weight: 700;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.programs_002_002 {
width: 33.5%;
border-bottom: 1px #ffffff solid;
background-color: #000000;
color: #ffffff;
font-size: 160%;
line-height: 170%;
font-weight: 700;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 2.0%;
padding-bottom: 2.0%;
}
.programs_003 {
width: 30%;
border-right: 1px #000000 dotted;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 155%;
font-weight: 700;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.programs_003_002 {
width: 35%;
border-right: 1px #000000 dotted;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 170%;
font-weight: 700;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 2.0%;
padding-bottom: 2.0%;
}
.programs_004 {
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 140%;
line-height: 180%;
font-weight: 500;
letter-spacing: 0.05em;
vertical-align: middle;
text-align: left;
padding-left: 4%;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.programs_004_002 {
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 140%;
line-height: 180%;
font-weight: 500;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 2.0%;
padding-bottom: 2.0%;
}
.programs_005 {
background-image: url("../images/bg_airport.jpg?20170627-1158");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-attachment: fixed;
}
.programs_006 {
padding-top: 7%;
padding-bottom: 7%;
padding-left: 7%;
padding-right: 7%;
}
.programs_007 {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 1.00);
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
border-radius: 20px;
}
.programs_007_002 {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 1.00);
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
}
.programs_008 {
padding-top: 7%;
padding-bottom: 5.5%;
padding-left: 7%;
padding-right: 7%;
}
.programs_008_002 {
padding-top: 1.5%;
padding-bottom: 0.5%;
padding-left: 5.0%;
padding-right: 5.5%;
}
.programs_010 {
color: #000000;
border: 2px #000000 solid;
text-align: center;
padding-top: 3%;
padding-bottom: 3.5%;
width: 100%;
font-size: 165%;
font-weight: 700;
letter-spacing: 0.1em;
}
a .programs_010 {
transition: 1s;
}
a:hover .programs_010 {
text-decoration: none;
color: #ffffff;
background-color: #000000;
border: 2px #000000 solid;
text-align: center;
padding-top: 3%;
padding-bottom: 3.5%;
width: 100%;
font-size: 165%;
font-weight: 700;
letter-spacing: 0.1em;
transition: 1s;
}
.programs_011 {
text-align: center;
font-size: 100%;
font-weight: 400;
letter-spacing: 0.1em;
padding-top: 3.5%;
}
.banner_pad_001 {
padding-top: 0.5%;
padding-left: 14%;
padding-right: 12%;
}
.banner_img_001 {
cursor: pointer;
overflow: hidden;
width: 100%;
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0);
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
margin-bottom: 2%;
}
.banner_img_001 img {
width: 101%;
height: auto;
transition: transform .6s ease; /* ゆっくり変化させる */
}
.banner_img_001:hover img {
transform: scale(1.05); /* 拡大 */
}
.banner_img_002 {
cursor: pointer;
overflow: hidden;
width: 100%;
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0);
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
}
.banner_img_002 img {
width: 101%;
height: auto;
transition: transform .6s ease; /* ゆっくり変化させる */
}
.banner_img_002:hover img {
transform: scale(1.05); /* 拡大 */
}
.banner_pad_003 {
padding-top: 3%;
padding-left: 14%;
padding-right: 12.5%;
}
.banner_img_003 {
cursor: pointer;
overflow: hidden;
width: 100%;
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0);
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
margin-bottom: 2%;
}
.banner_img_003 img {
width: 101%;
height: auto;
transition: transform .6s ease; /* ゆっくり変化させる */
}
.banner_img_003:hover img {
transform: scale(1.05); /* 拡大 */
}
.button_001 {
padding-left: 25%;
padding-right: 25%;
padding-top: 4.5%;
padding-bottom: 8%;
}
.button_002 {
}
.button_003 {
padding-left: 28%;
padding-right: 28%;
padding-top: 2%;
padding-bottom: 1.1%;
}
.button_003 a {
text-decoration: none;
}
.button-8 {
width: 100%;
height: 90px;
border: 2px solid #000000;
float: left;
text-align: center;
cursor: pointer;
position: relative;
box-sizing: border-box;
overflow: hidden;
}
.button-8 a {
font-size: 25px;
font-weight: 800;
letter-spacing: 0.15em;
color: #fff;
text-decoration: none;
line-height: 85px;
transition: all .5s ease;
z-index: 2;
position: relative;
display: block;
}
.eff-8 {
width: 100%;
height: 90px;
border: 70px solid #000000;
position: absolute;
transition: all .5s ease;
z-index: 1;
box-sizing: border-box;
}
.button-8:hover .eff-8 {
border: 0px solid #000000;
}
.button-8:hover a {
color: #000000;
}
.button-8_002 {
width: 100%;
height: 70px;
border: 2px solid #000000;
float: left;
text-align: center;
cursor: pointer;
position: relative;
box-sizing: border-box;
overflow: hidden;
}
.button-8_002 a {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.15em;
color: #fff;
text-decoration: none;
line-height: 62px;
transition: all .5s ease;
z-index: 2;
position: relative;
display: block;
}
.eff-8_002 {
width: 100%;
height: 70px;
border: 70px solid #000000;
position: absolute;
transition: all .5s ease;
z-index: 1;
box-sizing: border-box;
}
.button-8_002:hover .eff-8_002 {
border: 0px solid #000000;
}
.button-8_002:hover a {
color: #000000;
}
.title_001 {
font-size: 500%;
font-style: italic;
transform: scale(1.75, 1);
font-weight: 900;
padding-top: 3.5%;
letter-spacing: -0.05em;
}
.title_002 {
font-size: 100%;
font-weight: 800;
padding-top: 1%;
letter-spacing: 0.3em;
}
.title_003 {
font-size: 20px;
font-style: italic;
transform: scale(1.75, 1);
font-weight: 900;
letter-spacing: -0.05em;
color: #ffffff;
}
.footnavi_001 {
width: 100%;
color: #ffffff;
background-color: #000000;
text-align: center;
border-bottom: 1px rgba(255,255,255,0.25) solid;
}
@media only screen and (min-width: 1200px) {
.footnavi_002 {
font-size: 17px;
font-weight: 500;
}
}
@media only screen and (max-width: 1200px) {
.footnavi_002 {
font-size: 14px;
font-weight: 500;
}
}
.footnavi_003 {
padding-top: 30px;
padding-bottom: 30px;
}
.footnavi_003 a {
outline: none;
text-decoration: none;
color: #ffffff;
text-underline-offset: 5px;
transition: 1s;
}
.footnavi_003 a:hover {
outline: none;
text-decoration: none;
color: #ffffff;
text-underline-offset: 5px;
opacity: 0.4;
transition: 1s;
}
.footnavi_003 a:visited {
outline: none;
text-decoration: none;
color: #ffffff;
text-underline-offset: 5px;
}
.footnavi_005 {
padding-left: 15px;
padding-right: 15px;
}
.footnavi_006 {
padding-right: 10px;
font-size: 10px;
vertical-align: 0.2em;
}
.pad_042 {
padding-left: 16%;
padding-right: 16%;
padding-bottom: 1.7%;
}
.pad_042_002 {
padding-left: 6%;
padding-right: 6%;
padding-top: 1%;
padding-bottom: 1%;
}
.pad_043 {
padding-right: 5%;
border-right: 2px #000000 solid;
float: left;
width: 44%;
}
.pad_044 {
padding-left: 5%;
float: left;
width: 44%;
}
.pad_045 {
margin-right: 2.5%;
float: left;
width: 50%;
}
.pad_046 {
float: left;
width: 35%;
}
.pad_047 {
padding-left: 3%;
padding-right: 2%;
}
.pad_048 {
margin-top: 1.5%;
margin-left: 5%;
margin-right: 6%;
float: left;
width: 7%;
}
.pad_049 {
margin-top: 1.5%;
margin-right: 6%;
float: left;
width: 7%;
}
.pad_050 {
margin-top: 1.5%;
float: left;
width: 7%;
}
.pad_051 {
padding-left: 6%;
padding-right: 3%;
padding-top: 2%;
padding-bottom: 3%;
}
.pad_051 a {
transition: 1s;
}
.pad_051 a:hover {
opacity: 0.5;
transition: 1s;
}
.pad_051_002 {
padding-left: 25%;
padding-right: 22%;
padding-top: 2%;
padding-bottom: 2%;
}
.pad_051_002 a {
transition: 1s;
}
.pad_051_002 a:hover {
opacity: 0.5;
transition: 1s;
}
.pad_052 {
padding-top: 3.7%;
}
.pad_053 {
margin: 1%;
width: 48%;
float: left;
}
.pad_054 {
padding-top: 1%;
padding-bottom: 3%;
padding-left: 1.5%;
padding-right: 1.5%;
}
.pad_055 {
padding-bottom: 3.5%;
}
.pad_056 {
padding-top: 15%;
padding-bottom: 25%;
}
.pad_057 {
background-color: #fff100;
overflow: hidden;
}
.pad_058 {
padding-top: 2%;
padding-left: 9%;
padding-right: 9%;
}
.pad_059 {
padding-top: 7%;
padding-left: 4%;
padding-right: 4%;
}
.pad_059 a {
transition: 1s;
}
.pad_059 a:hover {
opacity: 0.5;
transition: 1s;
}
.keyvisual_pc_001 {
background-image: url("../images/keyvisual_pc_001.jpg?20170627-1158");
background-repeat: repeat-x;
background-position: center top;
background-size: auto 100%;
animation-name: scroll-header-bg;
animation-duration: 650s;
animation-timing-function: linear; /*再生速度を一定にする*/
animation-iteration-count: infinite;
}
@keyframes scroll-header-bg {
0% {
background-position: 0 0; /*初期値を設定する*/
}
100% {
background-position: -30000px 0; /*画像サイズに合わせて変更する（負号で左スクロール）*/
}
}
.bg_break_pc_2000 {
background-image: url("../images/bg_break_pc_2000.png?20170627-1158");
background-repeat: no-repeat;
background-position: center bottom;
}
.grade_pc {
background-image: url("../images/grade_pc_001.png?20170627-1158");
background-repeat: no-repeat;
background-position: center top;
overflow: hidden;
}
.bg_airport {
background-image: url("../images/bg_airport.jpg?20170627-1158");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-attachment: fixed;
}
.navi_000 {
height: 74px;
background-color: #fff100;
}
@media only screen and (min-width: 1300px) {
.navi_001 {
float: left;
width: 350px;
height: 74px;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1100px) {
.navi_001 {
float: left;
width: 250px;
height: 74px;
}
.navi_001_pad {
padding-top: 10px;
}
}
@media only screen and (max-width: 1100px) {
.navi_001 {
float: left;
width: 200px;
height: 74px;
}
.navi_001_pad {
padding-top: 13px;
}
}
.navi_001 img {
width: 100%;
height: auto;
}
@media only screen and (min-width: 1200px) {
.navi_002 {
float: right;
height: 74px;
font-size: 15px;
font-weight: 500;
color: #ffffff;
background-color: #e50112;
background-image: url("../images/block.jpg");
background-repeat: no-repeat;
background-position: left top;
padding-left: 5%;
padding-right: 2%;
}
}
@media only screen and (max-width: 1200px) {
.navi_002 {
float: right;
height: 74px;
font-size: 12px;
font-weight: 500;
color: #ffffff;
background-color: #e50112;
background-image: url("../images/block.jpg");
background-repeat: no-repeat;
background-position: left top;
padding-left: 5%;
padding-right: 2%;
}
}
.navi_003 {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
}
.navi_003 a {
transition: 1s;
}
.navi_003 a:hover {
opacity: 0.6;
transition: 1s;
}
.navi_004 {
padding-top: 24px;
padding-left: 20px;
padding-right: 20px;
}
.navi_004_002 {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 70px;
padding-right: 30px;
}
.navi_004_002 img {
width: 100%;
height: auto;
}
.navi_004 a {
outline: none;
text-decoration: none;
color: #ffffff;
text-underline-offset: 5px;
transition: 1s;
}
.navi_004 a:hover {
outline: none;
text-decoration: none;
color: #ffffff;
text-underline-offset: 5px;
opacity: 0.4;
transition: 1s;
}
.navi_004 a:visited {
outline: none;
text-decoration: none;
color: #ffffff;
text-underline-offset: 5px;
}
.navi_005 {
padding-left: 10px;
padding-right: 10px;
}
.navi_006 {
padding-right: 10px;
font-size: 10px;
vertical-align: 0.2em;
}
.navi_007 {
padding-right: 10px;
font-size: 85%;
vertical-align: 0.05em;
}
.pad20 {
padding-top: 0.5%;
padding-bottom: 1%;
padding-left: 3.8%;
padding-right: 3.8%;
}
.pad21 {
width: 100%;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
}
.pad22 {
width: 25%;
padding-top: 2%;
padding-bottom: 2%;
border-right: 1px #747474 dotted;
border-bottom: 1px #747474 solid;
font-size: 95%;
line-height: 210%;
font-weight: 600;
text-align: center;
}
.pad23 {
padding-top: 2%;
padding-left: 3.8%;
padding-bottom: 2%;
border-bottom: 1px #747474 solid;
font-size: 90%;
line-height: 210%;
font-weight: 400;
text-align: left;
}
.pad24 {
font-size: 60%;
vertical-align: 0.2em;
}
.main_001 {
width: 14.5%;
float: left;
}
.main_002 {
width: 16.66666%;
float: left;
}
.main_003 {
width: 68.83333%;
float: left;
}
.main_004 {
width: 52%;
float: left;
}
.main_005 {
width: 48%;
float: left;
}
.main_006 {
width: 43%;
float: left;
}
.main_007 {
width: 43%;
float: left;
}
.main_008 {
width: 14%;
float: left;
}
.main_009 {
width: 15.01210%;
float: left;
}
.main_010 {
width: 29.78208%;
float: left;
}
.main_011 {
width: 5.20581%;
float: left;
}
.main_012 {
width: 29.78208%;
float: left;
}
.main_013 {
width: 20.21791%;
float: left;
}
@media only screen and (min-width: 1300px) {
.pc_bg_001 {
background-image: url("../images/pc_bg_001_3000.jpg?20170624-1232");
background-repeat: repeat-y;
background-position: center top;
background-attachment: fixed;
}
.pc_img_001 {
}
}
@media only screen and (max-width: 1300px) {
.pc_bg_001 {
background-image: url("../images/pc_bg_001_1200.jpg?20170624-1232");
background-repeat: repeat-y;
background-position: center top;
background-size: 100% auto;
background-attachment: fixed;
}
.pc_img_001 {
}
}
.box2000 {
margin: auto;
max-width: 1320px;
}
.box1500 {
margin: auto;
max-width: 1700px;
}
.box1500 img {
width: 100%;
height: auto;
}
.box1400 {
margin: auto;
max-width: 1700px;
}
.box1400 img {
width: 100%;
height: auto;
}
.box1350 {
margin: auto;
max-width: 1350px;
}
.box1350 img {
width: 100%;
height: auto;
}
.box1300 {
margin: auto;
max-width: 1300px;
}
.box1300 img {
width: 100%;
height: auto;
}
.pad_000 {
padding-bottom: 3%;
}
.pad_001 {
padding-left: 54.16666%;
padding-right: 23.16666%;
padding-bottom: 1%;
}
.pad_002 {
width: 28%;
float: left;
margin-right: 5%;
}
.pad_003 {
width: 28%;
float: left;
margin-right: 5%;
padding-top: 1%;
}
.pad_004 {
width: 28%;
float: left;
padding-top: 2%;
}
.pad_005 {
padding-left: 9%;
padding-right: 9%;
padding-top: 4%;
padding-bottom: 2%;
}
.pad_005_002 {
padding-left: 5%;
padding-right: 5%;
padding-top: 2.5%;
padding-bottom: 2%;
}
.pad_005_003 {
padding-left: 5%;
padding-right: 5%;
padding-bottom: 2%;
}
.pad_005_004 {
padding-top: 4%;
padding-bottom: 2%;
}
.pad_005_005 {
padding-left: 9%;
padding-right: 9%;
padding-top: 4%;
padding-bottom: 0.5%;
}
.pad_005_006 {
padding-top: 4%;
padding-bottom: 7%;
}
.pad_006 {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0.85);
box-shadow: 5px 5px 5px 0 rgb(0, 0, 0, 0.15);
border-radius: 20px;
}
.pad_007 {
padding-left: 6%;
padding-right: 6%;
padding-top: 7.5%;
padding-bottom: 8%;
font-size: 150%;
line-height: 210%;
font-weight: 400;
}
.pad_007_002 {
padding-left: 7.5%;
padding-right: 7.5%;
padding-top: 5%;
padding-bottom: 7%;
font-size: 150%;
line-height: 210%;
font-weight: 400;
}
.pad_007_003 {
padding-left: 6%;
padding-right: 6%;
padding-top: 4.5%;
padding-bottom: 8%;
}
.pad_007_004 {
padding-left: 6%;
padding-right: 6%;
padding-top: 7.5%;
padding-bottom: 8%;
font-size: 150%;
line-height: 210%;
font-weight: 400;
margin-bottom: 2%;
}
.pad_008 {
font-size: 145%;
font-weight: 600;
line-height: 180%;
}
.pad_008_002 {
font-size: 120%;
font-weight: 600;
line-height: 180%;
}
.pad_009 {
padding-top: 3%;
font-size: 260%;
font-weight: 800;
font-style: italic;
}
.pad_010 {
padding-top: 3%;
color: #0070c0;
font-size: 180%;
line-height: 170%;
font-weight: 600;
}
.pad_011 {
color: #FF0004;
font-size: 105%;
}
.pad_012 {
font-size: 150%;
vertical-align: -0.12em;
font-style: italic;
}
.pad_013 {
padding-top: 1.25%;
line-height: 240%;
}
.pad_014 {
padding-top: 1%;
font-size: 150%;
line-height: 170%;
font-weight: 700;
}
.pad_014_002 {
padding-top: 3%;
font-size: 165%;
line-height: 170%;
font-weight: 700;
}
.pad_014_003 {
padding-top: 0.2%;
padding-bottom: 2%;
font-size: 90%;
line-height: 210%;
font-weight: 400;
}
.pad_015 {
padding-top: 0.5%;
padding-bottom: 0.75%;
padding-left: 1.25%;
padding-right: 1.25%;
color: #000000;
border: 1px #000000 solid;
font-weight: 700;
}
.pad_015_002 {
padding-top: 0.5%;
padding-bottom: 0.75%;
padding-left: 1.25%;
padding-right: 1.25%;
margin-left: 0.8%;
margin-right: 0.8%;
color: #000000;
border: 1px #000000 solid;
font-size: 110%;
font-weight: 700;
}
.pad_015_003 {
font-size: 40%;
font-weight: 500;
vertical-align: 0.2em;
}
.pad_016 {
padding-top: 2%;
padding-left: 1.25%;
padding-right: 1.25%;
}
.pad_016_002 {
padding-top: 4%;
}
.pad_016_003 {
padding-top: 4%;
padding-left: 1.25%;
padding-right: 1.25%;
}
.pad_017 {
float: left;
padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
width: 21%;
}
.pad_017_002 {
float: left;
padding-top: 0.5%;
padding-bottom: 0.5%;
padding-left: 3%;
padding-right: 3%;
width: 44%;
}
.pad_018 {
padding-top: 1%;
text-align: center;
font-size: 45%;
}
.pad_018_002 {
font-size: 75%;
margin-left: 2%;
vertical-align: 0.2em;
}
.pad_019 {
font-size: 90%;
line-height: 225%;
padding-top: 1.25%;
padding-left: 3%;
padding-right: 3%;
text-align: left;
}
.pad_019_002 {
font-size: 90%;
letter-spacing: 0.075em;
line-height: 210%;
padding-top: 1.25%;
padding-left: 3%;
padding-right: 3%;
text-align: left;
}
.pad_019_003 {
padding-top: 4%;
padding-bottom: 1.2%;
padding-left: 3%;
padding-right: 3%;
}
.pad_020 {
font-size: 130%;
font-weight: 600;
}
.pad_021 {
color: #0070c0;
font-size: 130%;
font-weight: 600;
}
.pad_022 {
color: #FF0004;
font-size: 130%;
font-weight: 600;
}
.pad_023_001 {
font-size: 190%;
font-weight: 800;
padding-top: 2.5%;
padding-bottom: 3%;
letter-spacing: 0.15em;
}
.pad_023_002 {
font-size: 220%;
font-weight: 800;
padding-top: 2.5%;
}
.pad_023_003 {
font-size: 250%;
font-weight: 800;
padding-top: 2.5%;
padding-bottom: 3%;
letter-spacing: 0.15em;
}
.pad_023_004 {
font-size: 180%;
line-height: 110%;
font-weight: 800;
letter-spacing: 0.15em;
padding-bottom: 0.5%;
}
.pad_024 {
font-size: 110%;
line-height: 210%;
padding-top: 3.5%;
text-align: center;
}
.pad_024_002 {
font-size: 100%;
line-height: 200%;
padding-top: 5%;
text-align: center;
}
.pad_025 {
font-size: 350%;
font-weight: 800;
padding-top: 6%;
font-style: italic;
}
.pad_025_002 {
font-size: 350%;
font-weight: 900;
padding-top: 0.5%;
font-style: italic;
}
.pad_025_003 {
font-size: 75%;
font-weight: 900;
font-style: italic;
margin-left: 1%;
margin-right: 0.3%;
}
.pad_025_004 {
font-size: 105%;
font-style: italic;
}
.pad_025_005 {
font-size: 450%;
line-height: 100%;
font-weight: 900;
font-style: italic;
vertical-align: 5em;
}
.pad_025_006 {
font-size: 70%;
line-height: 140%;
font-weight: 400;
padding-top: 2.5%;
padding-bottom: 2.75%;
text-align: center;
letter-spacing: 0.15em;
}
.pad_025_007 {
font-size: 105%;
font-style: italic;
letter-spacing: 0.05em;
transform: scale(1.9, 1);
}
.pad_025_008 {
font-size: 35%;
line-height: 200%;
font-weight: 900;
font-style: italic;
vertical-align: -2em;
letter-spacing: 0.1em;
}
.pad_025_009 {
font-size: 95%;
font-style: italic;
letter-spacing: 0.2em;
padding-bottom: 5%;
}
.pad_026 {
font-size: 190%;
font-weight: 500;
padding-top: 3%;
font-style: italic;
}
.pad_026_002 {
font-size: 240%;
font-weight: 700;
padding-top: 6.5%;
}
.pad_027 {
font-size: 100%;
font-weight: 400;
padding-top: 1%;
font-style: italic;
}
.pad_027_002 {
font-size: 165%;
font-weight: 600;
padding-top: 1.8%;
}
.pad_027_003 {
font-size: 110%;
font-weight: 500;
padding-top: 0.75%;
letter-spacing: 0.1em;
}
.pad_027_004 {
font-size: 110%;
}
.pad_027_005 {
font-size: 110%;
font-style: italic;
}
.pad_027_006 {
font-size: 105%;
font-weight: 500;
padding-top: 4.5%;
}
.pad_027_007 {
font-size: 100%;
font-weight: 500;
padding-top: 0.75%;
letter-spacing: 0.1em;
color: #FF0004;
}
.pad_028 {
font-size: 180%;
font-weight: 800;
padding-top: 0.8%;
}
.pad_028_002 {
font-size: 190%;
font-weight: 800;
vertical-align: -0.15em;
}
.pad_028_003 {
font-size: 140%;
font-weight: 800;
padding-top: 6%;
}
.pad_029 {
font-size: 140%;
font-weight: 800;
padding-top: 3%;
}
.pad_029_002 {
font-size: 60%;
}
.pad_030 {
font-size: 100%;
font-weight: 400;
padding-top: 4%;
padding-left: 10%;
padding-right: 10%;
text-align: left;
}
.pad_030_002 {
font-size: 90%;
font-weight: 400;
padding-top: 3%;
padding-left: 10%;
padding-right: 10%;
text-align: left;
}
.pad_031 {
padding-top: 3.5%;
padding-left: 10%;
padding-right: 10%;
}
.pad_032 {
margin-top: 4%;
margin-bottom: 2%;
margin-left: 10%;
margin-right: 10%;
padding-top: 2.5%;
padding-bottom: 2.5%;
padding-left: 3.5%;
padding-right: 3.5%;
text-align: left;
border: 1px #8E8E8E solid;
}
.pad_032_002 {
margin-top: 4.7%;
margin-bottom: 2%;
margin-left: 3%;
margin-right: 3%;
padding-top: 2.5%;
padding-bottom: 2.5%;
padding-left: 3.5%;
padding-right: 3.5%;
text-align: left;
border: 1px #8E8E8E solid;
}
.pad_032_003 {
margin-top: 4.7%;
margin-bottom: 2%;
padding-top: 2.5%;
padding-bottom: 2.5%;
padding-left: 3.5%;
padding-right: 3.5%;
text-align: left;
border: 1px #8E8E8E solid;
}
.pad_032_004 {
margin-top: 4.7%;
margin-bottom: 2%;
margin-left: 3%;
margin-right: 3%;
padding-top: 2.5%;
padding-bottom: 2.5%;
padding-left: 3.5%;
padding-right: 3.5%;
text-align: left;
border: 1px #8E8E8E solid;
}
.pad_033 {
font-size: 80%;
line-height: 200%;
font-weight: 400;
}
.pad_034 {
font-size: 105%;
font-weight: 900;
}
.pad_035 {
font-size: 80%;
line-height: 200%;
font-weight: 400;
}
.pad_036 {
padding-top: 5.5%;
padding-bottom: 2%;
padding-left: 3.5%;
padding-right: 3.5%;
}
.pad_036_002 {
padding-top: 3%;
padding-bottom: 0.25%;
padding-left: 3.5%;
padding-right: 3.5%;
}
.pad_037 {
padding-top: 2.5%;
font-size: 150%;
}
.pad_037_002 {
padding-top: 5%;
font-size: 150%;
}
.pad_038 {
padding-top: 6%;
padding-bottom: 2%;
padding-left: 3.5%;
padding-right: 3.5%;
}
.pad_039 {
margin-top: 5%;
margin-left: 3%;
margin-right: 3%;
padding-top: 1.25%;
padding-bottom: 1.25%;
border-top: 1px rgba(0,0,0,0.9) solid;
border-bottom: 1px rgba(0,0,0,0.3) solid;
text-align: center;
font-size: 110%;
font-weight: 900;
letter-spacing: 0.2em;
}
.pad_040 {
font-size: 40%;
vertical-align: 0.2em;
}
.pad_041 {
padding-top: 12%;
padding-bottom: 19%;
}
.movie {
display: block;
position: relative;
width: 100%;
padding-top: calc(9 / 16 * 100%);
margin: auto;
background-size: contain;
}
.movie .tvo-video {
position: absolute;
width: 100%;
height: 100%;
top:0 ;
right: 0;
}
#page-top {
position: fixed;
bottom: 30px;
width: 48px;
height: 121px;
z-index: 9998;
}
#page-top img {
width: 100%;
height: auto;
}
#page-top {
right: -48px;
transition: 0.2s all;
}
#page-top.active {
right: 0px;
transition: 0.2s all;
}
.fixed {
position: fixed;
top: 0px;
}
.copy-guard {
pointer-events: none;
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: local('NotoSansJP-Regular.otf'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}
}