@charset "UTF-8";

.event_3point{
margin: 80px auto 50px;
padding: 0 0 0;
position:relative;
text-align:center;
width: 100%;
}
.event_3point h3{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
text-align:center;
font-family: "Noto Sans JP";
font-weight: 300;
font-size: 50px;
line-height: 44px;
color: #585858;
letter-spacing:0.02em;
}
.event_3point h3 small{
font-weight: normal;
font-size: 27px;
line-height: 50px;
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: 90px;
line-height: 90px;
text-align: left;
color: #585858;
display:inline-block;
}

ul.event_3point_list{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
text-align:center;
}
ul.event_3point_list li{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
text-align:center;
}
ul.event_3point_list li h4{
margin: 0 0 5px;
padding: 0 50px;
position:relative;
text-align:center;
font-family: "Noto Sans JP";
font-weight: 300;
font-size: 40px;
line-height: 1.5;
text-align: left;
color: #585858;
background-color:#ddeaba;
height:180px;
display: flex;
align-items:center;
justify-content:flex-start;
cursor: pointer;
}
ul.event_3point_list li h4 small{
position:absolute;
top:-25px;
left:50px;
font-weight: 500;
font-size: 40px;
line-height: 40px;
text-align: center;
color: #585858;
}
ul.event_3point_list li h4::before {
content: "";
position: absolute;
top: calc(50% - 25px);
right: 75px;
width: 2px;
height: 50px;
background-color: #585858;
transition : 0.3s;
}
ul.event_3point_list li h4::after {
content: "";
position: absolute;
top: 50%;
right: 50px;
width: 50px;
height: 2px;
background-color: #585858;
}
ul.event_3point_list li h4.opend::before {
content: "";
position: absolute;
top: calc(50% - 24px);
right: 75px;
width: 2px;
height: 50px;
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: 100px 50px 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: 100%;
height:1250px;
box-sizing: border-box;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_first h5{
margin: 0 0 50px;
padding: 30px 0;
position:relative;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
font-weight: normal;
font-size: 30px;
line-height: 1.5;
text-align: left;
color: #fff;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_first p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: normal;
font-size: 22px;
line-height: 2.0;
text-align: left;
color: #fff;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second{
margin: 0 auto 0;
padding: 70px 50px 80px;
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 70px;
padding: 30px 0;
position:relative;
border-top:2px solid #90BB20;
border-bottom:2px solid #90BB20;
font-weight: normal;
font-size: 32px;
line-height: 1.5;
text-align: left;
color: #585858;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second .point_1_p{
margin: 0 0 40px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.event_3point_list li:nth-child(1) .section_3point .section_3point_second .point_1_img{
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 p{
margin: 0 0;
padding: 0 20px ;
position:relative;
font-weight: 300;
font-size: 20px;
line-height: 29px;
text-align: left;
color: #585858;
}

ul.event_3point_list li:nth-child(2) .section_3point p{
margin: 0 0;
padding: 50px 50px;
position:relative;
font-weight: normal;
font-size: 24px;
line-height: 42px;
text-align: left;
color: #585858;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_first{
margin: 0 auto 0;
padding: 20px 0 0;
position:relative;
text-align:left;
background-image: url(/common2026/images/event/point_2_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
height:1600px;
box-sizing: border-box;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_first .point_2_p{
margin: 20px auto 0;
padding: 0 0;
position:relative;
text-align: center;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_first .point_2_p img{
border:3px solid #fff;
}
ul.event_3point_list li:nth-child(2) .section_3point .section_3point_second{
margin: 0 auto;
padding: 50px 50px 60px;
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 30px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 28px;
line-height: 1.6;
text-align: left;
color: #fff;
}

ul.event_3point_list li:nth-child(3) .section_3point .section_3point_first{
margin: 0 auto;
padding: 50px 50px 0;
position:relative;
text-align:left;
}
ul.event_3point_list li:nth-child(3) .section_3point .section_3point_first h5{
margin: 0 0 30px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 28px;
line-height: 1.6;
text-align: left;
color: #585858;
}
ul.event_3point_list li:nth-child(3) .section_3point .section_3point_first p{
margin: 0 0 50px;
padding: 0 20px;
position:relative;
font-weight: normal;
font-size: 20px;
line-height: 2.0;
text-align: left;
color: #585858;
}







.center{
text-align:center;
}

.sp_only{
display:none;
}

.img_sp {
display:none;
}