@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700;800&display=swap');

/*====================================
	base
====================================*/

/* slick */
.slick-dots {
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-dots li{
    list-style: none;
    margin: 0 5px;
}
.slick-dots li button{
    padding: 0;
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    background-color: transparent;
    color: transparent;
    -webkit-appearance: none;
    cursor: pointer;
}
.slick-dots li.slick-active button{
  background-color: #fff;
}


/*====================================
	header
====================================*/
header {
/*     position: absolute;
    width: 100%;
    z-index: 999; */
}

/*====================================
	fv_area
====================================*/
#fv_area #fv_slide {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
    #fv_area #fv_slide img {
        /* width: auto !important; */
        height: 100vh;
        object-fit: cover;
    }
#fv_area #fv_catch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    

/*====================================
	info
====================================*/
#info {
	margin-top: 80px;
    margin-bottom: 110px;
}
#info .info_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    #info .block {
        width: calc((100% - 2px) / 2);
        padding: 40px 80px 70px;
        position: relative;
    }
        #info .block h2 {
            text-align: center;
            font-size: 30px;
        }
            #info .block h2 ion-icon {
                display: block;
                margin: 0 auto;
                font-size: 40px;
                color: #218bfc;
            }
        #info .block dl {
            color: #222222;
            font-size: 16px;
            display: flex;
            flex-wrap: wrap;
            padding-bottom: 15px;
			padding-right: 15px;
            margin-bottom: 10px;
            border-bottom: 1px solid #cccccc;
            position: relative;
        }
            #info .block dt {
                width: 100%;
            }
            #info .block dd {
                width: 100%;
            }
            #info .block ion-icon[name="chevron-forward-outline"] {
                color: #218bfc;
                font-size: 25px;
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                padding-bottom: 10px;
            }
        #info .block .more_btn {
            position: absolute;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);
        }
    #info .news {
        background: #ecf7fb;
    }
        #info .news h2 {
            margin-bottom: 40px;
        }
        #info .news a dt {
            width: calc(100% - 25px);
        }
        #info .news a dd {
            width: calc(100% - 25px);
        }
    #info .event {
        background: #f2f2f2;
    }
        #info .event h2 {
            margin-bottom: 15px;
        }
        #info .event .event_wrap {
            height: 250px;
/*             overflow: scroll; */
			position:relative;
/* 			display: none; */
        }
			#info .event .event_wrap .event_list {
				display: none;
			}
			#info .event .event_wrap .event_list.show {
				display: block;
			}
		.ps__rail-x, .ps__rail-y {
			opacity: 1 !important;
			right: 0 !important;
		}
		.ps__thumb-y {
			background-color: #218bfc !important;
		}
        #info .event dl span {
            color: #218bfc;
        }
        #info .event .event_tab {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }
        #info .event .tab_ym {
            color: #218bfc;
            border: 1px solid #218bfc;
            width: 100px;
            line-height: 1;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            padding: 8px 0;
            background: #fff;
            margin-right: 5px;
            margin-bottom: 5px;
			cursor: pointer;
        }
            #info .event .tab_ym.active {
                color: #fff;
                background: #218bfc;
            }


/*====================================
	about
====================================*/
#about {
    padding-top: 60px;
    padding-bottom: 70px;
    margin-bottom: 90px;
    background: url(../img/bg_about.jpg) no-repeat;
    background-size: cover;
}
#about .about_wrap {
    max-width: 800px;
    margin: 0 auto;
}
    #about h2 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 30px;
    }
        #about h2 ion-icon {
            display: block;
            margin: 0 auto;
            font-size: 40px;
            color: #218bfc;
        }
    #about p {
        font-size: 16px;
        color: #222222;
        margin-bottom: 30px;
        line-height: 2;
    }


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

/*====================================
	base
====================================*/

/* slick */
.slick-dots {
    display: none !important;
}

/*====================================
	fv_area
====================================*/
#fv_area #fv_slide {
/*     height: calc(100vh - 35px); */
}
    #fv_area #fv_slide img {
/*         height: calc(100vh - 35px); */
    }
#fv_area #fv_catch img {
    width: 76px;
}


/*====================================
	info
====================================*/
#info {
    margin-bottom: 0;
}
#info .info_wrap {
    justify-content: center;
}
    #info .block {
        width: 100%;
        padding: 30px 15px 60px;
        margin-bottom: 55px;
    }
        #info .block h2 {
            font-size: 22px;
        }
            #info .block h2 ion-icon {
                font-size: 32px;
            }
        #info .block dl a {
            /* padding-bottom: 15px;
            margin-bottom: 10px; */
        }
            #info .block a dt {
                font-size: 14px;
            }
            #info .block a dd {
                font-size: 15px;
            }
            #info .block a ion-icon[name="chevron-forward-outline"] {
                font-size: 20px;
                right: -5px;
                /* padding-bottom: 10px; */
            }
        #info .block .more_btn {
            bottom: -22.5px;
        }
    #info .news {
    }
        #info .news h2 {
            margin-bottom: 20px;
        }
        #info .news a dt {
            width: calc(100% - 20px);
        }
        #info .news a dd {
            width: calc(100% - 20px);
        }
    #info .event {
    }
        #info .event h2 {
            /* margin-bottom: 15px; */
        }
        #info .event .event_wrap {
            height: 320px;
        }
        #info .event .tab_ym a {
            width: 110px;
            padding: 7px 0;
        }
        /* #info .event .tab_ym {
            font-size: 14px;
            padding: 8px 16px;
        } */
        
/*====================================
	about
====================================*/
#about {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
}
#about .about_wrap {
    width: 100%;
}
    #about h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
        #about h2 ion-icon {
            font-size: 32px;
        }
    #about p {
        font-size: 15px;
        line-height: 1.6;
    }

}