@charset "UTF-8";

.event_section{margin:0 auto;padding-bottom:36px;max-width:900px;}
.event_section h2{background-color:#379d5a;letter-spacing: 4px;text-align:center;color:#fff;}
.event_section h2 span{position:relative;display:block;margin-right:auto;margin-left:auto;}
.event_section h2 span::after,
.event_section h2 span::before{display:block;content:"";position:absolute;top:50%;height:1px;background-color:#fff;width:290px;}
.event_section h2 span::after{left:100%;}
.event_section h2 span::before{right:100%;}
.event_section .area{background-color:#f6fff6;}
.event_section ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:auto;margin-left:auto;}
.event_section li a{display:block;background-color:#fff;display:block;-webkit-box-shadow: 2px 2px 2px #cfe7d7;box-shadow: 2px 2px 2px #cfe7d7;height:100%;}
.event_section li .image{ width: 100%;position: relative; }
.event_section li .image:before{ padding-top: 56.25%;content:"";display: block; }
.event_section li .image span{ display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(../../images/logo.svg) no-repeat 50% 50%;-webkit-background-size:110px auto;background-size:110px auto; }
.event_section li .image.on_img span{-webkit-background-size:cover;background-size:cover;}
.event_section li .text p.ttl{line-height:1.3;}

.event_section .explain{padding:20px;text-align:center;}
.event_section ul + .explain{display:none;}

/*: detail **/
.contents_event_detail article{max-width:900px;margin-right:auto;margin-left:auto;}
.contents_event_detail .title{border-bottom:1px solid #b2b2b2;}
.contents_event_detail .cont{max-width:680px;margin-right:auto;margin-left:auto;}
.contents_event_detail .image{text-align:center;}
.contents_event_detail .image a{display:block;}
.contents_event_detail .text{line-height:1.75;}
.contents_event_detail .btn{display: grid;place-content: end;}
.contents_event_detail .btn a{width: 230px;display: flex;background-color: #379d5a;color: #fff;position: relative;justify-content: center;align-items: center;height: 34px;font-size: 0.75rem;}
.contents_event_detail .btn a::after{content: "";display: block;background: url(../../images/arrow_news.svg) no-repeat 50% 50%;position: absolute;top: 50%;transform: translateY(-50%);width: 6px;height: 10px;right: 16px;}
.contents_event_detail .finished{color:#ff0000;font-weight:bold;margin-top:10px;display:none;}


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

	.contents_event{padding:45px 0;}

	.event_section h2{font-size:1.125rem;padding:19px 36px;}
	.event_section h2 span{max-width:245px;padding:0 18px;}
	.event_section .area{padding:36px;}

    .event_section li{width:23.5%;margin-right:2%;}
    .event_section li:nth-child(4n){margin-right:0;}
    .event_section li:nth-child(n+5){margin-top:20px;}
    
    .event_section li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
    .event_section li a:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    
	.event_section li .text .times{font-size: 0.875rem}
	.event_section li .text p.ttl{font-size:1.0625rem;padding-top:5px;}
	.event_section li .text p.txt{font-size:0.9375rem;}
	.event_section li .text{padding:15px 10px;}
	
    .contents_event_detail{padding:60px 0;}
    .contents_event_detail .title .times{font-size:0.875rem;}
    .contents_event_detail .title h2{font-size:1.6875rem;}
    
    .contents_event_detail .title{padding:0 20px 20px;margin-bottom:60px;}
    .contents_event_detail .image{margin-bottom:36px;}
    .contents_event_detail .image a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}    
    .contents_event_detail .image a:hover{opacity:0.8;}
    
    .contents_event_detail .btn{margin-top:15px;}
    .contents_event_detail .btn a{width: 230px;}
}

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

	.contents_event{padding:30px 0;}
	.contents_event .wrapper,
	.contents_event_detail .wrapper{padding-right:20px;padding-left:20px;}
	
	.event_section h2{font-size:1rem;padding:12px 36px;}
	.event_section h2 span{max-width:220px;padding:0 5px;}
	.event_section h2 span::after, .event_section h2 span::befor{width:90px;}
	.event_section .area{padding:20px;}
	
    .event_section li{width:48%;margin-right:4%;}
    .event_section li:nth-child(2n){margin-right:0;}
    .event_section li:nth-child(n+3){margin-top:20px;}
    
	.event_section li .text .times{font-size:0.8125rem;}
	.event_section li .text p.ttl{font-size:1rem;font-weight:bold;padding-top:3px;}
	.event_section li .text p.txt{font-size:0.875rem;}
    .event_section li .text{padding:8px;}
    
    .contents_event_detail{padding:30px 0;}
    
    .contents_event_detail .title .times{font-size:0.8125rem;}
    .contents_event_detail .title{padding:0 0 10px 10px;margin-bottom:30px;}
    .contents_event_detail .title h2{font-size:1.25rem;font-weight:bold;}
    
    .contents_event_detail .image{margin-bottom:20px;position:relative;}
    
    .contents_event_detail .btn{margin-top:10px;}
    .contents_event_detail .btn a{width: 180px;}
}