@charset "UTF-8";

/*モバイル
----------------------------*/


/*groupページ
--------------------------------------*/
.intro-photo {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.intro-flexbox {
	display: flex;
	margin: 30px auto;
}

.intro-flexitem {
	width: 50%;
}

.introduction-flexBox {
	width: 98%;
	margin: 60px auto;
}

.intro-text {
	margin-left: 5px;
}


.intro-text p,dt,dd {
	text-align: left;
}

.intro-text dt {
    padding: 0.5rem;
    border-left: 5px solid #3A5635;
    background-color: #efefef;
    font-weight: bold;
}

.representative {
	margin-bottom: 20px;
}

.license {
	margin: 20px auto;
}
.intro-text2 dt {
	margin: 20px auto;
    padding: 0.5rem;
    border-left: 5px solid #3A5635;
    background-color: #efefef;
    font-weight: bold;
}

.intro-text dd,.intro-text2 dd {
	padding-left: 1em;
}

td {
	text-align: left;
} 

.year {
	padding: 0 1rem;
	white-space: nowrap;
}


.classroom {
	margin-top: 30px;
}

.hp {
	margin: 30px auto;
}

.hover:hover {
	color: #871900;
	text-decoration: underline;
	transition: 1s;
	}

.tel ,.email,.line {
	margin-bottom: 10px;
}

.tel-number:hover {
	color: #871900;
}

.e-mail:hover {
	color: #871900;
	text-decoration: underline;
}

.line {
	margin: 30px auto;
}
/*
.group-name {
	font-size: 25px;
	font-weight: bold;
}
*/
.intro-sns {
	display: flex;
	font-size: 2rem;
}

/*スライド写真--------------*/
.slide-wrap {
	position: relative;
	width: 100%;
	min-height: 250px;
	height: auto;
	display: flex;
	flex-wrap: nowrap;/*横並びにした要素を折り返さない*/
	overflow-x: auto;
}

.slide-box {
	flex: 0 0 auto;
	max-width: 300px;
	height: 100%;
    margin-right: 10px;
 }

.zoom {
	width: 100%;
	height: 180px;
	object-fit: cover;
	
}
.rehearsal-photo {
	margin: 60px auto;
}


/*ipad版*/
@media screen and (min-width: 420px) {

}


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


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

.slide-wrap {
	flex-wrap: wrap;/*横並びにした要素を折り返す*/
	justify-content: center;
 	align-items: center;
	margin: 0 auto;
}

.slide-box {
    margin: 10px;
 }
/*pc
---------------------------*/
@media screen and (min-width: 1200px) {
	

	
}
	}