@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*dev-event.sample-web-site.workのCSS*/

/**Google font**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

@media screen and (max-width: 599px){.onpc{display: none!important;}}
@media screen and (min-width: 600px){.onsp{display: none!important;}}

/**カウントダウンタイマー ここから**/
span.eb-cd-digit {
    color: #f9d257 !important;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
span.eb-cd-label {
    color: #fff !important;
}
.btn-bg-yellow-text-color a {
    color: #00237f !important;
}
@media screen and (min-width: 600px){
    span.eb-cd-digit{
        font-size: 70px!important;
    }
.over-countdown-text {
    font-size: 4rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: -1rem;
}
.under-countdown-text {
    font-weight: 700;
    font-size: 2rem;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
}
@media (max-width:599px){
span.eb-cd-digit{
        font-size: 50px!important;
    }
.over-countdown-text {
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: -1rem;
}
.under-countdown-text {
    font-weight: 700;
    font-size: 1.5rem;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
}
/**カウントダウンタイマー ここまで**/

.l-header__bar {
    background: rgba(0, 0, 0, 0);
}
.c-gnav, .c-spnav{
    font-weight: 700;
}
.w-beforeFooter{
    margin: 0!important;
}
.footer-logo {
    text-align: left;
}
.footer-logo img {
    width: 50%;
}
.footer-midashi {
    font-size: 1.2rem;
}
.footer-text-link a:hover{
    color: #f9d257;
}

@media screen and (min-width: 600px){
.page-id-14 .l-header .l-header__inner{
    display: none;
}
}
@media not all and (min-width: 960px) {
.page-id-14 .l-header__logo{
display: none;
}
}

@media screen and (min-width: 600px){
    .kaisaigaiyou-midashi {
    font-size: 4rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 1rem;
}
    .kaisaigaiyou-text-01{
        font-size: 1.5rem;
        font-weight: 700;
    }
    .kaisaigaiyou-text-02 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.concept-en{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.concept-midashi{
    font-size: 4rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 1rem;
}
.concept-text-01{
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center!important;
    }
.top-event-midashi{
   font-size: 4rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 0rem; 
}
.top-event-text-01{
    font-size: 1.5rem;
        font-weight: 700;
}
.top-event-icon i {
    color: #f9d257;
    font-size: 1.5rem;
}
.top-event-text-box {
    padding-left: 1rem;
    padding-right: 1rem;
}
.top-event-text-02{
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
}
.top-event-text-03{
    color: #fff;
    margin-bottom: 2rem;
}
.top-event-text-04 a{
    color:#FF6B6B;
    font-weight: 700;
}
.top-event-text-04 a:hover{
    opacity: 0.8;
}
.exchange-meeting-text-04 a{
    color:#FFFF00;
    font-weight: 700;
}
.exchange-meeting-text-04 a:hover{
    opacity: 0.8;
}
.top-experience-text-box, .top-exchange-meeting-text-box {
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: "Noto Serif JP", serif!important;
}
.top-experience-text-01, .top-exchange-meeting-text-01{
    color:#fff;
    text-align: center;
    margin-bottom: 0em!important;
}
.top-experience-text-02, .top-exchange-meetingtext-02{
    color:#fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
}
}
@media screen and (max-width: 599px){
.kaisaigaiyou-midashi {
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 1rem;
}
    .kaisaigaiyou-text-01{
        font-size: 1.5rem;
        font-weight: 700;
    }
    .sp-kara{
writing-mode: vertical-rl;
font-size: 2rem;
margin: -2.5rem auto 0.5rem;
}
.kaisaigaiyou-text-02 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.concept-en{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.concept-midashi{
    font-size: 2rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 1rem;
}
.concept-text-01{
        font-weight: 700;
    }
.top-event-midashi{
   font-size: 2rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 1rem;
}
.top-event-text-01{
    font-size: 1.2rem;
    font-weight: 700;
}
.top-event-icon i {
    color: #f9d257;
    font-size: 1.5rem;
}
.top-event-text-box {
    padding-left: 1rem;
    padding-right: 1rem;
}
.top-event-text-02{
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}
.top-event-text-03{
    color: #fff;
    margin-bottom: 2rem;
}
.exchange-meeting-text-04 a{
    color:#FFFF00;
    font-weight: 700;
}
.top-experience-text-box, .top-exchange-meeting-text-box {
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: "Noto Serif JP", serif!important;
}
.top-experience-text-01, .top-experience-text-01{
    color:#fff;
    text-align: center;
    margin-bottom: 0em!important;
}
.top-experience-text-02, .top-experience-text-02{
    color:#fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
}
}
.kasou-experience-box {
    /*background: #00237F;*/
    background: #002d56;
    padding: 0 0 1rem !important;
    border-radius: 10px!important;
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
}
.kasou-experience-box img, .kasou-exchange-meeting-box img {
    border-radius: 10px 10px 0 0;
}
.kasou-exchange-meeting-box {
    /*background: #00237F;*/
    background: #3F89B9;
    padding: 0 0 1rem !important;
    border-radius: 10px!important;
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
}

.top-experience-box {
    background: #002d56;
    padding: 0 0 3rem !important;
    border-radius: 10px!important;
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
}
.top-exchange-meeting-box {
    /*background: #c8161d;*/
    background: #3F89B9;
    padding: 0 0 3rem !important;
    border-radius: 10px!important;
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
}
.top-experience-box img, .top-exchange-meeting-box img {
    border-radius: 10px 10px 0 0;
}

@media screen and (min-width: 600px){
    .pc-mar-bt-2rem{margin-bottom: 2rem!important;}
}
@media screen and (max-width: 599px){
    .sp-mar-bt-2rem{margin-bottom: 2rem!important;}
    .sp-mar-bt-3rem{margin-bottom: 3rem!important;}
    .sp-mar-bt-4rem{margin-bottom: 4rem!important;}
    .sp-pad-bt-2rem{padding-bottom: 2rem!important;}
    .sp-pad-bt-3rem{padding-bottom: 3rem!important;}
    .sp-pad-bt-4rem{padding-bottom: 4rem!important;}
}

/*文字色*/
.white{color: #fff!important;}

@media screen and (min-width: 600px){
    .pc-pad-10rem {
    padding-bottom: 10rem !important;
}
}
@media screen and (max-width: 599px){
    .sp-pad-10rem {
    padding-bottom: 10rem !important;
}
}

.relative{
    position: relative!important;
}

.top-taiken-num {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    /*background: #00237F;*/
    background: #002d56;
    align-content: center;
    color: #fff;
    text-align: center;
    position: absolute;
    top: .5em;
    left: .5em;
    font-weight: 700;
    font-size: 1.3em;
}
.kouryu-num {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    /*background: #00237F;*/
    background: #3F89B9;
    align-content: center;
    color: #fff;
    text-align: center;
    position: absolute;
    top: .5em;
    left: .5em;
    font-weight: 700;
    font-size: 1.3em;
}

.text-link a{
    color: #fff;
    text-decoration: underline;
}
.text-link a:hover{
    opacity: 0.8;
}

.page-id-189 h1.c-pageTitle, .page-id-207 h1.c-pageTitle, .page-id-222 h1.c-pageTitle, .page-id-255 h1.c-pageTitle, .page-id-302 h1.c-pageTitle, .page-id-314 h1.c-pageTitle, .page-id-322 h1.c-pageTitle, .page-id-325 h1.c-pageTitle, .page-id-341 h1.c-pageTitle{
    display: none;
}
@media screen and (min-width: 600px){
.page-id-189 #breadcrumb, .page-id-207 #breadcrumb, .page-id-222 #breadcrumb, .page-id-255 #breadcrumb, .page-id-302 #breadcrumb, .page-id-314 #breadcrumb, .page-id-322 #breadcrumb, .page-id-325 #breadcrumb, .page-id-341 #breadcrumb {
    margin-bottom: -10.5em;
    z-index: 10;
    background: none;
    color: #fff;
    box-shadow: none;
}
}
@media screen and (max-width: 599px){
.page-id-189 #breadcrumb, .page-id-207 #breadcrumb, .page-id-222 #breadcrumb, .page-id-255 #breadcrumb, .page-id-302 #breadcrumb, .page-id-314 #breadcrumb, .page-id-322 #breadcrumb, .page-id-325 #breadcrumb, .page-id-341 #breadcrumb {
    margin-bottom: -9.5em!important;
    z-index: 10!important;
    background: none!important;
    box-shadow: none!important;
    color: #fff!important;
}
}

@media screen and (min-width: 600px){
.kasoupage-title {
    font-size: 4rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 2rem!important;
    margin-top:-2rem!important;
}
.bg-white{
    background: #fff;
    border-radius: 10px;
    padding: 2rem!important;
}
}
@media screen and (max-width: 599px){
.kasoupage-title {
    font-size: 2rem;
    font-weight: 700;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 2rem!important;
    margin-top:-2rem!important;
}
.bg-white{
    background: #fff;
    border-radius: 10px;
    padding:2rem 1rem!important;
}
}

@media screen and (min-width: 600px){
    .pc-wid-50 img{
        width: 50%;
    }
}