@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:999px){

/*STYLE*/
.pc {
display:none;
}

.cts {
width:90%;
}

.titles {
padding-bottom:30px;
text-align:center;
}

.titles h2 {
font-size:250%;
font-weight:bold;
line-height:135%;
}

.titles .subtitle {
font-size:120%;
font-weight:bold;
}

.titles .kana {
font-size:100%;
}

h2.top {
text-align:center;
margin-bottom:30px;
}

h2.top img {
width:auto;
height:50px;
}

.anchor {
padding-top:50px;
margin-top:-50px;
display:block;
}



/*HEADER*/
header {
width:100%;
height:50px;
background:#fff;
position:fixed;
top:0;
left:0;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 18px 0 12px;
z-index:9999;
}

header h1 {
width:50vw;
position:absolute;
left:0;
right:0;
margin:auto;
display:flex;
align-items:center;
}

header h1 a {
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}

header .symbol {
}

header .symbol img {
width:auto;
height:30px;
}



/*MV*/
#mv {
width:100%;
height:calc(100vh - 50px);
background:url(../img/mv.jpg) center;
background-size:cover;
margin-top:50px;
}

#mv .cts {
    width:90%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

#mv .maincopy {
    width:100%;
    margin-bottom:15px;
}

#mv .subcopy {
    width:60%;
}




/*NEWS TOP*/
#news_top {
padding:60px 0;
}

#news_top .cts {
}

#news_top .topics {
}

#news_top .topics .topic {
margin-bottom:20px;
}

#news_top .topics .topic:last-child {
margin-bottom:0;
}

#news_top .topics .topic a {
}

#news_top .topics .topic a .date {
width:100%;
color:#787878;
}

#news_top .topics .topic a .title {
width:100%;
}



/*CONTENTS TOP*/
#contents_top {
    background:#464646 url(../img/contents_bg_sp.jpg) center;
    background-size:cover;
    padding:100px 0;
    position:relative;
}

#contents_top .bg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.8);
}

#contents_top .cts {
    position:relative;
    text-align:center;
}

#contents_top .ex {
    margin-bottom:70px;
}

#contents_top .ex p {
    line-height:200%;
    color:#fff;
}

#contents_top .more_btn {
    display:inline-block;
}

#contents_top .more_btn a {
    font-size:90%;
    border:#969696 1px solid;
    color:#969696;
    padding:15px 25px;
}



/*ENTRY TOP*/
#entry_top {
    background:#fff;
    padding:100px 0 50px;
}

#entry_top .infos {
    text-align:center;
    padding-bottom:25px;
}

#entry_top .infos .info {
    margin-bottom:20px;
}

#entry_top .infos .info:last-child {
    margin-bottom:0;
}

#entry_top .infos .info .program {
    font-size:120%;
    font-weight:600;
}

#entry_top .infos .info .item {
    display:flex;
    justify-content:center;
    align-items:center;
}

#entry_top .infos .info .item .line {
    width:20px;
    height:1px;
    background:#000;
}

#entry_top .infos .info .item p {
    font-weight:bold;
    padding:0 10px;
}

#entry_top .infos .info .period {
}

#entry_top .infos .info .finish {
    background:#ce0b2d;
    font-size:90%;
    line-height:100%;
    color:#fff;
    display:inline-block;
    padding:7px 10px;
    margin-top:3px;
}

#entry_top .infos .info:last-child {
    display:inline-block;
    background:#f5f5f5;
    padding:15px 25px;
}

#entry_top .infos .info .data:last-child {
    margin-top:10px;
}

#entry_top .infos .info .data .fs {
    font-size:80%;
}

#entry_top .entry_btn {
    text-align:center;
}

#entry_top .entry_btn .btn {
    width:90%;
    margin:auto;
}

#entry_top .entry_btn .btn a {
    font-weight:600;
    color:#fff;
    background:#ce0b2d;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    padding:15px 30px;
    border-radius:10vw;
}

#entry_top .entry_btn .btn a p:first-child {
    font-weight:600;
    color:#fff;
}

#entry_top .entry_btn .btn a .attention {
    font-size:50%;
    color:#fff;
}



/*-----CTA-----*/
#cta {
}

#cta .entry_btns {
}

#cta .entry_btns .btn {
    position:relative;
    animation:cta 1s infinite alternate;
    -webkit-animation:cta 1s infinite alternate;
    margin-bottom:30px;
    display:flex;
    justify-content:center;
    align-items:center;
}

#cta .entry_btns .btn:first-child {
    animation:cta 1s infinite alternate;
    -webkit-animation:cta 1s infinite alternate;
}

#cta .entry_btns .btn:last-child {
    margin-bottom:0;
}

#cta .entry_btns .btn a {
    width:100%;
    background:#ce0b2d;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    border-radius:30vw;
    padding:20px 20px 15px;
}

#cta .entry_btns .btn:first-child a {
}

#cta .entry_btns .btn a .number {
    position:absolute;
    width:30px;
    height:30px;
    background:#fff;
    color:#ce0b2d;
    border:#ce0b2d 1px solid;
    top:-15px;
    left:0;
    right:0;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius:10vw;
    font-weight:500;
}

#cta .entry_btns .btn a .item {
    font-size:110%;
    font-weight:bold;
    line-height:135%;
    color:#fff;
}

#cta .entry_btns .btn a .right {
    display:flex;
    justify-content:center;
    align-items:center;
}

#cta .entry_btns .btn a .right .line {
    width:25px;
    height:1px;
    background:#fff;
}

#cta .entry_btns .btn a .right p {
    font-weight:600;
    padding:0 10px;
    color:#fff;
}

#cta .entry_btns .btn a .event {
    font-size:80%;
    color:#fff;
}

#cta .entry_btns .btn .finish {
    position:absolute;
    background:#000;
    padding:5px 10px;
    color:#fff;
    font-size:90%;
    font-weight:500;
}

#cta .terms_btn {
    padding-top:30px;
    text-align:center;
}

#cta .terms_btn a {
    font-size:90%;
    font-weight:600;
    border-bottom:#000 1px solid;
}




/*-----UNDER-----*/
.page {
    margin:50px 0;
}

.page .titles {
    text-align:center;
    padding:50px 0 30px;
}

.page .titles h2 {
}

.page .titles h2 img {
    width:auto;
    height:55px;
}

.page .titles .kana {
    font-size:80%;
    font-weight:500;
    line-height:100%;
}

.page .bread {
    font-size:70%;
    text-align:right;
    margin-bottom:20px;
}

.page .temp {
    background:#fff;
    padding:25px 25px;
}

.backbtn {
    text-align:center;
    margin-top:30px;
}

.backbtn .btn {
    display:inline-block;
}

.backbtn .btn a {
    border:#000 1px solid;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:10px 15px;
    font-size:90%;
    font-weight:500;
    line-height:100%;
}



/*-----NEWS-----*/
#news {
}

#news .date {
    color:#787878;
}

#news h3 {
    font-size:180%;
    font-weight:600;
    line-height:135%;
}

#news .photo {
    max-width:100%;
    max-height:500px;
    margin-top:35px;
    text-align:center;
}

#news .photo img {
    width:auto;
    max-width:100%;
    max-height:100vw;
}

#news .detail {
    margin-top:35px;
}

#news .movie {
    width:80%;
    margin:35px auto 0;
}

#news .movie .youtube {
    margin:0 auto;
    padding-top: 56.25%;
    position:relative;
    background:#000;
}
    
#news .movie .youtube iframe {
    position: absolute;
    top:0;
    right:0;
    width:100% !important;
    height:100% !important;
}

#news .links {
    margin-top:35px;
}

#news .link {
    display:flex;
    margin-bottom:5px;
}

#news .link:last-child {
    margin-bottom:0;
}

#news .link img {
    width:20px;
    margin-right:8px;
}

#news .link a p {
    font-weight:500;
}



/*CONTENTS*/
#contents {
}

#contents .contents_title {
    text-align:center;
    padding-bottom:20px;
}

#contents .contents_title .number {
    width:90px;
    margin:0 auto 15px;
}

#contents .contents_title .line {
    background:#969696;
    margin:0 auto 15px;
}

#contents .contents_title h3 {
    font-size:180%;
    font-weight:600;
    line-height:135%;
}

/*CONTENTS1*/
#contents #contents1 {
    padding-top:35px;
    margin-bottom:120px;
}

#contents #contents1 .copy {
    padding-bottom:30px;
}

#contents #contents1 .events {
}

#contents #contents1 .events .event {
}

#contents #contents1 .events .event .event_cts {
    background:#fff;
    margin-bottom:25px;
}

#contents #contents1 .events .event:nth-child(even) .event_cts {
    flex-direction:row-reverse;
}

#contents #contents1 .events .event .event_cts .swiper-slide {
    position:relative;
}

#contents #contents1 .events .event .event_cts .swiper-slide .credit {
    position:absolute;
    font-size:50%;
    bottom:7px;
    right:12px;
    color:#fff;
}

#contents #contents1 .events .event .date {
    text-align:center;
}

#contents #contents1 .events .event .date p {
    font-weight:600;
    line-height:100%;
    padding:10px 15px 12px;
    color:#fff;
    background:#000;
    display:inline-block;
}

#contents #contents1 .events .event:last-child {
    margin-bottom:0;
}

#contents #contents1 .events .event .scene_slider {
    width:100%;
    overflow:hidden;
}

#contents #contents1 .events .event .data {
    width:100%;
    padding:25px 25px;
    display:flex;
    align-items:center;
}

#contents #contents1 .events .event .data .data_cts {
    width:100%;
}

#contents #contents1 .events .event .data .event_title {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:15px;
}

#contents #contents1 .events .event:nth-child(n+3) .data .event_title {
    flex-direction:column;
}

#contents #contents1 .events .event:nth-child(4) .data .event_title {
    margin-bottom:0;
}

#contents #contents1 .events .event .data .event_title h4 {
    font-size:150%;
    font-weight:600;
    line-height:120%;
}

#contents #contents1 .events .event:nth-child(4) .data .event_title h4 {
    text-align:center;
}

#contents #contents1 .events .event .data .event_title .sup {
    font-size:80%;
    margin-left:5px;
}

#contents #contents1 .events .event:nth-child(3) .data .event_title .sup {
    margin-left:0;
    padding-top:5px;
}

#contents #contents1 .events .event:nth-child(4) .data .event_title .sup {
    margin-left:0;
    padding-top:5px;
}

#contents #contents1 .events .event .data .details {
}

#contents #contents1 .events .event .data .details .detail {
    display:flex;
    justify-content:space-between;
    margin-bottom:5px;
}

#contents #contents1 .events .event .data .details .detail .item {
    width:40px;
    height:20px;
    font-size:70%;
    font-weight:500;
    line-height:100%;
    background:#969696;
    color:#fff;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:3px;
}

#contents #contents1 .events .event .data .details .detail .tx {
    width:calc(100% - 50px);
}

#contents #contents1 .events .event .data .details .attention {
    font-size:70%;
    color:#969696;
    padding:5px 0 0 50px;
}

#contents #contents1 .event_title .optional_program {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:10px;
}

#contents #contents1 .event_title .optional_program .line {
    width:20px;
    height:1px;
    background:#000;
}

#contents #contents1 .event_title .optional_program img {
    width:130px;
    margin:0 10px;
}

#contents #contents1 .events .event .data .schedule {
    display:flex;
    justify-content:space-between;
    margin-top:10px;
}

#contents #contents1 .events .event .data .schedule .item {
    width:40px;
    height:20px;
    font-size:70%;
    font-weight:500;
    line-height:100%;
    background:#969696;
    color:#fff;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:3px;
    margin-right:10px;
}

#contents #contents1 .events .event .data .schedule .tx {
}

/*CONTENTS2*/
#contents #contents2 {
    margin-bottom:100px;
}

#contents #contents2 .details {
}

#contents #contents2 .details .detail {
    width:100%;
}

#contents #contents2 .details .detail .tx {
    padding-bottom:25px;
}

#contents #contents2 .details .detail .results {

}

#contents #contents2 .details .detail .results .result {
    padding:12px 15px;
    background:#fff;
    display:flex;
    justify-content:space-between;
    margin-bottom:12px;
}

#contents #contents2 .details .detail .results .result:last-child {
    margin-bottom:0;
}

#contents #contents2 .details .detail .results .result img {
    width:18px;
}

#contents #contents2 .details .detail .results .result p {
    font-weight:500;
    line-height:145%;
    width:calc(100% - 32px);
}

#contents #contents2 .details .detail .images {
    width:330px;
    margin:30px auto 0;
}

#contents #contents2 .details .detail .images .image {
    margin-bottom:10px;
}

#contents #contents2 .details .detail .images .caption {
    font-size:80%;
}


#contents #contents2 .details .photos {
    width:80%;
    margin:0 auto 25px;
}



/*SUPPORTER*/
#contents #supporter {
}

#contents #supporter .temp {
    padding-top:35px;
}

#contents #supporter .supporter_title {
    width:70%;
    margin:0 auto 30px;
}

#contents #supporter .supporters {
    width:100%;
    margin:auto;
}

#contents #supporter .supporters .supporter {
    width:100%;
    margin-bottom:50px;
}

#contents #supporter .supporters .supporter:last-child {
    margin-bottom:0;
}

#contents #supporter .supporters .supporter .photo {
    width:60%;
    margin:0 auto 20px;
}

#contents #supporter .supporters .supporter .detail {
}

#contents #supporter .supporters .supporter .detail .name {
    font-size:110%;
    font-weight:bold;
    text-align:center;
}

#contents #supporter .supporters .supporter .detail .position {
    font-size:90%;
    font-weight:600;
    text-align:center;
    padding-bottom:15px;
}

#contents #supporter .supporters .supporter .detail .tx {
    font-size:90%;
}



/*ENTRY*/
#entry {
}

#entry #intro {
    background:#000;
    padding:100px 0;
    position:relative;
}

#entry #intro .intro_bg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}

#entry #intro .intro_bg .entry_bg_slider {
    width:100%;
    height:100%;
}

#entry #intro .intro_bg .photo {
    width:100%;
    height:100%;
}

#entry #intro .intro_bg .photo1 {
    background:url(../entry/img/main_bg_1.jpg) center;
    background-size:cover;
}

#entry #intro .intro_bg .photo2 {
    background:url(../entry/img/main_bg_2.jpg) center;
    background-size:cover;
}

#entry #intro .intro_bg .photo3 {
    background:url(../entry/img/main_bg_3.jpg) center;
    background-size:cover;
}

#entry #intro .intro_bg .photo4 {
    background:url(../entry/img/main_bg_4.jpg) center;
    background-size:cover;
}

#entry #intro .intro_bg .bg {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#entry #intro .cts {
    text-align:center;
}

#entry #intro .copy {
    margin-bottom:50px;
}

#entry #intro .copy p {
    font-size:100%;
    font-weight:500;
    line-height:200%;
    color:#fff;
    padding-bottom:30px;
}

#entry #intro .copy p:last-child {
    padding-bottom:0;
}

#entry #intro #cta .terms_btn a {
    font-size:90%;
    font-weight:600;
    color:#fff;
    border-bottom:#fff 1px solid;
}



/*ENTRY MERIT*/
#entry #merit {
    padding:70px 0 120px;
}

#entry #merit .merits {
}

#entry #merit .merits .merit {
    width:100%;
    height:120vw;
    padding:30px;
    position:relative;
    margin-bottom:20px;
}

#entry #merit .merits .merit:last-child {
    margin-bottom:0;
}

#entry #merit .merits .merit .bg {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
}

#entry #merit .merits .merit1 {
    background:url(../entry/img/merit_1.jpg) center;
    background-size:cover;
}

#entry #merit .merits .merit2 {
    background:url(../entry/img/merit_2.jpg) center;
    background-size:cover;
}

#entry #merit .merits .merit3 {
    background:url(../entry/img/merit_3.jpg) center;
    background-size:cover;
}

#entry #merit .merits .merit .items {
    text-align:center;
    position:relative;
}

#entry #merit .merits .merit .items .number {
    width:60px;
    margin:0 auto 10px;
}

#entry #merit .merits .merit .items .line {
    background:#fff;
    margin:0 auto 10px;
}

#entry #merit .merits .merit .items .subitem {
    font-weight:500;
    color:#fff;
}

#entry #merit .merits .merit .items .item {
    font-size:160%;
    font-weight:600;
    line-height:135%;
    color:#fff;
}

#entry #merit .merits .merit .detail {
    position:absolute;
    left:0;
    right:0;
    bottom:20px;
    text-align:center;
}

#entry #merit .merits .merit .detail .tx {
    font-size:90%;
    color:#fff;
}

#entry #merit .merits .merit .detail .attention {
    font-size:60%;
    color:#fff;
    padding-top:5px;
    text-align:center;
}



/*ENTRY OVERVIEW*/
#entry #overview {
    margin-bottom:70px;
}

#entry #overview .items {
    text-align:center;
    margin-bottom:20px;
}

#entry #overview .items .kana {
    width:80px;
    margin:0 auto 15px;
}

#entry #overview .items .line {
    width:50px;
    height:1px;
    background:#000;
    margin:0 auto 15px;
}

#entry #overview .items h3 {
    font-size:180%;
    font-weight:bold;
    line-height:135%;
}

#entry #overview .overviews {
}

#entry #overview .overviews .overview {
    background:#ce0b2d;
    margin-bottom:20px;
}

#entry #overview .overviews .overview .item {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:90%;
    font-weight:600;
    color:#fff;
    padding:7px;
}

#entry #overview .overviews .overview .detail {
    width:100%;
    background:#fff;
    padding:15px 20px;
}

#entry #overview .overviews .overview .detail p {

}

#entry #overview .overviews .overview .detail .attention {
    display:flex;
    font-size:80%;
    color:#969696;
}

#entry #overview .overviews .overview .detail .prices {

}

#entry #overview .overviews .overview .detail .prices .price {
    margin-bottom:10px;
}

#entry #overview .overviews .overview .detail .prices .price:last-child {
    margin-bottom:0;
}

#entry #overview .overviews .overview .detail .prices .price .type {
    display:flex;
}

#entry #overview .overviews .overview .detail .prices .price .yen {
    display:flex;
    align-items:center;
}

#entry #overview .overviews .overview .detail .prices .price .attention {
    font-size:80%;
    color:#969696;
}



/*ENTRY TERMS*/
#entry {
}

#entry .temp {
    padding:25px 25px;
}

#entry #terms {

}

#entry #terms .terms_title {
    text-align:center;
    padding-bottom:30px;
}

#entry #terms .terms_title h3 {
    font-size:110%;
    font-weight:600;
}

#entry #terms .terms_title .attention {
    font-size:60%;
    color:#969696;
    padding-top:5px;
}

#entry #terms .organizer {
    text-align:right;
    padding-bottom:30px;
}

#entry #terms .terms {
}

#entry #terms .terms .term {
    margin-bottom:50px;
}

#entry #terms .terms .term:last-child {
    margin-bottom:0;
}

#entry #terms .terms .term h4 {
    border-left:#ce0b2d 4px solid;
    padding:3px 0 3px 10px;
    font-size:90%;
    font-weight:bold;
    margin-bottom:10px;
}

#entry #terms .terms .term p {
    font-size:90%;
}

#entry #terms .terms .term p a {
    font-weight:600;
    color:#ce0b2d;
}

#entry #terms .terms .term ul {
    padding-top:10px;
}

#entry #terms .terms .term ul li {
    display:flex;
    align-items:flex-start;
}

#entry #terms .terms .term ul li .arrow {
    width:6px;
    height:6px;
    border-top:#000 1px solid;
    border-right:#000 1px solid;
    transform:rotate(45deg);
    margin:8px 6px 0 0;
}

#entry #terms .terms .term ul li p {
    font-family:'Noto Sans JP', sans-serif;
}



/*CONTACT*/
#contact {
}

#contact .temp {
    padding-top:35px;
}

#contact .contact {
    margin-bottom:50px;
}

#contact .contact .faq {
    text-align:center;
    margin-bottom:30px;
}

#contact .contact .faq h3 {
    font-size:120%;
    font-weight:600;
    line-height:145%;
    color:#ce0b2d;
    margin-bottom:10px;
}

#contact .contact .faq .faq_btn {
    display:inline-block;
}

#contact .contact .faq .faq_btn a {
    display:flex;
    justify-content:center;
    align-items:center;
    border:#ce0b2d 1px solid;
    padding:7px 30px;
    border-radius:10vw;
}

#contact .contact .faq .faq_btn a img {
    width:18px;
    margin-right:10px;
}

#contact .contact .faq .faq_btn a p {
    font-size:110%;
    font-weight:600;
    line-height:100%;
    color: #ce0b2d;
}

#contact .contact .tx {
    padding-bottom:10px;
}

#contact .contact .attention {

}

#contact .contact .attention p {
    font-size:70%;
    color:#969696;
    display:flex;
}



/*-----CONTACT FORM-----*/
#contact .forms {
}

#contact .forms .form {
    margin-bottom:25px;
}

#contact .forms .form:last-child {
    margin-bottom:15px;
}

#contact .forms .form .item {
    width:100%;
    display:flex;
    align-items:center;
    font-weight:500;
    margin-bottom:10px;
}

#contact .forms .form:last-child .item {
    margin-top:15px;
}

#contact .forms .form .item .required {
    font-size:70%;
    font-weight:400;
    line-height:100%;
    background:#ce0b2d;
    color:#fff;
    padding:4px 5px;
    margin-right:7px;
}

#contact .forms .form .detail {
    width:100%;
}

#contact .forms .form .detail p {
}

#contact input[type="text"],
#contact input[type="number"],
#contact input[type="email"],
#contact textarea {
    padding:15px 18px;
}

#contact .style_name {
    width:100%;
}

#contact .style_kana {
    width:100%;
}

#contact .style_tel {
    width:100%;
}

#contact .style_mail {
    width:100%;
}

#contact .style_detail {
    width:100%;
    height:300px;
}

#contact .style_submit {
    font-size:100%;
    font-weight:500;
    background:#ce0b2d;
    color:#fff;
    padding:15px 45px;
    border:none;
    cursor:pointer;
}

#contact .style_fix {
    font-size:100%;
    font-weight:500;
    background:#aaa;
    color:#fff;
    padding:15px 45px;
    border:none;
    cursor:pointer;
}

#contact .btns {
    display:flex;
    justify-content:center;
    align-items:center;
}

#contact .btns .btn {
    margin:0 10px;
}

#contact .btns .btn:hover {
    animation:hover 0.5s ease forwards;
}

#contact .warning.block {
    font-size:80%;
    color:#ce0b2d;
    margin-top:5px;
    display:block;
}



/*-----CONTACT CONFIRM-----*/
#contact.confirm .forms {
}

#contact.confirm h3 {
    font-size:125%;
    font-weight:600;
    color:#ce0b2d;
    padding-bottom:15px;
    text-align:center;
}

#contact.confirm .forms .form {
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:#e1e1e1 1px solid;
}

#contact.confirm .forms .form:first-child {
    border-top:#e1e1e1 1px solid;
    padding-top:15px;
}

#contact.confirm .forms .form:last-child {
    margin-bottom:20px;
}

#contact.confirm .forms .form:last-child .item {
    margin-top:0;
}



/*-----CONTACT THANKS-----*/
#contact.thanks .temp {
    padding:70px 25px;
}

#contact.thanks h3 {
    font-size:150%;
    font-weight:600;
    color:#ce0b2d;
    padding-bottom:10px;
    text-align:center;
}

#contact.thanks .tx {
    padding-bottom:15px;
    text-align:center;
}

#contact.thanks .attention {
}

#contact.thanks .attention p {
    font-size:70%;
    display:flex;
    color:#969696;
}



/*FIXED CTA*/
.fixed_cta {
position:fixed;
bottom:0;
left:0;
z-index:999;
display:none;
text-align:center;
width:calc(100% - 70px);
}

.fixed_cta a {
width:100%;
height:60px;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
background:#ce0b2d;
position:relative;
pointer-events:none;
}

.fixed_cta a p {
font-size:90%;
font-weight:600;
color:#fff;
}

.fixed_cta a .attention {
font-size:50%;
font-weight:400;
}

.fixed_cta a .arrow {
width:10px;
height:10px;
border-top:#fff 2px solid;
border-right:#fff 2px solid;
transform:rotate(45deg);
margin-left:10px;
position:absolute;
right:15px;
}



/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:40px;
height:40px;
right:12px;
bottom:12px;
z-index:100;
display:none;
}



/*FOOTER*/
footer {
}

footer .cts {
    width:100%;
    padding:50px 0 0;
}

footer .office {
    text-align:center;
    margin-bottom:30px;
}

footer .office .title {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:15px;
}

footer .office .title .line {
    width:30px;
    height:1px;
    background:#000;
}

footer .office .title img {
    width:150px;
    margin:0 10px;
}

footer .office .item {
    font-size:90%;
    font-weight:500;
    line-height:150%;
    margin-bottom:12px;
}

footer .office .contact_btn {
    display:inline-block;
}

footer .office .contact_btn a {
    display:flex;
    justify-content:center;
    align-items:center;
    border:#000 1px solid;
    padding:7px 10px;
}

footer .office .contact_btn a img {
    width:18px;
    margin-right:8px;
}

footer .office .contact_btn a p {
    font-size:80%;
    font-weight:500;
    line-height:100%;
}

footer .theme {
    width:150px;
    margin:0 auto 35px;
}

footer .symbol {
    width:150px;
    margin:0 auto 35px;
    padding:12px 15px;
    background:#fff;
}

footer .footer_nav {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}
    
footer .footer_nav nav {
    width:50%;
    text-align:center;
    border-top:#e1e1e1 1px solid;
}

footer .footer_nav nav:nth-child(odd) {
    border-right:#e1e1e1 1px solid;
}

footer .footer_nav nav a {
    font-size:75%;
    padding:10px;
    display:block;
}

footer .footer_nav nav a img {
    width:auto;
    height:18px;
}

footer .copyright {
width:100%;
padding:25px 0 85px;
font-size:60%;
background:#000;
color:#787878;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
}

}


@media(max-width:1100px){

/*GROBAL*/
#grobal {
}

#grobal .nav_btn {
width:36px;
height:24px;
position:fixed;
top:13px;
right:15px;
display:flex;
justify-content:center;
align-items:center;
z-index:998;
cursor:pointer;
}

#grobal .nav_btn span {
width:100%;
height:2px;
background:#000;
position:absolute;
}

#grobal .nav_btn span:first-child {
top:0;
transition:0.5s;
}

#grobal .nav_btn span.show:first-child {
top:11px;
transform:rotate(45deg);
}

#grobal .nav_btn span:nth-child(2) {
transition:0.5s;
}

#grobal .nav_btn span.show:nth-child(2) {
opacity:0;
}

#grobal .nav_btn span:last-child {
bottom:0;
transition:0.5s;
}

#grobal .nav_btn span.show:last-child {
bottom:11px;
transform:rotate(-45deg);
}

#grobal .nav_close {
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
display:none;
cursor:pointer;
z-index:999;
}

#grobal .grobal_nav {
width:calc(100% - 70px);
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(255,255,255,0.9);
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
transform:translate(-100%,0);
transition:0.5s;
z-index:1000;
}

#grobal .grobal_nav.show {
transform:translate(0,0);
}

#grobal .grobal_nav nav {
padding:20px 0;
}

#grobal .grobal_nav nav a {
color:#fff;
}

#grobal .grobal_nav nav a img {
    width:auto;
    height:30px;
}


@media(min-width:1000px) and (max-width:1100px) {
#grobal .nav_btn {
top:30px;
right:25px;
}

#grobal .grobal_nav {
width:calc(100% - 90px);
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(255,255,255,0.9);
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
transform:translate(-100%,0);
transition:0.5s;
z-index:1000;
}
}

}