@media screen and (max-width: 999px){
/* PC版非表示*/
#pcwrapper {
display: none;
}
.pcwrapper {
display: none;
}
#page-top {
display: none;
}
.intros {
display: none;
}
a{
outline: none;
text-decoration: underline;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 5px;
}
a:hover{
outline: none;
text-decoration: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-underline-offset: 5px;
}
a:visited{
outline: none;
text-decoration: underline;
text-underline-offset: 5px;
}
body {
-webkit-text-size-adjust: 100%;
text-align: left;
overflow: visible;
font-family: 'Noto Sans JP', sans-serif !important;
text-shadow: none !important;
font-feature-settings: "palt" 1;
}
img {
width: 100%;
height: auto;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
display: block;
}
.index {
overflow: hidden;
}
#overlay_002 {
margin-top: 8%;
margin-left: 3%;
margin-right: 3%;
margin-bottom: 5%;
}
.busan_001 {
font-size: 210%;
font-weight: 700;
padding-top: 2%;
}
.busan_002 {
font-size: 165%;
line-height: 140%;
font-weight: 700;
padding-top: 2%;
}
.busan_003 {
font-size: 160%;
line-height: 160%;
font-weight: 700;
}
.busan_003_002 {
font-size: 175%;
line-height: 130%;
font-weight: 700;
color: #e50112;
padding-bottom: 3%;
}
.busan_004 {
font-size: 70%;
vertical-align: 0.15em;
}
.busan_005 {
padding-top: 7%;
padding-left: 5%;
padding-right: 5%;
}
.busan_005_001 {
width: 100%;
}
.busan_005_002 {
float: left;
width: 100%;
padding-top: 4%;
}
.busan_005_003 {
float: right;
width: 100%;
padding-top: 4%;
}
.busan_005_004 {
text-align: center;
padding-top: 5px;
font-size: 50%;
font-weight: 400;
}
.busan_006 {
font-size: 120%;
line-height: 190%;
font-weight: 500;
padding-top: 7%;
}
.busan_007 {
padding-top: 7%;
padding-bottom: 2%;
padding-left: 5%;
padding-right: 5%;
}
.busan_008 {
border: 1px #000000 solid;
}
.busan_009 {
font-size: 120%;
line-height: 170%;
font-weight: 600;
padding-top: 8%;
}
.busan_010 {
font-size: 80%;
line-height: 190%;
font-weight: 400;
padding-top: 4%;
padding-left: 7.5%;
padding-right: 7.5%;
}
.busan_011 {
padding-top: 7%;
padding-bottom: 10%;
padding-left: 10%;
padding-right: 10%;
}
.busan_011 a {
text-decoration: none;
}
.busan_012 {
font-size: 40%;
letter-spacing: 0.2em;
vertical-align: 0.2em;
margin-left: 1%;
}
.busan_013 {
font-size: 70%;
vertical-align: 0.05em;
margin-left: 0.75%;
}
.busan_014 {
padding-bottom: 10%;
}
.busan_015 {
}
.busan_016 {
margin-top: 10%;
margin-left: 3.5%;
margin-right: 3.5%;
padding-top: 3.5%;
padding-bottom: 3.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: 900;
letter-spacing: 0.2em;
}
.dvd_001 {
cursor: pointer;
overflow: hidden;
width: 100%;
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, 0.25);
margin-left: 0.5%;
margin-right: 0.5%;
margin-bottom: 10%;
}
.dvd_001 img {
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, 0.25);
}
.dvd_001_002 {
cursor: pointer;
overflow: hidden;
width: 100%;
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, 0.25);
margin-left: 0.5%;
margin-right: 0.5%;
}
.dvd_001_002 img {
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, 0.25);
}
.dvd_002 {
font-size: 200%;
font-weight: 700;
padding-top: 2%;
}
.dvd_003 {
font-size: 140%;
line-height: 158%;
font-weight: 700;
padding-top: 2%;
}
.dvd_004 {
font-size: 105%;
line-height: 190%;
font-weight: 500;
padding-top: 4%;
}
.dvd_005 {
padding-top: 9%;
padding-left: 5%;
padding-right: 5%;
}
.dvd_006 {
font-size: 120%;
font-weight: 700;
padding-top: 8%;
letter-spacing: 0.2em;
}
.dvd_007 {
padding-top: 4.5%;
padding-bottom: 4.8%;
padding-left: 5%;
padding-right: 5%;
}
.dvd_008 {
width: 100%;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
margin-bottom: 4%;
}
.dvd_009 {
width: 25%;
border-right: 1px #000000 dotted;
border-bottom: 1px #000000 solid;
letter-spacing: 0.005em;
font-size: 90%;
font-weight: 600;
padding-top: 3%;
padding-bottom: 3%;
}
.dvd_010 {
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
font-size: 90%;
font-weight: 400;
padding-top: 3%;
padding-bottom: 3%;
padding-left: 4.5%;
text-align: left;
}
.dvd_011 {
font-size: 50%;
vertical-align: 0.1em;
letter-spacing: 0.2em;
}
.sF_001 {
font-size: 60%;
}
.sF_002 {
font-size: 120%;
}
.sF_003 {
}
.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: 80%;
font-weight: 900;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
}
.programs_002_002 {
width: 38%;
border-bottom: 1px #ffffff solid;
background-color: #000000;
color: #ffffff;
font-size: 80%;
font-weight: 900;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
}
.programs_002_003 {
width: 50%;
border-bottom: 1px #ffffff solid;
background-color: #000000;
color: #ffffff;
font-size: 80%;
font-weight: 900;
letter-spacing: 0.1em;
vertical-align: middle;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
}
.programs_003 {
width: 39%;
border-right: 1px #000000 dotted;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 96%;
font-weight: 700;
vertical-align: middle;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
}
.programs_003_002 {
width: 35%;
border-right: 1px #000000 dotted;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 96%;
font-weight: 700;
vertical-align: middle;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
}
.programs_003_003 {
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 90%;
line-height: 140%;
font-weight: 700;
vertical-align: middle;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
}
.programs_004 {
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 95%;
line-height: 170%;
font-weight: 500;
vertical-align: middle;
text-align: left;
padding-left: 4%;
padding-top: 3%;
padding-bottom: 3%;
}
.programs_004_002 {
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
background-color: #ffffff;
color: #000000;
font-size: 90%;
line-height: 170%;
font-weight: 500;
vertical-align: middle;
text-align: center;
padding-top: 3%;
padding-bottom: 3%;
}
.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: 10px;
}
.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: 2%;
padding-bottom: 5%;
}
.programs_008_002 {
padding-top: 5%;
padding-bottom: 3.5%;
}
.programs_009 {
font-size: 80%;
font-weight: 400;
}
.programs_010 {
color: #000000;
border: 2px #000000 solid;
text-align: center;
padding-top: 4%;
padding-bottom: 4%;
width: 100%;
font-size: 100%;
font-weight: 700;
letter-spacing: 0.05em;
}
.programs_011 {
text-align: center;
font-size: 55%;
font-weight: 400;
letter-spacing: 0.1em;
padding-top: 4%;
}
.banner_pad_001 {
padding-top: 1%;
padding-bottom: 2.5%;
padding-left: 10%;
padding-right: 8.5%;
}
.banner_img_001 {
cursor: pointer;
overflow: hidden;
width: 100%;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0);
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, 0.25);
margin-bottom: 0.5%;
}
.banner_img_002 {
cursor: pointer;
overflow: hidden;
width: 100%;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0);
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, 0.25);
}
.banner_pad_003 {
padding-top: 1%;
padding-bottom: 5%;
padding-left: 9%;
padding-right: 8.5%;
}
.button_001 {
padding-left: 19%;
padding-right: 19%;
padding-top: 5%;
padding-bottom: 1%;
}
.button_001 a {
text-decoration: none;
}
.button_002 {
color: #ffffff;
background-color: #000000;
font-size: 110%;
letter-spacing: 0.15em;
font-weight: 700;
text-align: center;
width: 100%;
padding-top: 4.5%;
padding-bottom: 4.5%;
}
.button_002 a {
text-decoration: none;
}
.button_003 {
padding-left: 15%;
padding-right: 15%;
padding-top: 5%;
padding-bottom: 3%;
}
.button_003 a {
text-decoration: none;
}
.button_004 {
color: #ffffff;
background-color: #000000;
font-size: 95%;
letter-spacing: 0.15em;
font-weight: 700;
text-align: center;
width: 100%;
padding-top: 5%;
padding-bottom: 5.5%;
}
.title_001 {
font-size: 220%;
font-style: italic;
transform: scale(1.75, 1);
font-weight: 900;
padding-top: 5%;
text-align: center;
letter-spacing: -0.05em;
}
.title_002 {
font-size: 75%;
font-weight: 800;
padding-top: 1.5%;
text-align: center;
letter-spacing: 0.3em;
padding-bottom: 7%;
}
.footnavi_001 {
width: 100%;
color: #ffffff;
background-color: #000000;
text-align: center;
border-bottom: 1px rgba(255,255,255,0.25) solid;
}
.footnavi_002 {
font-size: 13px;
line-height: 240%;
font-weight: 500;
letter-spacing: 0.1em;
}
.footnavi_003 {
padding-top: 24px;
padding-bottom: 24px;
}
.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: 13px;
padding-right: 13px;
}
.footnavi_006 {
padding-right: 5px;
font-size: 10px;
vertical-align: 0.2em;
}
.pad_042 {
padding-left: 3%;
padding-right: 3%;
}
.pad_043 {
padding-top: 3.5%;
}
.pad_044 {
padding-top: 3%;
}
.pad_045 {
float: left;
width: 48%;
padding-top: 4%;
}
.pad_046 {
float: right;
width: 48%;
padding-top: 4%;
}
.pad_047 {
padding-left: 8.5%;
padding-right: 8.5%;
}
.pad_048 {
margin: 6%;
float: left;
width: 21%;
}
.pad_049 {
margin: 6%;
float: left;
width: 21%;
}
.pad_050 {
margin: 6%;
float: left;
width: 21%;
}
.pad_051_002 {
padding-top: 7%;
padding-bottom: 6%;
padding-left: 26%;
padding-right: 26%;
}
.pad_052 {
padding-top: 5%;
}
.pad_053 {
margin-bottom: 7.5%;
width: 100%;
float: left;
}
.pad_054 {
padding-top: 5%;
padding-left: 3.5%;
padding-right: 3.5%;
}
.pad_055 {
padding-bottom: 6%;
}
.header {
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
background-color: #fff100;
background-image: url("../images/block_smp.jpg?20170627-1208");
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
}
.header a {
-webkit-tap-highlight-color: transparent !important;
}
.header a:hover {
-webkit-tap-highlight-color: transparent !important;
}
.header a:visited {
-webkit-tap-highlight-color: transparent !important;
}
.logo {
font-weight: 700;
padding-left: 14px;
}
.logo img {
width: 200px;
height: auto;
}
.hamburger-menu {
width: 50px;
height: 50px;
position: relative;
border: none;
background: transparent;
appearance: none;
padding: 0;
cursor: pointer;
margin-right: 5px;
}
.hamburger-menu__bar {
display: inline-block;
width: 44%;
height: 2px;
background: #ffffff;
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: .5s;
}
.hamburger-menu__bar:first-child {
top: 16px;
}
.hamburger-menu__bar:nth-child(2) {
top: 24px;
}
.hamburger-menu__bar:last-child {
top: 32px;
}
.hamburger-menu--open .hamburger-menu__bar {
top: 50%;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
display: none;
}
.navigation {
display: none;
background: #231815;
position: absolute;
top: 50px;
width: 100%;
z-index: 9999;
}
.navigation__list {
text-align: center;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.navigation__list-item {
border-bottom: solid 1px #474747;
width: calc(50% - 1px);
}
.navigation__list-item:first-child {
border-top: solid 1px #474747;
}
.navigation__list-item:nth-child(odd) {
border-right: solid 1px #474747;
}
.navigation__link {
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.125em;
text-decoration: none;
display: block;
padding: 18px 0;
transition: .5s;
}
.navi_006 {
padding-right: 6px;
font-size: 10px;
vertical-align: 0.2em;
}
.navi_007 {
padding-right: 6px;
font-size: 10px;
vertical-align: 0.2em;
}
@media (hover: hover) and (pointer: fine) {
.navigation__link:hover {
}
}
.keyvisual_smp_001 {
background-image: url("../images/keyvisual_smp_001.jpg?20170627-1212");
background-repeat: repeat-x;
background-position: center top;
background-size: auto 100%;
animation-name: scroll-header-bg;
animation-duration: 800s; /*3秒で画像1枚分スクロールする*/
animation-timing-function: linear; /*再生速度を一定にする*/
animation-iteration-count: infinite;
}
@keyframes scroll-header-bg {
0% {
background-position: 0 0; /*初期値を設定する*/
}
100% {
background-position: -32500px 0; /*画像サイズに合わせて変更する（負号で左スクロール）*/
}
}
.bg_break_smp {
background-image: url("../images/bg_break_smp.png?20170627-1210");
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
}
.grade_smp {
background-image: url("../images/grade_smp_001.png?20170627-1210");
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
overflow: hidden;
}
.pad20 {
padding-top: 6%;
padding-left: 6%;
padding-right: 6%;
}
.pad21 {
width: 100%;
}
.pad22 {
display: block;
width: 100%;
padding-top: 3%;
padding-bottom: 3%;
border-top: 1px #000000 solid;
font-size: 100%;
line-height: 210%;
font-weight: 600;
text-align: center;
letter-spacing: 0.2em;
}
.pad23 {
display: block;
width: 100%;
padding-top: 3%;
padding-bottom: 12%;
border-top: 1px #A8A8A8 dotted;
font-size: 110%;
line-height: 200%;
font-weight: 400;
text-align: center;
}
.pad24 {
font-size: 60%;
vertical-align: 0.2em;
}
.main_001 {
width: 28.6%;
float: left;
}
.main_002 {
width: 71.4%;
float: left;
}
.main_003 {
width: 55.94405%;
float: left;
}
.main_004 {
width: 44.05594%;
float: left;
}
.main_005 {
width: 38.46153%;
float: left;
}
.main_006 {
width: 42.65734%;
float: left;
}
.main_007 {
width: 18.88111%;
float: left;
}
.main_008 {
width: 10.64425%;
float: left;
}
.main_009 {
width: 41.59663%;
float: left;
}
.main_010 {
width: 41.31652%;
float: left;
}
.main_011 {
width: 6.44257%;
float: left;
}
.smp_img_001 {
}
.pad_000 {
overflow: hidden;
}
.pad_001 {
padding-left: 46%;
padding-right: 15%;
padding-top: 1%;
padding-bottom: 5%;
}
.pad_002 {
width: 28%;
float: left;
margin-right: 5%;
}
.pad_003 {
width: 28%;
float: left;
margin-right: 5%;
padding-top: 3.5%;
}
.pad_004 {
width: 28%;
float: left;
padding-top: 5%;
}
.pad_005 {
padding-left: 4.5%;
padding-right: 4.5%;
padding-bottom: 7%;
}
.pad_005_002 {
padding-left: 4.5%;
padding-right: 4.5%;
padding-top: 4%;
padding-bottom: 7%;
}
.pad_005_003 {
padding-left: 4.5%;
padding-right: 4.5%;
padding-bottom: 7%;
}
.pad_006 {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0.85);
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, 0.25);
border-radius: 10px;
text-align: center;
}
.pad_007 {
padding-left: 4.25%;
padding-right: 4.25%;
padding-top: 8%;
padding-bottom: 9.5%;
font-size: 102%;
line-height: 200%;
font-weight: 400;
}
.pad_007_002 {
padding-left: 5%;
padding-right: 5%;
padding-top: 9.5%;
padding-bottom: 1.5%;
font-size: 102%;
line-height: 200%;
font-weight: 400;
}
.pad_007_003 {
padding-left: 5%;
padding-right: 5%;
padding-top: 9.5%;
padding-bottom: 6%;
}
.pad_008 {
font-size: 110%;
font-weight: 500;
}
.pad_008_002 {
font-size: 100%;
line-height: 200%;
font-weight: 500;
}
.pad_009 {
font-size: 170%;
line-height: 185%;
font-weight: 800;
padding-top: 2%;
font-style: italic;
}
.pad_010 {
padding-top: 3.5%;
color: #0070c0;
font-size: 130%;
line-height: 170%;
font-weight: 600;
}
.pad_011 {
color: #FF0004;
font-size: 105%;
}
.pad_012 {
font-size: 170%;
vertical-align: -0.2em;
font-style: italic;
}
.pad_013 {
padding-top: 3%;
}
.pad_014 {
padding-top: 3%;
font-size: 130%;
line-height: 170%;
font-weight: 600;
}
.pad_014_002 {
padding-top: 5%;
font-size: 150%;
line-height: 170%;
font-weight: 600;
}
.pad_014_003 {
padding-top: 1.2%;
padding-bottom: 5%;
padding-left: 6%;
padding-right: 6%;
font-size: 102%;
line-height: 210%;
font-weight: 400;
}
.pad_015 {
padding-top: 0.6%;
padding-bottom: 1.5%;
padding-left: 2%;
padding-right: 2%;
color: #000000;
border: 1px #000000 solid;
font-weight: 700;
}
.pad_015_002 {
padding-top: 0.6%;
padding-bottom: 1.5%;
padding-left: 2%;
padding-right: 2%;
margin-left: 1.5%;
margin-right: 1.5%;
color: #000000;
border: 1px #000000 solid;
font-weight: 700;
line-height: 250%;
}
.pad_015_003 {
font-size: 45%;
font-weight: 500;
letter-spacing: 0.1em;
}
.pad_016 {
padding-top: 10%;
padding-left: 5%;
padding-right: 5%;
}
.pad_016_002 {
padding-top: 8%;
padding-left: 1%;
padding-right: 1%;
}
.pad_016_003 {
padding-top: 12%;
padding-left: 5%;
padding-right: 5%;
}
.pad_017 {
float: left;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-left: 3%;
margin-right: 3%;
width: 38%;
}
.pad_017_a {
float: left;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-left: 3%;
width: 43%;
}
.pad_017_b {
float: right;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-right: 3%;
width: 43%;
}
.pad_017_002 {
float: left;
padding-top: 1.5%;
padding-bottom: 1.5%;
padding-left: 3%;
padding-right: 3%;
width: 93.8%;
}
.pad_018 {
padding-top: 3%;
text-align: center;
font-size: 50%;
}
.pad_018_002 {
font-size: 75%;
margin-left: 2%;
vertical-align: 0.2em;
}
.pad_019 {
font-size: 105%;
line-height: 210%;
padding-top: 3%;
text-align: left;
padding-left: 4.5%;
padding-right: 4.5%;
}
.pad_019_002 {
font-size: 102%;
letter-spacing: 0.075em;
line-height: 195%;
padding-top: 3%;
text-align: left;
padding-left: 4.5%;
padding-right: 4.5%;
}
.pad_019_003 {
padding-top: 8%;
padding-bottom: 5%;
padding-left: 4.5%;
padding-right: 4.5%;
}
.pad_020 {
font-size: 110%;
font-weight: 600;
}
.pad_021 {
color: #0070c0;
font-size: 110%;
font-weight: 600;
}
.pad_022 {
color: #FF0004;
font-size: 110%;
font-weight: 600;
}
.pad_023_001 {
font-size: 135%;
font-weight: 800;
padding-top: 3%;
padding-bottom: 5%;
letter-spacing: 0.15em;
}
.pad_023_002 {
font-size: 160%;
font-weight: 800;
padding-top: 3%;
}
.pad_023_003 {
font-size: 130%;
font-weight: 800;
padding-top: 3%;
padding-bottom: 5%;
letter-spacing: 0.15em;
}
.pad_023_004 {
font-size: 115%;
line-height: 120%;
font-weight: 800;
padding-top: 3%;
letter-spacing: 0.15em;
}
.pad_024 {
font-size: 105%;
line-height: 200%;
padding-top: 5%;
text-align: center;
padding-left: 4.5%;
padding-right: 4.5%;
}
.pad_024_002 {
font-size: 95%;
line-height: 200%;
padding-top: 8%;
text-align: center;
padding-left: 3%;
padding-right: 3%;
}
.pad_025 {
font-size: 240%;
font-weight: 800;
padding-top: 10%;
font-style: italic;
}
.pad_025_002 {
font-size: 200%;
line-height: 170%;
font-weight: 900;
padding-top: 2%;
font-style: italic;
}
.pad_025_003 {
font-size: 75%;
font-weight: 900;
font-style: italic;
margin-right: 1.2%;
}
.pad_025_004 {
font-size: 130%;
font-style: italic;
}
.pad_025_005 {
font-size: 260%;
line-height: 155%;
font-weight: 900;
padding-top: 0.1%;
font-style: italic;
}
.pad_025_006 {
font-size: 60%;
line-height: 210%;
font-weight: 400;
padding-top: 4.5%;
padding-bottom: 3%;
text-align: center;
letter-spacing: 0.15em;
}
.pad_025_007 {
font-size: 130%;
font-style: italic;
letter-spacing: 0.05em;
transform: scale(1.9, 1);
}
.pad_025_008 {
font-size: 50%;
line-height: 155%;
font-weight: 800;
padding-top: 0.1%;
font-style: italic;
}
.pad_025_009 {
font-size: 110%;
font-style: italic;
letter-spacing: 0.2em;
padding-bottom: 4%;
}
.pad_026 {
font-size: 130%;
line-height: 180%;
font-weight: 800;
padding-top: 2%;
font-style: italic;
}
.pad_026_002 {
font-size: 135%;
line-height: 180%;
font-weight: 800;
padding-top: 7.5%;
}
.pad_027 {
font-size: 110%;
line-height: 170%;
font-weight: 500;
padding-top: 0.2%;
font-style: italic;
}
.pad_027_002 {
font-size: 162%;
line-height: 150%;
font-weight: 600;
padding-top: 0.3%;
}
.pad_027_003 {
font-size: 110%;
font-weight: 500;
padding-top: 0.3%;
letter-spacing: 0.1em;
}
.pad_027_004 {
font-size: 110%;
}
.pad_027_005 {
font-size: 110%;
font-style: italic;
}
.pad_027_006 {
font-size: 95%;
font-weight: 500;
padding-top: 3%;
}
.pad_027_007 {
font-size: 90%;
font-weight: 500;
padding-top: 0.3%;
letter-spacing: 0.1em;
color: #FF0004;
}
.pad_028 {
font-size: 140%;
font-weight: 800;
padding-top: 5%;
}
.pad_028_002 {
font-size: 160%;
font-weight: 800;
vertical-align: -0.15em;
}
.pad_028_003 {
font-size: 100%;
font-weight: 800;
padding-top: 5%;
}
.pad_029 {
font-size: 120%;
font-weight: 600;
padding-top: 3%;
}
.pad_029_002 {
font-size: 50%;
}
.pad_030 {
font-size: 100%;
font-weight: 400;
padding-top: 6%;
padding-left: 6%;
padding-right: 6%;
text-align: left;
}
.pad_030_002 {
font-size: 95%;
font-weight: 400;
padding-top: 5%;
padding-left: 6%;
padding-right: 6%;
text-align: left;
}
.pad_031 {
padding-top: 5%;
padding-left: 6%;
padding-right: 6%;
}
.pad_032 {
margin-top: 7%;
margin-bottom: 4%;
margin-left: 5%;
margin-right: 5%;
padding-top: 5%;
padding-bottom: 5%;
padding-left: 7.5%;
padding-right: 7.5%;
text-align: left;
border: 1px #8E8E8E solid;
}
.pad_032_002 {
margin-top: 9%;
margin-bottom: 1.5%;
margin-left: 5%;
margin-right: 5%;
padding-top: 5%;
padding-bottom: 5%;
padding-left: 7.5%;
padding-right: 7.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: 8%;
padding-left: 4%;
padding-right: 4%;
}
.pad_036_002 {
padding-top: 5%;
padding-left: 4%;
padding-right: 4%;
}
.pad_037 {
padding-top: 4.5%;
font-size: 150%;
}
.pad_037_002 {
padding-top: 4.5%;
font-size: 150%;
}
.pad_038 {
padding-top: 10%;
padding-bottom: 7%;
padding-left: 4.5%;
padding-right: 4.5%;
}
.pad_039 {
margin-top: 10%;
margin-left: 3.5%;
margin-right: 3.5%;
padding-top: 2%;
padding-bottom: 2%;
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: 105%;
font-weight: 900;
letter-spacing: 0.2em;
}
.pad_040 {
font-size: 40%;
vertical-align: 0.35em;
}
.pad_041 {
padding-top: 32%;
padding-bottom: 48%;
}
.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;
}
#m01smp {
display: block;
padding-top: 152%;
margin-top: -152%;
}
#m02smp {
display: block;
padding-top: 19.5%;
margin-top: -19.5%;
}
#smp_page-top {
position: fixed;
bottom: 0px;
width: 40px;
height: 40px;
z-index: 89;
}
#smp_page-top {
right: -68px;
transition: 0.2s all;
}
#smp_page-top.active {
right: 0px;
transition: 0.2s all;
}
.fixed {
position: fixed;
top: 0px;
}
.copy-guard {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}
.background-hack {
z-index : -1;
background-color : #f0cf05;
background-image : url('../images/bg_airport_smp.jpg?20190628-1425');
background-repeat : no-repeat;
background-size : cover;
background-position : center center;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
@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');
}
}