@charset "UTF-8";

.event_3point{
margin: 0 auto 50px;
padding: 0;
position:relative;
text-align:center;
width: auto;
}
.event_3point h3{
margin: 0 auto 30px;
padding: 0 0 0;
position:relative;
text-align:center;
font-family: "Noto Sans JP";
font-weight: 300;
font-size: 24px;
line-height: 1.5;
color: #585858;
letter-spacing:0.02em;
}
.event_3point h3 small{
font-weight: normal;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #585858;
border: 1.94px solid rgba(0, 0, 0, 0);
display:block;
}
.event_3point h3 big{
font-weight: 300;
font-size: 45px;
line-height: 45px;
text-align: left;
color: #585858;
display:inline-block;
}

ul.event_3point_list{
margin: 0 auto 40px;
padding: 0 0 0;
position:relative;
text-align:center;
width: auto;
}
ul.event_3point_list li{
margin: 0 auto 30px;
padding: 0 0 0;
position:relative;
text-align:center;
}
ul.event_3point_list li h4{
margin: 0 0 5px;
padding: 0 20px;
position:relative;
text-align:center;
font-family: "Noto Sans JP";
font-weight: 300;
font-size: 19px;
line-height: 1.5;
text-align: left;
color: #585858;
background-color:#ddeaba;
height:94px;
display: flex;
align-items:center;
justify-content:flex-start;
cursor: pointer;
}
ul.event_3point_list li h4 small{
position:absolute;
top:-15px;
left:20px;
font-weight: 500;
font-size: 24px;
line-height: 24px;
text-align: center;
color: #585858;
}
ul.event_3point_list li h4::before {
content: "";
position: absolute;
top: calc(50% - 13px);
right: 23px;
width: 1px;
height: 26px;
background-color: #585858;
transition : 0.3s;
}
ul.event_3point_list li h4::after {
content: "";
position: absolute;
top: 50%;
right: 11px;
width: 26px;
height: 1px;
background-color: #585858;
}
ul.event_3point_list li h4.opend::before {
content: "";
position: absolute;
top: calc(50% - 13px);
right: 23px;
width: 1px;
height: 26px;
background-color: #585858;
transform: rotate(90deg);
transition : 0.3s;
}
ul.event_3point_list li .section_3point{
margin: 0 auto;
padding: 0 0 0;
position:relative;
text-align:center;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_first{
margin: 0 auto 5px;
padding: 20px 16px 0;
position:relative;
text-align:left;
background-image: url(/common2026/images/event/point_1_bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
min-height:600px;
box-sizing: border-box;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_first h5{
margin: 0 0 25px;
padding: 15px 0;
position:relative;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
font-weight: normal;
font-size: 16px;
line-height: 1.8;
text-align: left;
color: #fff;
white-space:nowrap;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_first p{
margin: 0 0;
padding: 0 0 60vw;
position:relative;
font-weight: normal;
font-size: 12px;
line-height: 2.0;
text-align: left;
color: #fff;
white-space:nowrap;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second{
margin: 0 auto 0;
padding: 30px 20px 40px;
position:relative;
text-align:left;
background-color: #ececec;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second h5{
margin: 0 0 30px;
padding: 15px 0;
position:relative;
border-top:1px solid #90BB20;
border-bottom:1px solid #90BB20;
font-weight: normal;
font-size: 16px;
line-height: 1.8;
text-align: left;
color: #585858;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second .point_1_p{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second .point_1_p img{
width:100%;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second .point_1_img{
margin: 0 0 10px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second .point_1_img img{
width:100%;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 400;
font-size: 12px;
line-height: 1.8;
text-align: left;
color: #585858;
white-space:nowrap;
}

ul.event_3point_list li:nth-child(2) .section_3point p{
margin: 0 0;
padding: 20px 0px 25px 10px;
position:relative;
font-weight: normal;
font-size: 13px;
line-height: 1.6;
text-align: left;
color: #585858;

}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_first{
margin: 0 auto 0;
padding: 10px 0 0;
position:relative;
text-align:left;
background-image: url(/common2026/images/event/point_2_bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
min-height:750px;
box-sizing: border-box;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_first .point_2_p{
margin: 0 auto ;
padding: 0 0 55vw;
position:relative;
text-align: center;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_first .point_2_p img{
border:2px solid #fff;
width:94%;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_second{
margin: 0 auto;
padding: 20px 20px 25px;
position:relative;
text-align:left;
background-color: #c4db84;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_second h5{
margin: 0 0 20px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 15px;
line-height: 1.8;
text-align: left;
color: #fff;
white-space:nowrap;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_second .point_2_img img{
width:100%;
}

ul.event_3point_list li:nth-child(3) .section_3point .section_3point_first{
margin: 0 auto;
padding: 20px 10px 0;
position:relative;
text-align:left;
}
ul.event_3point_list li:nth-child(3) .section_3point .section_3point_first h5{
margin: 0 0 20px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: #585858;
white-space:nowrap;
}
ul.event_3point_list li:nth-child(3) .section_3point .section_3point_first p{
margin: 0 0 25px;
padding: 0 0;
position:relative;
font-weight: normal;
font-size: 13px;
line-height: 1.6;
text-align: justify;
color: #585858;
}
ul.event_3point_list li:nth-child(3) .section_3point .section_3point_first .point_3_p img{
width:100%;
}







.center{
	text-align:center;
}

.pc_only{
	display:none;
}

.img_pc {
	display:none;
}