@charset "utf-8";


body {
font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-size:1rem;
background: #005da3;
margin:0;
padding:0;
color:#000;
}

a {
	color:#000;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
a:hover,a:visited {
	color:#000;
}
a:hover {
     opacity: 0.8;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}

span.red {
    color:#ff0000;
}


.lp_wrap {
    width:1200px;
    margin:0 auto 0;
    background: #005da3;
    /* box-shadow: 0px 0px 15px -5px #ccc; */
}

.lp_wrap div img {
    width:100%;
    display: block;
}

@media screen and (max-width: 640px) {

    .lp_wrap {
        width:100%;
        box-shadow:none;
    }
}


/* header ----- */

.header_wrap {
    width:100%;
}

.header_wrap img {
    width: 100%;
}

.header {
}

.header h1 {
    width:450px;
    padding:850px 0 0;
    margin:0 auto -2px;
    display: block;
}
.header h1 img {
    width: 100%;
    display: block; 
}


@media screen and (max-width: 640px) {

    .header {
    }

    .header h1 {
    }
}


.catch {
background:#6eb92c;
}
.catch p {
    width:650px;
    margin:auto;
    padding:80px 0;
}
.catch p img {
    width:100%;
}

@media screen and (max-width: 640px) {

    .catch p {
        width:75vw;
        margin:auto;
        padding:30px 0;
    }

}


.moushikomi {
    margin:0 0;
    padding:120px 0;
    /* background: #6eb92c; */
    background:url(../images/halfseason2022_lp/join_bg.png) no-repeat #6eb92c;
    background-size:140%;
    background-position: 50% 0%;

}
.moushikomi a {
    width:500px;
    margin:25px auto;
    text-align: center;
    display: block;
    border-radius: 30px;
    padding:35px 60px;
    background-color: #fff;
    opacity: 1;
}
.moushikomi a:hover {
    opacity: 1;
}
.moushikomi a img {
    width:450px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.moushikomi a:hover img {
    opacity: 0.8;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.moushikomi .ttl {
    width:60%;
    margin:0 auto 40px;
}
.moushikomi .ttl img {
    width: 100%;
}


@media screen and (max-width: 640px) {

    .moushikomi {
        width:100vw;
        margin:0 auto;
        padding:12vw 0 6vw;
    }
    .moushikomi a {
        width:70vw;
        margin:15px auto;
        text-align: center;
        display: block;
        background:#fff;
        border-radius: 42px;
        padding:20px;

    }
    .moushikomi a img {
        width:90%;
        margin:0 auto;
        display: block;
    }

    .moushikomi .ttl {
        width:90vw;
        margin:0 auto 20px;
    }
    .moushikomi .ttl img {
        width: 100%;
    }

}


/* section ----- */

section {
    margin:0;
    padding:0 0 100px;
}

section#merit { background: #6eb92c; padding:100px 0;}

section .inner {
    padding:0 25px;
}

section a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

section a:hover {
    opacity: 0.85;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

section p {
    font-size:1.1rem;
    line-height: 180%;
    text-align: justify;
}


@media screen and (max-width: 640px) {

    section {
        margin:0;
        padding:0 0 40px;
    }

    section .inner {
        padding:0 0;
        width:90%;
        margin:0 auto;
    }

}


.merit {
    background-color: #6eb92c; 
}
.merit p {
    width:100%;
    margin:auto;
}
.merit p img {
    width:100%;
}
.merit ul {
margin: 0 130px;
}
.merit ul li {
    margin:50px 0 80px;
    padding:200px 0 40px 0;
    border-bottom:4px dashed rgba(255,255,255,0.75);
    background-repeat: no-repeat;
    background-size:200px;
    background-position: 50% 0%;
}
.merit ul li.merit1 { background-image:url(../images/halfseason2021_lp/merit_1.png); }
.merit ul li.merit2 { background-image:url(../images/halfseason2021_lp/merit_2.png);}
.merit ul li.merit3 { background-image:url(../images/halfseason2021_lp/merit_3.png); padding:230px 0 40px 0; background-size:180px; }
.merit ul li.merit4 { background-image:url(../images/halfseason2021_lp/merit_4.png); padding:230px 0 40px 0; background-size:170px; }
.merit ul li.merit5 { background-image:url(../images/halfseason2021_lp/merit_5.png); padding:230px 0 40px 0; }
.merit ul li.merit6 { background-image:url(../images/halfseason2021_lp/merit_6.png); padding:230px 0 40px 0; background-size:330px; }
.merit ul li.merit7 { background-image:url(../images/halfseason2021_lp/merit_7.png); padding:230px 0 40px 0; background-size:260px; }
.merit ul li.merit8 { background-image:url(../images/halfseason2021_lp/merit_8.png); padding:230px 0 40px 0; }
.merit ul li.merit9 { background-image:url(../images/halfseason2021_lp/merit_9.png); padding:220px 0 40px 0; }
.merit ul li p {
    display: block;
    font-size: 2.125rem;
    color:#fff;
    text-align: center;
    font-weight: bold;
    line-height: 140%;
}
.merit ul li span {
    display: block;
    font-size: 1.5rem;
    color:#fff;
    text-align: center;
    font-weight: normal;
    line-height: 140%;
}

.more {
    padding:50px 0 100px;
}

.more a {
    width:500px;
    margin:25px auto;
    text-align: center;
    display: block;
    background:#fff;
    border-radius: 30px;
    padding:60px;
}
.more a img {
    width:448px;
}


.bottom_con {
    background:#fff;
    padding:80px 0;
}

@media screen and (max-width: 640px) {

    .merit ul {
    margin: 0 20px;
    }
    .merit p {
        width:80vw;
        margin:auto;
    }
    .merit p img {
        width:100%;
    }
    .merit ul li {
        margin:30px 0 50px;
        padding:110px 0 30px 0!important;
        border-bottom:2px dashed rgba(255,255,255,0.75);
        background-size:110px!important;
    }
    .merit ul li.merit1 { background-image:url(../images/halfseason2021_lp/merit_1.png);}
    .merit ul li.merit2 { background-image:url(../images/halfseason2021_lp/merit_2.png);}
    .merit ul li.merit3 { background-image:url(../images/halfseason2021_lp/merit_3.png); padding:130px 0 30px 0!important; background-size:100px!important;}
    .merit ul li.merit4 { background-image:url(../images/halfseason2021_lp/merit_4.png); padding:130px 0 30px 0!important; background-size:90px!important;}
    .merit ul li.merit5 { background-image:url(../images/halfseason2021_lp/merit_5.png); padding:130px 0 30px 0!important;}
    .merit ul li.merit6 { background-image:url(../images/halfseason2021_lp/merit_6.png); padding:120px 0 30px 0!important; background-size:180px!important;}
    .merit ul li.merit7 { background-image:url(../images/halfseason2021_lp/merit_7.png); padding:120px 0 30px 0!important; background-size:140px!important;}
    .merit ul li.merit8 { background-image:url(../images/halfseason2021_lp/merit_8.png); padding:120px 0 30px 0!important; background-size:110px!important;}
    .merit ul li.merit9 { background-image:url(../images/halfseason2021_lp/merit_9.png); padding:120px 0 30px 0!important; background-size:110px!important;}
    .merit ul li p {
        font-size: 1.25rem;
    }
    .merit ul li span {
        font-size: 1rem;
    }

    .more {
        margin:40px 0 100px;
        padding:0;
    }
    .more p {
        width:80vw;
        margin:0 auto;
        text-align: center;
        display: block;
    }
    .more a {
        width:calc(80vw - 80px);
        padding: 20px 40px;
        font-size: 1.4rem;
        border-radius: 42px;
    }
    .more a img {
        width:100%;
        display:  block;
    }

    .bottom_con {
        padding:40px 0;
    }

}




.campaign {
    margin:100px 0 0 0;
}

.camp_ttl {
    width:677px;
    display: block;
    margin:-70px auto;
}
.camp_ttl img {
    width: 100%!important;
}

.campaign_inner {
    padding:0 0 0;
    margin:0px 0 0 0;
    width:100%;
}
.campaign_inner img {
    width:100%;
    display: block;
    margin:0 auto;
}

@media screen and (max-width: 640px) {

    .campaign {
        margin:50px 0 0 0;
    }

    .camp_ttl {
        width:90vw;
        display: block;
        margin:-30px auto;
    }
    .camp_ttl img {
        width: 100%!important;
    }

    .campaign_inner {
        padding:0 0 0x;
        margin:0px 0 0 0;
    }
    .campaign_inner img {
        width:100%;
        display: block;
        margin:0px auto;
    }

}


.footer_moushikomi {
    background:#6eb92c;
    padding:0 80px 200px;
}
.footer_moushikomi .ttl {
    width:35%;
    margin:0 auto;
}
.footer_moushikomi .ttl img {
    width: 100%;
}
.footer_moushikomi .req {
    text-align: center;
    color: #000;
    font-size: 1.5rem;
    font-weight: bold;
}
.footer_moushikomi a {
    width:500px;
    margin:0 auto;
    text-align: center;
    display: none;
    background:#fff;
    border-radius: 30px;
    padding:40px 60px;
}

.footer_moushikomi a img {
    width:450px;
}

@media screen and (max-width: 640px) {

    .footer_moushikomi {
        padding:30px 20px 50px;
    }
    .footer_moushikomi .ttl {
        width:60%;
        margin:0 auto;
    }
    .footer_moushikomi .req {
        font-size: 1rem;
    }
    

}




footer {
    margin:0 0 0;
	padding:10px 0 0;
	text-align:center;
    background:#fff;
}

.copyright {
    margin:0px 0 0 0;
    padding:10px 0 10px 0;
    color: #6eb92c;
}


@media screen and (max-width: 767px) {

    footer {
        margin:0px 0 0;
        padding:15px 0 0;
        color:#000;
        font-family: "din-condensed",sans-serif;
        font-weight: 300;
        font-size:12px;
        text-align:center;
        position: relative;
    }

    .copyright {
        margin:10px 0 10px 0;
        padding:10px 0 10px 0;
        font-size:0.6rem;
    }

}


#page-top {
  position: fixed;
  bottom: 160px;
  right: 20px;
}

#page-top i {
  color: #333;
  font-size: 5rem;
  opacity: 0.5;
}

#page-top i:hover {
  cursor: pointer;
}


@media screen and (max-width: 640px) {

    #page-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    }

    #page-top i {
    color: #333;
    font-size: 3rem;
    opacity: 0.5;
    }

}


#footer_ticket {
  position: fixed;
  bottom: 0;
  left: 0;
  right:0;
  width:100%;
  background: #f29901;
  box-shadow: 0px 0px 18px -2px #333;
}

#footer_ticket a {
    color:#000;
    display: block;
    width:100%;
    padding:50px 0;
    text-align: center;
    text-decoration: none;
    font-size: 2rem;
    line-height: 100%;
    font-weight: bold;
}

@media screen and (max-width: 640px) {

    #footer_ticket a {
        color:#000;
        display: block;
        width:100%;
        padding:26px 0;
        text-align: center;
        text-decoration: none;
        font-size: 1.4rem;
        line-height: 100%;
        font-weight: bold;
    }
}


@media screen and (max-width: 640px) {

body {
	font-size:0.85rem;
}

.pconly {
	display: none;
}
.sponly {
	display: inherit;
}


}


@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
    text-decoration: none;
  }
}