/* CSS Document */
#top main{ width: 100%; margin-bottom: 110px; }

@media (max-width: 768px) {
	#top main{ margin-bottom: 0; }
}


/*---------------------------------------------

	visual

---------------------------------------------*/
.visual { background: #fdf1f6 /*url(../top/bg_point.png) center top repeat;*/  }
.visual .container { position: relative; }

#visualLogo { width: 360px; height: 320px; position: absolute; z-index: 100; top: 60px;
    -webkit-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.5);
}
#visualLogo img {}

.visual .bx-wrapper { border: none; margin-bottom: 0; box-shadow: none;}
.visual .bx-wrapper .bx-pager { padding-top: 0; bottom: 15px; z-index: 100; }
.visual .bx-wrapper .bx-pager a.active { background-color: #e3007f; }

@media (min-width: 769px) {
	.visual { padding: 25px 0 25px; }
	.visual .bx-wrapper { width: 800px; height: 540px; margin-left: auto; margin-right: 0;}
}

@media (max-width: 768px) {
	.visual .container { margin-left: 0; margin-right: 0; }
	#visualLogo { display: none; }
}

.covid-19 {
    max-width: 800px;
    margin: 40px auto 35px;
}

@media (max-width: 768px) {
    .covid-19 {
        max-width: 750px;
        margin: 20px 20px 0;
        padding: 0 0 25px;
    }
}


.kv_bnr { background-color: #fff;}
.kv_bnr_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 1080px;
        margin: 20px auto 0;
        padding: 15px 0;
        }
    
.kv_bnr a {
    display: block;
    max-width: 340px;
    }
    
@media (max-width: 768px) {
        
    .kv_bnr { background-color: #fdf1f6;}
    .kv_bnr_inner {
        margin: 10px auto 0;
        padding: 10px 0 20px;
        }
    .kv_bnr a {
        display: block;
        max-width: 340px;
        margin: 10px auto;
        padding: 0;
        }
        
    .kv_bnr a:first-child { margin: 0 auto 0;}
    .kv_bnr a:nth-child(3) { margin: 0 auto 5px;}       
}


.information{
	background: url(../top/bg_stripe_pk.png);
	background-size: 102px 102px;
	padding: 0 0 20px;
}
.information dl{
	width: 48%;
}
.information dt{
	font-size: 1.6rem;
	border-left: 1px solid #e3007f;
	border-right: 1px solid #e3007f;
	border-top: 1px solid #e3007f;
	padding: 10px 15px 0;
	background: #FFFFFF;
	display: inline;
	font-weight: bold;
	position: relative;
	z-index: 100;
}
.information dd{
	background-color: #fff;
	border-left: 1px solid #e3007f;
	border-right: 1px solid #e3007f;
	border-bottom: 1px solid #e3007f;
	height: 157px;
	overflow: hidden;
}
.information .opencampus dt{
	color: #e3007f;
}
.information .news dd{
	padding: 15px;
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
}
.information .news dd ul{
	overflow-y: scroll;
	/*height: 110px;*/
}
.information .news dd ul li{
	font-size: 1.3rem;
	margin-bottom: 6px;
	line-height: 1.4;
}

.information .news dd ul li .col2-1:first-child { width: 140px; }
.information .news dd ul li .col2-1:last-child { width: -webkit-calc( 100% - 140px ); width: calc( 100% - 140px ); }

.information .news dd ul li a{
	text-decoration: underline;
}
.information .news dd ul li a:hover{
	text-decoration: none;
}
.information .news dd ul li .date{
	margin-right: 10px;
}

.information .news span[ class^='cat' ] {
	font-size: 1.1rem;
	display: inline-block;
	color: #FFFFFF;
	background: #3ab0e8;
	padding: 1px 2px;
	margin-right: 10px;
	width: 55px;
	text-align: center;
}

.information .news span.cat2 {
	background: #f08300;
}

.information .news span.cat3 {
	background: #39e23c;
}

.information .news span.cat4 {
	background: #e3007f;
}

.information .news span.cat5 {
	background: #7e3be0;
}

#moreLink { position: absolute; bottom: 10px; right: 10px; font-size: 1.2rem; text-decoration: underline; }



@media (max-width: 768px) {
	.information dl{
		width: 100%;
		height: auto;
		float: none;
	}
	.information dl.opencampus{
		margin-bottom: 30px;
	}
	.information dd{
		height: auto;
	}
	.information .news dd {
		padding-bottom: 30px;
	}
}
.sec001{
	padding: 0 0 50px;
}
.sec001 h2 img{
	width: 325px;
	text-align: center;
}
.point_inner{
	padding: 50px 0 20px;
	background: url(../top/bg_point.png);
}
.point_inner .point{
	padding: 15px;
	margin-bottom: 40px;
	background: #FFFFFF;
}
.point_inner ul{
	display: flex;
}
.point_inner ul li{
	border: 1px solid #dddddd;
	text-align: center;
	height: 200px;
	width: 50%;
	font-weight: bold;
	background: url(../top/ico_arrow.png) no-repeat center bottom +6px;
}

.point_inner ul li:first-child { border-right: none; }

.point_inner ul li a{
	padding: 20px 0 10px;
	display: block;
	height: 100%;
}
.point_inner ul li h4{
	font-size: 2.2rem;
	color: #e3007f;
	font-weight: bold;
	margin-bottom: 10px;
}
.point_inner ul li h4 a{
	color: #e3007f;
	font-size: 2.2rem;
	text-decoration: none;
}
.point_inner .point ul li h4:before{
	display: block;
	margin-bottom: 10px;
    font-size: 3.6rem;
}
.point_inner ul li .text{
	font-size: 1.4rem;
    line-height: 2.2rem;
	padding-bottom: 31px;
	border-bottom: 1px solid #dddddd;
}

.point_mini_inner { margin-bottom: 40px; }

.sec002 h2,.sec003 h2{
	padding-bottom: 15px;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}
.sec002 .colWrap .col4-1{
	width: 22%;
	margin-bottom: 20px;
}

.point_inner ul li h4.icon-hat { margin-bottom: 1px; }
.point_inner ul li h4.icon-hat:before { margin-bottom: -5px; }
.ashiFont1 { font-size: 13px; line-height: 16px; }
.ashiFont2 {}

h2.insta img{
	width:145px;
}
h2.fb img{
	width:139px;
}
h2.link img{
	width:76px;
}
.btn img{
	width: 100px;
}


@media (max-width: 768px) {
	.sec002 .colWrap .col4-1{
		width: 48%;
	}
	.sec002 .colWrap,.sec003 .colWrap{
		margin-bottom: 80px;
	}
	.sec003 .colWrap .col2-1{
		margin-bottom: 80px;
	}
	.sec003 .colWrap .col2-1:last-child{
		margin-bottom: 0;
	}
	.sec003 .colWrap .col2-1 .colWrap{
		margin-bottom: 0;
	}
	.sec003 .colWrap .col2-1 .colWrap .col2-1{
		margin-bottom: 20px;
		width: 48%;
	}
    
	.point_inner ul li{	height: 190px; }
	
    .point_inner ul li .text{
        font-size: 1.2rem;
        line-height: 1.8rem;
		padding-bottom: 24px;
    }
    
    .point_inner .point{
	    margin-bottom: 20px;
    }
    
    .point_mini_inner {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
	.point_inner ul li h4 { font-size: 2rem; }
	.point_inner ul li h4.icon-hat { margin-bottom: 4px; }
}


/* instagram */
.sec002 { margin-bottom: 15px; padding-top: 15px;}
#instaWrap { white-space: nowrap; overflow: hidden; margin-bottom: 5px;}
.sec002 h2.insta { text-align: center; border: none; padding-bottom: 0; margin-bottom: 10px;}
@media (min-width: 769px) {
	#sb_instagram #sbi_images { float: none !important; padding: 0 !important; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
	#sb_instagram.sbi_col_4 #sbi_images .sbi_item { /*width: 234px !important;*/ width: 155px !important; }
	#sb_instagram.sbi_col_4 #sbi_images .sbi_item a { /*height: 234px !important;*/ height: 155px !important;}
}

@media (max-width: 768px) {
    .sec002 h2.insta { margin-bottom: 0;}
    #instaWrap { padding-top: 5px;}
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: calc((100vw - 40px) / 3) !important; }
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item a { height: calc((100vw - 60px) / 3) !important;}
    #instaWrap .bx-wrapper { max-width: none !important; margin: 0; border: none; box-shadow: none; }
}

@media (max-width: 480px) {
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: calc((100vw - 20px) / 3) !important; }
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item a { height: calc((100vw - 40px) / 3) !important;}
}


/* link */
#linkWrap { -webkit-justify-content: flex-start; justify-content: flex-start;}
#linkWrap .col4-1 {}
#linkWrap .img { text-align: center;}
#linkWrap .img img { width: 100%; max-width: 234px;}
#linkWrap a {}

@media (min-width: 769px) {
	#linkWrap .col4-1:nth-child(1) ,
	#linkWrap .col4-1:nth-child(2) ,
	#linkWrap .col4-1:nth-child(3) ,
	#linkWrap .col4-1:nth-child(4) { margin-bottom: 20px; }
}

@media (max-width: 768px) {
	#linkWrap .col4-1 { width: -webkit-calc( 100% / 3 ); width: calc( 100% / 3 ); margin-bottom: 20px; }
	#linkWrap .img { padding: 0 2px; }
}

@media (max-width: 480px) {
	#linkWrap { -webkit-justify-content: space-between; justify-content: space-between; }
	#linkWrap .col4-1 { width: -webkit-calc( 50% - 5px ); width: calc( 50% - 5px ); margin-bottom: 10px; }
	#linkWrap .img { padding: 0; }
}