select::-ms-expand {
display: none
}
::selection {
color: #fff;
background: rgba(0, 0, 0, .8)
}
.l-contents {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
@media all and (min-width:1025px) {
.l-contents {
font-size: 14px;
font-size: .875rem
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.l-contents {
font-size: 14px;
font-size: .875rem
}
}
@media all and (max-width:767px) {
.l-contents {
font-size: 12px;
font-size: .75rem
}
}
@media all and (max-width:767px) and (max-width:414px) {
.l-contents {
font-size: 3.75vw
}
}
@media all and (max-width:767px) and (min-width:415px) {
.l-contents {
font-size: 15.525px
}
}
.l-contents.is-fixed {
position: fixed;
top: 0;
right: 0;
left: 0
}
.l-contents__in {
overflow: hidden;
background-color: #fff
}
.l-dummy-scroll {
position: relative;
z-index: 1
}
.l-gf {
color: #fff;
background-color: #111
}
@media all and (min-width:768px) {
.l-gf {
padding-top: 14.64129%;
padding-bottom: 14.64129%
}
}
@media all and (max-width:767px) {
.l-gf {
padding-top: 100px;
padding-bottom: 100px
}
}
.l-page {
visibility: visible
}
.c-accordion__trigger {
cursor: pointer
}
.c-accordion__body {
height: 0;
overflow: hidden;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
transition-timing-function: cubic-bezier(.075, .82, .165, 1);
-webkit-transition-property: height;
transition-property: height
}
.c-accordion__body-in {
overflow: hidden
}
.c-button-border {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
line-height: 1.1;
position: relative;
border: 0;
color: #fff;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: .2em;
background: 0 0
}
@media all and (min-width:1025px) {
.c-button-border {
font-size: 13px;
font-size: .8125rem
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.c-button-border {
font-size: 13px;
font-size: .8125rem
}
}
@media all and (max-width:767px) {
.c-button-border {
font-size: 11px;
font-size: .6875rem
}
}
@media all and (max-width:767px) and (max-width:414px) {
.c-button-border {
font-size: 3.4375vw
}
}
@media all and (max-width:767px) and (min-width:415px) {
.c-button-border {
font-size: 14.23125px
}
}
@media all and (min-width:768px) {
.c-button-border {
width: 240px;
padding-top: 20px;
padding-bottom: 22px
}
}
@media all and (max-width:767px) {
.c-button-border {
width: 220px;
padding-top: 18px;
padding-bottom: 18px
}
}
.c-button-border:after,
.c-button-border:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.c-button-border:after {
background-color: #fff
}
.c-button-border--black {
color: #222
}
.c-button-border--black:after {
background-color: #222
}
.c-button-border__label {
display: inline-block;
position: relative;
z-index: 10
}
.c-button-border__line-h:after,
.c-button-border__line-h:before,
.c-button-border__line-v:after,
.c-button-border__line-v:before {
content: '';
display: block;
position: absolute;
z-index: 10;
background-color: #fff
}
.c-button-border__line-h--black:after,
.c-button-border__line-h--black:before,
.c-button-border__line-v--black:after,
.c-button-border__line-v--black:before {
background-color: #222
}
.c-button-border__line-v:after,
.c-button-border__line-v:before {
width: 2px;
top: 0;
bottom: 0
}
.c-button-border__line-v:before {
left: 0
}
.c-button-border__line-v:after {
right: 0
}
.c-button-border__line-h:after,
.c-button-border__line-h:before {
height: 2px;
right: 0;
left: 0
}
.c-button-border__line-h:before {
top: 0
}
.c-button-border__line-h:after {
bottom: 0
}
.c-button-border__label {
opacity: 0;
-webkit-transition-property: color, opacity;
transition-property: color, opacity
}
.c-button-border__line-h:after,
.c-button-border__line-h:before,
.c-button-border__line-v:after,
.c-button-border__line-v:before {
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
transition-timing-function: cubic-bezier(.075, .82, .165, 1);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.c-button-border__line-v:after,
.c-button-border__line-v:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.c-button-border__line-v:before {
-webkit-transform-origin: bottom;
transform-origin: bottom
}
.c-button-border__line-v:after {
-webkit-transform-origin: top;
transform-origin: top
}
.c-button-border__line-h:after,
.c-button-border__line-h:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.c-button-border__line-h:before {
-webkit-transform-origin: left;
transform-origin: left
}
.c-button-border__line-h:after {
-webkit-transform-origin: right;
transform-origin: right
}
.c-button-border:after {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
transition-timing-function: cubic-bezier(.075, .82, .165, 1);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.c-button-border.is-shown .c-button-border__label {
opacity: 1;
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.c-button-border.is-shown .c-button-border__line-v:after,
.c-button-border.is-shown .c-button-border__line-v:before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.c-button-border.is-shown .c-button-border__line-h:after,
.c-button-border.is-shown .c-button-border__line-h:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.c-button-border.is-shown:before {
opacity: 1
}
.c-button-border.is-over .c-button-border__label {
color: #111;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.c-button-border.is-over .c-button-border__label--black {
color: #fff
}
.c-button-border.is-over:after {
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.c-button-border.is-leave .c-button-border__label {
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.c-button-border.is-leave:after {
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
@media all and (min-width:768px) {
.c-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 14.64129%
}
.c-section--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media all and (min-width:768px) {
.c-section__image {
width: 60%
}
}
.c-section__image-in {
overflow: hidden;
position: relative;
padding-top: 66.6%
}
.c-section__image-in img {
width: 120%;
position: absolute;
top: -10%;
left: -10%
}
.c-section__content {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media all and (min-width:768px) {
.c-section__content {
width: 40%;
padding-right: 5%;
padding-left: 5%
}
}
@media all and (max-width:767px) {
.c-section__content {
padding: 20px
}
}
.c-section__head {
line-height: 1.5;
margin-top: 0;
margin-bottom: 0
}
@media all and (min-width:1025px) {
.c-section__head {
font-size: 32px;
font-size: 2rem
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.c-section__head {
font-size: 24px;
font-size: 1.5rem
}
}
@media all and (max-width:767px) {
.c-section__head {
font-size: 21px;
font-size: 1.3125rem
}
}
@media all and (max-width:767px) and (max-width:414px) {
.c-section__head {
font-size: 6.5625vw
}
}
@media all and (max-width:767px) and (min-width:415px) {
.c-section__head {
font-size: 27.16875px
}
}
.c-text-link-underline {
display: inline-block;
position: relative;
color: #222;
text-decoration: none
}
.c-text-link-underline:after,
.c-text-link-underline:before {
width: 100%;
height: 1px;
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
background-color: #222
}
.c-text-link-underline:before {
-webkit-transform-origin: right;
transform-origin: right
}
.c-text-link-underline:after {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
.c-text-link-underline.is-over:after,
.c-text-link-underline.is-over:before {
-webkit-transition-duration: .2s;
transition-duration: .2s
}
.c-text-link-underline.is-over:before {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
.c-text-link-underline.is-over:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.p-accordion-wrap {
border-top: 1px solid #ddd
}
@media all and (min-width:768px) {
.p-accordion-wrap {
margin: 14.64129% 16.6%
}
}
.p-accordion {
border-bottom: 1px solid #ddd
}
@media all and (min-width:768px) {
.p-accordion {
padding-top: 50px;
padding-bottom: 50px
}
}
@media all and (max-width:767px) {
.p-accordion {
padding: 20px
}
}
.p-accordion__head {
position: relative
}
@media all and (min-width:1025px) {
.p-accordion__head {
font-size: 24px;
font-size: 1.5rem
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.p-accordion__head {
font-size: 21px;
font-size: 1.3125rem
}
}
@media all and (max-width:767px) {
.p-accordion__head {
font-size: 14px;
font-size: .875rem
}
}
@media all and (max-width:767px) and (max-width:414px) {
.p-accordion__head {
font-size: 4.375vw
}
}
@media all and (max-width:767px) and (min-width:415px) {
.p-accordion__head {
font-size: 18.1125px
}
}
.p-accordion__body {
overflow: hidden
}
.p-accordion__body-in {
padding-top: 20px
}
.p-accordion__icon {
position: absolute;
top: 50%
}
@media all and (min-width:768px) {
.p-accordion__icon {
width: 21px;
height: 21px;
right: 60px;
margin-top: -10px
}
}
@media all and (max-width:767px) {
.p-accordion__icon {
width: 15px;
height: 15px;
right: 0;
margin-top: -8px
}
}
.p-accordion__icon:after,
.p-accordion__icon:before {
content: '';
display: block;
position: absolute;
background-color: #777
}
.p-accordion__icon:before {
width: 1px;
top: 0
}
@media all and (min-width:768px) {
.p-accordion__icon:before {
height: 21px;
left: 10px
}
}
@media all and (max-width:767px) {
.p-accordion__icon:before {
height: 15px;
left: 7px
}
}
.p-accordion__icon:after {
height: 1px;
left: 0
}
@media all and (min-width:768px) {
.p-accordion__icon:after {
width: 21px;
top: 10px
}
}
@media all and (max-width:767px) {
.p-accordion__icon:after {
width: 15px;
top: 7px
}
}
.p-accordion__icon {
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-accordion.is-opened .p-accordion__icon {
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.p-contents-header-bg {
width: 100%;
height: 800px;
position: fixed;
top: 0;
left: 0;
background-size: cover;
background-position: center
}
.p-contents-page__title {
line-height: 1.1;
margin-top: 200px;
text-transform: uppercase;
}
.p-contents-header-bg.is-hidden {
display: none
}
.p-contents-header {
height: 800px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
text-align: center
}
@media all and (max-width:767px) {
.p-contents-header {
margin-right: 20px;
margin-left: 20px
}
}
.p-contents-header__title {
line-height: 1.1;
margin-top: 0;
margin-bottom: 2rem;
text-transform: uppercase
}
@media all and (min-width:1367px) {
.p-contents-header__title {
font-size: 47.81px
}
}
@media all and (min-width:1025px) and (max-width:1366px) {
.p-contents-header__title {
font-size: 3.5vw
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.p-contents-header__title {
font-size: 3.5vw
}
}
@media all and (max-width:767px) {
.p-contents-header__title {
font-size: 26.88px
}
}
.p-contents-header__excerpt {
margin-top: 0;
}
@media all and (min-width:1025px) {
.p-contents-header__excerpt {
font-size: 14px;
font-size: .875rem
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.p-contents-header__excerpt {
font-size: 14px;
font-size: .875rem
}
}
@media all and (max-width:767px) {
.p-contents-header__excerpt {
font-size: 12px;
font-size: .75rem
}
}
@media all and (max-width:767px) and (max-width:414px) {
.p-contents-header__excerpt {
font-size: 3.75vw
}
}
@media all and (max-width:767px) and (min-width:415px) {
.p-contents-header__excerpt {
font-size: 15.525px
}
}
.p-contents-header__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.p-footer-copy {
text-align: center
}
.p-footer-link {
margin-bottom: 15px;
text-align: center
}
.p-footer-link__item {
width: 32px;
height: 32px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 12px
}
.p-footer-link__item svg {
width: 32px;
fill: #fff
}
@media all and (min-width:768px) {
.p-local-navi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 7.32064%;
margin-bottom: 7.32064%
}
}
@media all and (max-width:767px) {
.p-local-navi {
margin-top: 20px;
margin-bottom: 20px
}
}
.p-local-navi__item {
display: block;
margin-right: 2em;
margin-left: 2em;
color: #222;
text-decoration: none
}
@media all and (min-width:1025px) {
.p-local-navi__item {
font-size: 16px;
font-size: 1rem
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.p-local-navi__item {
font-size: 14px;
font-size: .875rem
}
}
@media all and (max-width:767px) {
.p-local-navi__item {
font-size: 12px;
font-size: .75rem
}
}
@media all and (max-width:767px) and (max-width:414px) {
.p-local-navi__item {
font-size: 3.75vw
}
}
@media all and (max-width:767px) and (min-width:415px) {
.p-local-navi__item {
font-size: 15.525px
}
}
@media all and (max-width:767px) {
.p-local-navi__item {
margin-top: 8px;
margin-bottom: 8px;
text-align: center
}
}
.u-d-b {
display: block
}
.u-d-ib {
display: inline-block
}
.u-d-i {
display: inline
}
.u-d-fc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.u-d-fs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.u-d-fe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.u-d-fa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around
}
.u-d-fb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media all and (min-width:1025px) {
.u-dn-pc {
display: none
}
}
@media all and (min-width:1367px) {
.u-dn-pc-l {
display: none
}
}
@media all and (min-width:1025px) and (max-width:1366px) {
.u-dn-pc-s {
display: none
}
}
@media all and (min-width:768px) and (max-width:1024px) {
.u-dn-tablet {
display: none
}
}
@media all and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.u-dn-tablet-l {
display: none
}
}
@media all and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.u-dn-tablet-p {
display: none
}
}
@media all and (max-width:767px) {
.u-dn-mobile {
display: none
}
}
.u-fw-1 {
font-weight: 100
}
.u-fw-2 {
font-weight: 200
}
.u-fw-3 {
font-weight: 300
}
.u-fw-4 {
font-weight: 400
}
.u-fw-5 {
font-weight: 500
}
.u-fw-6 {
font-weight: 600
}
.u-fw-7 {
font-weight: 700
}
.u-fz-1 {
font-size: 1px;
font-size: .0625rem
}
.u-fz-2 {
font-size: 2px;
font-size: .125rem
}
.u-fz-3 {
font-size: 3px;
font-size: .1875rem
}
.u-fz-4 {
font-size: 4px;
font-size: .25rem
}
.u-fz-5 {
font-size: 5px;
font-size: .3125rem
}
.u-fz-6 {
font-size: 6px;
font-size: .375rem
}
.u-fz-7 {
font-size: 7px;
font-size: .4375rem
}
.u-fz-8 {
font-size: 8px;
font-size: .5rem
}
.u-fz-9 {
font-size: 9px;
font-size: .5625rem
}
.u-fz-10 {
font-size: 10px;
font-size: .625rem
}
.u-fz-11 {
font-size: 11px;
font-size: .6875rem
}
.u-fz-12 {
font-size: 12px;
font-size: .75rem
}
.u-fz-13 {
font-size: 13px;
font-size: .8125rem
}
.u-fz-14 {
font-size: 14px;
font-size: .875rem
}
.u-fz-15 {
font-size: 15px;
font-size: .9375rem
}
.u-fz-16 {
font-size: 16px;
font-size: 1rem
}
.u-fz-17 {
font-size: 17px;
font-size: 1.0625rem
}
.u-fz-18 {
font-size: 18px;
font-size: 1.125rem
}
.u-fz-19 {
font-size: 19px;
font-size: 1.1875rem
}
.u-fz-20 {
font-size: 20px;
font-size: 1.25rem
}
.u-fz-21 {
font-size: 21px;
font-size: 1.3125rem
}
.u-fz-22 {
font-size: 22px;
font-size: 1.375rem
}
.u-fz-23 {
font-size: 23px;
font-size: 1.4375rem
}
.u-fz-24 {
font-size: 24px;
font-size: 1.5rem
}
.u-fz-25 {
font-size: 25px;
font-size: 1.5625rem
}
.u-fz-26 {
font-size: 26px;
font-size: 1.625rem
}
.u-fz-27 {
font-size: 27px;
font-size: 1.6875rem
}
.u-fz-28 {
font-size: 28px;
font-size: 1.75rem
}
.u-fz-29 {
font-size: 29px;
font-size: 1.8125rem
}
.u-fz-30 {
font-size: 30px;
font-size: 1.875rem
}
.u-fz-31 {
font-size: 31px;
font-size: 1.9375rem
}
.u-fz-32 {
font-size: 32px;
font-size: 2rem
}
.u-fz-33 {
font-size: 33px;
font-size: 2.0625rem
}
.u-fz-34 {
font-size: 34px;
font-size: 2.125rem
}
.u-fz-35 {
font-size: 35px;
font-size: 2.1875rem
}
.u-fz-36 {
font-size: 36px;
font-size: 2.25rem
}
.u-fz-37 {
font-size: 37px;
font-size: 2.3125rem
}
.u-fz-38 {
font-size: 38px;
font-size: 2.375rem
}
.u-fz-39 {
font-size: 39px;
font-size: 2.4375rem
}
.u-fz-40 {
font-size: 40px;
font-size: 2.5rem
}
.u-fz-41 {
font-size: 41px;
font-size: 2.5625rem
}
.u-fz-42 {
font-size: 42px;
font-size: 2.625rem
}
.u-fz-43 {
font-size: 43px;
font-size: 2.6875rem
}
.u-fz-44 {
font-size: 44px;
font-size: 2.75rem
}
.u-fz-45 {
font-size: 45px;
font-size: 2.8125rem
}
.u-fz-46 {
font-size: 46px;
font-size: 2.875rem
}
.u-fz-47 {
font-size: 47px;
font-size: 2.9375rem
}
.u-fz-48 {
font-size: 48px;
font-size: 3rem
}
.u-fz-49 {
font-size: 49px;
font-size: 3.0625rem
}
.u-fz-50 {
font-size: 50px;
font-size: 3.125rem
}
.u-fz-51 {
font-size: 51px;
font-size: 3.1875rem
}
.u-fz-52 {
font-size: 52px;
font-size: 3.25rem
}
.u-fz-53 {
font-size: 53px;
font-size: 3.3125rem
}
.u-fz-54 {
font-size: 54px;
font-size: 3.375rem
}
.u-fz-55 {
font-size: 55px;
font-size: 3.4375rem
}
.u-fz-56 {
font-size: 56px;
font-size: 3.5rem
}
.u-fz-57 {
font-size: 57px;
font-size: 3.5625rem
}
.u-fz-58 {
font-size: 58px;
font-size: 3.625rem
}
.u-fz-59 {
font-size: 59px;
font-size: 3.6875rem
}
.u-fz-60 {
font-size: 60px;
font-size: 3.75rem
}
.u-fz-61 {
font-size: 61px;
font-size: 3.8125rem
}
.u-fz-62 {
font-size: 62px;
font-size: 3.875rem
}
.u-fz-63 {
font-size: 63px;
font-size: 3.9375rem
}
.u-fz-64 {
font-size: 64px;
font-size: 4rem
}
.u-fz-65 {
font-size: 65px;
font-size: 4.0625rem
}
.u-fz-66 {
font-size: 66px;
font-size: 4.125rem
}
.u-fz-67 {
font-size: 67px;
font-size: 4.1875rem
}
.u-fz-68 {
font-size: 68px;
font-size: 4.25rem
}
.u-fz-69 {
font-size: 69px;
font-size: 4.3125rem
}
.u-fz-70 {
font-size: 70px;
font-size: 4.375rem
}
.u-fz-71 {
font-size: 71px;
font-size: 4.4375rem
}
.u-fz-72 {
font-size: 72px;
font-size: 4.5rem
}
.u-fz-73 {
font-size: 73px;
font-size: 4.5625rem
}
.u-fz-74 {
font-size: 74px;
font-size: 4.625rem
}
.u-fz-75 {
font-size: 75px;
font-size: 4.6875rem
}
.u-fz-76 {
font-size: 76px;
font-size: 4.75rem
}
.u-fz-77 {
font-size: 77px;
font-size: 4.8125rem
}
.u-fz-78 {
font-size: 78px;
font-size: 4.875rem
}
.u-fz-79 {
font-size: 79px;
font-size: 4.9375rem
}
.u-fz-80 {
font-size: 80px;
font-size: 5rem
}
.u-fz-81 {
font-size: 81px;
font-size: 5.0625rem
}
.u-fz-82 {
font-size: 82px;
font-size: 5.125rem
}
.u-fz-83 {
font-size: 83px;
font-size: 5.1875rem
}
.u-fz-84 {
font-size: 84px;
font-size: 5.25rem
}
.u-fz-85 {
font-size: 85px;
font-size: 5.3125rem
}
.u-fz-86 {
font-size: 86px;
font-size: 5.375rem
}
.u-fz-87 {
font-size: 87px;
font-size: 5.4375rem
}
.u-fz-88 {
font-size: 88px;
font-size: 5.5rem
}
.u-fz-89 {
font-size: 89px;
font-size: 5.5625rem
}
.u-fz-90 {
font-size: 90px;
font-size: 5.625rem
}
.u-fz-91 {
font-size: 91px;
font-size: 5.6875rem
}
.u-fz-92 {
font-size: 92px;
font-size: 5.75rem
}
.u-fz-93 {
font-size: 93px;
font-size: 5.8125rem
}
.u-fz-94 {
font-size: 94px;
font-size: 5.875rem
}
.u-fz-95 {
font-size: 95px;
font-size: 5.9375rem
}
.u-fz-96 {
font-size: 96px;
font-size: 6rem
}
.u-fz-97 {
font-size: 97px;
font-size: 6.0625rem
}
.u-fz-98 {
font-size: 98px;
font-size: 6.125rem
}
.u-fz-99 {
font-size: 99px;
font-size: 6.1875rem
}
.u-fz-100 {
font-size: 100px;
font-size: 6.25rem
}
@media all and (min-width:768px) {
.u-m-t-5 {
margin-top: 5px
}
}
@media all and (max-width:767px) {
.u-m-t-5 {
margin-top: 2.5px
}
}
@media all and (min-width:768px) {
.u-m-t-10 {
margin-top: 10px
}
}
@media all and (max-width:767px) {
.u-m-t-10 {
margin-top: 5px
}
}
@media all and (min-width:768px) {
.u-m-t-15 {
margin-top: 15px
}
}
@media all and (max-width:767px) {
.u-m-t-15 {
margin-top: 7.5px
}
}
@media all and (min-width:768px) {
.u-m-t-20 {
margin-top: 20px
}
}
@media all and (max-width:767px) {
.u-m-t-20 {
margin-top: 10px
}
}
@media all and (min-width:768px) {
.u-m-t-25 {
margin-top: 25px
}
}
@media all and (max-width:767px) {
.u-m-t-25 {
margin-top: 12.5px
}
}
@media all and (min-width:768px) {
.u-m-t-30 {
margin-top: 30px
}
}
@media all and (max-width:767px) {
.u-m-t-30 {
margin-top: 15px
}
}
@media all and (min-width:768px) {
.u-m-t-35 {
margin-top: 35px
}
}
@media all and (max-width:767px) {
.u-m-t-35 {
margin-top: 17.5px
}
}
@media all and (min-width:768px) {
.u-m-t-40 {
margin-top: 40px
}
}
@media all and (max-width:767px) {
.u-m-t-40 {
margin-top: 20px
}
}
@media all and (min-width:768px) {
.u-m-t-45 {
margin-top: 45px
}
}
@media all and (max-width:767px) {
.u-m-t-45 {
margin-top: 22.5px
}
}
@media all and (min-width:768px) {
.u-m-t-50 {
margin-top: 50px
}
}
@media all and (max-width:767px) {
.u-m-t-50 {
margin-top: 25px
}
}
@media all and (min-width:768px) {
.u-m-t-55 {
margin-top: 55px
}
}
@media all and (max-width:767px) {
.u-m-t-55 {
margin-top: 27.5px
}
}
@media all and (min-width:768px) {
.u-m-t-60 {
margin-top: 60px
}
}
@media all and (max-width:767px) {
.u-m-t-60 {
margin-top: 30px
}
}
@media all and (min-width:768px) {
.u-m-t-65 {
margin-top: 65px
}
}
@media all and (max-width:767px) {
.u-m-t-65 {
margin-top: 32.5px
}
}
@media all and (min-width:768px) {
.u-m-t-70 {
margin-top: 70px
}
}
@media all and (max-width:767px) {
.u-m-t-70 {
margin-top: 35px
}
}
@media all and (min-width:768px) {
.u-m-t-75 {
margin-top: 75px
}
}
@media all and (max-width:767px) {
.u-m-t-75 {
margin-top: 37.5px
}
}
@media all and (min-width:768px) {
.u-m-t-80 {
margin-top: 80px
}
}
@media all and (max-width:767px) {
.u-m-t-80 {
margin-top: 40px
}
}
@media all and (min-width:768px) {
.u-m-t-85 {
margin-top: 85px
}
}
@media all and (max-width:767px) {
.u-m-t-85 {
margin-top: 42.5px
}
}
@media all and (min-width:768px) {
.u-m-t-90 {
margin-top: 90px
}
}
@media all and (max-width:767px) {
.u-m-t-90 {
margin-top: 45px
}
}
@media all and (min-width:768px) {
.u-m-t-95 {
margin-top: 95px
}
}
@media all and (max-width:767px) {
.u-m-t-95 {
margin-top: 47.5px
}
}
@media all and (min-width:768px) {
.u-m-t-100 {
margin-top: 100px
}
}
@media all and (max-width:767px) {
.u-m-t-100 {
margin-top: 50px
}
}
@media all and (min-width:768px) {
.u-m-b-5 {
margin-bottom: 5px
}
}
@media all and (max-width:767px) {
.u-m-b-5 {
margin-bottom: 2.5px
}
}
@media all and (min-width:768px) {
.u-m-b-10 {
margin-bottom: 10px
}
}
@media all and (max-width:767px) {
.u-m-b-10 {
margin-bottom: 5px
}
}
@media all and (min-width:768px) {
.u-m-b-15 {
margin-bottom: 15px
}
}
@media all and (max-width:767px) {
.u-m-b-15 {
margin-bottom: 7.5px
}
}
@media all and (min-width:768px) {
.u-m-b-20 {
margin-bottom: 20px
}
}
@media all and (max-width:767px) {
.u-m-b-20 {
margin-bottom: 10px
}
}
@media all and (min-width:768px) {
.u-m-b-25 {
margin-bottom: 25px
}
}
@media all and (max-width:767px) {
.u-m-b-25 {
margin-bottom: 12.5px
}
}
@media all and (min-width:768px) {
.u-m-b-30 {
margin-bottom: 30px
}
}
@media all and (max-width:767px) {
.u-m-b-30 {
margin-bottom: 15px
}
}
@media all and (min-width:768px) {
.u-m-b-35 {
margin-bottom: 35px
}
}
@media all and (max-width:767px) {
.u-m-b-35 {
margin-bottom: 17.5px
}
}
@media all and (min-width:768px) {
.u-m-b-40 {
margin-bottom: 40px
}
}
@media all and (max-width:767px) {
.u-m-b-40 {
margin-bottom: 20px
}
}
@media all and (min-width:768px) {
.u-m-b-45 {
margin-bottom: 45px
}
}
@media all and (max-width:767px) {
.u-m-b-45 {
margin-bottom: 22.5px
}
}
@media all and (min-width:768px) {
.u-m-b-50 {
margin-bottom: 50px
}
}
@media all and (max-width:767px) {
.u-m-b-50 {
margin-bottom: 25px
}
}
@media all and (min-width:768px) {
.u-m-b-55 {
margin-bottom: 55px
}
}
@media all and (max-width:767px) {
.u-m-b-55 {
margin-bottom: 27.5px
}
}
@media all and (min-width:768px) {
.u-m-b-60 {
margin-bottom: 60px
}
}
@media all and (max-width:767px) {
.u-m-b-60 {
margin-bottom: 30px
}
}
@media all and (min-width:768px) {
.u-m-b-65 {
margin-bottom: 65px
}
}
@media all and (max-width:767px) {
.u-m-b-65 {
margin-bottom: 32.5px
}
}
@media all and (min-width:768px) {
.u-m-b-70 {
margin-bottom: 70px
}
}
@media all and (max-width:767px) {
.u-m-b-70 {
margin-bottom: 35px
}
}
@media all and (min-width:768px) {
.u-m-b-75 {
margin-bottom: 75px
}
}
@media all and (max-width:767px) {
.u-m-b-75 {
margin-bottom: 37.5px
}
}
@media all and (min-width:768px) {
.u-m-b-80 {
margin-bottom: 80px
}
}
@media all and (max-width:767px) {
.u-m-b-80 {
margin-bottom: 40px
}
}
@media all and (min-width:768px) {
.u-m-b-85 {
margin-bottom: 85px
}
}
@media all and (max-width:767px) {
.u-m-b-85 {
margin-bottom: 42.5px
}
}
@media all and (min-width:768px) {
.u-m-b-90 {
margin-bottom: 90px
}
}
@media all and (max-width:767px) {
.u-m-b-90 {
margin-bottom: 45px
}
}
@media all and (min-width:768px) {
.u-m-b-95 {
margin-bottom: 95px
}
}
@media all and (max-width:767px) {
.u-m-b-95 {
margin-bottom: 47.5px
}
}
@media all and (min-width:768px) {
.u-m-b-100 {
margin-bottom: 100px
}
}
@media all and (max-width:767px) {
.u-m-b-100 {
margin-bottom: 50px
}
}
@media all and (min-width:768px) {
.u-m-r-5 {
margin-right: 5px
}
}
@media all and (max-width:767px) {
.u-m-r-5 {
margin-right: 2.5px
}
}
@media all and (min-width:768px) {
.u-m-r-10 {
margin-right: 10px
}
}
@media all and (max-width:767px) {
.u-m-r-10 {
margin-right: 5px
}
}
@media all and (min-width:768px) {
.u-m-r-15 {
margin-right: 15px
}
}
@media all and (max-width:767px) {
.u-m-r-15 {
margin-right: 7.5px
}
}
@media all and (min-width:768px) {
.u-m-r-20 {
margin-right: 20px
}
}
@media all and (max-width:767px) {
.u-m-r-20 {
margin-right: 10px
}
}
@media all and (min-width:768px) {
.u-m-r-25 {
margin-right: 25px
}
}
@media all and (max-width:767px) {
.u-m-r-25 {
margin-right: 12.5px
}
}
@media all and (min-width:768px) {
.u-m-r-30 {
margin-right: 30px
}
}
@media all and (max-width:767px) {
.u-m-r-30 {
margin-right: 15px
}
}
@media all and (min-width:768px) {
.u-m-r-35 {
margin-right: 35px
}
}
@media all and (max-width:767px) {
.u-m-r-35 {
margin-right: 17.5px
}
}
@media all and (min-width:768px) {
.u-m-r-40 {
margin-right: 40px
}
}
@media all and (max-width:767px) {
.u-m-r-40 {
margin-right: 20px
}
}
@media all and (min-width:768px) {
.u-m-r-45 {
margin-right: 45px
}
}
@media all and (max-width:767px) {
.u-m-r-45 {
margin-right: 22.5px
}
}
@media all and (min-width:768px) {
.u-m-r-50 {
margin-right: 50px
}
}
@media all and (max-width:767px) {
.u-m-r-50 {
margin-right: 25px
}
}
@media all and (min-width:768px) {
.u-m-r-55 {
margin-right: 55px
}
}
@media all and (max-width:767px) {
.u-m-r-55 {
margin-right: 27.5px
}
}
@media all and (min-width:768px) {
.u-m-r-60 {
margin-right: 60px
}
}
@media all and (max-width:767px) {
.u-m-r-60 {
margin-right: 30px
}
}
@media all and (min-width:768px) {
.u-m-r-65 {
margin-right: 65px
}
}
@media all and (max-width:767px) {
.u-m-r-65 {
margin-right: 32.5px
}
}
@media all and (min-width:768px) {
.u-m-r-70 {
margin-right: 70px
}
}
@media all and (max-width:767px) {
.u-m-r-70 {
margin-right: 35px
}
}
@media all and (min-width:768px) {
.u-m-r-75 {
margin-right: 75px
}
}
@media all and (max-width:767px) {
.u-m-r-75 {
margin-right: 37.5px
}
}
@media all and (min-width:768px) {
.u-m-r-80 {
margin-right: 80px
}
}
@media all and (max-width:767px) {
.u-m-r-80 {
margin-right: 40px
}
}
@media all and (min-width:768px) {
.u-m-r-85 {
margin-right: 85px
}
}
@media all and (max-width:767px) {
.u-m-r-85 {
margin-right: 42.5px
}
}
@media all and (min-width:768px) {
.u-m-r-90 {
margin-right: 90px
}
}
@media all and (max-width:767px) {
.u-m-r-90 {
margin-right: 45px
}
}
@media all and (min-width:768px) {
.u-m-r-95 {
margin-right: 95px
}
}
@media all and (max-width:767px) {
.u-m-r-95 {
margin-right: 47.5px
}
}
@media all and (min-width:768px) {
.u-m-r-100 {
margin-right: 100px
}
}
@media all and (max-width:767px) {
.u-m-r-100 {
margin-right: 50px
}
}
@media all and (min-width:768px) {
.u-m-l-5 {
margin-left: 5px
}
}
@media all and (max-width:767px) {
.u-m-l-5 {
margin-left: 2.5px
}
}
@media all and (min-width:768px) {
.u-m-l-10 {
margin-left: 10px
}
}
@media all and (max-width:767px) {
.u-m-l-10 {
margin-left: 5px
}
}
@media all and (min-width:768px) {
.u-m-l-15 {
margin-left: 15px
}
}
@media all and (max-width:767px) {
.u-m-l-15 {
margin-left: 7.5px
}
}
@media all and (min-width:768px) {
.u-m-l-20 {
margin-left: 20px
}
}
@media all and (max-width:767px) {
.u-m-l-20 {
margin-left: 10px
}
}
@media all and (min-width:768px) {
.u-m-l-25 {
margin-left: 25px
}
}
@media all and (max-width:767px) {
.u-m-l-25 {
margin-left: 12.5px
}
}
@media all and (min-width:768px) {
.u-m-l-30 {
margin-left: 30px
}
}
@media all and (max-width:767px) {
.u-m-l-30 {
margin-left: 15px
}
}
@media all and (min-width:768px) {
.u-m-l-35 {
margin-left: 35px
}
}
@media all and (max-width:767px) {
.u-m-l-35 {
margin-left: 17.5px
}
}
@media all and (min-width:768px) {
.u-m-l-40 {
margin-left: 40px
}
}
@media all and (max-width:767px) {
.u-m-l-40 {
margin-left: 20px
}
}
@media all and (min-width:768px) {
.u-m-l-45 {
margin-left: 45px
}
}
@media all and (max-width:767px) {
.u-m-l-45 {
margin-left: 22.5px
}
}
@media all and (min-width:768px) {
.u-m-l-50 {
margin-left: 50px
}
}
@media all and (max-width:767px) {
.u-m-l-50 {
margin-left: 25px
}
}
@media all and (min-width:768px) {
.u-m-l-55 {
margin-left: 55px
}
}
@media all and (max-width:767px) {
.u-m-l-55 {
margin-left: 27.5px
}
}
@media all and (min-width:768px) {
.u-m-l-60 {
margin-left: 60px
}
}
@media all and (max-width:767px) {
.u-m-l-60 {
margin-left: 30px
}
}
@media all and (min-width:768px) {
.u-m-l-65 {
margin-left: 65px
}
}
@media all and (max-width:767px) {
.u-m-l-65 {
margin-left: 32.5px
}
}
@media all and (min-width:768px) {
.u-m-l-70 {
margin-left: 70px
}
}
@media all and (max-width:767px) {
.u-m-l-70 {
margin-left: 35px
}
}
@media all and (min-width:768px) {
.u-m-l-75 {
margin-left: 75px
}
}
@media all and (max-width:767px) {
.u-m-l-75 {
margin-left: 37.5px
}
}
@media all and (min-width:768px) {
.u-m-l-80 {
margin-left: 80px
}
}
@media all and (max-width:767px) {
.u-m-l-80 {
margin-left: 40px
}
}
@media all and (min-width:768px) {
.u-m-l-85 {
margin-left: 85px
}
}
@media all and (max-width:767px) {
.u-m-l-85 {
margin-left: 42.5px
}
}
@media all and (min-width:768px) {
.u-m-l-90 {
margin-left: 90px
}
}
@media all and (max-width:767px) {
.u-m-l-90 {
margin-left: 45px
}
}
@media all and (min-width:768px) {
.u-m-l-95 {
margin-left: 95px
}
}
@media all and (max-width:767px) {
.u-m-l-95 {
margin-left: 47.5px
}
}
@media all and (min-width:768px) {
.u-m-l-100 {
margin-left: 100px
}
}
@media all and (max-width:767px) {
.u-m-l-100 {
margin-left: 50px
}
}
.u-ta-l {
text-align: left
}
.u-ta-c {
text-align: center
}
.u-ta-r {
text-align: right
}
.u-ta-j {
text-align: justify
}
.u-trsde-5 {
-webkit-transition-delay: 50ms;
transition-delay: 50ms
}
.u-trsde-10 {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.u-trsde-15 {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.u-trsde-20 {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.u-trsde-25 {
-webkit-transition-delay: .25s;
transition-delay: .25s
}
.u-trsde-30 {
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.u-trsde-35 {
-webkit-transition-delay: .35s;
transition-delay: .35s
}
.u-trsde-40 {
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.u-trsde-45 {
-webkit-transition-delay: .45s;
transition-delay: .45s
}
.u-trsde-50 {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.u-trsde-55 {
-webkit-transition-delay: .55s;
transition-delay: .55s
}
.u-trsde-60 {
-webkit-transition-delay: .6s;
transition-delay: .6s
}
.u-trsde-65 {
-webkit-transition-delay: .65s;
transition-delay: .65s
}
.u-trsde-70 {
-webkit-transition-delay: .7s;
transition-delay: .7s
}
.u-trsde-75 {
-webkit-transition-delay: .75s;
transition-delay: .75s
}
.u-trsde-80 {
-webkit-transition-delay: .8s;
transition-delay: .8s
}
.u-trsde-85 {
-webkit-transition-delay: .85s;
transition-delay: .85s
}
.u-trsde-90 {
-webkit-transition-delay: .9s;
transition-delay: .9s
}
/*
.p-contents-header-bg::after {
content: "";
background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
position: absolute;
width: 100%;
height: 100%;
}
*/
.u-trsde-95 {
-webkit-transition-delay: .95s;
transition-delay: .95s
}
.u-trsde-100 {
-webkit-transition-delay: 1s;
transition-delay: 1s
}
.u-tt-u {
text-transform: uppercase
}
.u-tt-l {
text-transform: lowercase
}
.u-whs-n {
white-space: normal
}
.u-whs-p {
white-space: pre
}
.u-whs-nw {
white-space: nowrap
}
.u-whs-pw {
white-space: pre-wrap
}
.u-whs-pl {
white-space: pre-line
}