@charset "UTF-8";
/* CSS Document */

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

.sp{
	display:block;
	}

.pc{
	display:none;
	}


header{
text-align: center;
position: relative;
height: auto;
padding-bottom: 0;
height: auto;
}

header h1{
width: 90%;
display: inline-block;
margin-top: 48%;
margin-bottom: 2%;
}

.top_copy{
width: 80%;
display: inline-block;
margin-top: 1%;
}

.top_ec{
width: 41%;
position: absolute;
top: 2%;
left: 5%;
}

.lines01{
width: 36%;
position: absolute;
bottom: auto;
top: 2%;
right: 10%;
}

.lines02{
width: 36%;
position: absolute;
bottom: auto;
top: 12%;
right: 2%;
}

/* ズームインここまで */


.face{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
margin-top: 4%;
padding-bottom: 15%;
}

.face div{
width: 21%;
margin-bottom: 2%;
}


.face01{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face02{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face03{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face04{
width: 80%;
position: static;
top: auto;
left: auto;
right: auto;
}

.face05{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face06{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face07{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face08{
width: 100%;
position: static;
top: auto;
left: auto;
right: auto;
}

.face09{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face10{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face11{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face12{
width: 100%;
position: static;
top: auto;
left: auto;
right: auto;
}
.face12 img{
width: 85%;
}

.face13{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face14{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face15{
width: 100%;
position: static;
top: auto;
left: auto;
}

.face15 img{
padding-top: 5%;
}

.face16{
width: 100%;
position: static;
top: auto;
left: auto;
right: auto;
}

.hzoom:hover{
width: 30%;
margin-left: -2%;
margin-top: -2%;
}

.top_button_sp{
background: #E50012;
position: fixed;
bottom: 0;
left: 0;
font-size: 2.4rem;
color: #FFFF00;
font-weight: 600;
padding: 4% 0;
z-index: 999;
border-top: #fff 2px solid;
}
.logo_w{
width: 30%;
}

.top_txt{
font-size:  2.2rem;;
font-weight: 600;
margin-top: -15%;
padding: 0 5%;
text-align: center;
line-height: 2em;
margin-bottom: 30px;
}

.anchor_navi{
position: fixed;
width: 90%;
top:2%;
right: 5%;
z-index: 99;
opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*
.anchor_navi li:first-child{
width: 100%;
}
*/

.anchor_navi li{
text-align: center;
margin-bottom: 5px;
width: 48%;
}

.anchor_navi li a{
width: 100%;
font-size: 1.8rem;
font-weight: 500;
color: #fff;
background: #E50012;
border: #fff 2px solid;
display: inline-block;
padding: 0.1em 0;
border-radius: 50px;
}

.event{
background: #E50012 url("../img/top/ba01.svg") no-repeat center center;
background-attachment: fixed;
background-size: 150%;
padding: 25px 0;
position: relative;
}

.midashi01{
text-align: center;
margin-bottom: 40px;
}
.midashi01 h2{
font-size: 3.5rem;
color: #fff;
font-weight: 700;
line-height: 1.2em;
}
.midashi01 h2 b{
font-size: 2.0rem;
color: #FFFF00;
font-weight: 700;
}


.event_list{
width: 90%;
margin: 0 auto;
}


.event_list > li{
position: relative;
  max-width: 98%;
  margin: 20px auto;
  padding: 6px;
  background: #E50012;
  color: #FFF;
  outline: 5px solid #fff;
  outline-offset: -3px;
  margin-bottom: 40px;
}

.accordion_label::after {
  content: "+";
  font-size: 4.0rem;
  position: absolute;
  top: 0px;
  right: 4%;
  color: #E50012;
}

.event_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding: 10px;
}

.event_title > dt{
width: 15%;
background: url("../img/top/ba02.svg") no-repeat center center;
background-size: 100%;
font-size: 3.0rem;
text-align: center;
color: #fff;
font-family: "Zen Maru Gothic", serif;
font-weight: 700;
padding: 2% 0;
}

.event_title > dd{
width: 82%;
font-family: "Zen Maru Gothic", serif;
}


.event_title > dd h3{
font-size:  calc(100vw * 25 / 375);
font-weight: 700;
line-height: 1em;
}

.event_title > dd h3 span{
font-size: 70%;
background: #FFFF00;
font-weight: 600;
padding: 0 0.5em;
margin-left: 0;
}

.event_ymdt{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: -0px;
}

.event_ymdt dt{
font-size: 1.4rem;
font-weight: 500;
background: #000000;
color: #fff;
width: 23%;
padding: 0.2em 0;
text-align: center;
border-radius: 10px;
margin-bottom: -5px;
margin-right: 0.5em;
}

.event_ymdt dt:nth-of-type(2){
margin-left: 0;
}

.event_ymdt dd{
width: 72%;
font-size: 2.5rem;
font-weight: 600;
color: #E50012;
}

.event_ymdt dd b{
font-size: 3.0rem;
font-weight: 600;
}

.event_copy{
font-family: "Zen Maru Gothic", serif;
font-size: 1.8rem;
font-weight: 600;
color: #000000;
margin-left: 0%;
line-height: 1.7em;
margin-bottom: 15px;
}

.event_over{
width: 240%;
margin-left: -70%;
}

.event_section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 10px;
font-family: "Zen Maru Gothic", serif;
}

.event_section div:nth-of-type(1){
order: 1;
width: 100%;
margin-bottom: 10px;
}

.event_section div:nth-of-type(2){
order: 2;
width: 100%;
}

.event_section div h4:nth-of-type(1){
background: #E50012;
color: #fff;
font-size: 1.8rem;
font-weight: 600;
border-radius: 10px;
padding-left: 0.5em;
}

.event_section div h4:nth-of-type(2){
background: #000000;
color: #fff;
font-size: 1.8rem;
font-weight: 600;
border-radius: 10px;
padding-left: 0.5em;
}


.event_section div ul{
padding-left: 2em;
margin-top: 8px;
margin-bottom: 20px;
}

.event_section div ul li{
color: #000000;
font-size: 1.8rem;
font-weight: 500;
list-style-type: disc;
margin-bottom: 5px;
}

.event_data{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 0px;
}

.event_data dt{
width: 40%;
display: flex;
align-items: flex-start;
border-bottom: #000000 1px dotted;
margin-bottom: 5px;
padding-bottom: 14px;
}

.event_data dt:nth-of-type(1){
width: 100%;
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.event_data dt p{
color: #E50012;
font-size: 2.0rem;
font-weight: 500;
}

.event_data dt img{
width: 18px;
margin-top: 15px;
}

.event_data dd{
width: 60%;
border-bottom: #000000 1px dotted;
margin-bottom: 5px;
padding-bottom: 14px;
padding-top: 5px;
}

.event_data dd:nth-of-type(1){
width: 100%;
}

.event_data dd p{
font-size: 2.0rem;
font-weight: 600;
line-height: 1.1em;
}

.event_data dd p span{
font-size: 1.5rem;
font-weight: 500;
}


.logo_ec{
width: 20%;
position: absolute;
bottom: -0%;
right: -0%;
display: none;
}

.comments{
width: 90%;
padding: 25px 0;
margin: 0 auto;
}

.comments li{
margin-bottom: 20px;
}

.midashi02{
text-align: center;
margin-bottom: 40px;
}
.midashi02 h2{
font-size: 3.5rem;
color: #E50012;
font-weight: 700;
line-height: 1.2em;
}
.midashi02 h2 b{
font-size: 2.0rem;
color: #000000;
font-weight: 700;
}

.comments_line li dl dd p{
padding: 7% 10%;
font-size: 1.8rem;
font-weight: 500;
}

.green dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.green dl dt{
width: 20%;
}

.green dl dd{
width: 73%;
border-radius: 30px;
position: relative;
margin-top: 10px;
}

.green dl dd{
background: #BFFD91;
}

.green dl dd img{
width: 40px;
position: absolute;
top: 55px;
left: -30px;
}


.orange dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.orange dl dt{
order: 2;
width: 20%;
}

.orange dl dd{
order: 1;
width: 73%;
border-radius: 30px;
position: relative;
margin-top: 50px;
}

.orange dl dd{
background: #FDE491;
}

.orange dl dd img{
width: 40px;
position: absolute;
top: 55px;
right: -30px;
}

.faq{
background: #E50012;
padding: 25px 0;
position: relative;
}

.faq_over{
width: 160%;
margin-left: -30%;
}

.faq_box{
background: #fff;
border-radius: 40px;
height: auto!important;
}

.q{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
padding: 7% 7% 0 7%;
}

.q dt{
width: 12%;
background: #E50012;
color: #fff;
font-size: 2.5rem;
font-weight: 500;
text-align: center;
line-height: 1em;
padding: 0 0.5% 0.2em 0;
border-radius: 10px;
}

.q dd{
font-size: 2.2rem;
font-weight: 500;
width: 85%;
margin-top: -5px;
}

.a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding: 0% 7% 7% 7%;
}

.a dt{
width: 12%;
background: #FFFF00;
color: #E50012;
font-size: 2.5rem;
font-weight: 500;
text-align: center;
line-height: 1em;
padding: 0 0.5% 0.2em 0;
border-radius: 10px;
}

.a dd{
font-size: 1.7rem;
font-weight: 500;
width: 85%;
margin-top: -5px;
line-height: 1.8em;
}

.signup{
padding: 25px 0;
position: relative;
}

.form_box{
width: 80%;
margin: 0 auto;
border: #E50012 3px solid;
border-radius: 40px;
padding: 5%;
}

.form_dl_01{
border-bottom: #000000 2px dotted;
margin-bottom: 10px;
padding-bottom: 10px;
}

.form_dl_01 dt{
font-size: 2.5rem;
font-weight: 500;
color: #E50012;
margin-bottom: 15px;
}

.form_dl_01 dt b{
background: #000000;
color: #fff;
font-size: 1.8rem;
padding: 0.1em 0.5em;
margin-left: 0em;
border-radius: 10px;
}

.form_dl_01 dd{
line-height: 5em;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.form_dl_01 dd label{
font-size: 1.9rem;
font-weight: 500;
margin-right: 0em;
width: 100%;
}

.form_dl_01 dd input{
width: 20px;
height: 20px;
border-radius: 5px;
}

.form_separate{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: #000000 2px dotted;
margin-bottom: 15px;
padding-bottom: 15px;
}

.form_separate li{
width: 100%;
margin-bottom: 15px;
}

.form_separate li:last-child{
margin-bottom: 0;
}

.form_separate li dl{
}

.form_separate li dl dt{
font-size: 2.5rem;
font-weight: 500;
color: #E50012;
margin-bottom: 10px;
}

.form_separate li dl dd input{
width: 96%;
font-size: 2.5rem;
font-family: "Zen Maru Gothic", serif;
padding: 1% 2%;
border-radius: 10px;
border: #707070 2px solid;
}



.form_dl_02{
border-bottom: #000000 2px dotted;
margin-bottom: 15px;
padding-bottom: 15px;
}

.form_dl_02 dt{
font-size: 2.5rem;
font-weight: 500;
color: #E50012;
margin-bottom: 10px;
}

.form_dl_02 dt b{
background: #000000;
color: #fff;
font-size: 1.8rem;
padding: 0.1em 0.5em;
margin-left: 0.5em;
border-radius: 10px;
}

.form_dl_02 dd select{
font-size: 1.8rem;
font-family: "Zen Maru Gothic", serif;
font-size: 700;
border-radius: 10px;
border: #707070 2px solid;
padding: 0.2em 0.5em;
background: #fff;
}

.form_dl_03{
border-bottom: #000000 2px dotted;
margin-bottom: 15px;
padding-bottom: 15px;
}

.form_dl_03 dt{
font-size: 2.5rem;
font-weight: 500;
color: #E50012;
margin-bottom: 10px;
}

.form_dl_03 dd {
font-size: 2.5rem;
font-weight: 500;
}

.post_code{
width: 50%;
font-size: 2.5rem;
font-family: "Zen Maru Gothic", serif;
padding: 1% 2%;
border-radius: 10px;
border: #707070 2px solid;
margin-bottom: 10px;
}

.address{
width: 96%;
font-size: 2.5rem;
font-family: "Zen Maru Gothic", serif;
padding: 1% 2%;
border-radius: 10px;
border: #707070 2px solid;
}

.form_dl_04{
border-bottom: #000000 2px dotted;
margin-bottom: 15px;
padding-bottom: 15px;
}

.form_dl_04 dt{
font-size: 2.5rem;
font-weight: 500;
color: #E50012;
margin-bottom: 10px;
}

.form_dl_04 dd {
font-size: 2.5rem;
font-weight: 500;
}

.form_dl_04 dd label{

margin-right: 0.5em;
}

.form_dl_04 dd input{
width: 96%;
font-size: 2.5rem;
font-family: "Zen Maru Gothic", serif;
padding: 1% 2%;
border-radius: 10px;
border: #707070 2px solid;
}

.form_button01{
width: 200px;
display: block;
margin: 0 auto;
position: relative;
}

.form_button01 input{
border: none;
width: 100%;
display: block;
background: #E50012;
color: #FFFF00;
	font-size:2.5rem;
font-weight: 500;
text-align: center;
padding: 4% 0 4% 0;
position: relative;
margin: 0 auto;
border-radius: 20px;
margin-bottom: 3%;
font-family: "Zen Maru Gothic", serif;
cursor: pointer;
}

.pointing04{
width: 28%;
position: absolute;
bottom: -50%;
right: -5%;
}

.form_txt{
font-size: 1.7rem;
font-family: "Zen Maru Gothic", serif;
font-weight: 500;
text-align: left;
margin-top: 5px;
}

footer{
padding: 25px 0 100px 0;
text-align: center;
}

footer img{
width: 200px;
margin-bottom: 15px;
}

footer p{
font-size: 1.7rem;
font-weight: 400;
line-height: 1.8em;
}



.ec01{
width: 35%;
position: absolute;
top: -40px;
left: 25px;
}



.linesns{
width: 70px;
position: fixed;
bottom: 10%;
right: 2%;
z-index: 99;
opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
transition: 0.4s ;
}

.linesns:hover{
width: 70px;
}


.linesns.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



.form_txt_02{
font-size: 1.7rem;
font-weight: 500;
border: #000000 3px solid;
margin-bottom: 3%;
padding: 2%;
border-radius: 20px;
text-align: left;
}

.contents_innner {
    padding-top: 100px;
    margin-top:-100px;
}


.reports{
width: 12%;
position: absolute;
top: 40%;
left: 4%;
}


.report_midashi{
background: #E50012;
color: #fff;
font-family: "Zen Maru Gothic", serif;
font-weight: 500;
font-size: 2.0rem;
padding: 0.5em 0.5em;
position: relative;
border-radius: 10px;
margin-bottom: 30px;
line-height: 100%;
margin-top: 30px;
}

.report_midashi b{
position: inherit;
top: auto;
right: auto;
font-size: 1.7rem;
font-family: "Zen Maru Gothic", serif;
font-weight: 500;
color: #FFFF00;
}


.cancel{
font-size: 1.5rem;
background: #BD0210;
color: #fff;
display: inline-block;
padding: 1em 1em;
margin-top: 3%;
line-height: 90%;
}

.cancel b{
color: #FFFF00;
border: #FFFF00 1px solid;
padding: 0 0.5em;
margin-left: 0;
}


.end_news{
background: #E50012;
padding: 1% 0;
text-align: center;
color: #FFFF00;
font-size: 1.8rem;
font-weight: bold;
}

}