@charset "UTF-8";
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,
small, 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%;
font: inherit;
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;
}
input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
::-ms-expand {
display: none;
}
html, body {
width: 100%;
min-height: 100%;
height: auto;
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}
@font-face {
font-family: "slick";
src: url("../fonts/slick.eot");
src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
html {
font-size: 10px;
}
body {
color: #343A40;
background: #FFF;
font-size: 1.5rem;
line-height: 2.2rem;
-webkit-text-size-adjust: none;
font-family: "Noto Sans JP", sans-serif;
-webkit-font-smoothing: antialiased;
position: relative;
}
body .slick-dots li button:before {
font-family: "Noto Sans JP", sans-serif;
}
body * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
body .sp {
display: none;
}
@media screen and (max-width: 68.7rem) {
body .pc {
display: none;
}
body .sp {
display: block;
}
}
body main {
display: block;
background: #fff;
}
body input, body textarea, body select {
font-family: "Noto Sans JP", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 1.4rem;
line-height: 3.2rem;
background-color: #fff;
color: #343A40;
}
body button {
font-family: "Noto Sans JP", sans-serif;
font-size: 1.6rem;
-webkit-transition: 0.3s;
transition: 0.3s;
display: block;
font-weight: bold;
color: #fff;
background: #1b2a4a;
border-radius: 5px;
padding: 1.5rem;
text-align: center;
line-height: 1;
}
body button:hover {
cursor: pointer;
background: #9fb0c8;
}
body input[type=search] {
-webkit-appearance: textfield;
}
body ::-ms-expand {
display: none;
}
body input[type=number] {
-moz-appearance: textfield;
}
body input[type=text],
body input[type=number],
body input[type=password],
body select, body textarea {
background: #fff;
border: 1px solid #CDD6DD;
padding: 0.5rem 4rem 0.5rem 2rem;
width: 100%;
font-size: 1.5rem;
}
@media all and (-ms-high-contrast: none) {
body input[type=text],
body input[type=number],
body input[type=password] {
padding-bottom: 1.5rem;
}
}
body ::-webkit-input-placeholder {
color: #707F89;
}
body ::-moz-placeholder {
color: #707F89;
}
body :-ms-input-placeholder {
color: #707F89;
}
body ::-ms-input-placeholder {
color: #707F89;
}
body ::placeholder {
color: #707F89;
}
body select {
background: url(../img/arrowB.svg) no-repeat right 1.5rem center #fff;
}
body select:hover {
cursor: pointer;
}
body input.calendar {
max-width: 27.3rem;
background: url(../img/calendar.svg) no-repeat right 1.5rem center #fff;
}
@media screen and (max-width: 768px) {
body input.calendar {
max-width: inherit;
}
}
body input[type=file] {
margin-top: 1rem;
}
body input[type=file]:hover,
body .mwform-file-delete:hover,
body select:hover {
cursor: pointer;
}
body input[type=number]::-webkit-outer-spin-button,
body input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
body input[type=number] {
-moz-appearance: textfield;
}
body input[type=checkbox] {
display: none;
}
body input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
background: #1b2a4a;
border-color: #1b2a4a;
}
body input[type=checkbox]:checked + .mwform-checkbox-field-text:after {
border-color: #fff;
}
body .mwform-checkbox-field {
margin: 1.5rem 3.5rem 1.5rem 0;
display: block;
}
body .mwform-checkbox-field label:hover {
cursor: pointer;
}
body .mwform-checkbox-field-text {
display: block;
line-height: 2rem;
position: relative;
cursor: pointer;
padding-left: 3.2rem;
}
body .mwform-checkbox-field-text:before, body .mwform-checkbox-field-text:after {
position: absolute;
content: "";
-webkit-transition: 0.3s;
transition: 0.3s;
}
body .mwform-checkbox-field-text:before {
display: block;
top: 0;
left: 0;
width: 2rem;
height: 2rem;
border: 1px solid #D0CFCD;
background: #ffffff;
}
body .mwform-checkbox-field-text:after {
width: 0.9rem;
height: 0.6rem;
top: 0.5rem;
left: 0.6rem;
border-left: 2px solid #D0CFCD;
border-bottom: 2px solid #D0CFCD;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
body input[type=radio] {
display: none;
}
body input[type=radio]:checked + .mwform-radio-field-text:after {
opacity: 1;
}
body .mwform-radio-field {
margin: 1.5rem 3.5rem 1.5rem 0;
display: block;
}
body .mwform-radio-field label:hover {
cursor: pointer;
}
body .mwform-radio-field-text {
display: block;
line-height: 2rem;
position: relative;
cursor: pointer;
padding-left: 3.2rem;
}
body .mwform-radio-field-text:before, body .mwform-radio-field-text:after {
position: absolute;
content: "";
-webkit-transition: 0.3s;
transition: 0.3s;
}
body .mwform-radio-field-text:before {
display: block;
top: 0;
left: 0;
width: 2rem;
height: 2rem;
border: 1px solid #D0CFCD;
background: #F9F9F9;
border-radius: 2rem;
}
body .mwform-radio-field-text:after {
opacity: 0;
width: 1.1rem;
height: 1.1rem;
top: 0;
bottom: 0;
left: 0.5rem;
margin: auto;
background: #1b2a4a;
border-radius: 1rem;
}
@media screen and (max-width: 768px) {
body input, body textarea, body select {
font-size: 1.6rem;
}
body button {
font-size: 4.2666666667vw;
padding: 4vw;
}
body input[type=text],
body input[type=number],
body input[type=password],
body select, body textarea {
padding: 2.1333333333vw 4vw;
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
}
body input[type=password] {
padding-right: 8vw;
}
body select {
background-position: right 4.5333333333vw center;
}
body input[type=file] {
margin-top: 0;
font-size: 3.2vw;
}
body .mwform-checkbox-field {
margin: 4vw 4vw 4vw 0;
font-size: 3.7333333333vw;
}
body .mwform-checkbox-field-text {
line-height: 5.3333333333vw;
padding-left: 7.7333333333vw;
}
body .mwform-checkbox-field-text:before {
width: 5.3333333333vw;
height: 5.3333333333vw;
}
body .mwform-checkbox-field-text:after {
width: 2.4vw;
height: 1.6vw;
top: 1.3333333333vw;
left: 1.6vw;
}
body .mwform-radio-field {
min-width: 40.8vw;
margin: 4vw 0;
font-size: 4vw;
}
body .mwform-radio-field-text {
line-height: 5.3333333333vw;
padding-left: 8.5333333333vw;
}
body .mwform-radio-field-text:before {
width: 5.3333333333vw;
height: 5.3333333333vw;
border-radius: 5.3333333333vw;
}
body .mwform-radio-field-text:after {
width: 2.9333333333vw;
height: 2.9333333333vw;
left: 1.3333333333vw;
border-radius: 2.6666666667vw;
}
}
a {
color: #343A40;
text-decoration: none;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
word-break: break-all;
}
a img {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
body {
min-width: inherit;
}
body img {
display: block;
max-width: 100%;
}
body .pc {
display: block;
}
body .sp {
display: none;
}
@media screen and (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
}
@media screen and (max-width: 768px) {
body {
font-size: 3.2vw;
line-height: 6.4vw;
}
body img {
width: 100%;
max-width: inherit;
}
body .pc {
display: none;
}
body .sp {
display: block;
}
}
body {
position: relative;
}
a {
color: #1b2a4a;
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (min-width: 769px) {
a:hover {
color: #9fb0c8;
text-decoration: none;
}
a:hover img {
opacity: 0.7;
}
}
header {
z-index: 100;
width: 100%;
background: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
header .sc-mobile-button, header .sc-nav-dismiss {
display: none;
}
header.newsClose .sc-header-nav-panel {
top: 13rem;
}
header.is-fixed {
position: fixed;
top: 0;
}
header.is-fixed .sc-header-info {
display: none;
}
header.is-fixed .sc-header-nav-panel, header.is-closed .sc-header-nav-panel {
top: 8.4rem;
}
@media screen and (min-width: 769px) {
header.sc-info--off .sc-header-lookup {
top: 2rem;
}
header.sc-info--off .sc-header-nav-panel {
top: 8.4rem;
}
}
.sc-header-info {
width: 100%;
background: #f5f5f5;
position: relative;
padding: 0.5rem 5rem;
}
.sc-header-info a {
color: #343A40;
text-decoration: none;
}
@media screen and (min-width: 769px) {
.sc-header-info a:hover {
text-decoration: underline;
}
}
.sc-header-info dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-size: 1.4rem;
line-height: 2rem;
padding: 0.5rem;
}
.sc-header-info dl dt {
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-size: 1.5rem;
}
.sc-header-info dl dt:after {
content: ":";
}
.sc-header-info dl dd {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100rem;
}
.sc-header-info-dismiss {
position: absolute;
right: 2rem;
top: 0;
bottom: 0;
margin: auto;
width: 0.8rem;
height: 0.8rem;
}
.sc-header-info-dismiss:hover {
cursor: pointer;
}
.sc-header-body {
position: relative;
z-index: 99;
height: 8.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-logo {
width: 12.8rem;
height: 5.8rem;
margin-left: 2rem;
margin-right: 4rem;
}
.sc-header-logo a {
display: block;
}
.sc-header-nav {
width: calc(100% - 58.5rem);
}
@media screen and (min-width: 769px) and (max-width: 1165px) {
.sc-header-nav {
width: calc(100% - 38.5rem);
}
}
.sc-header-nav > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav > ul > li {
font-size: 1.9rem;
margin-right: 5.1282051282%;
}
.sc-header-nav > ul > li:last-child {
margin-right: 0;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-header-nav > ul > li {
font-size: 1.5rem;
}
}
.sc-header-nav > ul > li > a, .sc-header-nav > ul > li .sc-header-nav-has-sub {
font-weight: bold;
color: #343A40;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.sc-header-nav > ul > li > a:hover, .sc-header-nav > ul > li .sc-header-nav-has-sub:hover {
cursor: pointer;
}
@media screen and (min-width: 769px) {
.sc-header-nav > ul > li:hover > a, .sc-header-nav > ul > li:hover .sc-header-nav-has-sub {
color: #1b2a4a;
}
}
.sc-header-nav-panel {
display: none;
width: 100%;
position: fixed;
left: 0;
right: 0;
top: 12.4rem;
margin: auto;
background: rgba(25, 103, 128, 0.9);
padding-bottom: 5rem;
}
.sc-header-nav-panel-body-event, .sc-header-nav-panel-body-guide, .sc-header-nav-panel-body-lookup {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl:not(:last-child) {
margin-bottom: 2rem;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl dt {
width: 14.5rem;
font-weight: bold;
font-size: 1.9rem;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl dt.form {
padding-top: 1.3rem;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl dd {
width: calc(100% - 14.5rem);
padding-top: 0.3rem;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl ul li {
font-size: 1.4rem;
line-height: 1;
margin-bottom: 1.8rem;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl ul li:not(:last-child) {
margin-right: 1.8rem;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl.wide {
margin-bottom: 0;
}
.sc-header-nav-panel-body-guide .sc-header-nav-lineup p {
font-size: 1.7rem;
margin-bottom: 1.5rem;
}
.sc-header-nav-panel-body-guide .sc-header-nav-lineup ul li {
background-image: url(../img/arrowBlue.svg);
background-repeat: no-repeat;
background-position: left top 0.5rem;
background-size: 0.6rem 1rem;
padding-left: 2rem;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 1.5rem;
background-position: left 0.8rem;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup-button {
width: 100%;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup-button button {
font-size: 1.8rem;
width: 31rem;
margin: 0 auto;
background: #ff3e3e;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup form {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup form .sc-header-nav-lineup-button {
width: 24.3rem;
margin: 0;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup form input {
margin: 0;
}
.sc-header-nav-panel-body-lookup dl {
margin-right: 2.0408163265%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-lookup dl.wide {
width: 57.7272727273%;
}
.sc-header-nav-panel-body-lookup dl.wide dd {
width: calc(100% - 11.4rem);
}
.sc-header-nav-panel-body-lookup dl:not(:last-child) {
margin-bottom: 2rem;
}
.sc-header-nav-panel-body-lookup dl dt {
font-weight: bold;
margin-right: 2.4rem;
font-size: 1.8rem;
}
.sc-header-nav-panel-body-lookup dl dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-lookup .pc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-lookup select::-webkit-input-placeholder, .sc-header-nav-panel-body-lookup input::-webkit-input-placeholder {
color: #343A40;
}
.sc-header-nav-panel-body-lookup select::-moz-placeholder, .sc-header-nav-panel-body-lookup input::-moz-placeholder {
color: #343A40;
}
.sc-header-nav-panel-body-lookup select:-ms-input-placeholder, .sc-header-nav-panel-body-lookup input:-ms-input-placeholder {
color: #343A40;
}
.sc-header-nav-panel-body-lookup select::-ms-input-placeholder, .sc-header-nav-panel-body-lookup input::-ms-input-placeholder {
color: #343A40;
}
.sc-header-nav-panel-body-lookup select::placeholder, .sc-header-nav-panel-body-lookup input::placeholder {
color: #343A40;
}
.sc-header-nav-panel-body-lookup select[name=area] {
width: 26rem;
}
.sc-header-nav-panel-body-lookup select[name=themes] {
width: 44.5rem;
}
.sc-header-nav-panel-body-lookup input#keyword {
width: 100%;
}
.sc-header-nav-panel-body-lookup input.calendar {
width: 26rem;
margin: 0;
}
.sc-header-nav-panel-body-lookup input.calendar:first-child {
margin-right: 0.5rem;
}
.sc-header-nav-panel-body-lookup input.calendar:last-child {
margin-left: 0.5rem;
}
.sc-header-nav-title {
width: 25.3021148036%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
color: #fff;
font-weight: bold;
font-size: 3rem;
line-height: 1;
}
.sc-header-nav-title a {
text-decoration: none;
color: #fff;
}
.sc-header-nav-title a:hover {
opacity: 0.7;
}
.sc-header-nav-lineup {
width: 74.6978851964%;
background: #fff;
padding: 3rem;
}
.sc-header-nav-lineup a {
text-decoration: none;
color: #343A40;
}
@media screen and (min-width: 769px) {
.sc-header-nav-lineup a:hover {
color: #1b2a4a;
text-decoration: underline;
}
}
.sc-header-nav-lineup form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-lineup form input {
margin: 0 1rem;
}
.sc-header-nav-lineup form .sc-header-nav-lineup-button {
width: 10rem;
margin-left: 2rem;
}
.sc-header-nav-lineup form .sc-header-nav-lineup-button button {
width: 100%;
background: #ff3e3e;
}
.sc-header-lookup {
position: absolute;
right: 2rem;
top: 2.5rem;
z-index: 999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
}
.sc-header-lookup-inquiry a {
border: solid 3px #1b2a4a;
border-radius: 3px;
text-decoration: none;
color: #1b2a4a;
display: block;
padding: 0.9rem 1.1rem 0.9rem 4.8rem;
letter-spacing: 0.1rem;
font-weight: bold;
background: url(../img/icon-mail.svg) no-repeat left 1rem center;
}
.sc-header-lookup-inquiry a:hover {
color: #FFF;
background: #1b2a4a url(../img/icon-mail_white.svg) no-repeat left 1rem center;
}
.sc-header-lookup-sign:hover {
cursor: pointer;
}
.sc-header-lookup .sc-header-nav-panel {
background: rgba(27, 42, 74, 0.96);
}
aside {
position: fixed;
right: 2rem;
top: 30vh;
}
aside ul li {
width: 2.6rem;
}
aside ul li:not(:last-child) {
margin-bottom: 3.5rem;
}
aside ul li a {
display: block;
width: 100%;
height: 100%;
}
aside ul li a img {
margin: 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
aside {
display: none;
}
}
.sc-to-top {
position: fixed;
bottom: 2rem;
right: 2rem;
-webkit-transition: none;
transition: none;
}
footer {
color: #fff;
}
footer a {
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 769px) {
footer a:hover {
color: #fff;
text-decoration: underline;
}
}
footer.ambassador .sc-footer-event {
padding: 0;
}
footer.ambassador .sc-footer-event .sc-footer-body {
max-width: 130rem;
padding: 10rem 4rem 3.5rem;
background-color: #0d1a30;
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
footer.ambassador .sc-footer-event .sc-footer-body {
padding-left: 0;
padding-bottom: 53rem;
background-position: center bottom;
}
}
footer.ambassador .sc-footer-title {
grid-area: 1/1/2/2;
width: 100%;
margin-bottom: 3rem;
}
footer.ambassador .sc-footer-card {
grid-area: 2/1/3/2;
}
footer.ambassador .sc-footer-card.right {
grid-area: 1/2/3/3;
}
footer.ambassador .sc-footer-sns {
margin-top: 0;
}
.sc-footer-body {
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-footer-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
.sc-footer-title {
font-size: 2.4rem;
font-weight: bold;
width: 18.3333333333%;
}
@media screen and (min-width: 769px) and (max-width: 1250px) {
.sc-footer-title {
width: 100%;
margin-bottom: 3rem;
}
}
.sc-footer-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
width: 100%;
max-width: 60rem;
font-size: 1.6rem;
}
.sc-footer-card.right {
max-width: 30rem;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-footer-card {
margin-bottom: 4rem;
max-width: inherit;
}
}
.sc-footer-card dt {
font-weight: bold;
margin-bottom: 1rem;
}
.sc-footer-card dt:before {
content: "-";
margin-right: 0.8rem;
}
.sc-footer-card dt + dt {
margin-top: 1.5rem;
}
.sc-footer-card dd {
width: 100%;
margin-left: 1.4rem;
}
.sc-footer-card dd:not(:last-child) {
margin-bottom: 3rem;
}
.sc-footer-card dd ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
line-height: 4rem;
}
.sc-footer-card dd ul li:not(:last-child) {
margin-right: 3rem;
}
.sc-footer-card dd.bnr {
margin-left: 0;
margin-top: 4.5rem;
}
.sc-footer-card dd.bnr a {
display: block;
max-width: 27.2rem;
}
.sc-footer-card.right dt + dt {
margin-top: 0;
}
.sc-footer-event {
padding: 6rem 0;
background: #0d1a30;
}
.sc-footer-left {
width: calc(100% - 18rem);
}
@media screen and (min-width: 769px) and (max-width: 1122px) {
.sc-footer-left {
margin-bottom: 3.5rem;
}
}
.sc-footer-left dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-weight: bold;
margin-bottom: 7.5rem;
}
@media screen and (min-width: 769px) and (max-width: 1122px) {
.sc-footer-left dl {
margin-bottom: 3.5rem;
}
}
.sc-footer-left dl dt {
font-size: 2.4rem;
width: 23rem;
}
.sc-footer-left dl dd {
width: calc(100% - 23rem);
}
.sc-footer-left dl dd ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-footer-left dl dd ul li {
width: calc(50% - 2rem);
font-size: 1.6rem;
margin-bottom: 1rem;
margin-right: 2rem;
}
.sc-footer-left dl dd ul li:before {
content: "-";
margin-right: 0.8rem;
}
.sc-footer-other {
font-size: 1.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-footer-other li {
margin-right: 3rem;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-footer-other {
margin-bottom: 3rem;
}
}
.sc-footer-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-footer-right a {
display: block;
width: 17rem;
height: auto;
margin-bottom: 5rem;
}
.sc-footer-right small {
font-family: "Montserrat", sans-serif;
font-size: 1.4rem;
display: block;
margin: auto 0 0;
}
.sc-footer-relation {
padding: 6rem 0;
background: #0d1a30;
}
.sc-footer-sns {
margin-left: auto;
margin-bottom: 0;
margin-top: auto;
}
.sc-footer-sns .print {
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.sc-footer-sns .print:hover {
cursor: pointer;
opacity: 0.7;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-footer-sns {
margin-top: 3rem;
}
}
.sc-trail {
border-bottom: 4px solid #343A40;
padding-bottom: 1.5rem;
margin-bottom: 4rem;
background: #fff;
width: 100%;
}
.sc-trail ul {
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-trail ul li {
color: #868686;
font-size: 1.2rem;
line-height: 1;
position: relative;
margin-right: 1rem;
padding-right: 2rem;
}
.sc-trail ul li a {
color: #868686;
text-decoration: none;
}
.sc-trail ul li a:hover {
text-decoration: underline;
}
.sc-trail ul li:not(:last-child):after {
position: absolute;
right: 0;
top: 0;
content: "／";
color: #ccc;
}
@media screen and (max-width: 768px) {
header {
position: static;
top: -26.6666666667vw;
}
header .sc-mobile-button {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
width: 10.6666666667vw;
height: 10.6666666667vw;
background: #1b2a4a;
border-radius: 3px;
cursor: pointer;
}
header .sc-mobile-button-line {
display: block;
margin: auto;
width: 5.3333333333vw;
height: 0.5333333333vw;
background-color: #fff;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header .sc-mobile-button-line:before, header .sc-mobile-button-line:after {
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
display: block;
width: 5.3333333333vw;
height: 0.5333333333vw;
background: #fff;
position: absolute;
}
header .sc-mobile-button-line:before {
top: -1.8666666667vw;
}
header .sc-mobile-button-line:after {
bottom: -1.8666666667vw;
}
header .sc-mobile-button.open .sc-mobile-button-line {
background: transparent;
}
header .sc-mobile-button.open .sc-mobile-button-line:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
}
header .sc-mobile-button.open .sc-mobile-button-line:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 0;
}
header .sc-nav-dismiss {
display: block;
position: fixed;
right: 5.3333333333vw;
bottom: 10.6666666667vw;
width: 5.3333333333vw;
height: 5.3333333333vw;
}
header .sc-nav-dismiss:before, header .sc-nav-dismiss:after {
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
display: block;
width: 5.3333333333vw;
height: 0.5333333333vw;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
header .sc-nav-dismiss:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
header .sc-nav-dismiss:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header.newsClose {
height: 28.8vw;
}
header.newsClose .sc-header-nav-panel {
top: 28.8vw;
}
header.is-fixed {
position: fixed;
left: 0;
top: 0;
background: transparent;
}
header.is-fixed .sc-header-info, header.is-fixed .sc-header-logo {
display: none;
}
header.is-fixed .sc-header-body {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
header.is-fixed .sc-header-nav {
top: 14.4vw;
height: calc(100% - 14.4vw);
}
header.is-fixed .sc-header-lookup .sc-header-nav-panel {
top: 14.4vw;
height: calc(100% - 14.4vw);
}
.sc-header-logo {
width: 22.6666666667vw;
}
.sc-header-info {
width: 100%;
padding: 0 9.6vw 0 4.8vw;
}
.sc-header-info dl {
font-size: 3.2vw;
line-height: 1;
padding: 1.8666666667vw 0;
}
.sc-header-info dl dt {
font-size: 3.7333333333vw;
}
.sc-header-info-dismiss {
right: 4.5333333333vw;
width: 2.1333333333vw;
height: 2.1333333333vw;
}
.sc-header-body {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 95.4666666667%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
padding: 0;
height: 14.4vw;
}
.sc-header-logo {
margin: 0 auto 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-logo > * {
display: block;
margin: 0 auto;
width: 29.3333333333vw;
}
.sc-header-nav {
display: none;
background: #13233f;
padding-top: 12.8vw;
height: auto;
padding-bottom: 26.6666666667vw;
position: fixed;
left: 0;
z-index: 999;
width: 100%;
overflow: scroll;
}
.sc-header-nav > ul {
display: block;
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
}
.sc-header-nav > ul > li {
font-size: 4.2666666667vw;
margin-right: 0;
margin-bottom: 4vw;
}
.sc-header-nav > ul > li > a, .sc-header-nav > ul > li .sc-header-nav-has-sub span {
color: #fff;
display: block;
width: 100%;
border-bottom: 1px solid #fff;
padding-bottom: 4vw;
}
.sc-header-nav-has-sub {
position: relative;
}
.sc-header-nav-has-sub:before, .sc-header-nav-has-sub:after {
content: "";
display: block;
background: #fff;
position: absolute;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.sc-header-nav-has-sub:before {
width: 5.0666666667vw;
height: 1px;
right: 0;
top: 2.4vw;
}
.sc-header-nav-has-sub:after {
width: 1px;
top: 0;
height: 5.0666666667vw;
right: 2.4vw;
}
.sc-header-nav-has-sub.open:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sc-header-nav-panel {
z-index: 999;
display: none;
top: 36.8vw;
margin: auto;
background: none;
min-height: inherit;
position: static;
color: #fff;
}
.sc-header-nav-panel-body-event, .sc-header-nav-panel-body-guide, .sc-header-nav-panel-body-lookup {
display: block;
}
.sc-header-nav-panel-body-event {
padding-bottom: 10.6666666667vw;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl {
display: block;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl:not(:last-child) {
margin-bottom: 10.6666666667vw;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl dt {
width: 100%;
font-size: 4.2666666667vw;
font-weight: normal;
margin-bottom: 6.4vw;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl dt:before {
content: "-";
margin-right: 2.1333333333vw;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl dt.form {
padding-top: 0;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl dd {
padding: 0 4vw;
width: 100%;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl ul li {
width: 49%;
font-size: 3.7333333333vw;
margin-bottom: 4.8vw;
}
.sc-header-nav-panel-body-event .sc-header-nav-lineup dl ul li:not(:last-child) {
margin-right: 0;
}
.sc-header-nav-panel-body-guide .sc-header-nav-lineup p {
display: none;
}
.sc-header-nav-panel-body-guide .sc-header-nav-lineup ul li {
background: none;
font-weight: normal;
font-size: 4.2666666667vw;
margin-bottom: 2.6666666667vw;
padding-left: 0;
}
.sc-header-nav-panel-body-guide .sc-header-nav-lineup ul li:before {
content: "-";
margin-right: 2.1333333333vw;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup {
width: 81.0666666667%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup.pc {
display: none;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup-button {
width: 100%;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup-button button {
font-size: 4.2666666667vw;
width: 100%;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup form {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup form .sc-header-nav-lineup-button {
margin-top: 5.3333333333vw;
width: 100%;
}
.sc-header-nav-panel-body-lookup .sc-header-nav-lineup form input {
width: 100%;
}
.sc-header-nav-panel-body-lookup dl {
width: 38.1333333333vw;
margin-right: 0;
display: block;
}
.sc-header-nav-panel-body-lookup dl.wide {
width: 100%;
}
.sc-header-nav-panel-body-lookup dl.wide dd {
display: block;
width: 100%;
}
.sc-header-nav-panel-body-lookup dl.spWide {
width: 100%;
}
.sc-header-nav-panel-body-lookup dl.spWide dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-header-nav-panel-body-lookup dl:not(:last-child) {
margin-bottom: 5.3333333333vw;
}
.sc-header-nav-panel-body-lookup dl dt {
display: none;
margin-right: 0;
}
.sc-header-nav-panel-body-lookup dl dd {
display: block;
}
.sc-header-nav-panel-body-lookup select[name=area], .sc-header-nav-panel-body-lookup select[name=themes] {
width: 100%;
}
.sc-header-nav-panel-body-lookup input#keyword {
width: 100%;
}
.sc-header-nav-panel-body-lookup input.calendar {
width: 38.1333333333vw;
margin: 0;
}
.sc-header-nav-panel-body-lookup input.calendar:first-child {
margin-right: 0;
}
.sc-header-nav-panel-body-lookup input.calendar:last-child {
margin-left: 0;
}
.sc-header-nav-title {
display: none;
font-size: 4.2666666667vw;
padding: 5.8666666667vw 4vw 5.8666666667vw;
}
.sc-header-nav-lineup {
width: 100%;
background: none;
padding: 12vw 0 0;
}
.sc-header-nav-lineup a {
color: #fff;
}
.sc-header-nav-lineup .pc {
display: none;
}
.sc-header-nav-lineup form {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sc-header-nav-lineup form dl.wide {
width: 100%;
}
.sc-header-nav-lineup form input {
width: 100%;
margin: 0;
padding: 1.3333333333vw 10.6666666667vw 1.3333333333vw 2.6666666667vw;
}
.sc-header-nav-lineup form .sc-header-nav-lineup-button {
width: 100%;
margin: 4vw 0 0;
}
.sc-header-lookup {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
position: static;
cursor: pointer;
margin-left: 2.6666666667vw;
}
.sc-header-lookup-inquiry a {
border: solid 2px #1b2a4a;
padding: 1.3333333333vw 1.3333333333vw 1.3333333333vw 6.6666666667vw;
margin-right: 2.6666666667vw;
background: url(../img/icon-mail.svg) no-repeat left 0.5rem center;
background-size: 4vw;
}
.sc-header-lookup-inquiry a:hover {
color: #1b2a4a;
background: #FFF url(../img/icon-mail.svg) no-repeat left 0.5rem center;
background-size: 4vw;
}
.sc-header-lookup-sign {
width: 10.6666666667vw;
height: 10.6666666667vw;
background: #1b2a4a;
border-radius: 3px;
position: relative;
}
.sc-header-lookup-sign:hover {
cursor: pointer;
}
.sc-header-lookup-sign.open img.sp {
display: none;
}
.sc-header-lookup-sign.open:before, .sc-header-lookup-sign.open:after {
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
display: block;
width: 5.3333333333vw;
height: 0.5333333333vw;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.sc-header-lookup-sign.open:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sc-header-lookup-sign.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sc-header-lookup .sc-header-nav-title {
width: 100%;
display: block;
background: #1b2a4a;
}
.sc-header-lookup .sc-header-nav-panel {
display: none;
background: #fff;
position: fixed;
}
.sc-header-lookup .sc-nav-dismiss:before, .sc-header-lookup .sc-nav-dismiss:after {
background: #343A40;
}
aside {
display: none;
}
.sc-to-top {
right: 2.6666666667vw;
bottom: 2.6666666667vw;
}
footer.ambassador .sc-footer-event .sc-footer-body {
width: 100%;
display: block;
padding: 13.3333333333vw 3.7333333333vw;
}
footer.ambassador .sc-footer-event .sc-footer-card.right {
margin-bottom: 0;
}
footer.ambassador .sc-footer-title {
margin-bottom: 13.3333333333vw;
}
.sc-footer-body {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.sc-footer-title {
font-size: 4.8vw;
width: 100%;
margin-bottom: 13.3333333333vw;
}
.sc-footer-card {
max-width: inherit;
font-size: 4.2666666667vw;
padding-left: 6.4vw;
padding-right: 0;
margin-bottom: 8vw;
}
.sc-footer-card.right {
max-width: inherit;
}
.sc-footer-card dt {
margin-bottom: 2.6666666667vw;
}
.sc-footer-card dt:before {
margin-right: 2.1333333333vw;
}
.sc-footer-card dt + dt {
margin-top: 4vw;
}
.sc-footer-card dd {
margin-left: 3.7333333333vw;
}
.sc-footer-card dd:not(:last-child) {
margin-bottom: 8vw;
}
.sc-footer-card dd ul {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 6.6666666667vw;
}
.sc-footer-card dd ul li {
font-size: 4vw;
width: 34.6666666667vw;
margin-bottom: 2.6666666667vw;
}
.sc-footer-card dd ul li:nth-child(even) {
width: 45.3333333333vw;
}
.sc-footer-card dd ul li:not(:last-child) {
margin-right: 0;
}
.sc-footer-card dd.sc-footer-sns ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-footer-card dd.sc-footer-sns ul li {
width: auto;
margin: 0 8vw 0 0;
}
.sc-footer-card dd.sc-footer-sns ul li:nth-child(even) {
width: auto;
}
.sc-footer-card dd.sc-footer-sns ul li:last-child {
margin-right: 0;
}
.sc-footer-card dd.bnr {
margin-top: 13.3333333333vw;
}
.sc-footer-card dd.bnr a {
max-width: 72.5333333333vw;
}
.sc-footer-event {
padding: 16vw 0 8vw;
}
.sc-footer-left {
width: 100%;
}
.sc-footer-left dl {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 14.1333333333vw;
}
.sc-footer-left dl dt {
width: 100%;
font-size: 4.8vw;
margin-bottom: 4.8vw;
}
.sc-footer-left dl dd {
width: 100%;
padding-left: 6.4vw;
}
.sc-footer-left dl dd ul {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.sc-footer-left dl dd ul li {
width: 100%;
font-size: 4.2666666667vw;
margin-right: 0;
}
.sc-footer-left dl dd ul li:not(:last-child) {
margin-bottom: 4vw;
}
.sc-footer-left dl dd ul li:before {
margin-right: 2.1333333333vw;
}
.sc-footer-other {
margin-bottom: 8vw;
font-size: 3.2vw;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 11.2vw;
}
.sc-footer-other li {
width: 37.3333333333vw;
margin-right: 0;
margin-bottom: 2.6666666667vw;
}
.sc-footer-other li:nth-child(even) {
width: 40vw;
}
.sc-footer-right a {
width: 31.4666666667vw;
margin-bottom: 5.3333333333vw;
}
.sc-footer-right small {
font-size: 3.7333333333vw;
}
.sc-footer-relation {
padding: 14.6666666667vw 0;
}
.sc-footer-sns {
margin: 8vw auto 0;
}
.sc-trail {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
padding-bottom: 2.4vw;
margin-top: 0;
margin-bottom: 5.3333333333vw;
}
.sc-trail ul {
display: block;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}
.sc-trail ul li {
display: inline-block;
font-size: 3.2vw;
margin-right: 2.6666666667vw;
padding-right: 5.3333333333vw;
}
.sc-trail ul li img {
width: 3.2vw;
}
}
.sc-main-view-lookup {
margin-bottom: 7rem;
background: url(../img/top/mv.jpg) no-repeat center top;
background-size: cover;
padding: 10rem 0 8rem;
}
.sc-main-view-lookup h2 {
text-align: center;
color: #fff;
font-size: 5.6rem;
line-height: 6rem;
font-weight: bold;
margin-bottom: 4rem;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-main-view-lookup h2 {
max-width: 120rem;
width: 90%;
margin: 0 auto;
margin-bottom: 4rem;
}
}
.sc-main-view-lookup p {
max-width: 120rem;
width: 90%;
margin: 0 auto;
font-size: 2.4rem;
line-height: 3.6rem;
font-weight: bold;
text-align: center;
color: #fff;
margin-bottom: 3rem;
}
.sc-main-view-lookup-panel {
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
background: rgba(10, 55, 69, 0.7);
padding: 2.5rem 3rem;
color: #fff;
}
.sc-main-view-lookup-panel span {
color: #fff;
font-weight: bold;
}
.sc-main-view-lookup-panel div {
width: 25.3333333333%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-main-view-lookup-panel div input[type=text].calendar, .sc-main-view-lookup-panel div textarea.calendar, .sc-main-view-lookup-panel div select.calendar {
width: 46.0526315789%;
}
.sc-main-view-lookup-panel input[type=text], .sc-main-view-lookup-panel textarea, .sc-main-view-lookup-panel select {
width: 11.6666666667%;
max-width: 14rem;
font-weight: bold;
padding-left: 0.8rem;
}
.sc-main-view-lookup-panel input[type=text].calendar, .sc-main-view-lookup-panel textarea.calendar, .sc-main-view-lookup-panel select.calendar {
width: 11.6666666667%;
max-width: 14rem;
}
.sc-main-view-lookup-panel input[type=text].keyword, .sc-main-view-lookup-panel textarea.keyword, .sc-main-view-lookup-panel select.keyword {
width: 20.8333333333%;
max-width: 25rem;
padding-right: 2rem;
}
.sc-main-view-lookup-panel button {
width: 8.3333333333%;
max-width: 10rem;
background: #ff3e3e;
padding-left: 0;
padding-right: 0;
}
.sc-main-view-lookup-panel ::-webkit-input-placeholder {
color: #343A40;
}
.sc-main-view-lookup-panel ::-moz-placeholder {
color: #343A40;
}
.sc-main-view-lookup-panel :-ms-input-placeholder {
color: #343A40;
}
.sc-main-view-lookup-panel ::-ms-input-placeholder {
color: #343A40;
}
.sc-main-view-lookup-panel ::placeholder {
color: #343A40;
}
.sc-main-view-lookup.ambassador {
background-image: url(../img/top/ambassador/search_bg.png);
padding: 0;
}
.sc-main-view-lookup.ambassador .sc-ambassador-body {
max-width: 120rem;
width: 90%;
margin: 0 auto;
background: none;
padding: 7rem 0 7rem;
}
.sc-main-view-lookup.ambassador h2, .sc-main-view-lookup.ambassador p {
color: #343A40;
text-align: center;
width: 100%;
}
.sc-main-view-lookup.ambassador h2 {
font-weight: 900;
font-size: 7rem;
line-height: 8.2rem;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 769px) and (max-width: 1284px) {
.sc-main-view-lookup.ambassador h2 {
font-size: 5.4vw;
line-height: 1.5;
}
}
.sc-main-view-lookup.ambassador p {
font-size: 2.6rem;
}
@media screen and (min-width: 769px) and (max-width: 1284px) {
.sc-main-view-lookup.ambassador p {
font-size: 2vw;
line-height: 1.5;
}
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel {
width: 100%;
margin-top: 3.5rem;
background: transparent;
padding: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel > *:not(:last-child) {
margin-right: 2rem;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel select {
max-width: 18.5rem;
border: none;
width: 25%;
padding: 0.9rem 4rem 0.9rem 1.5rem;
font-size: 1.8rem;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel input[type=text] {
max-width: 34.7rem;
border: none;
width: 45%;
padding: 0.9rem 4rem 0.9rem 1.5rem;
font-size: 1.8rem;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel button {
padding: 1.5rem;
max-width: 18.8rem;
width: 25%;
font-size: 2.1rem;
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel > *:not(:last-child) {
margin-right: 0;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel select {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 45%;
margin: 0;
max-width: inherit;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel input[type=text] {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
width: 100%;
max-width: inherit;
margin-bottom: 2rem;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel button {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 50%;
max-width: inherit;
}
}
.sc-main-view-title {
background: url(../img/ttlBg.svg) no-repeat left top;
background-size: 5.4rem;
padding-top: 4rem;
margin-bottom: 5rem;
width: 100%;
}
.sc-main-view-title h2 {
font-size: 3.8rem;
font-weight: bold;
margin-bottom: 1rem;
line-height: 1;
}
.sc-main-view-title-en {
font-family: "Montserrat", sans-serif;
font-size: 2rem;
font-style: italic;
color: #868686;
}
.sc-main-view-event-lineup {
position: relative;
max-width: 120rem;
width: 90%;
margin: 0 auto;
margin-bottom: 7rem;
}
.sc-main-view-event-lineup-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-main-view-event-lineup-body:after {
content: "";
width: 31.3333333333%;
max-width: 37.6rem;
display: block;
}
.sc-main-view-event-lineup-body.slider {
margin-bottom: 7rem;
}
.sc-main-view-event-lineup-body.slider .sc-main-view-event-card {
margin: 0 1.8rem;
}
.sc-main-view-event-lineup-body.slider .sc-slide-nav {
position: absolute;
top: 3.7rem;
z-index: 2;
width: 5.4rem;
}
.sc-main-view-event-lineup-body.slider .sc-slide-nav:hover {
cursor: pointer;
}
.sc-main-view-event-lineup-body.slider .sc-slide-nav-prev {
left: 0.5rem;
}
.sc-main-view-event-lineup-body.slider .sc-slide-nav-next {
right: 0.5rem;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card {
margin: 0;
width: 100%;
max-width: inherit;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card-media {
margin-bottom: 0;
width: 100%;
height: 0;
padding-bottom: 52.63%;
padding-bottom: 21.83%;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card-chip {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 2rem;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card-chip li {
background: #343A40;
color: #fff;
font-size: 1.6rem;
padding: 0.6rem 1.9rem;
line-height: 1;
}
.sc-main-view-event-lineup-body.recommended .sc-slide-nav {
top: calc(50% - 10rem);
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 0;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-media {
width: 45.2127659574%;
height: 10rem;
margin-bottom: 0;
padding-bottom: 0;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-media div {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-bottom: 52.63%;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-day {
font-size: 1.4rem;
margin-bottom: 1rem;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-text {
width: 48.4042553191%;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-text h3 {
font-size: 1.6rem;
margin-bottom: 0;
}
.sc-main-view-event-lineup-body.latest .sc-slide-nav {
top: 1.8rem;
}
.sc-main-view-event-lineup a {
text-decoration: none;
color: #343A40;
display: block;
}
.sc-main-view-event-lineup a:hover {
opacity: 0.7;
}
.sc-main-view-event-card {
width: 31.3333333333%;
max-width: 37.6rem;
margin-bottom: 6rem;
}
.sc-main-view-event-card-media {
width: 100%;
height: 20.6rem;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
margin-bottom: 2.5rem;
width: 100%;
height: 0;
padding-bottom: 52.63%;
}
.sc-main-view-event-card-fresh {
font-family: "Montserrat", sans-serif;
font-style: italic;
font-weight: 500;
position: absolute;
left: 0;
bottom: 0;
color: #ef6f5d;
background: #fff;
font-size: 2rem;
line-height: 1;
padding: 0.3rem 0.8rem;
}
.sc-main-view-event-card-state {
position: absolute;
left: 0;
top: 0;
width: 7rem;
height: 7rem;
}
.sc-main-view-event-card-state span {
font-size: 1.4rem;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
display: block;
color: #fff;
position: absolute;
left: 0.3rem;
bottom: 3.5rem;
z-index: 1;
}
.sc-main-view-event-card-state:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 70px 70px 0 0;
border-color: #1b2a4a transparent transparent transparent;
position: absolute;
left: 0;
top: 0;
}
.sc-main-view-event-card-state.end span {
left: 1rem;
}
.sc-main-view-event-card-state.end:before {
border-color: #CCCCCC transparent transparent transparent;
}
.sc-main-view-event-card-state.end02 span {
left: -0.2rem;
bottom: 3.3rem;
}
.sc-main-view-event-card-state.end02:before {
border-color: #868686 transparent transparent transparent;
}
.sc-main-view-event-card-rank {
color: #1b2a4a;
position: absolute;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.9);
font-weight: bold;
font-size: 2rem;
width: 6.4rem;
height: 4.6rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding-top: 0.6rem;
}
.sc-main-view-event-card-rank span {
font-family: "Montserrat", sans-serif;
margin-top: -0.6rem;
font-weight: lighter;
font-style: italic;
font-size: 3.4rem;
}
.sc-main-view-event-card h3 {
color: #13233f;
font-weight: bold;
font-size: 2rem;
line-height: 2.8rem;
margin-bottom: 1.5rem;
}
.sc-main-view-event-card p {
font-size: 1.6rem;
line-height: 2.8rem;
font-weight: bold;
}
.sc-main-view-event-cta {
width: 100%;
margin-bottom: 9rem;
}
.sc-main-view-event-cta a {
display: block;
font-weight: bold;
font-size: 1.6rem;
text-align: center;
display: block;
border: 3px solid #343A40;
border-radius: 0.4rem;
color: #343A40;
width: 100%;
max-width: 37.6rem;
padding: 1.5rem;
margin: 0 auto;
}
.sc-main-view-event-recap {
max-width: 120rem;
width: 90%;
margin: 0 auto;
margin-bottom: 7rem;
}
.sc-main-view-event-recap a {
text-decoration: none;
color: #343A40;
}
.sc-main-view-event-recap a:hover {
opacity: 0.7;
}
.sc-main-view-event-recap-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 2rem;
}
.sc-main-view-event-recap-card-media {
width: 27.7rem;
height: 16rem;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.sc-main-view-event-recap-card-media div {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-bottom: 52.63%;
}
.sc-main-view-event-recap-card-text {
width: calc(100% - 31rem);
font-size: 1.4rem;
line-height: 2.2rem;
}
.sc-main-view-event-recap-card-day {
color: #1b2a4a;
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 2rem;
line-height: 1;
}
.sc-main-view-event-recap-card-day span {
font-family: "Montserrat", sans-serif;
color: #343A40;
font-weight: normal;
font-style: italic;
}
.sc-main-view-event-recap-card h3 {
color: #13233f;
font-weight: bold;
font-size: 2.4rem;
line-height: 3.4rem;
margin-bottom: 2rem;
}
.sc-main-view-event-recap-card p span {
color: #1b2a4a;
}
.sc-main-view-event-pages {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-top: 5rem;
}
.sc-main-view-event-pages ul {
margin: 0 4.2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-family: "Montserrat", sans-serif;
font-style: italic;
font-size: 1.6rem;
}
.sc-main-view-event-pages ul li {
margin: 0 0.8rem;
}
.sc-main-view-event-pages a, .sc-main-view-event-pages span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
background-color: #f5f5f5;
background-position: center center;
background-size: 0.6rem 1.2rem;
background-repeat: no-repeat;
border-radius: 0.3rem;
width: 4rem;
height: 4rem;
text-decoration: none;
}
.sc-main-view-event-pages a.current, .sc-main-view-event-pages span.current {
background: #d7deea;
}
.sc-main-view-event-pages-prev {
background-image: url(../img/pagerPrev.svg);
}
.sc-main-view-event-pages-next {
background-image: url(../img/pagerNext.svg);
}
.sc-main-view-bnr-space {
width: 100%;
margin: 0 auto;
}
.sc-main-view-bnr-space a img {
margin: 0 auto;
}
.sc-main-view-info {
max-width: 120rem;
width: 90%;
margin: 0 auto;
padding-bottom: 7rem;
}
.sc-main-view-info dl {
font-size: 1.6rem;
line-height: 2.8rem;
border-bottom: 1px solid #CCCCCC;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.sc-main-view-info dl dt {
width: 17.5rem;
}
.sc-main-view-info dl dd {
width: calc(100% - 17.5rem);
}
.sc-main-view-info dl dd a {
font-weight: bold;
color: #343A40;
text-decoration: none;
}
.sc-main-view-info dl dd a:hover {
color: #1b2a4a;
text-decoration: underline;
}
.sc-main-view-beginners {
background: url(../img/top/beginnerBg.jpg) no-repeat center center;
background-size: cover;
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 4rem;
margin-bottom: 7rem;
}
.sc-main-view-beginners h2 {
font-weight: bold;
font-size: 3.2rem;
text-align: center;
margin-bottom: 2.7rem;
}
.sc-main-view-beginners p {
font-size: 1.6rem;
text-align: center;
line-height: 2.7rem;
}
.sc-main-view-beginners a {
color: #1b2a4a;
border-radius: 0.4rem;
width: 20rem;
margin: 0 auto;
display: block;
text-decoration: none;
margin-top: 2rem;
text-align: center;
padding: 1rem;
border: 2px solid #1b2a4a;
font-weight: bold;
background-image: url(../img/top/arrowBlue.svg);
background-color: #fff;
background-repeat: no-repeat;
background-position: right 1.5rem center;
background-size: 0.7rem;
}
.sc-main-view-beginners a:hover {
color: #fff;
background-image: url(../img/top/arrowWhite.svg);
background-color: #1b2a4a;
}
.sc-main-view-notice {
background: #f9f9f9;
padding: 6rem 4rem 3rem;
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 7rem;
}
.sc-main-view-notice-text {
width: 47.5935828877%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-main-view-notice-text h2 {
background: #343a40;
color: #fff;
border-left: 6px solid #1b2a4a;
font-size: 2rem;
padding: 0.8rem 2rem;
font-weight: bold;
margin-bottom: 2rem;
}
.sc-main-view-notice-text p {
font-size: 3.8rem;
font-weight: bold;
line-height: 5.2rem;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-main-view-notice-text p {
font-size: 2.6rem;
line-height: 4.8rem;
}
}
.sc-main-view-notice-button {
width: 49.4652406417%;
}
.sc-main-view-notice-button-register, .sc-main-view-notice-button-inquiry {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-size: 2.4rem;
border-radius: 3px;
width: 100%;
height: 8rem;
text-decoration: none;
margin-bottom: 1rem;
border: 2px solid #1b2a4a;
background-repeat: no-repeat;
background-position: right 1.5rem center;
}
.sc-main-view-notice-button-register:hover, .sc-main-view-notice-button-inquiry:hover {
opacity: 0.7;
}
.sc-main-view-notice-button-register {
background-image: url(../img/top/arrowBlue.svg);
background-color: #fff;
}
.sc-main-view-notice-button-register:hover {
color: #1b2a4a;
}
.sc-main-view-notice-button-inquiry {
color: #fff;
background-image: url(../img/top/arrowWhite.svg);
background-color: #1b2a4a;
}
.sc-main-view-notice-tel {
margin-top: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-main-view-notice-tel dt {
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 0.5rem;
}
.sc-main-view-notice-tel dd {
font-size: 1.6rem;
}
.sc-main-view-notice-tel-index {
font-family: "Montserrat", sans-serif;
font-style: italic;
background: url(../img/top/tel.svg) no-repeat left center;
color: #343A40;
text-decoration: none;
font-size: 4.5rem;
line-height: 4.5rem;
padding-left: 3rem;
}
.sc-main-view-notice-qa {
text-align: right;
margin-top: 1rem;
}
.sc-main-view-notice-qa a {
background: url(../img/top/faqIcon.svg) no-repeat left top;
padding-left: 3.5rem;
font-weight: bold;
font-size: 1.6rem;
text-decoration: none;
}
.sc-main-view-notice-qa a:hover {
text-decoration: underline;
}
.sc-main-view-group {
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 7rem;
}
.sc-main-view-group-card {
width: 31.1666666667%;
display: block;
padding-bottom: 6rem;
position: relative;
color: #343A40;
}
.sc-main-view-group-card dl {
width: calc(100% - 3rem);
background: url(../img/top/arrowBlue.svg) no-repeat right 1.2rem center #fff;
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
padding: 2rem 4rem 2rem 2rem;
}
.sc-main-view-group-card dl dt {
font-size: 1.4rem;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-main-view-group-card dl dt {
font-size: 1.2rem;
}
}
.sc-main-view-group-card dl dd {
font-size: 2.2rem;
font-weight: bold;
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
.sc-main-view-group-card dl dd {
font-size: 1.8rem;
}
}
@media screen and (max-width: 768px) {
.sc-main-view-lookup {
background: url(../img/top/mv_sp.jpg) no-repeat center top;
background-size: cover;
margin-bottom: 13.3333333333vw;
padding: 13.3333333333vw 0 10.6666666667vw;
}
.sc-main-view-lookup h2 {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
font-size: 6.4vw;
line-height: 9.6vw;
margin-bottom: 5.3333333333vw;
}
.sc-main-view-lookup p {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
margin-bottom: 6.4vw;
}
.sc-main-view-lookup-panel {
width: 81.0666666667%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
background: none;
padding: 0;
}
.sc-main-view-lookup-panel div {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-bottom: 5.3333333333vw;
}
.sc-main-view-lookup-panel div input[type=text], .sc-main-view-lookup-panel div textarea, .sc-main-view-lookup-panel div select {
margin-bottom: 0;
}
.sc-main-view-lookup-panel input[type=text], .sc-main-view-lookup-panel textarea, .sc-main-view-lookup-panel select {
width: 38.1333333333vw;
max-width: inherit;
margin-bottom: 5.3333333333vw;
}
.sc-main-view-lookup-panel input[type=text].calendar, .sc-main-view-lookup-panel textarea.calendar, .sc-main-view-lookup-panel select.calendar {
width: 38.1333333333vw;
max-width: inherit;
}
.sc-main-view-lookup-panel input[type=text].keyword, .sc-main-view-lookup-panel textarea.keyword, .sc-main-view-lookup-panel select.keyword {
width: 100%;
max-width: inherit;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.sc-main-view-lookup-panel input[type=text]#venue, .sc-main-view-lookup-panel textarea#venue, .sc-main-view-lookup-panel select#venue {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.sc-main-view-lookup-panel input[type=text]#theme, .sc-main-view-lookup-panel textarea#theme, .sc-main-view-lookup-panel select#theme {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.sc-main-view-lookup-panel input[type=text]#sc-article-fee, .sc-main-view-lookup-panel textarea#sc-article-fee, .sc-main-view-lookup-panel select#sc-article-fee {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.sc-main-view-lookup-panel button {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
width: 100%;
max-width: inherit;
}
.sc-main-view-lookup.ambassador {
background-image: url(../img/top/ambassador/search_bg_sp.png);
}
.sc-main-view-lookup.ambassador .sc-ambassador-body {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
background: none;
padding: 8vw 0 8vw;
min-height: inherit;
}
.sc-main-view-lookup.ambassador h2, .sc-main-view-lookup.ambassador p {
text-align: center;
}
.sc-main-view-lookup.ambassador h2 {
font-size: 6.9333333333vw;
line-height: 9.6vw;
margin-bottom: 1.8666666667vw;
}
.sc-main-view-lookup.ambassador p {
font-size: 4.8vw;
line-height: 6.9333333333vw;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel {
width: 83.2vw;
margin-top: 5.3333333333vw;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel > *:not(:last-child) {
margin-right: 0;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel select {
max-width: inherit;
width: 38.1333333333vw;
margin: 0;
font-size: 4.2666666667vw;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel input[type=text] {
max-width: inherit;
width: 100%;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
margin-bottom: 5.3333333333vw;
font-size: 4.2666666667vw;
}
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel button {
padding: 3.7333333333vw;
max-width: inherit;
width: 41.6vw;
font-size: 4.2666666667vw;
}
.sc-main-view-ambassador-bnr {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
margin-bottom: 16vw;
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
}
.sc-main-view-ambassador-bnr p {
margin-top: 5.3333333333vw;
}
.sc-main-view-title {
background-size: 14.4vw;
padding-top: 10.6666666667vw;
margin-bottom: 6.4vw;
}
.sc-main-view-title h2 {
font-size: 5.0666666667vw;
line-height: 10.6666666667vw;
margin-bottom: 1.3333333333vw;
}
.sc-main-view-title-en {
font-size: 3.2vw;
}
.sc-main-view-event-lineup {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
margin-bottom: 13.3333333333vw;
}
.sc-main-view-event-lineup-body {
margin-bottom: 0;
}
.sc-main-view-event-lineup-body:after {
display: none;
}
.sc-main-view-event-lineup-body.slider {
margin-bottom: 0;
}
.sc-main-view-event-lineup-body.slider .sc-main-view-event-card {
margin: 0 0 14.6666666667vw;
}
.sc-main-view-event-lineup-body.slider .sc-slide-nav {
top: 11.2vw;
width: 7.2vw;
}
.sc-main-view-event-lineup-body.slider .sc-slide-nav-prev {
left: 1.3333333333vw;
}
.sc-main-view-event-lineup-body.slider .sc-slide-nav-next {
right: 1.3333333333vw;
}
.sc-main-view-event-lineup-body.ranking .sc-main-view-event-card {
width: 72vw;
margin: 0 9.6vw 0 0;
}
.sc-main-view-event-lineup-body.ranking .sc-main-view-event-card-media {
width: 100%;
height: 39.4666666667vw;
margin-bottom: 4.8vw;
}
.sc-main-view-event-lineup-body.ranking .sc-main-view-event-card-text {
margin-bottom: 0;
}
.sc-main-view-event-lineup-body.ranking .sc-main-view-event-card p {
width: 100%;
}
.sc-main-view-event-lineup-body.recommended {
margin: 0 auto;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card {
margin-bottom: 0;
background: none;
width: 100%;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card-media {
margin-bottom: 5.3333333333vw;
padding-bottom: 52.63%;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card-text {
width: 100%;
padding: 0;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card-chip {
margin-bottom: 1.3333333333vw;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card-chip li {
font-size: 3.2vw;
padding: 0.8vw 4vw;
}
.sc-main-view-event-lineup-body.recommended .sc-main-view-event-card p {
width: 100%;
}
.sc-main-view-event-lineup-body.recommended .sc-slide-nav {
top: 17.3333333333vw;
}
.sc-main-view-event-lineup-body.recommended .sc-slide-nav-prev {
left: 0;
}
.sc-main-view-event-lineup-body.recommended .sc-slide-nav-next {
right: 0;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card {
margin: 0 2.6666666667vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-media {
width: 100%;
height: 35.2vw;
background-size: cover;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-day {
font-size: 3.7333333333vw;
margin-bottom: 2.1333333333vw;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-text {
width: 100%;
}
.sc-main-view-event-lineup-body.latest .sc-main-view-event-card-text h3 {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
}
.sc-main-view-event-lineup-body.latest .sc-slide-nav {
top: 13.3333333333vw;
}
.sc-main-view-event-lineup-body.latest .sc-slide-nav-prev {
left: -4vw;
}
.sc-main-view-event-lineup-body.latest .sc-slide-nav-next {
right: -4vw;
}
.sc-main-view-event-lineup a {
display: inherit;
}
.sc-main-view-event-card {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
max-width: inherit;
margin-bottom: 10.6666666667vw;
}
.sc-main-view-event-card-media {
margin-bottom: 3.2vw;
}
.sc-main-view-event-card-fresh {
font-size: 4vw;
padding: 0.8vw 1.0666666667vw;
}
.sc-main-view-event-card-state {
width: 13.8666666667vw;
height: 13.8666666667vw;
}
.sc-main-view-event-card-state span {
font-size: 2.1333333333vw;
left: 0.8vw;
bottom: 5.3333333333vw;
}
.sc-main-view-event-card-state:before {
border-width: 13.8666666667vw 13.8666666667vw 0 0;
}
.sc-main-view-event-card-state.end span {
left: 2.6666666667vw;
}
.sc-main-view-event-card-state.end02 span {
left: -0.5333333333vw;
bottom: 5.3333333333vw;
}
.sc-main-view-event-card-rank {
padding-top: 0.8vw;
font-size: 3.7333333333vw;
width: 13.3333333333vw;
height: 8vw;
}
.sc-main-view-event-card-rank span {
margin-top: -0.8vw;
font-size: 6.6666666667vw;
padding-right: 0.5333333333vw;
}
.sc-main-view-event-card h3 {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
margin-bottom: 2.4vw;
width: 100%;
}
.sc-main-view-event-card p {
width: 43.2vw;
font-size: 3.7333333333vw;
line-height: 6.4vw;
display: none;
}
.sc-main-view-event-cta {
margin-top: 0;
margin-bottom: 0;
width: 100%;
}
.sc-main-view-event-cta:not(:last-child) {
margin-bottom: 10.6666666667vw;
}
.sc-main-view-event-cta a {
font-size: 3.4666666667vw;
border-width: 1px;
max-width: 43.2vw;
padding: 1.3333333333vw;
margin: 0 auto;
text-align: center;
text-decoration: none;
}
.sc-main-view-event-cta .plus span {
position: relative;
padding-right: 5.3333333333vw;
}
.sc-main-view-event-cta .plus span:before, .sc-main-view-event-cta .plus span:after {
content: "";
display: block;
background: #343A40;
position: absolute;
}
.sc-main-view-event-cta .plus span:before {
width: 3.2vw;
height: 1px;
right: 0;
top: 2.4vw;
}
.sc-main-view-event-cta .plus span:after {
width: 1px;
top: 1.0666666667vw;
height: 3.2vw;
right: 1.6vw;
}
.sc-main-view-event-recap {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
margin-bottom: 13.3333333333vw;
}
.sc-main-view-event-recap-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 6.4vw;
}
.sc-main-view-event-recap-card-media {
width: 24vw;
height: 13.8666666667vw;
}
.sc-main-view-event-recap-card-text {
width: 61.8666666667vw;
font-size: 3.7333333333vw;
line-height: 6.4vw;
}
.sc-main-view-event-recap-card-day {
font-size: 4vw;
margin-bottom: 1.8666666667vw;
}
.sc-main-view-event-recap-card h3 {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
margin-bottom: 2.1333333333vw;
}
.sc-main-view-event-pages {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: 13.3333333333vw;
}
.sc-main-view-event-pages ul {
margin: 0;
font-size: 4.2666666667vw;
}
.sc-main-view-event-pages ul li {
margin: 0 1.0666666667vw;
}
.sc-main-view-event-pages a, .sc-main-view-event-pages span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-size: 1.6vw 3.2vw;
width: 10.6666666667vw;
height: 10.6666666667vw;
}
.sc-main-view-info {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
padding-bottom: 13.3333333333vw;
}
.sc-main-view-info dl {
font-size: 3.7333333333vw;
line-height: 7.4666666667vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 6.4vw;
padding-bottom: 6.4vw;
}
.sc-main-view-info dl dt {
width: 100%;
}
.sc-main-view-info dl dd {
font-size: 4.2666666667vw;
font-weight: bold;
width: 100%;
}
.sc-main-view-info .sc-main-view-event-cta {
margin-top: 10.6666666667vw;
}
.sc-main-view-beginners {
background: url(../img/top/beginnerBg_sp.jpg) no-repeat center top;
background-size: cover;
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
height: 69.3333333333vw;
padding: 6.6666666667vw 9.3333333333vw;
margin-bottom: 24vw;
display: block;
}
.sc-main-view-beginners h2 {
font-size: 5.0666666667vw;
margin-bottom: 2.6666666667vw;
text-align: left;
}
.sc-main-view-beginners p {
text-align: justify;
font-size: 3.7333333333vw;
line-height: 6.4vw;
}
.sc-main-view-beginners a {
width: 53.3333333333vw;
margin-top: 5.3333333333vw;
padding: 2.6666666667vw;
background-position: right 4vw center;
background-size: 1.8666666667vw;
}
.sc-main-view-notice {
position: relative;
padding: 13.3333333333vw 5.3333333333vw 8vw;
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 13.3333333333vw;
}
.sc-main-view-notice-text {
width: 100%;
margin-bottom: 10.6666666667vw;
}
.sc-main-view-notice-text h2 {
font-size: 4.2666666667vw;
padding: 2.1333333333vw 0;
margin-bottom: 0;
position: absolute;
left: 0;
right: 0;
top: -5.0666666667vw;
margin: auto;
max-width: 72vw;
text-align: center;
}
.sc-main-view-notice-text p {
font-size: 5.6vw;
line-height: 7.7333333333vw;
text-align: center;
}
.sc-main-view-notice-button {
margin: 0 auto;
width: 72vw;
}
.sc-main-view-notice-button-register, .sc-main-view-notice-button-inquiry {
font-size: 4.8vw;
height: 21.3333333333vw;
margin-bottom: 2.6666666667vw;
background-position: right 5.3333333333vw center;
}
.sc-main-view-notice-tel {
margin-top: 5.3333333333vw;
display: block;
}
.sc-main-view-notice-tel dt {
font-size: 5.0666666667vw;
text-align: center;
margin-bottom: 1.3333333333vw;
}
.sc-main-view-notice-tel dd {
font-size: 4.2666666667vw;
text-align: center;
}
.sc-main-view-notice-tel-text {
margin-bottom: 4vw;
}
.sc-main-view-notice-tel-index {
background-size: 5.6vw;
font-size: 8.5333333333vw;
line-height: 8.5333333333vw;
padding-left: 8vw;
}
.sc-main-view-notice-qa {
text-align: center;
margin-top: 4vw;
}
.sc-main-view-notice-qa a {
padding-left: 9.3333333333vw;
font-size: 4.2666666667vw;
}
.sc-main-view-group {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 13.3333333333vw;
}
.sc-main-view-group-card {
width: 100%;
display: block;
padding-bottom: 17.3333333333vw;
}
.sc-main-view-group-card dl {
bottom: 4vw;
width: 83.4666666667vw;
background-position: right 3.2vw bottom 4.8vw;
padding: 2.6666666667vw 5.3333333333vw 2.6666666667vw 2.6666666667vw;
}
.sc-main-view-group-card dl dt {
font-size: 3.7333333333vw;
}
.sc-main-view-group-card dl dd {
font-size: 5.0666666667vw;
}
}
.sc-guide--main, .sc-guide--listing, .sc-guide--join {
padding-bottom: 8rem;
}
.sc-guide--main .sc-trail, .sc-guide--listing .sc-trail, .sc-guide--join .sc-trail {
border-bottom: none;
}
.sc-guide--main .sc-guide-card, .sc-guide--listing .sc-guide-card, .sc-guide--join .sc-guide-card {
max-width: 120rem;
width: 90%;
margin: 0 auto;
margin-bottom: 12rem;
}
.sc-guide--main .sc-guide-title, .sc-guide--listing .sc-guide-title, .sc-guide--join .sc-guide-title {
margin-bottom: 6rem;
}
.sc-guide--main .sc-guide-title h2, .sc-guide--listing .sc-guide-title h2, .sc-guide--join .sc-guide-title h2 {
font-size: 5.5rem;
line-height: 1;
padding-top: 3rem;
margin-bottom: 1.5rem;
font-weight: bold;
color: #13233f;
text-align: center;
background: url(../img/about/ttlIcon.svg) no-repeat center top;
}
.sc-guide--main .sc-guide-title-en, .sc-guide--listing .sc-guide-title-en, .sc-guide--join .sc-guide-title-en {
display: block;
text-align: center;
font-size: 2rem;
font-style: italic;
font-family: "Montserrat", sans-serif;
margin-bottom: 3rem;
}
.sc-guide--main .sc-guide-title-sub, .sc-guide--listing .sc-guide-title-sub, .sc-guide--join .sc-guide-title-sub {
text-align: center;
font-size: 2rem;
line-height: 3.8rem;
}
.sc-guide--main .sc-guide-title.white h2, .sc-guide--listing .sc-guide-title.white h2, .sc-guide--join .sc-guide-title.white h2 {
color: #fff;
background: url(../img/about/ttlIcon_white.svg) no-repeat center top;
}
.sc-guide--main .sc-guide-title.white .sc-guide-title-en, .sc-guide--listing .sc-guide-title.white .sc-guide-title-en, .sc-guide--join .sc-guide-title.white .sc-guide-title-en {
color: #fff;
}
.sc-guide--main .sc-guide-steps, .sc-guide--listing .sc-guide-steps, .sc-guide--join .sc-guide-steps {
max-width: 92.7rem;
margin: 0 auto;
}
.sc-guide--main .sc-guide-steps-card, .sc-guide--listing .sc-guide-steps-card, .sc-guide--join .sc-guide-steps-card {
background: #eef1f6;
border-radius: 6px;
position: relative;
padding: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--main .sc-guide-steps-card:not(:last-child), .sc-guide--listing .sc-guide-steps-card:not(:last-child), .sc-guide--join .sc-guide-steps-card:not(:last-child) {
margin-bottom: 5rem;
}
.sc-guide--main .sc-guide-steps-card:not(:last-child):after, .sc-guide--listing .sc-guide-steps-card:not(:last-child):after, .sc-guide--join .sc-guide-steps-card:not(:last-child):after {
content: "";
display: block;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 1px solid #1b2a4a;
border-bottom: 1px solid #1b2a4a;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -3rem;
}
.sc-guide--main .sc-guide-steps-card h3, .sc-guide--listing .sc-guide-steps-card h3, .sc-guide--join .sc-guide-steps-card h3 {
width: 20.7rem;
color: #13233f;
font-weight: bold;
font-size: 1.8rem;
}
.sc-guide--main .sc-guide-steps-card-text, .sc-guide--listing .sc-guide-steps-card-text, .sc-guide--join .sc-guide-steps-card-text {
width: calc(100% - 20.7rem);
}
.sc-guide--main .sc-guide-qa, .sc-guide--listing .sc-guide-qa, .sc-guide--join .sc-guide-qa {
padding: 12rem 0 6rem;
background: #1b2a4a;
margin-bottom: 5rem;
}
.sc-guide--main .sc-guide-qa-card, .sc-guide--listing .sc-guide-qa-card, .sc-guide--join .sc-guide-qa-card {
max-width: 120rem;
width: 90%;
margin: 0 auto;
background: #fff;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 10px;
padding: 3rem;
}
.sc-guide--main .sc-guide-qa-card:not(:last-child), .sc-guide--listing .sc-guide-qa-card:not(:last-child), .sc-guide--join .sc-guide-qa-card:not(:last-child) {
margin-bottom: 3rem;
}
.sc-guide--main .sc-guide-qa-card-index, .sc-guide--listing .sc-guide-qa-card-index, .sc-guide--join .sc-guide-qa-card-index {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
background: #13233f;
line-height: 1;
width: 6rem;
height: 6rem;
border-radius: 30px;
color: #fff;
font-weight: bold;
margin-right: 1.5rem;
font-size: 2.2rem;
}
.sc-guide--main .sc-guide-qa-card-title, .sc-guide--listing .sc-guide-qa-card-title, .sc-guide--join .sc-guide-qa-card-title {
width: calc(100% - 8rem);
padding-right: 4.5rem;
}
.sc-guide--main .sc-guide-qa-card dt, .sc-guide--listing .sc-guide-qa-card dt, .sc-guide--join .sc-guide-qa-card dt {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-weight: bold;
font-size: 2.2rem;
line-height: 3rem;
}
.sc-guide--main .sc-guide-qa-card dt:hover, .sc-guide--listing .sc-guide-qa-card dt:hover, .sc-guide--join .sc-guide-qa-card dt:hover {
cursor: pointer;
}
.sc-guide--main .sc-guide-qa-card dt.open:after, .sc-guide--listing .sc-guide-qa-card dt.open:after, .sc-guide--join .sc-guide-qa-card dt.open:after {
-webkit-transform: rotate(226deg);
transform: rotate(226deg);
top: 2.7rem;
}
.sc-guide--main .sc-guide-qa-card dt:before, .sc-guide--main .sc-guide-qa-card dt:after, .sc-guide--listing .sc-guide-qa-card dt:before, .sc-guide--listing .sc-guide-qa-card dt:after, .sc-guide--join .sc-guide-qa-card dt:before, .sc-guide--join .sc-guide-qa-card dt:after {
content: "";
display: block;
position: absolute;
}
.sc-guide--main .sc-guide-qa-card dt:before, .sc-guide--listing .sc-guide-qa-card dt:before, .sc-guide--join .sc-guide-qa-card dt:before {
background: #f5f5f5;
width: 4rem;
height: 4rem;
border-radius: 4px;
right: 0;
top: 1rem;
}
.sc-guide--main .sc-guide-qa-card dt:after, .sc-guide--listing .sc-guide-qa-card dt:after, .sc-guide--join .sc-guide-qa-card dt:after {
width: 1rem;
height: 1rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 1px solid #1b2a4a;
border-bottom: 1px solid #1b2a4a;
right: 1.5rem;
top: 2.2rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.sc-guide--main .sc-guide-qa-card dd, .sc-guide--listing .sc-guide-qa-card dd, .sc-guide--join .sc-guide-qa-card dd {
margin-top: 3rem;
background: #eef1f6;
border-radius: 6px;
padding: 2rem 2.7rem;
font-size: 1.8rem;
line-height: 3.2rem;
display: none;
}
.sc-guide--main .sc-guide-base a, .sc-guide--listing .sc-guide-base a, .sc-guide--join .sc-guide-base a {
background: #fff;
color: #1b2a4a;
border-radius: 0.4rem;
max-width: 37.6rem;
margin: 0 auto;
display: block;
text-decoration: none;
text-align: center;
padding: 1rem;
border: 2px solid #1b2a4a;
font-weight: bold;
}
.sc-guide--main .sc-guide-base a:hover, .sc-guide--listing .sc-guide-base a:hover, .sc-guide--join .sc-guide-base a:hover {
background: #1b2a4a;
color: #fff;
}
.sc-guide--main .sc-guide-main-title {
margin-bottom: 7.7rem;
}
.sc-guide--main .sc-guide-main-title h1 {
text-align: center;
font-weight: bold;
font-size: 7rem;
margin-bottom: 5rem;
}
.sc-guide--main .sc-guide-main-title p {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
line-height: 4.3rem;
}
.sc-guide--main .sc-guide-main-title p + p {
margin-top: 2.7rem;
}
.sc-guide--main .sc-guide-main-title img {
margin: 4.3rem auto 0;
max-width: 63.5rem;
}
.sc-guide--main .sc-guide-main-feature {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--main .sc-guide-main-feature-card {
width: 31.1666666667%;
position: relative;
}
.sc-guide--main .sc-guide-main-feature-card-media {
margin-bottom: 4.7rem;
}
.sc-guide--main .sc-guide-main-feature-card-index {
font-size: 10.7rem;
font-style: italic;
font-family: "Montserrat", sans-serif;
color: #d7deea;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 11rem;
text-align: center;
line-height: 1;
}
.sc-guide--main .sc-guide-main-feature-card h2 {
text-align: center;
font-weight: bold;
font-size: 3.2rem;
line-height: 4.2rem;
margin-bottom: 2rem;
}
.sc-guide--main .sc-guide-main-feature-card p {
color: #13233f;
font-weight: bold;
font-size: 1.6rem;
line-height: 2.6rem;
}
.sc-guide--listing .sc-trail, .sc-guide--join .sc-trail {
margin-bottom: 0;
background: #fff;
}
.sc-guide--listing .sc-trail li, .sc-guide--join .sc-trail li {
color: #fff;
}
.sc-guide--listing .sc-trail li a, .sc-guide--join .sc-trail li a {
color: #fff;
}
.sc-guide--listing .sc-listing-heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
background: url(../img/about/published/mv.jpg) no-repeat center center;
background-size: cover;
height: 38rem;
margin-bottom: 6rem;
padding-bottom: 2rem;
}
.sc-guide--listing .sc-listing-heading h1 {
color: #fff;
font-size: 6rem;
line-height: 6.5rem;
letter-spacing: -0.07em;
font-weight: bold;
text-align: center;
margin-bottom: 1.5rem;
}
.sc-guide--listing .sc-listing-heading p {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
color: #fff;
line-height: 3.6rem;
}
.sc-guide--listing .sc-listing-guide-text {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
line-height: 5rem;
}
.sc-guide--listing .sc-listing-guide-text span.red {
color: #ff6b5c;
}
.sc-guide--listing .sc-listing-guide-text p + p {
padding-top: 5.6rem;
}
.sc-guide--listing .sc-listing-feature-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 6rem;
}
.sc-guide--listing .sc-listing-feature-block-card {
width: 31.1666666667%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 60rem;
padding: 12rem 0 0;
}
.sc-guide--listing .sc-listing-feature-block-card p {
font-size: 4.4rem;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 5.6rem;
font-weight: 900;
}
.sc-guide--listing .sc-listing-feature-block-card p span {
font-size: 6rem;
}
.sc-guide--listing .sc-listing-feature-block-card.point01 {
background-image: url(../img/about/published/point01.jpg);
}
.sc-guide--listing .sc-listing-feature-block-card.point02 {
background-image: url(../img/about/published/point02.jpg);
}
.sc-guide--listing .sc-listing-feature-block-card.point03 {
background-image: url(../img/about/published/point03.jpg);
}
.sc-guide--listing .sc-listing-feature-block-index {
text-align: center;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 2.2rem;
font-style: italic;
margin-bottom: 6rem;
}
.sc-guide--listing .sc-listing-feature-block-index span {
margin-top: 2rem;
display: block;
font-size: 5.6rem;
}
.sc-guide--listing .sc-listing-use {
margin-bottom: 19rem;
}
.sc-guide--listing .sc-listing-use h2 {
font-weight: bold;
font-size: 4.4rem;
text-align: center;
margin-bottom: 6rem;
line-height: 5.9rem;
}
.sc-guide--listing .sc-listing-use h2 .red {
color: #ff6b5c;
}
.sc-guide--listing .sc-listing-use h2 .big {
font-size: 6.5rem;
}
.sc-guide--listing .sc-listing-use ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--listing .sc-listing-use ul li {
margin-bottom: 3.6rem;
width: 22.75%;
}
.sc-guide--listing .sc-listing-use ul:after {
content: "";
display: block;
width: 22.75%;
}
.sc-guide--listing .sc-listing-solution {
background: #f5f5f5;
padding: 8rem 11rem 7rem;
position: relative;
}
.sc-guide--listing .sc-listing-solution h2 {
font-size: 4.4rem;
font-weight: bold;
text-align: center;
line-height: 5.5rem;
position: absolute;
left: 0;
right: 0;
top: -7rem;
margin: auto;
}
.sc-guide--listing .sc-listing-solution h2 span {
color: #1b2a4a;
}
.sc-guide--listing .sc-listing-solution-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--listing .sc-listing-solution-card {
width: 46.9387755102%;
margin-bottom: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--listing .sc-listing-solution-card-media {
width: 7.8260869565%;
padding-top: 1.3rem;
}
.sc-guide--listing .sc-listing-solution-card p {
width: 86.9565217391%;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 1.5rem 3rem 2rem;
border-radius: 0.5rem;
position: relative;
font-size: 2.2rem;
line-height: 2.6rem;
font-weight: bold;
}
.sc-guide--listing .sc-listing-solution-card p:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
left: -1rem;
top: 3rem;
}
.sc-guide--listing .sc-listing-inquiry {
background: #1b2a4a;
color: #fff;
padding: 5rem 0 6rem;
}
.sc-guide--listing .sc-listing-inquiry:not(:last-child) {
margin-bottom: 9rem;
}
.sc-guide--listing .sc-listing-inquiry-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 130rem;
width: 90%;
margin: 0 auto;
}
.sc-guide--listing .sc-listing-inquiry-title {
font-size: 5.5rem;
line-height: 8rem;
font-weight: 900;
}
.sc-guide--listing .sc-listing-inquiry-text {
width: 43.2307692308%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--listing .sc-listing-inquiry-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
height: 14.8rem;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(52, 58, 64)), to(rgb(10, 12, 13)));
background: -webkit-linear-gradient(top, rgb(52, 58, 64) 0%, rgb(10, 12, 13) 100%);
background: linear-gradient(to bottom, rgb(52, 58, 64) 0%, rgb(10, 12, 13) 100%);
position: relative;
text-decoration: none;
color: #fff;
font-size: 3.2rem;
font-weight: bold;
text-align: center;
border-radius: 0.5rem;
margin-bottom: 3rem;
}
.sc-guide--listing .sc-listing-inquiry-button::after {
content: "";
display: block;
width: 1rem;
height: 2rem;
background: url(../img/top/arrowWhite.svg) no-repeat center center;
background-size: contain;
position: absolute;
right: 2rem;
top: 0;
bottom: 0;
margin: auto;
}
.sc-guide--listing .sc-listing-inquiry-button:hover {
opacity: 0.7;
}
.sc-guide--listing .sc-listing-inquiry dl dt {
font-weight: bold;
font-size: 1.9rem;
margin-bottom: 0.5rem;
}
.sc-guide--listing .sc-listing-inquiry dl dd {
font-size: 1.6rem;
}
.sc-guide--listing .sc-listing-inquiry-tel {
font-family: "Montserrat", sans-serif;
font-style: italic;
background: url(../img/about/tel_white.svg) no-repeat left center;
color: #fff;
text-decoration: none;
font-size: 4.5rem;
height: 4.5rem;
line-height: 4.5rem;
padding-left: 3rem;
}
.sc-guide--listing .sc-listing-inquiry-att {
margin-top: 0.5rem;
}
.sc-guide--listing .sc-listing-features {
margin-bottom: 12rem;
}
.sc-guide--listing .sc-listing-features-card {
background: url(../img/about/published/featureBg.svg) no-repeat center bottom;
background-size: 100%;
padding-bottom: 4.5rem;
}
.sc-guide--listing .sc-listing-features-card:not(:last-child) {
margin-bottom: 4.5rem;
}
.sc-guide--listing .sc-listing-features-card-body {
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
background: #fff;
}
.sc-guide--listing .sc-listing-features-card:nth-child(odd) .sc-listing-features-index {
left: 0;
}
.sc-guide--listing .sc-listing-features-card:nth-child(odd) .sc-listing-features-text {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding: 3rem 2.5rem 3rem 11.5rem;
}
.sc-guide--listing .sc-listing-features-card:nth-child(odd) .sc-listing-features-media {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.sc-guide--listing .sc-listing-features-card:nth-child(odd) .sc-listing-features-media img {
margin-left: 0;
margin-right: auto;
}
.sc-guide--listing .sc-listing-features-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
position: relative;
width: 50%;
padding: 3rem 0 3rem 15rem;
}
.sc-guide--listing .sc-listing-features-media {
width: 50%;
}
.sc-guide--listing .sc-listing-features-media img {
margin-right: 0;
margin-left: auto;
}
.sc-guide--listing .sc-listing-features-index {
position: absolute;
left: 2.5rem;
bottom: 8rem;
color: #d7deea;
font-size: 5rem;
font-weight: bold;
text-align: center;
}
.sc-guide--listing .sc-listing-features-index span {
font-weight: normal;
font-family: "Montserrat", sans-serif;
font-size: 16rem;
font-style: italic;
display: block;
margin-top: 7rem;
}
.sc-guide--listing .sc-listing-features h3 {
font-weight: bold;
font-size: 4.4rem;
line-height: 5.5rem;
margin-bottom: 3rem;
color: #13233f;
}
.sc-guide--listing .sc-listing-features p {
width: 100%;
font-size: 1.8rem;
line-height: 3.2rem;
}
.sc-guide--listing .sc-listing-achievement {
margin-bottom: 7rem;
}
.sc-guide--listing .sc-listing-achievement-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--listing .sc-listing-achievement-card {
background: #eef1f6;
width: 31.1666666667%;
position: relative;
padding: 4rem 3rem 3rem;
text-align: center;
color: #13233f;
font-weight: bold;
margin-bottom: 5rem;
}
.sc-guide--listing .sc-listing-achievement-card dt {
border-radius: 3rem;
position: absolute;
left: 0;
right: 0;
top: -1.4rem;
margin: auto;
background: #fff;
border: 1px solid #9fb0c8;
width: 85.0267379679%;
padding: 1rem;
line-height: 1;
}
.sc-guide--listing .sc-listing-achievement-card dd {
text-align: center;
font-size: 2.8rem;
line-height: 4rem;
}
.sc-guide--listing .sc-listing-achievement-card dd span {
color: #1b2a4a;
}
.sc-guide--listing .sc-listing-cost-sub {
text-align: center;
margin-bottom: 6rem;
font-size: 5.1rem;
line-height: 8.6rem;
letter-spacing: 0;
}
.sc-guide--listing .sc-listing-cost-sub-line {
font-weight: bold;
font-size: 7.5rem;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #d7deea));
background: -webkit-linear-gradient(transparent 60%, #d7deea 60%);
background: linear-gradient(transparent 60%, #d7deea 60%);
}
.sc-guide--listing .sc-listing-cost-sub-line .big {
font-size: 8.5rem;
}
.sc-guide--listing .sc-listing-cost-sub-line .color {
color: #ff6b5c;
}
.sc-guide--listing .sc-listing-cost-lineup {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--listing .sc-listing-cost-lineup dl {
max-width: 57.2rem;
width: 100%;
background: #f5f5f5;
border: 1px solid #1b2a4a;
padding: 3.8rem;
margin-bottom: 3.5rem;
}
.sc-guide--listing .sc-listing-cost-lineup dl dt {
font-weight: bold;
text-align: center;
font-size: 2.6rem;
margin-bottom: 2rem;
}
.sc-guide--listing .sc-listing-cost-lineup dl dt span {
font-size: 3rem;
}
.sc-guide--listing .sc-listing-cost-lineup dl dd {
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.sc-guide--listing .sc-listing-cost-lineup dl dd span {
color: #1b2a4a;
}
.sc-guide--listing .sc-listing-cost-lineup dl dd span.big {
font-size: 3rem;
}
.sc-guide--listing .sc-listing-cost-att {
font-size: 1.6rem;
line-height: 3.2rem;
max-width: 53.8rem;
margin: 0 auto;
}
.sc-guide--listing .sc-listing-voice {
background: #eef1f6;
padding: 6rem 0 8rem;
margin-bottom: 7.5rem;
overflow-x: hidden;
}
.sc-guide--listing .sc-listing-voice-card {
width: 53.3rem;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin: 0 3rem;
}
.sc-guide--listing .sc-listing-voice-card-media {
width: 8.6rem;
padding-top: 1.3rem;
}
.sc-guide--listing .sc-listing-voice-card-media img {
width: 100%;
}
.sc-guide--listing .sc-listing-voice-card-text {
height: 100%;
width: 42.7rem;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 3rem;
border-radius: 0.5rem;
position: relative;
}
.sc-guide--listing .sc-listing-voice-card-text p:not([class]) {
font-size: 1.6rem;
line-height: 2.6rem;
margin-bottom: 2rem;
}
.sc-guide--listing .sc-listing-voice-card-text p:not([class]) span {
color: #ff6b5c;
}
.sc-guide--listing .sc-listing-voice-card-text-name {
margin-top: auto;
margin-bottom: 0;
font-weight: bold;
font-size: 1.8rem;
}
.sc-guide--listing .sc-listing-voice-card-text:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
left: -1rem;
top: 3rem;
}
.sc-guide--listing .sc-listing-steps {
max-width: inherit;
}
.sc-guide--listing .sc-listing-steps .sc-guide-steps-card {
max-width: 92.7rem;
margin-left: auto;
margin-right: auto;
}
.sc-guide--listing .sc-listing-steps .sc-guide-steps-card.gray {
background: #f2f2f2;
}
.sc-guide--listing .sc-listing-steps .sc-guide-steps-card.blue {
background: #d7deea;
}
.sc-guide--listing .sc-listing-steps-shell {
border: 6px solid #1b2a4a;
padding: 4.6rem 0;
position: relative;
margin-top: 6rem;
margin-bottom: 4.5rem;
}
.sc-guide--listing .sc-listing-steps-shell:after {
content: "";
display: block;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 1px solid #1b2a4a;
border-bottom: 1px solid #1b2a4a;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -3rem;
}
.sc-guide--listing .sc-listing-steps-text {
position: absolute;
left: 4rem;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 2.2rem;
font-weight: bold;
color: #13233f;
letter-spacing: 0.3em;
}
.sc-guide--listing .sc-listing-qa {
background: #f5f5f5;
}
.sc-guide--listing.ambassador .sc-trail li {
color: #868686;
}
.sc-guide--listing.ambassador .sc-listing-heading {
min-height: 38rem;
height: auto;
background: url(../img/about/published/ambassador/mv_bg.png);
background-size: cover;
}
.sc-guide--listing.ambassador .sc-listing-heading h1 {
color: #343A40;
line-height: 7rem;
font-weight: 900;
}
@media screen and (min-width: 769px) and (max-width: 1180px) {
.sc-guide--listing.ambassador .sc-listing-heading h1 {
font-size: 4vw;
line-height: 1.5;
letter-spacing: 0;
}
}
.sc-guide--listing.ambassador .sc-listing-heading p {
color: #343A40;
}
@media screen and (min-width: 769px) and (max-width: 1180px) {
.sc-guide--listing.ambassador .sc-listing-heading p {
font-size: 2vw;
}
.sc-guide--listing.ambassador .sc-listing-heading p br.sp {
display: block;
}
}
.sc-guide--listing.ambassador .sc-listing-heading-body {
width: 100%;
padding-left: 41.2rem;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
.sc-guide--listing.ambassador .sc-listing-heading-body {
padding-left: 39.2rem;
}
}
.sc-guide--listing.ambassador .sc-listing-guide-text {
min-height: 40rem;
text-align: center;
padding-top: 6.5rem;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) {
min-height: inherit;
height: auto;
padding: 5rem 0 6rem;
}
@media screen and (min-width: 769px) and (max-width: 1320px) {
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) {
background-size: 45%;
min-height: inherit;
}
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-body {
max-width: 120rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-title {
width: 51.4166666667%;
text-align: justify;
font-size: 4.9rem;
line-height: 7.7rem;
margin-bottom: 3rem;
font-weight: 900;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-title br {
display: block;
}
@media screen and (min-width: 769px) and (max-width: 1320px) {
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-title {
font-size: 4rem;
line-height: 6rem;
}
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-text {
width: 48.5833333333%;
}
@media screen and (min-width: 769px) and (max-width: 1320px) {
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-text dl {
width: 100%;
margin-bottom: 1rem;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-text .sc-listing-inquiry-tel {
margin-bottom: 1rem;
}
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-att {
width: 100%;
}
.sc-guide--join .sc-join-heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
background: url(../img/about/attendance/mv.jpg) no-repeat center center;
background-size: cover;
height: 38rem;
margin-bottom: 6rem;
}
.sc-guide--join .sc-join-heading h1 {
color: #fff;
font-size: 5.6rem;
line-height: 7.7rem;
letter-spacing: -0.07em;
font-weight: bold;
text-align: center;
padding-bottom: 1.5rem;
}
.sc-guide--join .sc-join-heading h1 span {
font-size: 7rem;
}
.sc-guide--join .sc-join-payment-card:not(:last-child) {
margin-bottom: 6rem;
}
.sc-guide--join .sc-join-payment-card h3 {
font-weight: bold;
font-size: 1.8rem;
line-height: 1;
text-align: center;
margin-bottom: 2rem;
}
.sc-guide--join .sc-join-payment-card img {
margin: 0 auto;
}
.sc-guide--join .sc-join-payment-card img.card {
width: 46rem;
}
.sc-guide--join .sc-join-payment-card-text p {
text-align: center;
font-size: 1.8rem;
line-height: 2.9rem;
}
.sc-guide--join .sc-join-payment-card-text p + p {
margin-top: 1.5rem;
}
.sc-guide--join .sc-join-payment-card-text .red {
color: #ff6b5c;
}
.sc-guide--join .sc-join-payment-card-text table {
border: 1px solid #1b2a4a;
font-size: 1.6rem;
margin: 3rem auto 0;
}
.sc-guide--join .sc-join-payment-card-text table th, .sc-guide--join .sc-join-payment-card-text table td {
border: 1px solid #1b2a4a;
vertical-align: middle;
padding: 2.5rem;
}
.sc-guide--join .sc-join-payment-card-text table th {
background: #eef1f6;
font-weight: bold;
}
.sc-guide--join .sc-join-payment-card-text table dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-guide--join .sc-join-payment-card-text table dl:not(:last-child) {
margin-bottom: 0.5rem;
}
.sc-guide--join .sc-join-payment-card-text table dl dt {
width: 8rem;
}
.sc-guide--join .sc-join-payment-card-text table dl dd {
width: 20rem;
}
.sc-guide--join .sc-join-payment-policy {
max-width: 64rem;
margin: 0 auto;
}
.sc-guide--join .sc-join-payment-policy li {
font-size: 1.6rem;
line-height: 2.2rem;
text-indent: -1em;
margin-left: 1em;
}
.sc-guide--join .sc-join-payment-policy li:not(:last-child) {
margin-bottom: 2.5rem;
}
.sc-guide--join .sc-join-payment-policy li:before {
content: "・";
}
@media screen and (max-width: 768px) {
.sc-guide--main, .sc-guide--listing, .sc-guide--join {
padding-bottom: 10.6666666667vw;
}
.sc-guide--main .sc-guide-card, .sc-guide--listing .sc-guide-card, .sc-guide--join .sc-guide-card {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
margin-bottom: 16vw;
}
.sc-guide--main .sc-guide-title, .sc-guide--listing .sc-guide-title, .sc-guide--join .sc-guide-title {
margin-bottom: 8vw;
}
.sc-guide--main .sc-guide-title h2, .sc-guide--listing .sc-guide-title h2, .sc-guide--join .sc-guide-title h2 {
font-size: 5.0666666667vw;
line-height: 8vw;
padding-top: 8vw;
margin-bottom: 2.6666666667vw;
background-size: 2.1333333333vw;
}
.sc-guide--main .sc-guide-title-en, .sc-guide--listing .sc-guide-title-en, .sc-guide--join .sc-guide-title-en {
font-size: 3.2vw;
margin-bottom: 8vw;
}
.sc-guide--main .sc-guide-title-sub, .sc-guide--listing .sc-guide-title-sub, .sc-guide--join .sc-guide-title-sub {
text-align: justify;
font-size: 4.8vw;
line-height: 7.4666666667vw;
}
.sc-guide--main .sc-guide-steps-card, .sc-guide--listing .sc-guide-steps-card, .sc-guide--join .sc-guide-steps-card {
padding: 8vw;
}
.sc-guide--main .sc-guide-steps-card:not(:last-child), .sc-guide--listing .sc-guide-steps-card:not(:last-child), .sc-guide--join .sc-guide-steps-card:not(:last-child) {
margin-bottom: 8vw;
}
.sc-guide--main .sc-guide-steps-card:not(:last-child):after, .sc-guide--listing .sc-guide-steps-card:not(:last-child):after, .sc-guide--join .sc-guide-steps-card:not(:last-child):after {
width: 2.6666666667vw;
height: 2.6666666667vw;
bottom: -4.5333333333vw;
}
.sc-guide--main .sc-guide-steps-card h3, .sc-guide--listing .sc-guide-steps-card h3, .sc-guide--join .sc-guide-steps-card h3 {
width: 100%;
font-size: 4.8vw;
margin-bottom: 2.6666666667vw;
text-align: center;
}
.sc-guide--main .sc-guide-steps-card-text, .sc-guide--listing .sc-guide-steps-card-text, .sc-guide--join .sc-guide-steps-card-text {
font-weight: bold;
font-size: 4vw;
line-height: 6.4vw;
width: 100%;
}
.sc-guide--main .sc-guide-qa, .sc-guide--listing .sc-guide-qa, .sc-guide--join .sc-guide-qa {
padding: 8vw 0 8vw;
margin-bottom: 6.6666666667vw;
}
.sc-guide--main .sc-guide-qa-card, .sc-guide--listing .sc-guide-qa-card, .sc-guide--join .sc-guide-qa-card {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
padding: 4vw;
}
.sc-guide--main .sc-guide-qa-card:not(:last-child), .sc-guide--listing .sc-guide-qa-card:not(:last-child), .sc-guide--join .sc-guide-qa-card:not(:last-child) {
margin-bottom: 4vw;
}
.sc-guide--main .sc-guide-qa-card-index, .sc-guide--listing .sc-guide-qa-card-index, .sc-guide--join .sc-guide-qa-card-index {
width: 8vw;
height: 8vw;
margin-right: 3.4666666667vw;
font-size: 2.9333333333vw;
}
.sc-guide--main .sc-guide-qa-card-title, .sc-guide--listing .sc-guide-qa-card-title, .sc-guide--join .sc-guide-qa-card-title {
width: 72vw;
padding-right: 10.6666666667vw;
}
.sc-guide--main .sc-guide-qa-card dt, .sc-guide--listing .sc-guide-qa-card dt, .sc-guide--join .sc-guide-qa-card dt {
font-size: 4vw;
line-height: 5.8666666667vw;
}
.sc-guide--main .sc-guide-qa-card dt.open:after, .sc-guide--listing .sc-guide-qa-card dt.open:after, .sc-guide--join .sc-guide-qa-card dt.open:after {
top: 3.2vw;
}
.sc-guide--main .sc-guide-qa-card dt:before, .sc-guide--listing .sc-guide-qa-card dt:before, .sc-guide--join .sc-guide-qa-card dt:before {
width: 8vw;
height: 8vw;
top: 0;
}
.sc-guide--main .sc-guide-qa-card dt:after, .sc-guide--listing .sc-guide-qa-card dt:after, .sc-guide--join .sc-guide-qa-card dt:after {
width: 1.8666666667vw;
height: 1.8666666667vw;
right: 2.9333333333vw;
top: 2.4vw;
}
.sc-guide--main .sc-guide-qa-card dd, .sc-guide--listing .sc-guide-qa-card dd, .sc-guide--join .sc-guide-qa-card dd {
margin-top: 4vw;
padding: 4vw;
font-size: 4vw;
line-height: 5.8666666667vw;
}
.sc-guide--main .sc-guide-base a, .sc-guide--listing .sc-guide-base a, .sc-guide--join .sc-guide-base a {
max-width: 50.1333333333vw;
margin-bottom: 5.3333333333vw;
padding: 2.6666666667vw;
}
.sc-guide--main .sc-trail {
margin-top: 8vw;
}
.sc-guide--main .sc-guide-main-title {
margin-bottom: 12vw;
}
.sc-guide--main .sc-guide-main-title h1 {
font-size: 6.9333333333vw;
margin-bottom: 8vw;
}
.sc-guide--main .sc-guide-main-title p {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
text-align: justify;
}
.sc-guide--main .sc-guide-main-title p + p {
margin-top: 9.0666666667vw;
}
.sc-guide--main .sc-guide-main-title img {
margin: 7.4666666667vw auto 0;
max-width: inherit;
}
.sc-guide--main .sc-guide-main-feature-card {
width: 100%;
}
.sc-guide--main .sc-guide-main-feature-card:not(:last-child) {
margin-bottom: 13.3333333333vw;
}
.sc-guide--main .sc-guide-main-feature-card-media {
margin-bottom: 14.1333333333vw;
}
.sc-guide--main .sc-guide-main-feature-card-index {
font-size: 29.3333333333vw;
top: 24vw;
}
.sc-guide--main .sc-guide-main-feature-card h2 {
font-size: 5.8666666667vw;
line-height: 8.5333333333vw;
margin-bottom: 5.3333333333vw;
}
.sc-guide--main .sc-guide-main-feature-card p {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
}
.sc-guide--main .sc-main-view-event-lineup {
width: 100%;
}
.sc-guide--main .sc-main-view-event-lineup-body.slider .sc-main-view-event-card {
margin-bottom: 8vw;
}
.sc-guide--main .sc-main-view-event-card-media {
width: 100%;
}
.sc-guide--listing .sc-listing-heading {
background: url(../img/about/published/mv_sp.jpg) no-repeat center center;
background-size: cover;
height: 96vw;
padding: 8vw 0 66.6666666667vw;
margin-bottom: 16vw;
}
.sc-guide--listing .sc-listing-heading h1 {
font-size: 8vw;
line-height: 10.1333333333vw;
letter-spacing: 0;
padding-bottom: 4vw;
}
.sc-guide--listing .sc-listing-heading p {
font-size: 4.8vw;
line-height: 7.4666666667vw;
}
.sc-guide--listing .sc-listing-guide {
width: 100%;
}
.sc-guide--listing .sc-listing-guide-text {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
font-size: 4.2666666667vw;
line-height: 7.4666666667vw;
text-align: justify;
}
.sc-guide--listing .sc-listing-guide-text p + p {
padding-top: 7.4666666667vw;
}
.sc-guide--listing .sc-listing-feature-block {
margin-bottom: 16vw;
}
.sc-guide--listing .sc-listing-feature-block-card {
width: 100%;
height: 106.6666666667vw;
padding: 28.2666666667vw 0 0;
margin-bottom: 0.5333333333vw;
}
.sc-guide--listing .sc-listing-feature-block-card p {
font-size: 8.5333333333vw;
line-height: 11.7333333333vw;
}
.sc-guide--listing .sc-listing-feature-block-card p span {
font-size: 13.3333333333vw;
}
.sc-guide--listing .sc-listing-feature-block-card.point01 {
background-image: url(../img/about/published/point01_sp.jpg);
}
.sc-guide--listing .sc-listing-feature-block-card.point02 {
background-image: url(../img/about/published/point02_sp.jpg);
}
.sc-guide--listing .sc-listing-feature-block-card.point03 {
background-image: url(../img/about/published/point03_sp.jpg);
}
.sc-guide--listing .sc-listing-feature-block-index {
font-size: 4.2666666667vw;
margin-bottom: 8vw;
}
.sc-guide--listing .sc-listing-feature-block-index span {
margin-top: 1.3333333333vw;
font-size: 8.5333333333vw;
}
.sc-guide--listing .sc-listing-use {
margin-bottom: 63.4666666667vw;
}
.sc-guide--listing .sc-listing-use h2 {
font-size: 8.5333333333vw;
margin-bottom: 18.6666666667vw;
line-height: 13.3333333333vw;
}
.sc-guide--listing .sc-listing-use h2 .big {
font-size: 14.1333333333vw;
}
.sc-guide--listing .sc-listing-use ul:after {
width: 29.8666666667vw;
}
.sc-guide--listing .sc-listing-use ul li {
width: 29.8666666667vw;
margin-bottom: 9.6vw;
}
.sc-guide--listing .sc-listing-solution {
width: 100%;
padding: 10.6666666667vw 9.3333333333vw 5.3333333333vw;
}
.sc-guide--listing .sc-listing-solution h2 {
font-size: 8.5333333333vw;
line-height: 13.3333333333vw;
top: -46.6666666667vw;
}
.sc-guide--listing .sc-listing-solution-card {
width: 100%;
margin-bottom: 5.3333333333vw;
}
.sc-guide--listing .sc-listing-solution-card-media {
width: 9.6vw;
padding-top: 3.4666666667vw;
}
.sc-guide--listing .sc-listing-solution-card p {
width: 66.6666666667vw;
padding: 5.3333333333vw;
font-size: 3.7333333333vw;
line-height: 5.3333333333vw;
}
.sc-guide--listing .sc-listing-solution-card p:after {
border-width: 0 2.6666666667vw 5.3333333333vw 0;
left: -2.6666666667vw;
top: 5.3333333333vw;
}
.sc-guide--listing .sc-listing-inquiry {
padding: 8vw 0 10.6666666667vw;
}
.sc-guide--listing .sc-listing-inquiry:not(:last-child) {
margin-bottom: 16vw;
}
.sc-guide--listing .sc-listing-inquiry-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
}
.sc-guide--listing .sc-listing-inquiry-title {
font-size: 8vw;
line-height: 13.3333333333vw;
letter-spacing: -0.05em;
margin-bottom: 6.1333333333vw;
}
.sc-guide--listing .sc-listing-inquiry-text {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sc-guide--listing .sc-listing-inquiry-button {
height: 24vw;
font-size: 5.0666666667vw;
margin-bottom: 6.4vw;
}
.sc-guide--listing .sc-listing-inquiry-button::after {
width: 2.6666666667vw;
height: 5.3333333333vw;
right: 3.2vw;
}
.sc-guide--listing .sc-listing-inquiry dl dt {
text-align: center;
font-size: 5.0666666667vw;
margin-bottom: 5.3333333333vw;
}
.sc-guide--listing .sc-listing-inquiry dl dd {
font-size: 4.2666666667vw;
}
.sc-guide--listing .sc-listing-inquiry p:not([class]) {
font-size: 4.2666666667vw;
text-align: center;
}
.sc-guide--listing .sc-listing-inquiry-tel {
font-size: 10.6666666667vw;
height: 10.6666666667vw;
line-height: 10.6666666667vw;
padding-left: 8vw;
margin-bottom: 4vw;
}
.sc-guide--listing .sc-listing-inquiry-att {
font-size: 4.2666666667vw;
margin-top: 1.3333333333vw;
}
.sc-guide--listing .sc-listing-features {
margin-bottom: 16vw;
}
.sc-guide--listing .sc-listing-features .sc-guide-title {
width: 91.2vw;
margin-left: auto;
margin-right: auto;
}
.sc-guide--listing .sc-listing-features-card {
padding-bottom: 5.8666666667vw;
}
.sc-guide--listing .sc-listing-features-card:not(:last-child) {
margin-bottom: 8vw;
}
.sc-guide--listing .sc-listing-features-card-body {
width: 72%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
}
.sc-guide--listing .sc-listing-features-card:nth-child(odd) .sc-listing-features-text {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
padding: 5.3333333333vw 0;
}
.sc-guide--listing .sc-listing-features-card:nth-child(odd) .sc-listing-features-media {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.sc-guide--listing .sc-listing-features-card:nth-child(odd) .sc-listing-features-media img {
margin: 0 auto;
}
.sc-guide--listing .sc-listing-features-text {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
padding: 5.3333333333vw 0;
}
.sc-guide--listing .sc-listing-features-media {
width: 100%;
}
.sc-guide--listing .sc-listing-features-media img {
margin: 0 auto;
}
.sc-guide--listing .sc-listing-features-index {
position: static;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-size: 8vw;
text-align: center;
margin-bottom: 8vw;
}
.sc-guide--listing .sc-listing-features-index span {
font-size: 18.1333333333vw;
margin-top: 0;
padding-left: 2.6666666667vw;
}
.sc-guide--listing .sc-listing-features h3 {
width: 100%;
font-size: 6.9333333333vw;
line-height: 9.6vw;
margin-bottom: 5.3333333333vw;
text-align: center;
}
.sc-guide--listing .sc-listing-features p {
font-size: 4.8vw;
line-height: 7.4666666667vw;
font-weight: bold;
}
.sc-guide--listing .sc-listing-achievement {
margin-bottom: 16vw;
}
.sc-guide--listing .sc-listing-achievement .sc-guide-title {
margin-bottom: 10.6666666667vw;
}
.sc-guide--listing .sc-listing-achievement-block {
display: block;
}
.sc-guide--listing .sc-listing-achievement-card {
width: 100%;
padding: 10.6666666667vw 8vw 8vw;
margin-bottom: 8vw;
}
.sc-guide--listing .sc-listing-achievement-card dt {
border-radius: 8vw;
top: -3.7333333333vw;
width: 85.0267379679%;
padding: 2.6666666667vw;
}
.sc-guide--listing .sc-listing-achievement-card dd {
font-size: 7.4666666667vw;
line-height: 10.6666666667vw;
}
.sc-guide--listing .sc-listing-cost-sub {
margin-bottom: 8vw;
font-size: 8.5333333333vw;
line-height: 11.2vw;
}
.sc-guide--listing .sc-listing-cost-sub-line {
line-height: 14.9333333333vw;
display: inline;
font-size: 11.7333333333vw;
}
.sc-guide--listing .sc-listing-cost-sub-line .big {
font-size: 16vw;
}
.sc-guide--listing .sc-listing-cost-sub p:not(:first-child) {
margin-top: 2.6666666667vw;
}
.sc-guide--listing .sc-listing-cost-lineup dl {
padding: 7.4666666667vw;
margin-bottom: 4vw;
}
.sc-guide--listing .sc-listing-cost-lineup dl dt {
font-size: 6.9333333333vw;
margin-bottom: 5.3333333333vw;
}
.sc-guide--listing .sc-listing-cost-lineup dl dt span {
font-size: 8vw;
}
.sc-guide--listing .sc-listing-cost-lineup dl dd {
font-size: 4.2666666667vw;
}
.sc-guide--listing .sc-listing-cost-lineup dl dd span.big {
font-size: 8vw;
}
.sc-guide--listing .sc-listing-cost-att {
font-size: 4.2666666667vw;
line-height: 7.4666666667vw;
max-width: inherit;
}
.sc-guide--listing .sc-listing-voice {
padding: 8vw 0 10.6666666667vw;
margin-bottom: 20vw;
}
.sc-guide--listing .sc-listing-voice .sc-guide-title {
width: 90.6666666667vw;
margin-left: auto;
margin-right: auto;
}
.sc-guide--listing .sc-listing-voice-card {
width: 80vw;
height: 100%;
margin: 0 2.6666666667vw;
}
.sc-guide--listing .sc-listing-voice-card-media {
width: 11.4666666667vw;
padding-top: 3.4666666667vw;
}
.sc-guide--listing .sc-listing-voice-card-text {
width: 64vw;
padding: 5.3333333333vw;
}
.sc-guide--listing .sc-listing-voice-card-text p:not([class]) {
font-size: 4vw;
line-height: 6.9333333333vw;
margin-bottom: 5.3333333333vw;
}
.sc-guide--listing .sc-listing-voice-card-text-name {
font-size: 4.2666666667vw;
}
.sc-guide--listing .sc-listing-voice-card-text:after {
left: -2.6666666667vw;
top: 8vw;
}
.sc-guide--listing .sc-listing-steps .sc-guide-steps-card {
max-width: 93.3333333333vw;
}
.sc-guide--listing .sc-listing-steps-block.sc-guide-card {
width: 98%;
}
.sc-guide--listing .sc-listing-steps-shell {
border-width: 3px;
padding: 6.1333333333vw 0;
margin-top: 8vw;
margin-bottom: 9.3333333333vw;
}
.sc-guide--listing .sc-listing-steps-shell:after {
width: 2.6666666667vw;
height: 2.6666666667vw;
bottom: -5.3333333333vw;
}
.sc-guide--listing .sc-listing-steps-text {
position: static;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
font-size: 5.8666666667vw;
letter-spacing: 0.15em;
margin-bottom: 5.3333333333vw;
}
.sc-guide--listing.ambassador .sc-trail {
display: none;
}
.sc-guide--listing.ambassador .sc-listing-heading {
height: auto;
min-height: inherit;
display: block;
background: url(../img/about/published/ambassador/mv_bg_sp.png) center center no-repeat;
background-size: cover;
}
.sc-guide--listing.ambassador .sc-listing-heading h1 {
font-size: 6.9333333333vw;
line-height: 9.6vw;
padding-bottom: 0;
}
.sc-guide--listing.ambassador .sc-listing-heading p {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
}
.sc-guide--listing.ambassador .sc-listing-heading-body {
padding: 0;
}
.sc-guide--listing.ambassador .sc-listing-guide-text {
min-height: inherit;
padding: 0 0 0;
text-align: left;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) {
background-image: none;
min-height: inherit;
padding: 8vw 0 4rem;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-title {
width: 100%;
font-size: 8vw;
line-height: 13.3333333333vw;
margin-bottom: 6.1333333333vw;
padding: 0 4vw 0;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-title br {
display: block;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-text {
width: 91.2vw;
margin: 0 auto;
}
.sc-guide--listing.ambassador .sc-listing-inquiry:not(:last-child) .sc-listing-inquiry-att {
width: 100%;
}
.sc-guide--join .sc-trail {
margin-top: 8vw;
}
.sc-guide--join .sc-join-heading {
background: url(../img/about/attendance/mv_sp.jpg) no-repeat center center;
background-size: cover;
height: 64vw;
margin-bottom: 16vw;
}
.sc-guide--join .sc-join-heading h1 {
font-size: 5.3333333333vw;
line-height: 8.5333333333vw;
letter-spacing: 0;
margin-bottom: 4vw;
}
.sc-guide--join .sc-join-heading h1 span {
font-size: 6.9333333333vw;
}
.sc-guide--join .sc-join-payment-card:not(:last-child) {
margin-bottom: 16vw;
}
.sc-guide--join .sc-join-payment-card h3 {
font-size: 4vw;
letter-spacing: -0.05em;
margin-bottom: 5.3333333333vw;
}
.sc-guide--join .sc-join-payment-card img.card {
width: 61.3333333333vw;
}
.sc-guide--join .sc-join-payment-card-text p {
text-align: justify;
font-size: 4vw;
line-height: 6.4vw;
}
.sc-guide--join .sc-join-payment-card-text p + p {
margin-top: 4vw;
}
.sc-guide--join .sc-join-payment-card-text table {
display: block;
font-size: 4vw;
line-height: 6.4vw;
margin: 4vw auto 0;
}
.sc-guide--join .sc-join-payment-card-text table tbody, .sc-guide--join .sc-join-payment-card-text table tr, .sc-guide--join .sc-join-payment-card-text table th, .sc-guide--join .sc-join-payment-card-text table td {
width: 100%;
display: block;
}
.sc-guide--join .sc-join-payment-card-text table th, .sc-guide--join .sc-join-payment-card-text table td {
border: none;
}
.sc-guide--join .sc-join-payment-card-text table th {
padding: 4vw;
border-bottom: 1px solid #1b2a4a;
}
.sc-guide--join .sc-join-payment-card-text table td {
padding: 4vw 6.6666666667vw;
}
.sc-guide--join .sc-join-payment-card-text table dl:not(:last-child) {
margin-bottom: 1.3333333333vw;
}
.sc-guide--join .sc-join-payment-card-text table dl dt {
width: 21.3333333333vw;
}
.sc-guide--join .sc-join-payment-card-text table dl dd {
width: 53.3333333333vw;
}
.sc-guide--join .sc-join-payment-policy li {
font-size: 4vw;
line-height: 6.4vw;
}
.sc-guide--join .sc-join-payment-policy li:not(:last-child) {
margin-bottom: 6.6666666667vw;
}
}
.sc-event-lineup .sc-event-lookup-again {
color: #b70000;
}
.sc-event-lineup .sc-event-header {
max-width: 120rem;
width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 4rem;
}
.sc-event-lineup .sc-event-title {
padding-left: 7rem;
margin-bottom: 1.5rem;
line-height: 1;
}
.sc-event-lineup .sc-event-title-block {
background: url(../img/ttlBg.svg) no-repeat left top;
background-size: 5.4rem;
font-size: 1.6rem;
font-weight: bold;
}
.sc-event-lineup .sc-event-title-block h1 {
font-size: 3.8rem;
margin-bottom: 1.5rem;
line-height: 1;
}
.sc-event-lineup .sc-event-title-block h1:first-child {
padding-top: 3.5rem;
}
.sc-event-lineup .sc-event-title-result {
line-height: 2.2rem;
}
.sc-event-lineup .sc-event-topic {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-lineup .sc-event-topic dt {
font-size: 1.9rem;
font-weight: bold;
margin-right: 2.4rem;
}
.sc-event-lineup .sc-event-topic dd {
width: 42.6rem;
}
.sc-event-lineup .sc-event-topic select {
width: 100%;
}
.sc-event-lineup .sc-event-sort {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-lineup .sc-event-sort li:not(:last-child) {
margin-right: 1.5rem;
}
.sc-event-lineup .sc-event-sort a {
color: #343A40;
text-decoration: none;
}
.sc-event-lineup .sc-event-sort a:hover, .sc-event-lineup .sc-event-sort a.current {
text-decoration: underline;
}
.sc-event-lineup .sc-event-refined-lookup {
max-width: 120rem;
width: 90%;
margin: 0 auto;
margin-bottom: 8rem;
border: 2px solid #1b2a4a;
}
.sc-event-lineup .sc-event-refined-lookup > dt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 1.7rem 2.3rem 1.7rem 7rem;
background: url(../img/searchIcon.svg) no-repeat left 1.3rem center #1b2a4a;
background-size: 4.6rem;
position: relative;
}
.sc-event-lineup .sc-event-refined-lookup > dt:hover {
cursor: pointer;
}
.sc-event-lineup .sc-event-refined-lookup > dt span {
display: block;
border-left: 2px solid #fff;
padding: 1rem;
padding-left: 2.5rem;
color: #fff;
font-size: 2rem;
font-weight: bold;
line-height: 1;
}
.sc-event-lineup .sc-event-refined-lookup > dt span:after {
content: "開く";
position: absolute;
top: 0;
bottom: 0;
height: 1.8rem;
margin: auto;
right: 5rem;
font-size: 1.6rem;
line-height: 1;
text-align: right;
}
.sc-event-lineup .sc-event-refined-lookup > dt div {
position: relative;
}
.sc-event-lineup .sc-event-refined-lookup > dt div:before, .sc-event-lineup .sc-event-refined-lookup > dt div:after {
content: "";
display: block;
background: #fff;
position: absolute;
-webkit-transition: 0.3s;
transition: 0.3s;
top: 0;
bottom: 0;
margin: auto;
width: 2rem;
height: 2px;
right: 0;
}
.sc-event-lineup .sc-event-refined-lookup > dt div:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sc-event-lineup .sc-event-refined-lookup > dt.open span:after {
content: "閉じる";
}
.sc-event-lineup .sc-event-refined-lookup > dt.open div:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.sc-event-lineup .sc-event-refined-lookup > dd {
padding: 4rem 4.5rem;
}
.sc-event-lineup .sc-event-refined-lookup-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-lineup .sc-event-refined-lookup-body select, .sc-event-lineup .sc-event-refined-lookup-body input {
width: 100%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 2rem;
width: 30.3797468354%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl dt {
font-size: 1.9rem;
font-weight: bold;
}
.sc-event-lineup .sc-event-refined-lookup-body dl dd {
width: 81.25%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl dd div.pc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.theme {
width: 31.7290552585%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.entry {
width: 21.6577540107%;
margin-right: 0;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.entry dd {
width: 65.8436213992%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.entry .mwform-checkbox-field {
margin: 0;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.entry .mwform-checkbox-field:not(:last-child) {
margin-right: 2rem;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.schedule {
width: 57.486631016%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.schedule dd {
width: 90.2325581395%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.wide {
width: 38.6809269162%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.wide dd {
width: 73.732718894%;
}
.sc-event-lineup .sc-event-refined-lookup button {
border-radius: 0;
margin: 0 auto;
max-width: 31rem;
width: 100%;
font-size: 1.8rem;
background: #ff3e3e;
}
.sc-event-spec .sc-event-title, .sc-sheet-main .sc-event-title {
background: #f5f5f5;
padding: 3rem 2rem;
}
.sc-event-spec .sc-event-title-chip, .sc-sheet-main .sc-event-title-chip {
margin-bottom: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-spec .sc-event-title-chip li, .sc-sheet-main .sc-event-title-chip li {
margin-right: 0.4rem;
height: 3.6rem;
margin-bottom: 0.7rem;
}
.sc-event-spec .sc-event-title-chip li a, .sc-event-spec .sc-event-title-chip li span, .sc-sheet-main .sc-event-title-chip li a, .sc-sheet-main .sc-event-title-chip li span {
background: #343A40;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
line-height: 1;
padding: 0.9rem 0.9rem;
display: block;
}
.sc-event-spec .sc-event-title-chip li a.paid, .sc-event-spec .sc-event-title-chip li span.paid, .sc-sheet-main .sc-event-title-chip li a.paid, .sc-sheet-main .sc-event-title-chip li span.paid {
background: #2b4675;
}
.sc-event-spec .sc-event-title-chip li a.free, .sc-event-spec .sc-event-title-chip li span.free, .sc-sheet-main .sc-event-title-chip li a.free, .sc-sheet-main .sc-event-title-chip li span.free {
background: #FF3E3E;
}
.sc-event-spec .sc-event-title-chip li a:hover, .sc-sheet-main .sc-event-title-chip li a:hover {
opacity: 0.7;
}
.sc-event-spec .sc-event-title-copy, .sc-sheet-main .sc-event-title-copy {
font-size: 1.9rem;
line-height: 3.8rem;
font-weight: bold;
}
.sc-event-spec .sc-event-title-copy span, .sc-sheet-main .sc-event-title-copy span {
font-size: 1.5rem;
background: #343A40;
color: #fff;
line-height: 2;
letter-spacing: -0.02em;
padding: 0.1rem 0.5rem;
margin-right: 1.2rem;
}
.sc-event-spec .sc-event-title h1, .sc-sheet-main .sc-event-title h1 {
font-size: 3.2rem;
line-height: 4.2rem;
font-weight: bold;
}
.sc-event-spec .sc-event-title h1:not(:last-child), .sc-sheet-main .sc-event-title h1:not(:last-child) {
margin-bottom: 1.5rem;
}
.sc-event-spec .sc-event-title h1 .new, .sc-sheet-main .sc-event-title h1 .new {
font-family: "Montserrat", sans-serif;
color: #ef6f5d;
font-style: italic;
font-size: 2rem;
}
.sc-event-spec .sc-event-title-sub, .sc-sheet-main .sc-event-title-sub {
font-weight: bold;
font-size: 1.8rem;
line-height: 2.8rem;
}
.sc-event-spec .mw_wp_form .error, .sc-sheet-main .mw_wp_form .error {
color: #ff3e3e;
font-weight: bold;
font-size: 1.6rem;
margin-top: 1rem;
background: url(../img/errorIcon.svg) no-repeat left top 0.4rem;
background-size: 1.7rem;
padding-left: 2.2rem;
min-height: 2.1rem;
}
.sc-event-spec .sc-error-main-text, .sc-sheet-main .sc-error-main-text {
color: #ff3e3e;
font-weight: bold;
font-size: 1.6rem;
margin-top: 1rem;
background: url(../img/errorIcon.svg) no-repeat left 1.4rem center #FDF0F0;
background-size: 1.7rem;
padding: 1rem;
padding-left: 4rem;
min-height: 2.1rem;
border: 1px solid #FF3E3E;
margin-bottom: 4.5rem;
}
.sc-event-spec {
margin-top: -4rem;
}
.sc-event-spec .sc-event-title {
max-width: 120rem;
width: 90%;
margin: 0 auto;
margin-bottom: 2.5rem;
}
.sc-event-spec .sc-event-mv {
margin-bottom: 2rem;
}
.sc-event-spec .sc-event-article {
max-width: 120rem;
width: 90%;
margin: 0 auto;
font-size: 1.6rem;
line-height: 3.2rem;
}
.sc-event-spec .sc-event-article section, .sc-event-spec .sc-event-article article {
margin-bottom: 6rem;
border-bottom: 2px solid #CCCCCC;
padding-bottom: 5rem;
}
.sc-event-spec .sc-event-article p, .sc-event-spec .sc-event-article pre {
width: 100%;
margin-bottom: 2rem;
}
.sc-event-spec .sc-event-article p:not([class]):after, .sc-event-spec .sc-event-article pre:not([class]):after {
content: " ";
display: block;
clear: both;
}
.sc-event-spec .sc-event-article img {
max-width: 100%;
height: auto;
}
.sc-event-spec .sc-event-article a {
color: #1b2a4a;
}
.sc-event-spec .sc-event-article a[target=_blank]:after {
content: "";
display: inline-block;
background: url(../img/outer.svg) no-repeat;
background-size: cover;
width: 1.5rem;
height: 1.5rem;
margin-left: 0.5rem;
}
.sc-event-spec .sc-event-article hr, .sc-event-spec .sc-event-article .wp-block-separator {
margin-top: 4rem;
margin-bottom: 4rem;
border: none;
border-bottom: 2px solid #ccc;
width: 100%;
}
.sc-event-spec .sc-event-article hr.is-style-wide, .sc-event-spec .sc-event-article .wp-block-separator.is-style-wide {
width: 100%;
}
.sc-event-spec .sc-event-article hr.is-style-dots, .sc-event-spec .sc-event-article .wp-block-separator.is-style-dots {
border-bottom: none;
}
.sc-event-spec .sc-event-article hr.is-style-dots:before, .sc-event-spec .sc-event-article .wp-block-separator.is-style-dots:before {
letter-spacing: 2.6em;
font-size: 2rem;
padding-left: 0;
}
.sc-event-spec .sc-event-article h1, .sc-event-spec .sc-event-article h2, .sc-event-spec .sc-event-article h3, .sc-event-spec .sc-event-article h4, .sc-event-spec .sc-event-article h5, .sc-event-spec .sc-event-article h6 {
font-weight: bold;
margin-bottom: 3rem;
}
.sc-event-spec .sc-event-article h1 {
font-size: 3.8rem;
line-height: 5.2rem;
background: url(../img/ttlBg.svg) no-repeat left top;
background-size: 5.4rem;
padding-top: 2.5rem;
}
.sc-event-spec .sc-event-article h2 {
background: url(../img/ttlBg.svg) no-repeat left top;
background-size: 5.4rem;
padding-left: 7rem;
font-size: 2.4rem;
line-height: 3rem;
}
.sc-event-spec .sc-event-article h3 {
font-size: 2.2rem;
line-height: 3rem;
position: relative;
padding: 1.5rem 1.5rem 1.8rem 1.2rem;
background: #eef1f6;
}
.sc-event-spec .sc-event-article h3:before {
content: "";
display: block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2b4675), color-stop(50%, #343a40));
background: -webkit-linear-gradient(top, #2b4675 50%, #343a40 50%);
background: linear-gradient(to bottom, #2b4675 50%, #343a40 50%);
width: 0.6rem;
height: 2.2rem;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.sc-event-spec .sc-event-article h4 {
font-size: 1.8rem;
line-height: 2.6rem;
position: relative;
padding-bottom: 1.3rem;
}
.sc-event-spec .sc-event-article h4:before, .sc-event-spec .sc-event-article h4:after {
content: "";
display: block;
left: 0;
bottom: 0;
position: absolute;
height: 0.4rem;
}
.sc-event-spec .sc-event-article h4:before {
background: #d7deea;
width: 100%;
}
.sc-event-spec .sc-event-article h4:after {
width: 4rem;
background: #1b2a4a;
}
.sc-event-spec .sc-event-article h5 {
font-size: 1.6rem;
}
.sc-event-spec .sc-event-article h6 {
font-size: 1.5rem;
}
.sc-event-spec .sc-event-article .marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #eaea3d));
background: -webkit-linear-gradient(transparent 60%, #eaea3d 60%);
background: linear-gradient(transparent 60%, #eaea3d 60%);
}
.sc-event-spec .sc-event-article mark {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #eaea3d));
background: -webkit-linear-gradient(transparent 60%, #eaea3d 60%);
background: linear-gradient(transparent 60%, #eaea3d 60%);
}
.sc-event-spec .sc-event-article .red {
color: #b70000;
}
.sc-event-spec .sc-event-article strong {
font-weight: bold;
}
.sc-event-spec .sc-event-article em {
font-weight: bold;
font-style: italic;
}
.sc-event-spec .sc-event-article ol li, .sc-event-spec .sc-event-article ul li {
margin-bottom: 1rem;
}
.sc-event-spec .sc-event-article ol li ol, .sc-event-spec .sc-event-article ol li ul, .sc-event-spec .sc-event-article ul li ol, .sc-event-spec .sc-event-article ul li ul {
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.sc-event-spec .sc-event-article ol:not([class]) {
counter-reset: item;
}
.sc-event-spec .sc-event-article ol:not([class]) li {
position: relative;
padding-left: 2.4rem;
}
.sc-event-spec .sc-event-article ol:not([class]) li:not(:last-child) {
margin-bottom: 1rem;
}
.sc-event-spec .sc-event-article ol:not([class]) li:before {
counter-increment: item;
color: #ffffff;
font-size: 1rem;
font-family: "Montserrat", sans-serif;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
text-align: center;
content: counter(item);
line-height: 1;
font-weight: bold;
width: 1.6rem;
height: 1.6rem;
background: #1b2a4a;
border-radius: 1.2rem;
position: absolute;
left: 0;
top: 1rem;
}
@media screen and (max-width: 768px) {
.sc-event-spec .sc-event-article ol:not([class]) li {
padding-left: 5.8666666667vw;
}
.sc-event-spec .sc-event-article ol:not([class]) li:not(:last-child) {
margin-bottom: 2.6666666667vw;
}
.sc-event-spec .sc-event-article ol:not([class]) li:before {
font-size: 2.6666666667vw;
width: 4.2666666667vw;
height: 4.2666666667vw;
border-radius: 3.2vw;
top: 0.8vw;
}
}
.sc-event-spec .sc-event-article ul:not([class]) li {
position: relative;
padding-left: 1.4rem;
}
.sc-event-spec .sc-event-article ul:not([class]) li:not(:last-child) {
margin-bottom: 1rem;
}
.sc-event-spec .sc-event-article ul:not([class]) li:before {
content: "";
width: 0.6rem;
height: 0.6rem;
background: #1b2a4a;
border-radius: 0.6rem;
position: absolute;
left: 0;
top: 1.4rem;
}
@media screen and (max-width: 768px) {
.sc-event-spec .sc-event-article ul:not([class]) li {
padding-left: 3.2vw;
}
.sc-event-spec .sc-event-article ul:not([class]) li:not(:last-child) {
margin-bottom: 2.6666666667vw;
}
.sc-event-spec .sc-event-article ul:not([class]) li:before {
width: 1.6vw;
height: 1.6vw;
border-radius: 1.6vw;
top: 2.6666666667vw;
}
}
.sc-event-spec .sc-event-article .wp-block-verse {
margin-bottom: 4rem;
padding: 1rem;
}
.sc-event-spec .sc-event-article table {
margin-bottom: 2rem;
width: 100%;
border-top: 1px solid #343A40;
}
.sc-event-spec .sc-event-article table th, .sc-event-spec .sc-event-article table td {
border-bottom: 1px solid #CCCCCC;
}
.sc-event-spec .sc-event-article table th {
font-weight: bold;
}
.sc-event-spec .sc-event-article table th, .sc-event-spec .sc-event-article table td {
padding: 3rem 1.5rem;
}
.sc-event-spec .sc-event-article .wp-block-table {
margin-bottom: 4rem;
}
.sc-event-spec .sc-event-article .wp-block-latest-posts__list {
margin-bottom: 3rem;
}
.sc-event-spec .sc-event-article .wp-block-quote, .sc-event-spec .sc-event-article blockquote {
padding: 3rem;
margin: 3rem 0;
position: relative;
background: #ccc;
}
.sc-event-spec .sc-event-article .wp-block-quote cite, .sc-event-spec .sc-event-article blockquote cite {
font-size: 1.2rem;
color: #999999;
}
.sc-event-spec .sc-event-article .wp-block-quote.is-large, .sc-event-spec .sc-event-article blockquote.is-large {
border-left: 0;
}
.sc-event-spec .sc-event-article .wp-block-quote p:last-child, .sc-event-spec .sc-event-article blockquote p:last-child {
margin-bottom: 0;
}
.sc-event-spec .sc-event-article .wp-block-audio {
margin-bottom: 3rem;
}
.sc-event-spec .sc-event-article .wp-block-audio figcaption {
text-align: center;
}
.sc-event-spec .sc-event-article .wp-block-button:after {
content: " ";
display: block;
clear: both;
}
.sc-event-spec .sc-event-article .wp-block-button__link {
background: #ff6b5c;
color: #fff;
border-radius: 0.4rem;
max-width: 75rem;
margin: 0 auto;
display: block;
text-decoration: none;
margin-bottom: 2rem;
text-align: center;
padding: 2.5rem;
border: 2px solid #ff6b5c;
font-weight: bold;
font-size: 2.5rem;
}
.sc-event-spec .sc-event-article .wp-block-button__link[target=_blank]:after {
background-image: url(../img/outer_white.svg);
}
.sc-event-spec .sc-event-article .wp-block-button__link:hover {
background: #fff;
color: #ff6b5c;
}
.sc-event-spec .sc-event-article .wp-block-button__link:hover[target=_blank]:after {
background-image: url(../img/outer.svg);
}
.sc-event-spec .sc-event-article .wp-block-columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-spec .sc-event-article .wp-block-columns.has-2-columns .wp-block-column {
width: 49.75%;
}
.sc-event-spec .sc-event-article .wp-block-columns.has-3-columns .wp-block-column {
width: 31.6666666667%;
}
.sc-event-spec .sc-event-article .wp-block-columns.has-4-columns .wp-block-column {
width: 23.3333333333%;
}
.sc-event-spec .sc-event-article .alignleft {
float: left;
margin-right: 2rem;
margin-bottom: 2rem;
}
.sc-event-spec .sc-event-article .alignleft + *:after {
content: " ";
display: block;
clear: both;
}
.sc-event-spec .sc-event-article .alignright {
float: right;
margin-left: 2rem;
margin-bottom: 2rem;
}
.sc-event-spec .sc-event-article .alignright + *:after {
content: " ";
display: block;
clear: both;
}
.sc-event-spec .sc-event-article .alignright img {
margin-left: auto;
margin-right: 0;
}
.sc-event-spec .sc-event-article .aligncenter,
.sc-event-spec .sc-event-article .aligncenter img {
margin-left: auto;
margin-right: auto;
}
.sc-event-spec .sc-event-article .wp-block-pullquote {
width: 47.5%;
border-top: 5px solid #343A40;
padding: 3rem 1.5rem;
border-bottom: 5px solid #343A40;
margin-bottom: 3rem;
}
.sc-event-spec .sc-event-article .wp-block-pullquote p {
text-align: center;
}
.sc-event-spec .sc-event-article .wp-block-pullquote cite {
font-size: 1.2rem;
}
.sc-event-spec .sc-event-article .wp-block-image {
margin-bottom: 2rem;
}
.sc-event-spec .sc-event-article .wp-block-image img {
height: auto;
}
.sc-event-spec .sc-event-article .wp-block-image figure.alignleft, .sc-event-spec .sc-event-article .wp-block-image figure.alignright {
width: 47.5%;
}
.sc-event-spec .sc-event-article .wp-block-image figure.alignleft img, .sc-event-spec .sc-event-article .wp-block-image figure.alignright img {
width: 100%;
}
.sc-event-spec .sc-event-article .wp-block-image figcaption {
text-align: center;
margin-top: 1.5rem;
}
.sc-event-spec .sc-event-article .wp-block-image + p:after {
content: " ";
display: block;
clear: both;
}
.sc-event-spec .sc-event-article .wp-block-cover {
margin-bottom: 2rem;
}
.sc-event-spec .sc-event-article .wp-block-cover.has-background-dim {
height: 50rem;
}
.sc-event-spec .sc-event-article .wp-block-cover__inner-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-spec .sc-event-article .wp-block-cover__inner-container p {
text-align: center;
font-size: 1.8rem;
margin: 0;
}
.sc-event-spec .sc-event-article .wp-block-gallery {
margin-left: 0;
margin-bottom: 5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-spec .sc-event-article .wp-block-gallery li {
padding-left: 0;
}
.sc-event-spec .sc-event-article .wp-block-gallery li:before {
display: none;
}
.sc-event-spec .sc-event-article .wp-block-gallery .blocks-gallery-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
width: 100%;
margin-left: 0;
}
.sc-event-spec .sc-event-article .wp-block-gallery .blocks-gallery-grid li {
padding-left: 0;
}
.sc-event-spec .sc-event-article .wp-block-gallery .blocks-gallery-grid li:before {
display: none;
}
.sc-event-spec .sc-event-article .wp-block-gallery .blocks-gallery-item {
margin-bottom: 1.5rem;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-2 .blocks-gallery-item {
width: 49.1666666667%;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-3 .blocks-gallery-grid:after {
content: "";
display: block;
width: 32.3333333333%;
max-width: 394px;
margin: 0;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-3 .blocks-gallery-item {
width: 32%;
}
@media screen and (min-width: 769px) {
.sc-event-spec .sc-event-article .wp-block-gallery.columns-3 .blocks-gallery-item:last-child {
margin-right: 16px;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0;
}
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-4 .blocks-gallery-grid:before, .sc-event-spec .sc-event-article .wp-block-gallery.columns-4 .blocks-gallery-grid:after {
content: "";
display: block;
width: 24.1666666667%;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-4 .blocks-gallery-grid:before {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-4 .blocks-gallery-item {
width: 24.1666666667%;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-5 .blocks-gallery-item {
width: 19.1666666667%;
}
.sc-event-spec .sc-event-article .blocks-gallery-item figure {
position: relative;
}
.sc-event-spec .sc-event-instructor .wp-block-columns:not(:last-child) {
margin-bottom: 6rem;
}
.sc-event-spec .sc-event-instructor .wp-block-columns img {
max-width: 37.6rem;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns .wp-block-column {
-webkit-flex-basis: inherit;
-ms-flex-preferred-size: inherit;
flex-basis: inherit;
-webkit-box-flex: inherit;
-webkit-flex-grow: inherit;
-ms-flex-positive: inherit;
flex-grow: inherit;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns .wp-block-column img {
max-width: 100%;
margin: 0 auto;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns .wp-block-column:first-child {
width: 25%;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns .wp-block-column:last-child {
width: 70%;
}
.sc-event-spec .sc-event-instructor-sns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 2.5rem;
}
.sc-event-spec .sc-event-instructor-sns li {
padding-left: 0;
margin-right: 1.6rem;
}
.sc-event-spec .sc-event-instructor-sns li:before {
display: none;
}
.sc-event-spec .sc-event-instructor-sns a[target=_blank]:after {
display: none;
}
.sc-event-spec .sc-event-instructor dl dt {
margin-bottom: 1rem;
}
.sc-event-spec .sc-event-info .map {
font-family: "Montserrat", sans-serif;
font-style: italic;
margin-left: 1.5rem;
}
.sc-event-spec .sc-event-info table th {
text-align: left;
width: 15rem;
}
.sc-event-spec .sc-event-info table td {
width: calc(100% - 15rem);
}
.sc-event-spec .sc-event-pr {
background: #f5f5f5;
padding: 3rem;
}
.sc-event-spec .sc-event-pr h2 {
background: none;
padding-left: 0;
font-size: 2.2rem;
margin-bottom: 2.5rem;
}
.sc-event-spec .sc-event-pr-body {
padding: 0 7rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-spec .sc-event-pr-card {
width: 46%;
margin-bottom: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-spec .sc-event-pr-card-media {
width: 7.8260869565%;
}
.sc-event-spec .sc-event-pr-card dl {
width: 86.9565217391%;
background: #fff;
padding: 2rem;
border-radius: 0.5rem;
position: relative;
}
.sc-event-spec .sc-event-pr-card dl:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
left: -1rem;
top: 2rem;
}
.sc-event-spec .sc-event-pr-card dl dt {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
}
.sc-event-spec .sc-event-pr p:not([class]) {
padding: 0 7rem;
margin-bottom: 3rem;
}
.sc-event-spec .sc-event-base {
margin: 10rem 0;
}
.sc-event-spec .sc-event-base a {
text-decoration: none;
display: block;
font-weight: bold;
font-size: 1.6rem;
text-align: center;
display: block;
border: 2px solid #1b2a4a;
border-radius: 0.4rem;
color: #1b2a4a;
width: 100%;
max-width: 37.6rem;
padding: 1.5rem;
margin: 0 auto;
}
.sc-event-spec .sc-event-base a:hover {
background: #1b2a4a;
color: #fff;
}
.sc-event-spec section.sc-event-pr {
border-bottom: none;
}
@media screen and (max-width: 768px) {
.sc-event-lineup .sc-event-header {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-bottom: 10.6666666667vw;
}
.sc-event-lineup .sc-event-title {
padding-left: 10.6666666667vw;
margin-bottom: 4vw;
}
.sc-event-lineup .sc-event-title-block {
font-size: 3.7333333333vw;
background-size: 8.2666666667vw;
background-position: left top 1.0666666667vw;
}
.sc-event-lineup .sc-event-title-block h1 {
font-size: 5.0666666667vw;
margin-bottom: 4vw;
}
.sc-event-lineup .sc-event-title-block h1:first-child {
padding-top: 0;
padding-left: 10.6666666667vw;
}
.sc-event-lineup .sc-event-title-result {
line-height: 5.8666666667vw;
}
.sc-event-lineup .sc-event-topic {
display: none;
}
.sc-event-lineup .sc-event-sort {
display: none;
}
.sc-event-lineup .sc-event-refined-lookup {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
margin-bottom: 10.6666666667vw;
}
.sc-event-lineup .sc-event-refined-lookup > dt {
padding: 3.2vw 6.1333333333vw 3.2vw 18.6666666667vw;
background-position: left 3.4666666667vw center;
background-size: 12.2666666667vw;
}
.sc-event-lineup .sc-event-refined-lookup > dt span {
padding: 2.6666666667vw;
padding-left: 6.6666666667vw;
font-size: 4.2666666667vw;
}
.sc-event-lineup .sc-event-refined-lookup > dt span:after {
height: 4.8vw;
right: 13.3333333333vw;
font-size: 4.2666666667vw;
}
.sc-event-lineup .sc-event-refined-lookup > dt div:before, .sc-event-lineup .sc-event-refined-lookup > dt div:after {
width: 4vw;
}
.sc-event-lineup .sc-event-refined-lookup > dd {
padding: 8vw 5.3333333333vw;
}
.sc-event-lineup .sc-event-refined-lookup-body dl {
margin-bottom: 5.3333333333vw;
width: 38.1333333333vw;
}
.sc-event-lineup .sc-event-refined-lookup-body dl dt {
display: none;
}
.sc-event-lineup .sc-event-refined-lookup-body dl dd {
width: 100%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl dd div.pc {
display: none;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.theme {
width: 38.1333333333vw;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.entry {
width: 38.1333333333vw;
margin-right: 0;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.entry dd {
width: 100%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.schedule {
width: 100%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.schedule dd {
width: 100%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.schedule input {
width: 38.1333333333vw;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.wide {
width: 100%;
}
.sc-event-lineup .sc-event-refined-lookup-body dl.wide dd {
width: 100%;
}
.sc-event-lineup .sc-event-refined-lookup button {
border-radius: 0;
margin: 0 auto;
max-width: 82.6666666667vw;
width: 100%;
font-size: 4.8vw;
}
.sc-event-spec .sc-event-title, .sc-sheet-main .sc-event-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 5.3333333333vw 0;
}
.sc-event-spec .sc-event-title-chip, .sc-sheet-main .sc-event-title-chip {
background: none;
padding: 0 1.3333333333vw;
margin-bottom: 1.3333333333vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-event-spec .sc-event-title-chip li, .sc-sheet-main .sc-event-title-chip li {
margin-right: 1.3333333333vw;
margin-bottom: 1.3333333333vw;
height: 6.4vw;
}
.sc-event-spec .sc-event-title-chip li a, .sc-event-spec .sc-event-title-chip li span, .sc-sheet-main .sc-event-title-chip li a, .sc-sheet-main .sc-event-title-chip li span {
font-size: 3.7333333333vw;
padding: 1.3333333333vw 0.8vw;
}
.sc-event-spec .sc-event-title-copy, .sc-sheet-main .sc-event-title-copy {
padding: 0 1.3333333333vw;
font-size: 3.7333333333vw;
line-height: 5.8666666667vw;
margin-bottom: 0;
}
.sc-event-spec .sc-event-title-copy span, .sc-sheet-main .sc-event-title-copy span {
line-height: 2;
font-size: 3.2vw;
padding: 0.2666666667vw 1.3333333333vw;
margin-right: 2.6666666667vw;
}
.sc-event-spec .sc-event-title h1, .sc-sheet-main .sc-event-title h1 {
padding: 0 1.3333333333vw;
font-size: 5.0666666667vw;
line-height: 6.6666666667vw;
}
.sc-event-spec .sc-event-title h1:not(:last-child), .sc-sheet-main .sc-event-title h1:not(:last-child) {
margin-bottom: 5.3333333333vw;
}
.sc-event-spec .sc-event-title h1 .new, .sc-sheet-main .sc-event-title h1 .new {
font-size: 4vw;
}
.sc-event-spec .sc-event-title-sub, .sc-sheet-main .sc-event-title-sub {
padding: 0 1.3333333333vw;
font-size: 3.7333333333vw;
line-height: 5.8666666667vw;
}
.sc-event-spec .mw_wp_form .error, .sc-sheet-main .mw_wp_form .error {
font-size: 4.2666666667vw;
margin-top: 2.6666666667vw;
background-position: left top 1.0666666667vw;
background-size: 4.5333333333vw;
padding-left: 5.8666666667vw;
min-height: 5.6vw;
}
.sc-event-spec .sc-error-main-text, .sc-sheet-main .sc-error-main-text {
font-size: 4vw;
line-height: 5.3333333333vw;
margin-top: 2.6666666667vw;
background-position: left 3.7333333333vw center;
background-size: 4.5333333333vw;
padding: 2.6666666667vw;
padding-left: 10.6666666667vw;
min-height: 5.6vw;
margin-bottom: 12vw;
}
.sc-event-spec {
overflow-x: hidden;
margin-top: -5.3333333333vw;
}
.sc-event-spec .sc-event-title {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
margin-bottom: 6.6666666667vw;
}
.sc-event-spec .sc-event-mv {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.sc-event-spec .sc-event-article {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
font-size: 4vw;
line-height: 6.4vw;
}
.sc-event-spec .sc-event-article section, .sc-event-spec .sc-event-article article {
margin-bottom: 10.6666666667vw;
padding-bottom: 10.6666666667vw;
}
.sc-event-spec .sc-event-article p, .sc-event-spec .sc-event-article pre {
display: block;
width: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
margin-bottom: 6.6666666667vw;
white-space: pre-wrap;
}
.sc-event-spec .sc-event-article a[target=_blank]:after {
width: 4vw;
height: 4vw;
margin-left: 1.3333333333vw;
}
.sc-event-spec .sc-event-article hr, .sc-event-spec .sc-event-article .wp-block-separator {
margin-top: 10.6666666667vw;
margin-bottom: 10.6666666667vw;
}
.sc-event-spec .sc-event-article hr.is-style-dots, .sc-event-spec .sc-event-article .wp-block-separator.is-style-dots {
border-bottom: none;
}
.sc-event-spec .sc-event-article hr.is-style-dots:before, .sc-event-spec .sc-event-article .wp-block-separator.is-style-dots:before {
letter-spacing: 2.6em;
font-size: 5.3333333333vw;
padding-left: 0;
}
.sc-event-spec .sc-event-article .sc-media-block {
position: relative;
display: block;
width: 100%;
width: calc(100% + 5rem);
margin: 3rem -2.5rem;
padding: 0 2.5rem;
overflow-y: auto;
overflow-x: scroll;
overflow: auto;
}
.sc-event-spec .sc-event-article .sc-media-block:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
background: #313336 url(../img/icon-touch.svg) center center no-repeat;
background-size: 6rem;
width: 7rem;
height: 7rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
z-index: 2;
}
.sc-event-spec .sc-event-article .sc-media-block.touch:before {
display: none;
}
.sc-event-spec .sc-event-article .sc-media-block img {
max-width: none;
width: 80rem;
height: auto;
}
.sc-event-spec .sc-event-article .sc-media-block::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.sc-event-spec .sc-event-article .sc-media-block::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.1);
}
.sc-event-spec .sc-event-article .sc-media-block::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
}
.sc-event-spec .sc-event-article h1, .sc-event-spec .sc-event-article h2, .sc-event-spec .sc-event-article h3, .sc-event-spec .sc-event-article h4, .sc-event-spec .sc-event-article h5, .sc-event-spec .sc-event-article h6 {
margin-bottom: 8vw;
}
.sc-event-spec .sc-event-article h1 {
font-size: 5.8666666667vw;
line-height: 8vw;
background-size: 14.4vw;
padding-top: 6.6666666667vw;
}
.sc-event-spec .sc-event-article h2 {
background-size: 14.4vw;
padding-left: 18.6666666667vw;
font-size: 4.8vw;
line-height: 7.4666666667vw;
}
.sc-event-spec .sc-event-article h3 {
font-size: 5.8666666667vw;
line-height: 8vw;
padding: 4vw 4vw 4.8vw 3.2vw;
}
.sc-event-spec .sc-event-article h3:before {
width: 1.6vw;
height: 5.8666666667vw;
}
.sc-event-spec .sc-event-article h4 {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
padding-bottom: 3.4666666667vw;
}
.sc-event-spec .sc-event-article h4:before, .sc-event-spec .sc-event-article h4:after {
height: 1.0666666667vw;
}
.sc-event-spec .sc-event-article h4:after {
width: 10.6666666667vw;
}
.sc-event-spec .sc-event-article h5 {
font-size: 4.2666666667vw;
}
.sc-event-spec .sc-event-article h6 {
font-size: 4vw;
}
.sc-event-spec .sc-event-article ol li, .sc-event-spec .sc-event-article ul li {
margin-bottom: 2.6666666667vw;
}
.sc-event-spec .sc-event-article ol li ol, .sc-event-spec .sc-event-article ol li ul, .sc-event-spec .sc-event-article ul li ol, .sc-event-spec .sc-event-article ul li ul {
margin-top: 2.6666666667vw;
margin-bottom: 4vw;
}
.sc-event-spec .sc-event-article .wp-block-verse {
margin-bottom: 5.3333333333vw;
padding: 2.6666666667vw;
}
.sc-event-spec .sc-event-article table {
margin-bottom: 5.3333333333vw;
}
.sc-event-spec .sc-event-article table th, .sc-event-spec .sc-event-article table td {
padding: 4vw 2.1333333333vw;
}
.sc-event-spec .sc-event-article .wp-block-table {
margin-bottom: 10.6666666667vw;
}
.sc-event-spec .sc-event-article .wp-block-latest-posts__list {
margin-left: 0;
margin-bottom: 4vw;
}
.sc-event-spec .sc-event-article blockquote,
.sc-event-spec .sc-event-article .wp-block-quote {
padding: 8vw;
margin: 4vw 0;
}
.sc-event-spec .sc-event-article blockquote cite,
.sc-event-spec .sc-event-article .wp-block-quote cite {
font-size: 3.2vw;
}
.sc-event-spec .sc-event-article .wp-block-audio {
margin-bottom: 4vw;
}
.sc-event-spec .sc-event-article .wp-block-button__link {
color: #fff;
border-radius: 1.0666666667vw;
max-width: inherit;
margin: 0 auto;
display: block;
text-decoration: none;
margin-bottom: 5.3333333333vw;
text-align: center;
padding: 5.3333333333vw;
font-weight: bold;
font-size: 5.3333333333vw;
}
.sc-event-spec .sc-event-article .wp-block-columns.has-2-columns .wp-block-column, .sc-event-spec .sc-event-article .wp-block-columns.has-3-columns .wp-block-column, .sc-event-spec .sc-event-article .wp-block-columns.has-4-columns .wp-block-column {
width: 100%;
}
.sc-event-spec .sc-event-article .alignleft,
.sc-event-spec .sc-event-article .alignright {
float: none;
margin-right: 0;
margin-left: 0;
margin-bottom: 5.3333333333vw;
}
.sc-event-spec .sc-event-article .wp-block-pullquote {
width: 100%;
border-top: 3px solid #343A40;
padding: 4vw 4vw;
border-bottom: 3px solid #343A40;
margin-bottom: 4vw;
}
.sc-event-spec .sc-event-article .wp-block-pullquote cite {
font-size: 3.2vw;
}
.sc-event-spec .sc-event-article .wp-block-image {
margin-bottom: 5.3333333333vw;
}
.sc-event-spec .sc-event-article .wp-block-image figure.alignleft, .sc-event-spec .sc-event-article .wp-block-image figure.alignright {
width: 100%;
}
.sc-event-spec .sc-event-article .wp-block-image figcaption {
margin-top: 5.3333333333vw;
}
.sc-event-spec .sc-event-article .wp-block-cover {
margin-bottom: 2.6666666667vw;
}
.sc-event-spec .sc-event-article .wp-block-cover.has-background-dim {
height: 40vw;
}
.sc-event-spec .sc-event-article .wp-block-cover__inner-container p {
font-size: 3.7333333333vw;
}
.sc-event-spec .sc-event-article .wp-block-gallery {
margin-bottom: 6.6666666667vw;
}
.sc-event-spec .sc-event-article .wp-block-gallery .blocks-gallery-item {
margin-bottom: 2.6666666667vw;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-2 .blocks-gallery-item, .sc-event-spec .sc-event-article .wp-block-gallery.columns-3 .blocks-gallery-item, .sc-event-spec .sc-event-article .wp-block-gallery.columns-4 .blocks-gallery-item, .sc-event-spec .sc-event-article .wp-block-gallery.columns-5 .blocks-gallery-item {
width: 100%;
}
.sc-event-spec .sc-event-article .wp-block-gallery.columns-2 .blocks-gallery-grid:before, .sc-event-spec .sc-event-article .wp-block-gallery.columns-2 .blocks-gallery-grid:after, .sc-event-spec .sc-event-article .wp-block-gallery.columns-3 .blocks-gallery-grid:before, .sc-event-spec .sc-event-article .wp-block-gallery.columns-3 .blocks-gallery-grid:after, .sc-event-spec .sc-event-article .wp-block-gallery.columns-4 .blocks-gallery-grid:before, .sc-event-spec .sc-event-article .wp-block-gallery.columns-4 .blocks-gallery-grid:after, .sc-event-spec .sc-event-article .wp-block-gallery.columns-5 .blocks-gallery-grid:before, .sc-event-spec .sc-event-article .wp-block-gallery.columns-5 .blocks-gallery-grid:after {
display: none;
}
.sc-event-spec .sc-event-article .blocks-gallery-grid .blocks-gallery-image, .sc-event-spec .sc-event-article .blocks-gallery-grid .blocks-gallery-item, .sc-event-spec .sc-event-article .wp-block-gallery .blocks-gallery-image, .sc-event-spec .sc-event-article .wp-block-gallery .blocks-gallery-item {
margin-right: 0;
}
.sc-event-spec .sc-event-article .gallery-item {
width: 100%;
float: none;
}
.sc-event-spec .sc-event-article .gallery-item img {
margin: 0 auto;
}
.sc-event-spec .sc-event-instructor .wp-block-columns:not(:last-child) {
margin-bottom: 10.6666666667vw;
}
.sc-event-spec .sc-event-instructor .wp-block-columns img {
max-width: inherit;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns {
display: block;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns .wp-block-column {
margin: 0 auto;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns .wp-block-column:first-child {
width: 60%;
margin-bottom: 5.3333333333vw;
}
.sc-event-spec .sc-event-instructor .wp-block-columns.has-2-columns .wp-block-column:last-child {
width: 100%;
}
.sc-event-spec .sc-event-instructor ul li {
margin-bottom: 0;
}
.sc-event-spec .sc-event-instructor-sns {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0;
margin-top: 4vw;
}
.sc-event-spec .sc-event-instructor-sns li {
margin: 0;
margin-left: 5.3333333333vw;
}
.sc-event-spec .sc-event-instructor-sns li a {
display: block;
width: 8vw;
}
.sc-event-spec .sc-event-instructor-sns li a img {
width: 100%;
}
.sc-event-spec .sc-event-instructor dl dt {
margin-bottom: 4vw;
}
.sc-event-spec .sc-event-info .map {
display: block;
margin-left: 0;
margin-top: 2.6666666667vw;
}
.sc-event-spec .sc-event-info table th {
text-align: left;
width: 19.2vw;
}
.sc-event-spec .sc-event-info table td {
width: 72vw;
}
.sc-event-spec .sc-event-pr {
padding: 4vw;
}
.sc-event-spec .sc-event-pr h2 {
font-size: 4.8vw;
margin-bottom: 4vw;
padding-left: 0;
}
.sc-event-spec .sc-event-pr-body {
padding: 0;
}
.sc-event-spec .sc-event-pr-card {
width: 100%;
margin-bottom: 5.3333333333vw;
}
.sc-event-spec .sc-event-pr-card-media {
width: 9.6vw;
}
.sc-event-spec .sc-event-pr-card dl {
width: 66.6666666667vw;
padding: 5.3333333333vw;
}
.sc-event-spec .sc-event-pr-card dl:after {
border-width: 0 2.6666666667vw 5.3333333333vw 0;
left: -2.6666666667vw;
top: 5.3333333333vw;
}
.sc-event-spec .sc-event-pr-card dl dt {
font-size: 4vw;
margin-bottom: 2.6666666667vw;
}
.sc-event-spec .sc-event-pr-card dl dd {
font-size: 3.7333333333vw;
line-height: 5.3333333333vw;
}
.sc-event-spec .sc-event-pr p:not([class]) {
padding: 0;
margin-bottom: 8vw;
}
.sc-event-spec .sc-event-pr .wp-block-button__link {
margin-bottom: 0;
}
.sc-event-spec .sc-event-base {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
margin: 16vw auto;
}
.sc-event-spec .sc-event-base a {
width: 42.6666666667vw;
font-size: 3.4666666667vw;
border-radius: 1.0666666667vw;
max-width: inherit;
padding: 2.6666666667vw;
}
.sc-event-spec section.sc-event-pr {
padding-bottom: 4vw;
}
}
.sc-sheet-main {
max-width: 120rem;
width: 90%;
margin: 0 auto;
padding-bottom: 12.5rem;
}
.sc-sheet-main .sc-event-title {
margin-bottom: 4rem;
}
.sc-sheet-main .sc-sheet-title {
font-size: 1.6rem;
}
.sc-sheet-main .sc-sheet-title-block {
background: url(../img/ttlBg.svg) no-repeat left top;
background-size: 5.4rem;
padding-top: 3.5rem;
margin-bottom: 4rem;
line-height: 1;
font-weight: bold;
}
.sc-sheet-main .sc-sheet-title-block h1 {
font-size: 3.8rem;
margin-bottom: 1.5rem;
line-height: 1;
}
.sc-sheet-main .sc-sheet-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-sheet-main .sc-sheet-nav {
border-radius: 5px;
width: 17.0833333333%;
background: #d7deea;
padding: 2.5rem;
}
.sc-sheet-main .sc-sheet-nav ul {
position: relative;
}
.sc-sheet-main .sc-sheet-nav ul:before {
content: "";
width: 1px;
height: calc(100% - 2rem);
display: block;
background: #868686;
position: absolute;
left: 1rem;
top: 0;
bottom: 0;
margin: auto;
}
.sc-sheet-main .sc-sheet-nav ul li {
color: #868686;
position: relative;
padding-left: 4rem;
}
.sc-sheet-main .sc-sheet-nav ul li:not(:last-child) {
margin-bottom: 2rem;
}
.sc-sheet-main .sc-sheet-nav ul li:before {
content: "";
width: 2rem;
height: 2rem;
display: block;
background: #868686;
border-radius: 1.2rem;
position: absolute;
left: 0;
top: 0;
}
.sc-sheet-main .sc-sheet-nav ul li.current {
color: #343A40;
}
.sc-sheet-main .sc-sheet-nav ul li.current:before {
background: #1b2a4a;
border: 5px solid #fff;
width: 1.2rem;
height: 1.2rem;
}
.sc-sheet-main .sc-sheet-sub {
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 5.5rem;
}
.sc-sheet-main .sc-sheet-body {
width: 77.5%;
}
.sc-sheet-main .sc-sheet-body .required {
background: #ff6b5c;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
padding: 0.1rem 0.8rem 0.2rem;
margin-left: 0.5rem;
}
.sc-sheet-main .sc-sheet-body div:not([class]) {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-sheet-main .sc-sheet-body .other {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
width: 100%;
}
.sc-sheet-main .sc-sheet-body .other .mwform-checkbox-field {
margin-right: 0;
}
.sc-sheet-main .sc-sheet-body .other input[type=text] {
width: calc(100% - 11rem);
}
.sc-sheet-main .sc-sheet-body p {
width: 100%;
}
.sc-sheet-main .sc-sheet-body dl {
margin-bottom: 4.5rem;
}
.sc-sheet-main .sc-sheet-body dl dt {
font-weight: bold;
font-size: 1.9rem;
margin-bottom: 2rem;
}
.sc-sheet-main .sc-sheet-body dl dt small {
font-weight: normal;
font-size: 1.6rem;
}
.sc-sheet-main .sc-sheet-body dl dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-sheet-main .sc-sheet-body dl span.red {
display: block;
color: #3a4a6b;
width: 100%;
margin-top: 0.5rem;
}
.sc-sheet-main .sc-sheet-body input, .sc-sheet-main .sc-sheet-body select, .sc-sheet-main .sc-sheet-body textarea {
background-color: #f9f9f9;
max-width: 100%;
}
.sc-sheet-main .sc-sheet-body select {
width: auto;
}
.sc-sheet-main .sc-sheet-body .mwform-checkbox-field-text:before {
background-color: #f9f9f9;
}
.sc-sheet-main .sc-sheet-body button[name=submitConfirm],
.sc-sheet-main .sc-sheet-body button[name=submitSend] {
background: #ff6b5c;
display: block;
max-width: 37.6rem;
width: 100%;
margin: 5rem auto 0;
}
.sc-sheet-main .sc-sheet-body button[name=submitConfirm]:hover,
.sc-sheet-main .sc-sheet-body button[name=submitSend]:hover {
opacity: 0.7;
}
.sc-sheet-main .sc-sheet-body button[name=submitBack] {
background: none;
padding: 0;
color: #1b2a4a;
text-decoration: underline;
margin: 3rem auto 0;
}
.sc-sheet-main .sc-sheet-body button[name=submitBack]:hover {
text-decoration: none;
}
.sc-sheet-main .sc-sheet-policy2 {
width: 100%;
background: #f9f9f9;
border: 1px solid #DDDDDD;
padding: 2rem;
font-size: 1.4rem;
line-height: 2.4rem;
}
.sc-sheet-main .sc-sheet-policy2-agree {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin: 2rem auto 0;
}
.sc-sheet-main .sc-sheet-policy2-agree .required {
padding: 0.4rem 0.8rem;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field {
margin-right: 1rem;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field-text {
padding-left: 4.2rem;
line-height: 3rem;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field-text:before {
width: 3rem;
height: 3rem;
background: #fff;
border-radius: 3px;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field-text:after {
width: 1.2rem;
height: 0.9rem;
top: 0.7rem;
left: 1rem;
}
.sc-sheet-main .sc-sheet-comp-sub {
font-size: 2.8rem;
margin-bottom: 3rem;
font-weight: bold;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.sc-sheet-main .sc-sheet-comp-text {
font-size: 1.6rem;
line-height: 3.2rem;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.sc-sheet-main .sc-sheet-main-base {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
text-decoration: none;
display: block;
font-weight: bold;
font-size: 1.6rem;
text-align: center;
display: block;
border: 2px solid #1b2a4a;
border-radius: 0.4rem;
color: #1b2a4a;
width: 100%;
max-width: 37.6rem;
padding: 1.5rem;
margin: 9rem auto 0;
}
.sc-sheet-main .sc-sheet-main-base:hover {
background: #1b2a4a;
color: #fff;
}
.sc-sheet-main .sc-sheet-creditcard-button {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
font-size: 1.6rem;
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: bold;
color: #fff;
border-radius: 5px;
padding: 1.5rem;
text-align: center;
line-height: 1;
text-decoration: none;
background: #ff6b5c;
display: block;
max-width: 37.6rem;
width: 100%;
margin: 5rem 0 0 15.6989247312%;
}
.sc-sheet-main .sc-sheet-creditcard-button:hover {
opacity: 0.7;
}
.mw_wp_form_complete {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 0 !important;
}
.mw_wp_form_confirm dl.privacy,
.sc-sheet-main .sc-sheet-body .mw_wp_form_confirm dl span.red {
display: none;
}
.sc-main-view .sc-sheet-main-base {
text-decoration: none;
display: block;
font-weight: bold;
font-size: 1.6rem;
text-align: center;
display: block;
border: 2px solid #1b2a4a;
border-radius: 0.4rem;
color: #1b2a4a;
width: 100%;
max-width: 37.6rem;
padding: 1.5rem;
margin: 9rem auto 15rem;
}
.sc-main-view .sc-sheet-main-base:hover {
background: #1b2a4a;
color: #fff;
}
@media screen and (max-width: 768px) {
.sc-sheet-main {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
padding-bottom: 16vw;
}
.sc-sheet-main .sc-event-title {
margin-bottom: 10.6666666667vw;
}
.sc-sheet-main .sc-sheet-title {
font-size: 3.7333333333vw;
line-height: 5.8666666667vw;
}
.sc-sheet-main .sc-sheet-title-block {
background-size: 8.2666666667vw;
background-position: left top 1.0666666667vw;
margin-bottom: 4vw;
padding-top: 0;
}
.sc-sheet-main .sc-sheet-title-block h1 {
font-size: 5.0666666667vw;
padding-left: 10.6666666667vw;
margin-bottom: 4vw;
}
.sc-sheet-main .sc-sheet-panel {
display: block;
}
.sc-sheet-main .sc-sheet-nav {
width: 72vw;
margin: 0 auto 5.3333333333vw;
padding: 5.3333333333vw;
}
.sc-sheet-main .sc-sheet-nav ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-sheet-main .sc-sheet-nav ul:before {
content: "";
width: 45.3333333333vw;
height: 1px;
left: 0;
right: 0;
top: 2.6666666667vw;
bottom: auto;
}
.sc-sheet-main .sc-sheet-nav ul li {
width: 18.6666666667vw;
padding-left: 0;
text-align: center;
padding-top: 6.6666666667vw;
line-height: 5.3333333333vw;
}
.sc-sheet-main .sc-sheet-nav ul li:not(:last-child) {
margin-bottom: 0;
}
.sc-sheet-main .sc-sheet-nav ul li:before {
width: 5.3333333333vw;
height: 5.3333333333vw;
border-radius: 3.2vw;
right: 0;
margin: auto;
}
.sc-sheet-main .sc-sheet-nav ul li.current:before {
border-width: 0.8vw;
width: 4.2666666667vw;
height: 4.2666666667vw;
}
.sc-sheet-main .sc-sheet-sub {
font-size: 5.0666666667vw;
margin-bottom: 8vw;
}
.sc-sheet-main .sc-sheet-body {
width: 100%;
}
.sc-sheet-main .sc-sheet-body .required {
font-size: 2.9333333333vw;
padding: 0.2666666667vw 0.8vw 0.5333333333vw;
margin-left: 2.1333333333vw;
}
.sc-sheet-main .sc-sheet-body p {
font-size: 4vw;
line-height: 6.4vw;
}
.sc-sheet-main .sc-sheet-body .other input[type=text] {
width: 64vw;
}
.sc-sheet-main .sc-sheet-body dl {
margin-bottom: 9.3333333333vw;
}
.sc-sheet-main .sc-sheet-body dl dt {
font-size: 4.2666666667vw;
margin-bottom: 4vw;
}
.sc-sheet-main .sc-sheet-body dl dt small {
margin-top: 3.7333333333vw;
font-size: 3.7333333333vw;
display: block;
width: 100%;
margin-bottom: -2.6666666667vw;
}
.sc-sheet-main .sc-sheet-body select {
width: auto;
padding-right: 10.6666666667vw;
}
.sc-sheet-main .sc-sheet-body button[name=submitConfirm],
.sc-sheet-main .sc-sheet-body button[name=submitSend] {
max-width: inherit;
margin: 6.6666666667vw auto 0;
}
.sc-sheet-main .sc-sheet-body button[name=submitBack] {
margin-top: 8vw;
}
.sc-sheet-main .sc-sheet-policy2 {
padding: 5.3333333333vw;
font-size: 3.7333333333vw;
line-height: 6.4vw;
}
.sc-sheet-main .sc-sheet-policy2-agree {
margin: 2.6666666667vw auto 0;
}
.sc-sheet-main .sc-sheet-policy2-agree .required {
padding: 1.0666666667vw 2.1333333333vw;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field {
margin-right: 0;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field-text {
padding-left: 10.6666666667vw;
line-height: 8vw;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field-text:before {
width: 8vw;
height: 8vw;
}
.sc-sheet-main .sc-sheet-policy2-agree .mwform-checkbox-field-text:after {
width: 3.2vw;
height: 2.4vw;
top: 1.8666666667vw;
left: 2.6666666667vw;
}
.sc-sheet-main .sc-sheet-comp-sub {
font-size: 7.4666666667vw;
margin-top: 10.6666666667vw;
text-align: center;
margin-bottom: 8vw;
}
.sc-sheet-main .sc-sheet-comp-text {
font-size: 4.2666666667vw;
line-height: 8.5333333333vw;
}
.sc-sheet-main .sc-sheet-creditcard-button {
font-size: 4.2666666667vw;
padding: 4vw;
max-width: inherit;
margin: 6.6666666667vw auto 0;
}
.sc-sheet-main .sc-sheet-main-base {
width: 42.6666666667vw;
font-size: 3.4666666667vw;
border-radius: 1.0666666667vw;
max-width: inherit;
padding: 2.6666666667vw;
margin-top: 12vw;
}
.sc-main-view .sc-sheet-main-base {
width: 42.6666666667vw;
font-size: 3.4666666667vw;
border-radius: 1.0666666667vw;
max-width: inherit;
padding: 2.6666666667vw;
margin-top: 12vw;
margin-bottom: 20vw;
}
}
.policy {
max-width: 120rem;
width: 90%;
margin: 0 auto;
padding-bottom: 8rem;
font-size: 1.6rem;
line-height: 3.2rem;
}
.policy section, .policy article {
margin-bottom: 6rem;
border-bottom: 2px solid #CCCCCC;
padding-bottom: 5rem;
}
.policy p, .policy pre {
width: 100%;
margin-bottom: 2rem;
white-space: inherit;
}
.policy img {
max-width: 100%;
height: auto;
}
.policy a {
color: #1b2a4a;
}
.policy a[target=_blank]:after {
content: "";
display: inline-block;
background: url(../img/outer.svg) no-repeat;
background-size: cover;
width: 1.5rem;
height: 1.5rem;
margin-left: 0.5rem;
}
.policy h1, .policy h2, .policy h3, .policy h4, .policy h5, .policy h6 {
font-weight: bold;
margin-bottom: 3rem;
}
.policy h1 {
font-size: 3.8rem;
line-height: 5.2rem;
background: url(../img/ttlBg.svg) no-repeat left top;
background-size: 5.4rem;
padding-top: 2.5rem;
}
.policy h2 {
background: url(../img/ttlBg.svg) no-repeat left top;
background-size: 5.4rem;
padding-left: 7rem;
font-size: 2.2rem;
line-height: 3rem;
}
.policy h3 {
font-size: 1.8rem;
line-height: 2.9rem;
position: relative;
padding-left: 2.5rem;
}
.policy h3:before {
content: "";
display: block;
background: #1b2a4a;
width: 0.8rem;
height: 1.8rem;
position: absolute;
left: 0;
top: 0.4rem;
}
.policy h4 {
font-size: 1.6rem;
line-height: 2.6rem;
position: relative;
padding-top: 1rem;
}
.policy h4:before {
content: "";
display: block;
background: #1b2a4a;
width: 6.7rem;
height: 0.4rem;
position: absolute;
left: 0;
top: 0;
}
.policy h5 {
font-size: 1.6rem;
}
.policy h6 {
font-size: 1.5rem;
}
.policy strong {
font-weight: bold;
}
.policy em {
font-weight: bold;
font-style: italic;
}
.policy ol li, .policy ul li {
margin-bottom: 1rem;
}
.policy ol li ol, .policy ol li ul, .policy ul li ol, .policy ul li ul {
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.policy ol:not([class]) {
counter-reset: item;
}
.policy ol:not([class]) li {
position: relative;
padding-left: 2.4rem;
}
.policy ol:not([class]) li:not(:last-child) {
margin-bottom: 1rem;
}
.policy ol:not([class]) li:before {
counter-increment: item;
color: #ffffff;
font-size: 1rem;
font-family: "Montserrat", sans-serif;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
text-align: center;
content: counter(item);
line-height: 1;
font-weight: bold;
width: 1.6rem;
height: 1.6rem;
background: #1b2a4a;
border-radius: 1.2rem;
position: absolute;
left: 0;
top: 1rem;
}
@media screen and (max-width: 768px) {
.policy ol:not([class]) li {
padding-left: 5.8666666667vw;
}
.policy ol:not([class]) li:not(:last-child) {
margin-bottom: 2.6666666667vw;
}
.policy ol:not([class]) li:before {
font-size: 2.6666666667vw;
width: 4.2666666667vw;
height: 4.2666666667vw;
border-radius: 3.2vw;
top: 0.8vw;
}
}
.policy ul:not([class]) li {
position: relative;
padding-left: 1.4rem;
}
.policy ul:not([class]) li:not(:last-child) {
margin-bottom: 1rem;
}
.policy ul:not([class]) li:before {
content: "";
width: 0.6rem;
height: 0.6rem;
background: #1b2a4a;
border-radius: 0.6rem;
position: absolute;
left: 0;
top: 1.4rem;
}
@media screen and (max-width: 768px) {
.policy ul:not([class]) li {
padding-left: 3.2vw;
}
.policy ul:not([class]) li:not(:last-child) {
margin-bottom: 2.6666666667vw;
}
.policy ul:not([class]) li:before {
width: 1.6vw;
height: 1.6vw;
border-radius: 1.6vw;
top: 2.6666666667vw;
}
}
.policy table {
margin-bottom: 2rem;
width: 100%;
border-top: 1px solid #343A40;
}
.policy table th, .policy table td {
border-bottom: 1px solid #CCCCCC;
}
.policy table th {
font-weight: bold;
}
.policy table th, .policy table td {
padding: 3rem 1.5rem;
}
@media screen and (max-width: 768px) {
main.policy {
padding-bottom: 21.3333333333vw;
}
main.policy p, main.policy pre {
display: block;
width: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
margin-bottom: 6.6666666667vw;
white-space: inherit;
}
main.policy a[target=_blank]:after {
width: 4vw;
height: 4vw;
margin-left: 1.3333333333vw;
}
main.policy h1, main.policy h2, main.policy h3, main.policy h4, main.policy h5, main.policy h6 {
margin-bottom: 8vw;
}
main.policy h1 {
font-size: 5.8666666667vw;
line-height: 8vw;
background-size: 14.4vw;
padding-top: 6.6666666667vw;
}
main.policy h2 {
background-size: 14.4vw;
padding-left: 18.6666666667vw;
font-size: 4.8vw;
line-height: 7.4666666667vw;
}
main.policy h3 {
font-size: 4.8vw;
line-height: 7.7333333333vw;
padding-left: 6.6666666667vw;
}
main.policy h3:before {
width: 2.1333333333vw;
height: 4.8vw;
top: 1.0666666667vw;
}
main.policy h4 {
font-size: 4.2666666667vw;
line-height: 6.9333333333vw;
padding-top: 2.6666666667vw;
}
main.policy h4:before {
width: 17.8666666667vw;
height: 1.0666666667vw;
}
main.policy h5 {
font-size: 4.2666666667vw;
}
main.policy h6 {
font-size: 4vw;
}
main.policy ol li, main.policy ul li {
margin-bottom: 2.6666666667vw;
}
main.policy ol li ol, main.policy ol li ul, main.policy ul li ol, main.policy ul li ul {
margin-top: 2.6666666667vw;
margin-bottom: 4vw;
}
main.policy table {
margin-bottom: 5.3333333333vw;
}
main.policy table th, main.policy table td {
padding: 4vw 2.1333333333vw;
}
}
.fortune {
padding-bottom: 14rem;
}
.fortune .sc-trail {
position: absolute;
left: inherit;
top: 4.5rem;
padding-bottom: 0;
margin: 0;
border-bottom: none;
background: none;
}
.fortune .sc-trail li {
color: #fff;
}
.fortune .sc-trail li a {
color: #fff;
}
.sc-match-mv {
position: relative;
padding: 4.5rem 0;
background: url(../img/fortune/mvBg.png) no-repeat center center;
background-size: cover;
margin-bottom: 6rem;
}
.sc-match-mv h1 {
width: 38.8888888889%;
margin: 0 auto;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.sc-match-mv h1 img {
width: 100%;
}
.sc-match-mv-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-match-mv-day {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
border-bottom: 2px solid #fff;
font-family: "Montserrat", sans-serif;
font-weight: bold;
color: #fff;
font-size: 3.2rem;
line-height: 1;
padding-bottom: 0.4rem;
margin-bottom: 5.6rem;
letter-spacing: 0.08em;
}
.sc-match-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
max-width: 99.6rem;
width: 90%;
margin: 0 auto;
position: relative;
padding: 2.1rem 1.5rem 0 0;
margin-bottom: 5rem;
}
.sc-match-card::before, .sc-match-card::after {
content: "";
height: 0.6rem;
display: block;
position: absolute;
top: 0;
z-index: 0;
}
.sc-match-card::before {
left: 0;
background: #343a40;
width: calc(100% - 74rem);
}
.sc-match-card::after {
right: 0;
background: #1b2a4a;
width: 74rem;
}
.sc-match-card-index {
position: absolute;
left: 1rem;
top: -1.2rem;
width: 11rem;
height: 9rem;
z-index: 1;
background-image: url(../img/fortune/rankBg02.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
font-family: "Montserrat", sans-serif;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
color: #fff;
font-size: 7rem;
line-height: 1;
font-style: italic;
padding-right: 1rem;
}
.sc-match-card-index.top {
background-image: url(../img/fortune/rankBg.svg);
}
.sc-match-card-index.bottom {
background-image: url(../img/fortune/rankBg03.svg);
}
.sc-match-card-title {
padding-top: 7.5rem;
width: 12.2324159021%;
}
.sc-match-card-title h2 {
text-align: center;
font-weight: bold;
font-size: 2rem;
margin-bottom: 0.8rem;
}
.sc-match-card-title h2 span {
font-size: 2.8rem;
}
.sc-match-card-title p {
text-align: center;
font-size: 1.6rem;
font-weight: bold;
}
.sc-match-card-media {
width: 12.6401630989%;
}
.sc-match-card-text {
width: 72.5790010194%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-size: 1.6rem;
line-height: 2.6rem;
font-weight: bold;
padding-top: 0.9rem;
}
.sc-match-card-text p {
margin-bottom: 1.5rem;
width: 100%;
}
.sc-match-card-text dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sc-match-card-text dl:not(:last-child) {
margin-right: 4rem;
}
.sc-match-card-text dl dt {
margin-right: 1rem;
color: #917b00;
}
.sc-match-card-text dl dt:before {
content: "★";
color: #ceb31c;
}
.sc-match-bnr {
padding-top: 4.5rem;
margin-bottom: 9rem;
}
.sc-match-bnr img {
margin: 0 auto;
}
.fortune .sc-main-view-event-lineup {
margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
.fortune {
padding-bottom: 0;
}
.fortune .sc-trail {
position: static;
margin: 0 2.6666666667vw 10.6666666667vw;
}
.sc-match-mv {
padding: 5.3333333333vw 0 20vw;
background: url(../img/fortune/mvBgSp.png) no-repeat center center;
background-size: cover;
margin-bottom: 10.6666666667vw;
}
.sc-match-mv h1 {
width: 75.2vw;
}
.sc-match-mv-day {
font-size: 4.8vw;
padding-bottom: 1.0666666667vw;
margin-bottom: 4.5333333333vw;
}
.sc-match-card {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
padding: 4.2666666667vw 0 0 0;
margin-bottom: 18.6666666667vw;
}
.sc-match-card::before, .sc-match-card::after {
height: 1.0666666667vw;
width: 50%;
}
.sc-match-card-index {
left: 4.2666666667vw;
top: -3.2vw;
width: 24vw;
height: 21.3333333333vw;
font-size: 14.4vw;
padding-right: 2.6666666667vw;
}
.sc-match-card-title {
width: 61.3333333333vw;
padding-left: 29.3333333333vw;
padding-top: 2.6666666667vw;
}
.sc-match-card-title h2 {
font-size: 6.4vw;
margin-bottom: 2.1333333333vw;
}
.sc-match-card-title h2 span {
font-size: 8.5333333333vw;
}
.sc-match-card-title p {
font-size: 4.8vw;
}
.sc-match-card-media {
width: 29.3333333333vw;
padding: 0 4vw;
}
.sc-match-card-text {
width: 100%;
font-size: 4vw;
line-height: 6.4vw;
padding-top: 4.2666666667vw;
}
.sc-match-card-text p {
margin-bottom: 3.4666666667vw;
}
.sc-match-card-text dl:not(:last-child) {
margin-right: 0;
margin-bottom: 0.8vw;
}
.sc-match-card-text dl dt {
margin-right: 4.8vw;
}
.sc-match-bnr {
width: 91.2%;
max-width: inherit;
min-width: inherit;
margin: 0 auto;
padding-top: 0;
margin-bottom: 18.6666666667vw;
}
.fortune .sc-main-view-event-lineup {
margin-bottom: 18.6666666667vw;
}
}
.sc-header-logo { width: auto; height: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.sc-brand-logo { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; gap: 0.9rem; text-decoration: none; }
.sc-brand-logo-mark { width: 4.2rem; height: 4.2rem; display: block; }
.sc-brand-logo-text { font-family: "Montserrat", "Noto Sans JP", sans-serif; font-weight: 600; letter-spacing: 0.03em; line-height: 1; }
.sc-header-logo .sc-brand-logo-text { font-size: 2.9rem; color: #1b2a4a; }
.sc-footer-right .sc-brand-logo-text { font-size: 2.6rem; color: #fff; }
@media screen and (max-width: 768px) {
.sc-brand-logo { gap: 1.6vw; }
.sc-brand-logo-mark { width: 8.5vw; height: 8.5vw; }
.sc-header-logo .sc-brand-logo-text { font-size: 5.6vw; }
.sc-footer-right .sc-brand-logo-text { font-size: 5.6vw; }
}
.sc-main-view-lookup.ambassador { background-image: none; background: #1b2a4a; position: relative; overflow: hidden; }
.sc-main-view-lookup.ambassador .sc-ambassador-body { max-width: 110rem; padding: 6.5rem 0 6rem; position: relative; z-index: 1; }
.sc-main-view-lookup.ambassador h2, .sc-main-view-lookup.ambassador p { color: #ffffff; }
.sc-ambassador-eyebrow { font-family: "Montserrat", sans-serif; color: #ff6b5c !important; font-weight: 700; letter-spacing: 0.14em; font-size: 1.6rem !important; margin-bottom: 1.4rem !important; }
.sc-main-view-lookup.ambassador h2 { font-size: 5.6rem; line-height: 1.32; font-weight: 900; }
.sc-main-view-lookup.ambassador > .sc-ambassador-body > p { font-size: 1.9rem; line-height: 1.75; }
.sc-ambassador-stats { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 5.5rem; margin-top: 4rem; }
.sc-ambassador-stats li { text-align: center; color: #fff; }
.sc-ambassador-stats .num { display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 3.6rem; line-height: 1; }
.sc-ambassador-stats .num span { font-size: 1.5rem; margin-left: 0.3rem; font-weight: 600; }
.sc-ambassador-stats .lbl { display: block; font-size: 1.4rem; margin-top: 0.7rem; color: #c5cede; }
.sc-main-view-lookup.ambassador::after { content: ""; position: absolute; right: -10rem; top: -10rem; width: 34rem; height: 34rem; border: 4rem solid rgba(255,107,92,0.10); border-radius: 50%; z-index: 0; }
@media screen and (max-width: 768px) {
.sc-main-view-lookup.ambassador .sc-ambassador-body { padding: 5rem 0 4.5rem; }
.sc-main-view-lookup.ambassador h2 { font-size: 7.2vw; line-height: 1.4; }
.sc-ambassador-eyebrow { font-size: 3.2vw !important; }
.sc-main-view-lookup.ambassador > .sc-ambassador-body > p { font-size: 3.7vw; }
.sc-ambassador-stats { gap: 8vw; margin-top: 3rem; }
.sc-ambassador-stats .num { font-size: 6.5vw; }
.sc-ambassador-stats .lbl { font-size: 3vw; }
}
.sc-main-view-lookup.ambassador .sc-ambassador-body h2 { color: #ffffff !important; }
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel button { background: #ff6b5c; color: #ffffff; font-weight: bold; border-radius: 0.5rem; }
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel button:hover { background: #ef5c4c; }
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel select,
.sc-main-view-lookup.ambassador .sc-main-view-lookup-panel input[type=text] { border-radius: 0.5rem; }
.sc-main-view-lookup.ambassador { background: -webkit-linear-gradient(120deg, #15233d 0%, #1b2a4a 55%, #21345b 100%); background: linear-gradient(120deg, #15233d 0%, #1b2a4a 55%, #21345b 100%); }
.sc-main-view-lookup.ambassador .sc-ambassador-body { padding: 5.5rem 0 5rem; }
.sc-main-view-lookup.ambassador .sc-ambassador-body h2 { font-size: 5rem; line-height: 1.34; }
.sc-main-view-lookup.ambassador > .sc-ambassador-body > p { font-size: 1.85rem; }
.sc-main-view-lookup.ambassador::after { width: 46rem; height: 46rem; right: -14rem; top: -16rem; border-width: 5rem; border-color: rgba(255,107,92,0.12); }
.sc-main-view-lookup.ambassador::before { content: ""; position: absolute; left: -12rem; bottom: -18rem; width: 30rem; height: 30rem; border: 3.5rem solid rgba(255,255,255,0.04); border-radius: 50%; z-index: 0; }
.sc-ambassador-lookup-card { background: #fff; border-radius: 1.2rem; padding: 2.2rem; max-width: 92rem; margin: 3.2rem auto 0; -webkit-box-shadow: 0 1.4rem 3.4rem rgba(0,0,0,0.24); box-shadow: 0 1.4rem 3.4rem rgba(0,0,0,0.24); }
.sc-ambassador-lookup-card .sc-main-view-lookup-panel { margin-top: 0 !important; }
.sc-main-view-lookup.ambassador .sc-ambassador-lookup-card select,
.sc-main-view-lookup.ambassador .sc-ambassador-lookup-card input[type=text] { border: 1px solid #d7deea; background: #fff; }
.sc-ambassador-stats { display: -webkit-box; display: -webkit-flex; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 0; margin: 3rem auto 0; padding: 0; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); border-radius: 1rem; }
.sc-ambassador-stats li { padding: 1.5rem 3.4rem; border-right: 1px solid rgba(255,255,255,0.14); }
.sc-ambassador-stats li:last-child { border-right: none; }
.sc-ambassador-stats .num { font-size: 3.2rem; }
.sc-ambassador-stats .lbl { color: #c5cede; margin-top: 0.5rem; }
@media screen and (max-width: 768px) {
.sc-ambassador-lookup-card { padding: 1.6rem; margin-top: 2.6rem; }
.sc-ambassador-stats { width: 100%; flex-direction: column; }
.sc-ambassador-stats li { padding: 1.4rem; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.14); }
.sc-ambassador-stats li:last-child { border-bottom: none; }
.sc-main-view-lookup.ambassador .sc-ambassador-body h2 { font-size: 7vw; }
}
.sc-ambassador-lookup-card { max-width: 88rem; padding: 1.8rem 2rem 2rem; border-radius: 1.4rem; }
.sc-ambassador-lookup-card::before { content: "キーワード・テーマで、今すぐ検索"; display: block; text-align: left; color: #1b2a4a; font-weight: bold; font-size: 1.5rem; margin-bottom: 1.2rem; padding-left: 0.2rem; }
.sc-main-view-lookup.ambassador .sc-ambassador-lookup-card select,
.sc-main-view-lookup.ambassador .sc-ambassador-lookup-card input[type=text] { border: 1px solid #cfd8e6; background: #fff; padding: 1.15rem 1.5rem; font-size: 1.7rem; border-radius: 0.6rem; color: #343a40; }
.sc-main-view-lookup.ambassador .sc-ambassador-lookup-card button { background: #ff6b5c !important; color: #fff !important; font-weight: bold; border-radius: 0.6rem; padding: 1.15rem 1.5rem; }
.sc-main-view-lookup.ambassador .sc-ambassador-lookup-card button:hover { background: #f4543f !important; }
.sc-ambassador-stats { background: rgba(255,255,255,0.06); padding: 0.4rem 0; }
.sc-ambassador-stats li { padding: 1.7rem 3.6rem; }
.sc-ambassador-stats .num { font-size: 3.4rem; }
.sc-ambassador-stats .num span { color: #ff8a7d; font-weight: 700; }
.sc-ambassador-stats .lbl { color: #cdd6e4; font-size: 1.35rem; }
@media screen and (max-width: 768px) {
.sc-ambassador-lookup-card::before { text-align: center; font-size: 3.4vw; }
.sc-ambassador-stats li { padding: 1.4rem; }
}
.sc-main-view-beginners {
background: #f4f7fc !important;
background-size: auto !important;
border: 1px solid #e3e9f3;
border-radius: 1.6rem;
padding: 5rem 4rem !important;
position: relative;
overflow: hidden;
}
.sc-main-view-beginners::before {
content: "FOR FIRST-TIME VISITORS";
display: block;
font-family: "Montserrat", sans-serif;
letter-spacing: 0.18em;
font-size: 1.2rem;
font-weight: 700;
color: #ff6b5c;
text-align: center;
margin-bottom: 0.8rem;
}
.sc-main-view-beginners h2 {
color: #1b2a4a;
margin-bottom: 1.6rem;
padding-bottom: 1.6rem;
}
.sc-main-view-beginners h2::after {
content: "";
display: block;
width: 4.2rem;
height: 3px;
background: #ff6b5c;
border-radius: 2px;
margin: 1.4rem auto 0;
}
.sc-main-view-beginners p { color: #41506b; }
.sc-main-view-beginners a {
color: #fff !important;
border: 2px solid #ff6b5c !important;
background-color: #ff6b5c !important;
background-image: url(../img/top/arrowWhite.svg) !important;
width: auto;
min-width: 24rem;
padding: 1.3rem 2.4rem !important;
border-radius: 0.7rem;
-webkit-box-shadow: 0 0.7rem 1.8rem rgba(255,107,92,0.28);
box-shadow: 0 0.7rem 1.8rem rgba(255,107,92,0.28);
}
.sc-main-view-beginners a:hover {
color: #fff !important;
background-color: #f4543f !important;
border-color: #f4543f !important;
background-image: url(../img/top/arrowWhite.svg) !important;
}
.sc-main-view-notice {
background: -webkit-linear-gradient(120deg, #15233d 0%, #1b2a4a 60%, #21345b 100%) !important;
background: linear-gradient(120deg, #15233d 0%, #1b2a4a 60%, #21345b 100%) !important;
border-radius: 1.6rem;
padding: 5.2rem 4.5rem 4.2rem !important;
position: relative;
overflow: hidden;
}
.sc-main-view-notice::after {
content: "";
position: absolute;
right: -8rem;
top: -8rem;
width: 24rem;
height: 24rem;
border: 3rem solid rgba(255,107,92,0.12);
border-radius: 50%;
z-index: 0;
}
.sc-main-view-notice-text, .sc-main-view-notice-button { position: relative; z-index: 1; }
.sc-main-view-notice-text h2 {
display: inline-block;
background: rgba(255,107,92,0.16) !important;
color: #ff9183 !important;
border-left: 4px solid #ff6b5c !important;
}
.sc-main-view-notice-text p { color: #ffffff !important; }
.sc-main-view-notice-button-register {
color: #fff !important;
background-color: #ff6b5c !important;
background-image: url(../img/top/arrowWhite.svg) !important;
border: 2px solid #ff6b5c !important;
}
.sc-main-view-notice-button-register:hover {
color: #fff !important;
background-color: #f4543f !important;
border-color: #f4543f !important;
opacity: 1;
}
.sc-main-view-notice-button-inquiry {
color: #fff !important;
background-color: transparent !important;
background-image: url(../img/top/arrowWhite.svg) !important;
border: 2px solid rgba(255,255,255,0.5) !important;
}
.sc-main-view-notice-button-inquiry:hover {
background-color: rgba(255,255,255,0.1) !important;
border-color: rgba(255,255,255,0.85) !important;
opacity: 1;
}
.sc-main-view-notice .sc-main-view-notice-tel dt { color: #ffffff; }
.sc-main-view-notice .sc-main-view-notice-tel dd { color: #c5cede; }
.sc-main-view-notice-tel-index {
color: #ffffff !important;
background: none !important;
padding-left: 0 !important;
}
.sc-main-view-notice-qa a {
color: #cdd6e4 !important;
background: none !important;
padding-left: 0 !important;
}
.sc-main-view-notice-qa a:hover { color: #ffffff !important; }
@media screen and (max-width: 768px) {
.sc-main-view-beginners { padding: 4rem 2rem !important; }
.sc-main-view-notice { padding: 4rem 2rem 3rem !important; }
}
#sc-recent-event { display: none !important; }
:root{
--navy:#1b2a4a;
--navy2:#26365c;
--navyDeep:#141f38;
--ink:#1b2540;
--coral:#ff6b5c;
--coralD:#f2543f;
--coralL:#fff0ee;
--muted:#5b6478;
--faint:#9aa4b6;
--faint2:#b3bccb;
--line:#e6e9f0;
--bg:#f6f7fa;
--input:#fbfcfe;
--navyTag:#eef1f7;
--sc-max:1140px;
--sc-pad:48px;
--sans:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
--mono:"Manrope","Noto Sans JP",sans-serif;
}
.scHeader,.scFooter,.scTop,.scPage{
font-family:var(--sans);
color:var(--ink);
-webkit-font-smoothing:antialiased;
}
.scEyebrow{
font-family:var(--mono);
font-weight:700;
letter-spacing:.2em;
font-size:14px;
color:var(--coral);
margin:0;
text-transform:uppercase;
}
.scH2{margin:0;font-size:28px;font-weight:900;color:var(--navy);line-height:1.35;}
.scH2Eng{font-family:var(--mono);font-weight:700;color:var(--faint2);letter-spacing:.14em;font-size:14px;}
.scSection{max-width:var(--sc-max);margin:0 auto;padding-left:var(--sc-pad);padding-right:var(--sc-pad);}
.scSection__head{display:flex;align-items:baseline;gap:16px;margin-bottom:28px;}
.scBtn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
height:52px;padding:0 26px;border-radius:12px;
font-family:var(--sans);font-weight:700;font-size:15px;line-height:1;
border:1.5px solid transparent;cursor:pointer;text-decoration:none;
transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
.scBtn--primary{background:var(--coral);color:#fff;}
.scBtn--primary:hover{background:var(--coralD);color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(242,84,63,.6);}
.scBtn--navy{background:var(--navy);color:#fff;}
.scBtn--navy:hover{background:var(--navy2);color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(27,42,74,.5);}
.scBtn--outline{background:#fff;border-color:var(--navy);color:var(--navy);}
.scBtn--outline:hover{background:var(--navy);color:#fff;}
.scBtn--sm{height:44px;padding:0 20px;font-size:14px;border-radius:10px;}
.scBtn--block{width:100%;}
.scLink{color:var(--coral);font-weight:700;font-size:14px;text-decoration:none;transition:color .16s;}
.scLink:hover{color:var(--coralD);}
.scPill{
display:inline-flex;align-items:center;
padding:6px 13px;border-radius:999px;border:1px solid var(--line);
font-size:13px;color:var(--navy);background:#fff;text-decoration:none;
transition:.16s;
}
.scPill:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.scTagFree{padding:5px 11px;border-radius:8px;background:var(--coral);color:#fff;font-size:12px;font-weight:700;}
.scTagCharged{padding:5px 11px;border-radius:8px;background:var(--navyTag);color:var(--navy);font-size:12px;font-weight:700;}
.scTagCat{padding:4px 10px;border-radius:7px;background:var(--coralL);color:var(--coralD);font-size:12px;font-weight:700;}
.scTagMode{padding:4px 10px;border-radius:7px;background:var(--navyTag);color:var(--navy);font-size:12px;font-weight:700;}
.scHeader{position:relative;top:auto;left:auto;z-index:50;}
.scHeader.is-fixed{position:relative;top:auto;left:auto;}
.scHeader.is-fixed .sc-header-lookup .sc-header-nav-panel{top:auto;}
.scHeader{background:#fff;border-bottom:1px solid var(--line);}
.scHeader__inner{
max-width:1240px;margin:0 auto;padding:0 var(--sc-pad);height:78px;
display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.scHeader__brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto;}
.scHeader__brand svg{display:block;}
.scHeader__logo{display:block;height:34px;width:auto;}
.scNav{display:flex;align-items:center;gap:34px;}
.scNav a{font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;transition:color .16s;white-space:nowrap;}
.scNav a:hover{color:var(--coral);}
.scHeader__cta{flex:0 0 auto;}
.scHeader__cta .scBtn{height:auto;padding:11px 20px;font-size:14px;border-radius:10px;}
.scBurger{
display:none;flex-direction:column;gap:5px;width:44px;height:44px;
align-items:center;justify-content:center;background:none;border:none;cursor:pointer;
padding:0;box-sizing:border-box;flex:none;
}
.scBurger span{width:24px;height:2px;min-height:2px;flex:0 0 2px;background:var(--navy);border-radius:2px;transition:.2s;padding:0;margin:0;font-size:0;line-height:0;}
.scHeader.is-open .scBurger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.scHeader.is-open .scBurger span:nth-child(2){opacity:0;}
.scHeader.is-open .scBurger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.scDrawerBackdrop{display:none;}
.scFooter{background:var(--navyDeep);color:#fff;padding:56px var(--sc-pad) 32px;}
.scFooter__inner{
max-width:var(--sc-max);margin:0 auto;
display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;
}
.scFooter__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;}
.scFooter__logo{display:block;height:28px;width:auto;}
.scFooter__desc{margin:16px 0 0;font-size:13px;line-height:1.9;color:rgba(255,255,255,.6);max-width:280px;}
.scFooter__colTtl{font-size:13px;font-weight:700;margin-bottom:14px;}
.scFooter__list{display:flex;flex-direction:column;gap:10px;}
.scFooter__list a{font-size:13px;color:rgba(255,255,255,.6);text-decoration:none;transition:color .16s;}
.scFooter__list a:hover{color:#fff;}
.scFooter__bottom{
max-width:var(--sc-max);margin:36px auto 0;padding-top:22px;
border-top:1px solid rgba(255,255,255,.12);
display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
font-size:12px;color:rgba(255,255,255,.45);
}
.scFooter__legal{display:flex;flex-wrap:wrap;gap:8px 18px;}
.scFooter__legal a{color:rgba(255,255,255,.45);text-decoration:none;}
.scFooter__legal a:hover{color:rgba(255,255,255,.8);}
.scTop{display:block;background:#fff;}
.scHero{background:#f7f8fa;padding:76px var(--sc-pad) 84px;overflow:hidden;}
.scHero__inner{
max-width:1200px;margin:0 auto;
display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;
}
.scHero__left,.scHero__right{min-width:0;}
.scHero__title{margin:16px 0 0;font-size:42px;line-height:1.4;font-weight:700;font-family:var(--sans);color:var(--navy);}
.scHero__lead{margin:20px 0 0;font-size:17px;line-height:1.9;color:var(--muted);}
.scHero__searchCard{
margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:999px;
box-shadow:0 20px 44px -26px rgba(27,42,74,.22);padding:8px 8px 8px 26px;
}
.scHero__popular{margin-top:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.scHero__popularLabel{font-size:12px;color:var(--muted);font-weight:700;}
.scHero__badges{margin-top:22px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;}
.scHero__badge{font-size:13px;color:var(--muted);display:flex;align-items:baseline;gap:7px;}
.scHero__badge strong{font-family:var(--mono);font-weight:800;color:var(--navy);font-size:19px;}
.scHero__right{position:relative;display:flex;align-items:center;justify-content:center;}
.scHero__illust{display:block;width:100%;max-width:460px;height:auto;}
.scHero__searchCard .sc-main-view-lookup-panel{
display:flex;flex-flow:row nowrap;gap:8px;margin:0;
width:100%;max-width:none;padding:0;background:none;color:var(--ink);
justify-content:flex-start;align-items:center;
}
.scHero__searchCard form{margin:0;width:100%;}
.scHero__searchCard select#theme{
flex:0 0 170px;height:50px;border:none;border-right:1px solid var(--line);border-radius:0;
padding:0 36px 0 4px;color:var(--navy);font-size:14px;background:transparent;
-webkit-appearance:none;appearance:none;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%231b2a4a' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;
}
.scHero__searchCard input#keyword{
flex:1;height:50px;border:none;padding:0 14px;color:var(--ink);font-size:14px;background:transparent;
}
.scHero__searchCard input#keyword::placeholder{color:var(--faint);}
.scHero__searchCard button{
flex:0 0 auto;height:50px;min-width:96px;padding:0 28px;border:none;border-radius:999px;
background:var(--navy);color:#fff;font-weight:700;font-size:15px;white-space:nowrap;line-height:normal;
font-family:var(--sans);cursor:pointer;transition:background .16s,transform .16s;margin:0;
display:flex;align-items:center;justify-content:center;
}
.scHero__searchCard button:hover{background:var(--navy2);transform:translateY(-1px);}
.scCats{padding:72px 0 40px;background:#fff;}
.scCats__list{display:flex;flex-wrap:wrap;gap:12px;}
.scCat{
padding:12px 20px;border-radius:999px;background:#fff;border:1.5px solid var(--line);
font-size:15px;font-weight:700;color:var(--navy);text-decoration:none;transition:.16s;
}
.scCat:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.scTop .sc-main-view-event-lineup{padding:56px var(--sc-pad) 84px;background:#fff;max-width:none;margin:0;}
.scTop .sc-main-view-event-lineup>*{max-width:var(--sc-max);margin-left:auto;margin-right:auto;}
.scTop .sc-main-view-event-lineup .sc-main-view-title{
display:flex;align-items:baseline;gap:14px;margin-bottom:32px;position:relative;
background:none;padding-top:0;
}
.scTop .sc-main-view-event-lineup .sc-main-view-title h2{margin:0;font-size:28px;font-weight:900;color:var(--navy);}
.scTop .sc-main-view-event-lineup .sc-main-view-title-en{
font-family:var(--mono);font-weight:700;color:var(--faint2);letter-spacing:.14em;font-size:14px;
}
.scTop .sc-main-view-event-lineup .sc-main-view-title-cta{
margin-left:auto;font-size:14px;font-weight:700;color:var(--coral);text-decoration:none;white-space:nowrap;
}
.scTop .sc-main-view-event-lineup .sc-main-view-title-cta:hover{color:var(--coralD);}
.scTop .sc-main-view-event-lineup-body{
display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
}
.scTop .sc-main-view-event-card{
display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .16s,box-shadow .16s;
width:100%;max-width:none;margin:0;
}
.scTop .sc-main-view-event-card:hover{transform:translateY(-5px);box-shadow:0 26px 54px -24px rgba(27,42,74,.3);}
.scTop .sc-main-view-event-card-media{
position:relative;aspect-ratio:16/10;width:100%;height:auto;margin:0;padding:0;
background-size:cover;background-position:center;
background-color:#e4e9f1;
}
.scTop .sc-main-view-event-card-badge{
position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:8px;
background:var(--coral);color:#fff;font-size:12px;font-weight:700;z-index:2;
}
.scTop .sc-main-view-event-card-badge.is-charged{background:var(--navy);}
.scTop .sc-main-view-event-card-fresh{
position:absolute;top:12px;right:12px;left:auto;bottom:auto;width:auto;height:auto;
padding:4px 10px;border-radius:7px;font-style:normal;
background:var(--navy);color:#fff;font-size:11px;font-weight:700;font-family:var(--mono);z-index:2;
}
.scTop .sc-main-view-event-card-state{
position:absolute;bottom:12px;left:12px;padding:4px 10px;border-radius:7px;
background:rgba(27,42,74,.9);color:#fff;font-size:11px;font-weight:700;z-index:2;
}
.scTop .sc-main-view-event-card-state.end{background:rgba(91,100,120,.9);}
.scTop .sc-main-view-event-trunk{padding:22px;display:flex;flex-direction:column;flex:1;}
.scTop .sc-main-view-event-tags{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.scTop .sc-main-view-event-card h3{
margin:0;font-size:18px;font-weight:700;line-height:1.55;color:var(--ink);
}
.scTop .sc-main-view-event-meta{
margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.scTop .sc-main-view-event-meta .date{font-size:13px;color:var(--muted);font-weight:700;}
.scTop .sc-main-view-event-meta .org{font-size:12px;color:var(--faint);}
.scTop .sc-main-view-event-cta{margin-top:44px;text-align:center;}
.scTop .sc-main-view-event-cta a{
display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;
border-radius:12px;border:1.5px solid var(--navy);color:var(--navy);background:#fff;
font-weight:700;font-size:15px;text-decoration:none;transition:.16s;
}
.scTop .sc-main-view-event-cta a:hover{background:var(--navy);color:#fff;}
.scDualCta{padding:80px 0;background:var(--bg);}
.scDualCta__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.scDualCta__card{border-radius:20px;padding:44px;position:relative;overflow:hidden;}
.scDualCta__card--navy{background:var(--navy);}
.scDualCta__card--navy::after{
content:"";position:absolute;bottom:-90px;right:-70px;width:240px;height:240px;
border-radius:50%;border:1px solid rgba(255,107,92,.4);
}
.scDualCta__card--white{background:#fff;border:1px solid var(--line);}
.scDualCta__inner{position:relative;z-index:1;}
.scDualCta__card h3{margin:12px 0 10px;font-size:24px;font-weight:900;}
.scDualCta__card--navy h3{color:#fff;}
.scDualCta__card--white h3{color:var(--navy);}
.scDualCta__card p{margin:0 0 22px;font-size:14px;line-height:1.85;}
.scDualCta__card--navy p{color:rgba(255,255,255,.72);}
.scDualCta__card--white p{color:var(--muted);}
.scDualCta__card .scEyebrow{font-size:13px;letter-spacing:.12em;}
@media screen and (max-width:1080px){
.scNav{
position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;z-index:60;
flex-direction:column;align-items:stretch;gap:0;padding:8px 0;
transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s;
overflow-y:auto;border-top:1px solid var(--line);
}
.scHeader__inner{height:60px;}
.scHeader.is-open .scNav{transform:translateY(0);opacity:1;pointer-events:auto;}
.scNav a{padding:16px 24px;border-bottom:1px solid var(--line);font-size:16px;}
.scHeader__cta{display:none;}
.scBurger{display:flex;}
.scHeader.is-open .scDrawerBackdrop{display:block;position:fixed;inset:60px 0 0;background:rgba(20,31,56,.3);z-index:55;}
}
@media screen and (max-width:768px){
:root{--sc-pad:20px;}
.scHeader__inner{height:60px;padding:0 20px;}
.scHeader__logo{height:26px;}
.scNav{
position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;z-index:60;
flex-direction:column;align-items:stretch;gap:0;padding:8px 0;
transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s;
overflow-y:auto;border-top:1px solid var(--line);
}
.scHeader.is-open .scNav{transform:translateY(0);opacity:1;pointer-events:auto;}
.scNav a{padding:16px 24px;border-bottom:1px solid var(--line);font-size:16px;}
.scHeader__cta{display:none;}
.scBurger{display:flex;}
.scHeader.is-open .scDrawerBackdrop{display:block;position:fixed;inset:60px 0 0;background:rgba(20,31,56,.3);z-index:55;}
.scHero{padding:34px 20px 30px;}
.scHero__inner{grid-template-columns:1fr;gap:8px;}
.scHero__right{order:-1;}
.scHero__illust{max-width:260px;margin:0 auto;}
.scHero__title{font-size:27px;line-height:1.4;}
.scHero__lead{font-size:15px;line-height:1.85;}
.scHero__badges{margin-top:18px;gap:22px;}
.scHero__searchCard{margin-top:20px;padding:14px;border-radius:14px;box-sizing:border-box;max-width:100%;}
.scHero__searchCard .sc-main-view-lookup-panel{flex-direction:column;gap:10px;width:100%;max-width:100%;}
.scHero__searchCard form{max-width:100%;}
.scHero__searchCard select#theme{border-right:none;border-bottom:1px solid var(--line);}
.scHero__searchCard select#theme,
.scHero__searchCard input#keyword,
.scHero__searchCard button{
flex:none;width:100%;max-width:100%;height:48px;border-radius:10px;
padding:0 14px;margin:0;font-size:15px;line-height:normal;box-sizing:border-box;
}
.scHero__searchCard button{display:flex;align-items:center;justify-content:center;}
.scSection{padding-left:20px;padding-right:20px;}
.scH2,.scTop .sc-main-view-event-lineup .sc-main-view-title h2,.scDualCta__card h3{font-size:22px;}
.scCats{padding:40px 0 24px;}
.scCat{padding:9px 15px;font-size:13px;}
.scTop .sc-main-view-event-lineup{padding:40px 20px 48px;}
.scTop .sc-main-view-event-lineup-body{grid-template-columns:1fr;gap:18px;}
.scTop .sc-main-view-event-card h3{font-size:16px;}
.scDualCta{padding:44px 0;}
.scDualCta__grid{grid-template-columns:1fr;gap:16px;}
.scDualCta__card{padding:30px;}
.scFooter{padding:44px 20px 28px;}
.scFooter__inner{grid-template-columns:1fr 1fr;gap:28px 20px;}
.scFooter__brand{grid-column:1 / -1;}
.scFooter__bottom{flex-direction:column;align-items:flex-start;gap:12px;}
}
@media screen and (min-width:1081px){
.scNav{position:static;}
.scDrawerBackdrop{display:none;}
}
.scPage{background:#fff;}
.scBreadcrumb{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.scBreadcrumb a{color:var(--muted);text-decoration:none;}
.scBreadcrumb a:hover{color:var(--coral);}
.scBreadcrumb span{color:#c3cad6;}
.scBreadcrumb span.cur{color:var(--muted);}
.scEng{font-family:var(--mono);font-weight:700;color:var(--faint2);letter-spacing:.14em;font-size:14px;}
.scList__band{background:linear-gradient(180deg,#fbfcfe,#f2f4f9);padding:44px var(--sc-pad);border-bottom:1px solid var(--line);}
.scList__bandInner{max-width:1200px;margin:0 auto;}
.scList__titleRow{display:flex;align-items:baseline;gap:16px;margin-top:12px;}
.scList__titleRow h1{margin:0;font-size:34px;font-weight:900;color:var(--navy);}
.scList__count{margin:10px 0 0;font-size:14px;color:var(--muted);}
.scList__count strong{color:var(--coral);}
.scList__body{padding:44px var(--sc-pad) 64px;background:#fff;}
.scList__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:264px 1fr;gap:36px;align-items:start;}
.scFilter{border:1px solid var(--line);border-radius:16px;padding:24px;position:sticky;top:20px;}
.scFilter form{margin:0;}
.scFilter__ttl{font-size:16px;font-weight:900;color:var(--navy);margin-bottom:18px;}
.scFilter__kw{width:100%;height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;color:var(--ink);font-size:14px;background:var(--input);margin-bottom:22px;}
.scFilter__kw::placeholder{color:var(--faint);}
.scFilter__label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:12px;}
.scFilter__checks{display:flex;flex-direction:column;gap:11px;margin-bottom:22px;}
.scCheck{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);cursor:pointer;}
.scCheck input{position:absolute;opacity:0;width:0;height:0;}
.scCheck__box{width:18px;height:18px;border:1.5px solid var(--line);border-radius:5px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:.15s;background:#fff;}
.scCheck input:checked + .scCheck__box{background:var(--coral);border-color:var(--coral);}
.scCheck input:checked + .scCheck__box::after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-2px;}
.scCheck input:focus-visible + .scCheck__box{outline:2px solid var(--coral);outline-offset:2px;}
.scCheck__txt{line-height:1.5;}
.scFilter .scBtn{padding:0 14px;font-size:14px;white-space:nowrap;}
.scResults__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;}
.scSort{display:flex;gap:8px;flex-wrap:wrap;}
.scSort__pill{padding:8px 15px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;transition:.15s;}
.scSort__pill:hover{border-color:var(--navy);color:var(--navy);}
.scSort__pill.is-current{background:var(--navy);color:#fff;border-color:var(--navy);}
.scResults__range{font-size:13px;color:var(--muted);}
.scResults__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.scResults__empty{border:1px dashed var(--line);border-radius:16px;padding:60px 24px;text-align:center;color:var(--muted);}
.scResults__empty p{margin:0;font-size:16px;font-weight:700;color:var(--navy);}
.scResults__emptySub{margin-top:8px !important;font-size:14px !important;font-weight:400 !important;color:var(--muted) !important;}
.scCard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .16s,box-shadow .16s;}
.scCard:hover{transform:translateY(-4px);box-shadow:0 22px 50px -24px rgba(27,42,74,.3);}
.scCard__img{position:relative;aspect-ratio:16/10;width:100%;background-size:cover;background-position:center;background-color:#e4e9f1;}
.scCard__badge{position:absolute;top:11px;left:11px;padding:4px 10px;border-radius:7px;background:var(--coral);color:#fff;font-size:11px;font-weight:700;z-index:2;}
.scCard__badge.is-charged{background:var(--navy);}
.scCard__new{position:absolute;top:11px;right:11px;padding:3px 9px;border-radius:6px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;font-family:var(--mono);z-index:2;}
.scCard__status{position:absolute;bottom:11px;left:11px;padding:3px 9px;border-radius:6px;background:rgba(27,42,74,.9);color:#fff;font-size:10px;font-weight:700;z-index:2;}
.scCard__status.end{background:rgba(91,100,120,.9);}
.scCard__body{padding:18px;display:flex;flex-direction:column;flex:1;}
.scCard__tags{display:flex;gap:7px;margin-bottom:11px;flex-wrap:wrap;}
.scCard__title{margin:0;font-size:16px;font-weight:700;line-height:1.55;color:var(--ink);}
.scCard__meta{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;}
.scCard__meta .date{font-size:12px;color:var(--muted);font-weight:700;}
.scPager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:44px;}
.scPager .page-numbers{min-width:42px;height:42px;padding:0 8px;border-radius:10px;border:1px solid var(--line);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;text-decoration:none;transition:.15s;}
.scPager a.page-numbers:hover{border-color:var(--navy);color:var(--navy);}
.scPager .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy);}
.scPager .page-numbers.dots{border:none;}
.scDetail__band{background:linear-gradient(180deg,#fbfcfe,#f2f4f9);padding:40px var(--sc-pad) 36px;border-bottom:1px solid var(--line);}
.scDetail__bandInner{max-width:1160px;margin:0 auto;}
.scDetail__tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 14px;}
.scDetail__title{margin:0;font-size:36px;line-height:1.4;font-weight:900;color:var(--navy);max-width:900px;}
.scDetail__meta{margin-top:16px;display:flex;gap:24px;font-size:14px;color:var(--muted);flex-wrap:wrap;}
.scDetail__body{padding:44px var(--sc-pad) 64px;background:#fff;}
.scDetail__grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 344px;gap:44px;align-items:start;}
.scDetail__lead{margin:0 0 28px;font-size:16px;line-height:1.95;color:var(--muted);}
.scDetail__main{min-width:0;}
.scDetail__main h2{margin:36px 0 16px;font-size:22px;font-weight:900;color:var(--navy);border-left:4px solid var(--coral);padding-left:14px;line-height:1.5;}
.scDetail__main h3{margin:28px 0 12px;font-size:18px;font-weight:700;color:var(--navy);}
.scDetail__main p{font-size:15px;line-height:1.95;color:var(--ink);margin:0 0 18px;}
.scDetail__main img{max-width:100%;height:auto;border-radius:12px;}
.scDetail__main ul,.scDetail__main ol{margin:0 0 18px;padding-left:1.4em;}
.scDetail__main li{font-size:15px;line-height:1.9;color:var(--ink);margin-bottom:6px;}
.scDetail__main a.wp-block-button__link,.scDetail__main .wp-block-button__link{
display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;
background:var(--coral);color:#fff;font-weight:700;font-size:15px;border-radius:12px;text-decoration:none;transition:.16s;
}
.scDetail__main a.wp-block-button__link:hover{background:var(--coralD);transform:translateY(-2px);}
.scDetail__overview{margin-top:40px;}
.scDefTable{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.scDefTable tr{border-bottom:1px solid var(--line);}
.scDefTable tr:last-child{border-bottom:none;}
.scDefTable th{width:140px;background:var(--bg);padding:16px 20px;font-size:14px;font-weight:700;color:var(--navy);text-align:left;vertical-align:top;}
.scDefTable td{padding:16px 20px;font-size:14px;color:var(--ink);line-height:1.8;}
.scDefTable td strong{font-weight:700;}
.scDefTable td.scDefTable__free{color:var(--coralD);font-weight:700;}
.scDefTable td p{margin:0 0 6px;}
.scDetail__side{position:sticky;top:20px;}
.scApply{border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 24px 50px -28px rgba(27,42,74,.25);background:#fff;}
.scApply__feeRow{display:flex;align-items:baseline;gap:8px;}
.scApply__feeLabel{font-size:14px;color:var(--muted);}
.scApply__fee{font-family:var(--mono);font-weight:800;font-size:32px;color:var(--navy);}
.scApply__divider{height:1px;background:var(--line);margin:18px 0;}
.scApply__facts{display:flex;flex-direction:column;gap:14px;margin-bottom:22px;}
.scApply__k{display:block;font-size:12px;color:var(--muted);margin-bottom:3px;}
.scApply__v{display:block;font-size:14px;font-weight:700;color:var(--ink);}
.scApply__v--alert{color:var(--coralD);}
.scApply__cta{width:100%;height:56px;font-size:16px;}
.scApply__note{margin-top:16px;text-align:center;font-size:12px;color:var(--muted);}
.scApply__closed{text-align:center;font-size:14px;font-weight:700;color:var(--muted);padding:14px;background:var(--bg);border-radius:12px;}
.scDetail__related{max-width:1160px;margin:64px auto 0;}
.scDetail__back{max-width:1160px;margin:48px auto 0;text-align:center;}
@media screen and (max-width:768px){
.scList__band,.scDetail__band{padding:28px 20px;}
.scList__titleRow h1,.scDetail__title{font-size:24px;}
.scList__body,.scDetail__body{padding:28px 20px 48px;}
.scList__grid{grid-template-columns:1fr;gap:24px;}
.scFilter{position:static;order:2;}
.scResults{order:1;}
.scResults__grid{grid-template-columns:1fr;gap:18px;}
.scDetail__grid{grid-template-columns:1fr;gap:28px;}
.scDetail__side{position:static;order:-1;}
.scDefTable th{width:110px;padding:12px 14px;}
.scDefTable td{padding:12px 14px;}
.scDetail__related{margin-top:44px;}
}
.scLP{background:#fff;}
.scSection--narrow{max-width:860px;}
.scSecHead{text-align:center;margin-bottom:44px;}
.scSecHead h2{margin:0;font-size:30px;font-weight:900;color:var(--navy);display:inline-block;line-height:1.4;}
.scSecHead__bar{display:block;width:44px;height:3px;background:var(--coral);border-radius:2px;margin:12px auto 0;}
.scSecHead--tight{margin-bottom:28px;}
.scSecHead--tight h2{font-size:26px;}
.scLPBlock{padding-top:76px;padding-bottom:76px;background:#fff;}
.scLPBlock--gray{background:var(--bg);}
.scLPHero{background:linear-gradient(180deg,#fbfcfe,#f2f4f9);padding:64px var(--sc-pad) 72px;}
.scLPHero__inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center;}
.scLPHero__title{margin:16px 0 0;font-size:44px;line-height:1.35;font-weight:900;color:var(--navy);}
.scLPHero__lead{margin:20px 0 0;font-size:16px;line-height:1.9;color:var(--muted);}
.scLPHero__cta{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;}
.scLPHero__cta .scBtn{height:56px;font-size:16px;}
.scLPHero__media{aspect-ratio:4/3;border-radius:20px;background:repeating-linear-gradient(135deg,#dfe4ee,#dfe4ee 16px,#d6dcea 16px,#d6dcea 32px);display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px -30px rgba(27,42,74,.4);overflow:hidden;}
.scLPHero__media img{width:100%;height:100%;object-fit:cover;}
.scLPHero__media span{font-family:var(--mono);font-size:12px;color:#8b96ab;}
.scFeat3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.scFeat{border:1px solid var(--line);border-radius:18px;padding:34px;background:#fff;}
.scFeat__icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:800;font-size:22px;}
.scFeat__icon--coral{background:var(--coralL);color:var(--coralD);}
.scFeat__icon--navy{background:var(--navyTag);color:var(--navy);}
.scFeat h3{margin:22px 0 10px;font-size:19px;font-weight:900;color:var(--navy);}
.scFeat p{margin:0;font-size:14px;line-height:1.85;color:var(--muted);}
.scSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.scStep{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;}
.scStep__no{font-family:var(--mono);font-weight:800;color:var(--coral);font-size:15px;letter-spacing:.08em;}
.scStep h3{margin:12px 0 8px;font-size:17px;font-weight:900;color:var(--navy);}
.scStep p{margin:0;font-size:13px;line-height:1.8;color:var(--muted);}
.scFaq{display:flex;flex-direction:column;gap:14px;}
.scFaqItem{border:1px solid var(--line);border-radius:14px;padding:22px 24px;}
.scFaqItem__q{display:flex;gap:12px;align-items:baseline;}
.scFaqItem__q span:not(.scFaqItem__mark){font-size:16px;font-weight:700;color:var(--navy);}
.scFaqItem__mark{color:var(--coral);font-weight:900;font-family:var(--mono);flex:0 0 auto;}
.scFaqItem__a{margin:12px 0 0 24px;font-size:14px;line-height:1.85;color:var(--muted);}
.scCtaBand{background:var(--navy);padding:72px var(--sc-pad);text-align:center;position:relative;overflow:hidden;}
.scCtaBand::after{content:"";position:absolute;bottom:-140px;right:-100px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,107,92,.35);}
.scCtaBand__inner{position:relative;z-index:1;max-width:800px;margin:0 auto;}
.scCtaBand__inner h2{margin:0;font-size:30px;font-weight:900;color:#fff;}
.scCtaBand__inner p{margin:14px 0 28px;font-size:15px;color:rgba(255,255,255,.72);}
.scCtaBand__inner .scBtn{height:56px;font-size:16px;}
.scConsultHero{background:var(--navy);padding:64px var(--sc-pad) 72px;position:relative;overflow:hidden;}
.scConsultHero::after{content:"";position:absolute;top:-120px;right:-100px;width:400px;height:400px;border-radius:50%;border:60px solid rgba(255,255,255,.04);}
.scConsultHero__inner{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center;}
.scConsultHero__inner h1{margin:16px 0 0;font-size:42px;line-height:1.35;font-weight:900;color:#fff;}
.scConsultHero__lead{margin:20px 0 0;font-size:16px;line-height:1.9;color:rgba(255,255,255,.78);}
.scConsultFormWrap{padding-top:8px;}
.scConsultForm{max-width:900px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:48px;}
.scConsultForm__note{margin:10px 0 0;font-size:14px;color:var(--muted);}
.scConsultForm__body{margin-top:4px;}
.scConsultForm__body dl{margin:0 0 28px;}
.scConsultForm__body dl:last-of-type{margin-bottom:0;}
.scConsultForm__body dl dt{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:700;font-size:15px;color:var(--ink);margin-bottom:10px;}
.scConsultForm__body dl dt small{flex-basis:100%;font-weight:400;font-size:13px;color:var(--muted);}
.scConsultForm__body dl dd{display:flex;flex-wrap:wrap;}
.scConsultForm__body dl dd span.red{display:block;width:100%;margin-top:6px;font-size:13px;color:var(--muted);}
.scConsultForm__body .required{flex:none;background:var(--coral);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:4px 8px;border-radius:4px;}
.scConsultForm__body dl.privacy dt{margin-bottom:14px;}
.scConsultForm__body dl.privacy dd{align-items:center;gap:12px;}
.scConsultForm__body .sc-sheet-policy2{flex-basis:100%;width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px;font-size:13px;line-height:1.9;color:var(--muted);}
.scConsultForm__body .sc-sheet-policy2-agree{
display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:0;
}
.scConsultForm__body button[name=submitConfirm],
.scConsultForm__body button[name=submitSend]{
display:flex;align-items:center;justify-content:center;box-sizing:border-box;
background:var(--coral);color:#fff;max-width:376px;width:100%;margin:36px auto 0;
height:56px;padding:0;border:none;border-radius:999px;font-weight:700;font-size:16px;
font-family:var(--sans);line-height:normal;cursor:pointer;transition:background .16s;
}
.scConsultForm__body button[name=submitConfirm]:hover,
.scConsultForm__body button[name=submitSend]:hover{background:var(--coralD);}
.scConsultForm__body button[name=submitBack]{
display:block;background:none;border:none;padding:0;margin:20px auto 0;
color:var(--navy);font-family:var(--sans);font-size:14px;text-decoration:underline;cursor:pointer;
}
.scFormSteps{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 32px;}
.scFormSteps__item{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line);padding:8px 18px;border-radius:999px;}
.scFormSteps__item.is-current{background:var(--navy);border-color:var(--navy);color:#fff;}
.scApplySeminar{max-width:900px;margin:0 auto 24px;}
.scApplySeminar:empty{display:none;}
.scApplySeminar .sc-event-title{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 30px;margin:0;}
.scApplySeminar .sc-event-title-chip{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 12px;padding:0;}
.scApplySeminar .sc-event-title-chip li{margin:0;}
.scApplySeminar .sc-event-title-chip li span{display:inline-block;font-size:12px;font-weight:700;line-height:1;padding:6px 10px;border-radius:6px;background:var(--navyTag);color:var(--navy);}
.scApplySeminar .sc-event-title-chip li span.free{background:var(--coralL);color:var(--coralD);}
.scApplySeminar .sc-event-title-chip li span.paid{background:var(--navy);color:#fff;}
.scApplySeminar .sc-event-title-copy{font-size:13px;font-weight:700;color:var(--muted);margin:0 0 6px;}
.scApplySeminar .sc-event-title h1{margin:0;font-size:22px;line-height:1.5;font-weight:700;color:var(--navy);}
.scApplySeminar .sc-event-title h1 .new{display:inline-block;vertical-align:middle;margin-left:8px;background:var(--coral);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:4px 8px;border-radius:4px;}
.scApplySeminar .sc-event-title-sub{margin:10px 0 0;font-size:14px;line-height:1.8;color:var(--muted);}
@media screen and (max-width:768px){
.scLPBlock{padding-top:44px;padding-bottom:44px;}
.scLPHero{padding:34px 20px 40px;}
.scLPHero__inner{grid-template-columns:1fr;gap:26px;}
.scLPHero__media{order:-1;aspect-ratio:16/10;}
.scLPHero__title{font-size:28px;}
.scConsultHero{padding:40px 20px 44px;}
.scConsultHero__inner h1{font-size:26px;}
.scSecHead h2{font-size:22px;}
.scFeat3{grid-template-columns:1fr;gap:16px;}
.scFeat{padding:26px;}
.scSteps{grid-template-columns:1fr 1fr;gap:14px;}
.scStep{padding:20px;}
.scCtaBand{padding:44px 20px;}
.scCtaBand__inner h2{font-size:22px;}
.scConsultForm{padding:24px 18px;border-radius:16px;}
.scApplySeminar{margin:0 20px 20px;}
.scApplySeminar .sc-event-title{padding:20px 18px;border-radius:14px;}
.scApplySeminar .sc-event-title h1{font-size:18px;}
}
@media screen and (max-width:480px){
.scSteps{grid-template-columns:1fr;}
}
.scColumn__grid{margin-top:0;}
.scColumn .scList__count{color:var(--muted);}
.scFeatured{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:44px;text-decoration:none;transition:transform .16s,box-shadow .16s;}
.scFeatured:hover{transform:translateY(-4px);box-shadow:0 26px 54px -24px rgba(27,42,74,.3);}
.scFeatured__img{aspect-ratio:16/10;background-size:cover;background-position:center;background-color:#e4e9f1;}
.scFeatured__body{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;}
.scFeatured__tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.scFeatured__title{margin:0;font-size:26px;line-height:1.5;font-weight:900;color:var(--navy);}
.scFeatured__desc{margin:16px 0 0;font-size:14px;line-height:1.9;color:var(--muted);}
.scFeatured__meta{margin-top:24px;font-size:13px;color:var(--faint);}
.scArticleCard .scCard__body{padding:20px;}
.scArticleCard__cat{display:inline-block;margin-bottom:12px;}
.scArticleCard .scCard__title{font-size:17px;}
.scArticle{background:#fff;}
.scArticle__col{max-width:760px;margin:0 auto;}
.scArticle__head{padding:56px var(--sc-pad) 20px;}
.scArticle__cat{display:inline-block;margin-bottom:16px;}
.scArticle__title{margin:0;font-size:36px;line-height:1.5;font-weight:900;color:var(--navy);}
.scArticle__author{margin-top:20px;display:flex;align-items:center;gap:14px;}
.scArticle__avatar{width:44px;height:44px;border-radius:50%;background:repeating-linear-gradient(135deg,#e4e9f1,#e4e9f1 7px,#dbe1ec 7px,#dbe1ec 14px);flex:0 0 auto;}
.scArticle__authorName{font-size:14px;font-weight:700;color:var(--ink);}
.scArticle__date{font-size:12px;color:var(--faint);}
.scArticle__kvWrap{padding:0 var(--sc-pad);}
.scArticle__kv{max-width:900px;margin:0 auto;aspect-ratio:16/8;border-radius:16px;background-size:cover;background-position:center;background-color:#dfe4ee;}
.scArticle__bodyWrap{padding:44px var(--sc-pad) 20px;}
.scArticle__lead{margin:0 0 32px;font-size:16px;line-height:2;color:var(--ink);}
.scArticle__body h2{margin:36px 0 16px;font-size:24px;font-weight:900;color:var(--navy);border-left:4px solid var(--coral);padding-left:14px;line-height:1.5;}
.scArticle__body h3{margin:28px 0 12px;font-size:19px;font-weight:700;color:var(--navy);}
.scArticle__body p{margin:0 0 28px;font-size:16px;line-height:2;color:var(--ink);}
.scArticle__body img{max-width:100%;height:auto;border-radius:12px;}
.scArticle__body ul,.scArticle__body ol{margin:0 0 28px;padding-left:22px;}
.scArticle__body li{font-size:16px;line-height:2;color:var(--ink);}
.scArticle__body blockquote{background:var(--bg);border-left:4px solid var(--coral);border-radius:0 12px 12px 0;padding:24px 28px;margin:0 0 28px;}
.scArticle__body blockquote p{margin:0;font-size:16px;line-height:1.9;color:var(--navy);font-weight:700;}
.scArticle__ctaWrap{padding:0 var(--sc-pad) 56px;}
.scArticle__cta{background:var(--navy);border-radius:18px;padding:36px;text-align:center;}
.scArticle__cta h3{margin:0;font-size:22px;font-weight:900;color:#fff;}
.scArticle__cta p{margin:12px 0 22px;font-size:14px;color:rgba(255,255,255,.72);}
.scArticle__cta .scBtn{height:52px;}
.scArticle__related{max-width:1160px;margin:0 auto;padding:0 var(--sc-pad) 64px;}
.scArticle__back{max-width:760px;margin:0 auto;padding:0 var(--sc-pad) 64px;text-align:center;}
.scAboutHero{}
.scAboutStats{background:#fff;border-bottom:1px solid var(--line);}
.scAboutStats__inner{max-width:1000px;margin:0 auto;padding:48px var(--sc-pad);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.scAboutStat{text-align:center;}
.scAboutStat__num{font-family:var(--mono);font-weight:800;color:var(--navy);font-size:42px;line-height:1;}
.scAboutStat__num span{font-size:18px;color:var(--coral);margin-left:2px;}
.scAboutStat__lbl{margin-top:8px;color:var(--muted);font-size:14px;}
.scFirstHero{background:linear-gradient(180deg,#fbfcfe,#f2f4f9);padding:60px var(--sc-pad);border-bottom:1px solid var(--line);text-align:center;}
.scFirstHero__inner{max-width:680px;margin:0 auto;}
.scFirstHero__inner h1{margin:16px 0 0;font-size:38px;font-weight:900;color:var(--navy);}
.scFirstHero__lead{margin:16px auto 0;max-width:680px;font-size:15px;line-height:1.9;color:var(--muted);}
.scLP .scFeat .scStep__no{margin-bottom:14px;}
.scFirstOrg{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.scFirstOrg__text h2{margin:12px 0 12px;font-size:26px;font-weight:900;color:var(--navy);}
.scFirstOrg__text p:not(.scEyebrow){margin:0 0 24px;font-size:15px;line-height:1.9;color:var(--muted);}
.scFirstOrg__cta{display:flex;gap:14px;flex-wrap:wrap;}
.scFirstOrg__media{aspect-ratio:4/3;border-radius:18px;background:repeating-linear-gradient(135deg,#dfe4ee,#dfe4ee 16px,#d6dcea 16px,#d6dcea 32px);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.scFirstOrg__media img{width:100%;height:100%;object-fit:cover;}
.scFirstOrg__media span{font-family:var(--mono);font-size:12px;color:#8b96ab;}
@media screen and (max-width:768px){
.scFeatured{grid-template-columns:1fr;gap:0;}
.scFeatured__img{aspect-ratio:16/9;}
.scFeatured__body{padding:24px;}
.scFeatured__title{font-size:20px;}
.scColumn__grid{grid-template-columns:1fr;}
.scArticle__head{padding:32px 20px 16px;}
.scArticle__title{font-size:24px;}
.scArticle__kvWrap,.scArticle__bodyWrap,.scArticle__ctaWrap,.scArticle__related,.scArticle__back{padding-left:20px;padding-right:20px;}
.scArticle__body p,.scArticle__body li{font-size:15px;line-height:1.9;}
.scArticle__body h2{font-size:20px;}
.scAboutStats__inner{grid-template-columns:1fr 1fr;gap:28px 16px;padding:32px 20px;}
.scAboutStat__num{font-size:34px;}
.scFirstHero{padding:40px 20px;}
.scFirstHero__inner h1{font-size:26px;}
.scFirstOrg{grid-template-columns:1fr;gap:24px;padding:26px;}
.scFirstOrg__media{order:-1;aspect-ratio:16/10;}
}
.scCheckList{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px;}
.scCheckList li{position:relative;padding-left:28px;font-size:15px;line-height:1.6;color:var(--ink);}
.scCheckList li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--coral);}
.scCheckList li::after{content:"";position:absolute;left:5px;top:8px;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}

/* ==================================================
   過去開催セミナーページ（2026-07-16追加）
   ================================================== */
.scEndedBanner{margin-top:16px;padding:12px 18px;border-radius:10px;background:#fdf0ee;border:1px solid #f5c9c2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;}
.scEndedBanner__label{color:#c0392b;font-size:15px;font-weight:700;}
.scEndedBanner__link{color:var(--navy);font-size:14px;font-weight:700;text-decoration:underline;}
.scEndedBanner__link:hover{color:var(--coralD);}
.scNotify{margin-top:14px;padding:16px;border:2px solid var(--navy);border-radius:12px;background:#fff;}
.scNotify__ttl{font-size:16px;font-weight:900;color:var(--navy);margin-bottom:8px;}
.scNotify__lead{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:10px;}
.scNotify__done{font-size:14px;color:var(--navy);font-weight:700;line-height:1.8;padding:8px 0;}
.scNotify__err{font-size:13px;color:#c0392b;font-weight:700;margin-bottom:8px;}
.scNotify__form input[type=email],.scNotify__form input[type=text]{width:100%;box-sizing:border-box;margin-bottom:8px;padding:10px 12px;border:2px solid #96a4bc;border-radius:8px;font-size:15px;background:var(--input);}
.scNotify__hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;margin:0 !important;padding:0 !important;border:0 !important;}
.scNotify__consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);margin:4px 0 12px;cursor:pointer;}
.scNotify__consent input{margin-top:3px;width:auto;}
.scNotify__consent a{color:var(--navy);text-decoration:underline;}
.scNotify__note{font-size:12px;color:var(--faint);margin-top:8px;}
.scPastLinks{margin-top:14px;}
.scPastLinks__organizer{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.7;}
.scPastLinks__organizer a{color:var(--navy);font-weight:700;text-decoration:underline;}
.scPastReport{margin-top:32px;padding:20px 22px;background:var(--bg);border-radius:12px;}
.scPastReport h2{font-size:19px;font-weight:900;color:var(--navy);margin-bottom:10px;padding-left:12px;border-left:4px solid var(--coral);}
.scPastReport p{font-size:15px;line-height:1.9;color:var(--ink);margin-bottom:8px;}
.scPastNote{font-size:13px;color:var(--muted);line-height:1.8;margin:8px 0 14px;}
.scPastLink{margin-top:28px;text-align:center;}
.scPastLink a{display:inline-block;padding:12px 26px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:14px;font-weight:700;}
.scPastLink a:hover{border-color:var(--navy);}
.scPastList{margin-top:36px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;}
.scPastList__ttl{font-size:17px;font-weight:900;color:var(--navy);margin-bottom:12px;}
.scPastList__items{margin:0 0 12px;list-style:none;padding:0;}
.scPastList__items li{padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;}
.scPastList__items li a{color:var(--ink);font-weight:500;text-decoration:underline;}
.scPastList__items li a:hover{color:var(--coralD);}
.scPastList__date{font-size:12px;color:var(--faint);white-space:nowrap;}
.scPastList__more{display:inline-block;font-size:13px;font-weight:700;color:var(--navy);text-decoration:underline;}
/* 旧テーマ共通の input[type=checkbox]{display:none}（MW WP Form用カスタム様式）を通知フォームでは打ち消す */
.scNotify__consent input[type=checkbox]{display:inline-block;-webkit-appearance:checkbox;appearance:auto;width:16px;height:16px;margin:3px 0 0;flex:0 0 auto;}