@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
	--bg : #333;
}
/*--------------------------------------------
HOME
---------------------------------------------*/
#mv{
	color : #fff;
}
#mv p:nth-of-type(1){
	border-bottom-color : #fff;
	border-bottom-style : solid;
}
#mv h2{
	border-bottom-color : #fff;
	border-bottom-style : solid;
}
#mv h2 img{
	width : auto;
	max-width : inherit;
}
#mv p:nth-of-type(2) img{
	width : auto;
	max-width : inherit;
}
.slide-items {
  width: 100%;
  height: 100%;
}

.slide-items img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px){
	#mv{
		background : url("../images/home/mv_sp.jpg") center center / 100% auto no-repeat;
	}
	#mv .wrap{
		text-align : center;
		height : calc( 477 * 100vw / 768 );
		padding-top : calc( 233 * 100vw / 768 );
	}
	#mv p:nth-of-type(1){
		font-size : calc( 34 * 100vw / 768 );
		padding-bottom : 12px;
		border-bottom-width : calc( 2 * 100vw / 768 );
	}
	#mv h2{
		margin-top : calc( 16 * 100vw / 768 );
		padding-bottom : calc( 9 * 100vw / 768 );
		border-bottom-width : calc( 2 * 100vw / 768 );
	}
	#mv h2 img{
		height : calc( 64 * 100vw / 768 );
	}
	#mv p:nth-of-type(2) img{
		height : calc( 64 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#mv{
		background : url("../images/home/mv_pc.png") center center / cover no-repeat;
	}
	#mv .wrap{
		height : 800px;
		padding-top : 300px;
	}
	#mv p:nth-of-type(1){
		text-shadow : 0 0 29.4px rgba(1, 1, 1, .004);
		font-size : 30px;
		margin-left : 155px;
		border-bottom-width : 2px;
		padding-bottom : 14px;
		width : 755px;
	}
	#mv h2{
		margin-top : 16px;
		border-width : 2px;
		margin-left : auto;
		margin-right : -10px;
		width : 754px;
		padding-left : 57px;
	}
	#mv h2 img{
		height : 64px;
	}
	#mv p:nth-of-type(2){
		text-align : right;
	}
	#mv p:nth-of-type(2) img{
		height : 68px;
	}
}
@media screen and (max-width: 768px){
	main{
		padding-top : calc( 110 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	main{
        padding-top: 0px;
	}
}
/*--------------------------------------------
NEWS
---------------------------------------------*/
#news li{
    width: 100%;
    padding: 1em 0 ;
    border-bottom: 1px dotted #ccc;
}
#news li a{
    width: 100%;
	display : flex;
	align-items : flex-start;
}

#news time{
	color : #221815;
	flex-shrink : 0;
}
#news h4{
	font-weight : 500;
	color : #221815;
	letter-spacing : 0;
}
@media screen and (max-width: 768px){
	#news .wrap{
		padding-top : calc( 69 * 100vw / 768 );
		padding-bottom : calc( 63 * 100vw / 768 );
	}
	#news ul{
		margin-top : calc( 48 * 100vw / 678 );
	}
	#news li + li{
		margin-top : calc( 30 * 100vw / 768 );
	}
    #news li a{
        flex-wrap: wrap;
    }
	#news time{
		font-size : calc( 26 * 100vw / 768 );
		width : calc( 200 * 100vw / 768 );
        padding-top: calc( 12 * 100vw / 768 );
	}
	#news .categories{
		width : calc( 300 * 100vw / 768 );
		height : calc( 43 * 100vw / 768 );
		font-size : calc( 26 * 100vw / 768 );
	}
	#news h4{
		width : 100%;
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.46;
        padding-top: calc( 12 * 100vw / 768 );
	}
	#news .link-more{
		margin-top : calc( 38 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#news .wrap{
		padding-top : 47px;
		padding-bottom : 45px;
	}
	#news ul{
		margin-top : 28px;
	}
	#news li{
	}

	#news time{
		font-size : 14px;
		width : 120px;
	}
	#news .categories{
		width : 130px;
		height : 25px;
		font-size : 14px;
        margin-right: 2em;
	}
	#news h4{
		font-size : 14px;
		line-height : 1.43;
        width:calc(100% - 130px - 120px - 2em);
	}
	#news .link-more{
		margin-top : 38px;
	}
}

/*--------------------------------------------
SECTION 01
---------------------------------------------*/
#section01 {
    background-color: #116845;
    color: #fff;
}
@media screen and (max-width: 768px){
	#section01{
        padding-top: calc( 60 * 100vw / 768 );
        background: url("../images/home/club_ph.png");
        background-size: 100% auto;
        background-position: bottom center;
        background-repeat: no-repeat;
        padding-bottom: calc( 300 * 100vw / 768 );
        background-color: #116845;
	}
	#section01 .wrap{
		padding-bottom : calc( 134 * 100vw / 768 );
	}
	#section01 .text{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.77;
	}
        #section01 .text-box h3{
            font-size: calc( 40 * 100vw / 768 );
            margin-bottom: calc( 10 * 100vw / 768 );
            line-height: 1.3;
        }
}
@media print,screen and (min-width: 769px){
	#section01{
        background-image: url("../images/home/club_ph2.jpg");
        background-position: calc(50% + 450px) center;
        background-size: auto 100%;
        background-repeat: no-repeat;
	}
    #section01 .wrap{
	}
        #section01 .wrap .box{
            justify-content: space-between;
        }
	#section01 .text-box{
		padding-top : 80px;
		padding-bottom : 80px;
		width : 600px;
        padding-right: 20px;
	}
        #section01 .text-box h3{
            font-size: 30px;
            margin-bottom: 20px;
            font-family : var(--fontFamilySerif);
        }

}
/*--------------------------------------------
SECTION 02
---------------------------------------------*/


@media screen and (max-width: 768px){
	#section02{
		background-image : url("../images/home/bg02_pc.jpg");
        background-position: center;
        padding: 30px 0 ;
	}
        #section02 #map iframe{
            width: calc( 708 * 100vw / 768 );
            height: calc( 500 * 100vw / 768 );
        }
}
@media print,screen and (min-width: 769px){
	#section02{
		background-image : url("../images/home/bg02_pc.jpg");
        background-position: center;
        padding: 30px 0 ;
	}
        #section02 #map iframe{
            width: 800px;
            height: 250px;
        }
}
#section02 #map iframe{
   filter: grayscale(100%);
   transition: all 0.7s ease;
}