@charset "utf-8";
/* CSS Document */

.base-title {
    width: 100%;
    height: 70vh;
    background-image: url(../images/staff/voice-top2.jpg);	
	background-position: top;
	background-size: cover;
	position:relative;
}
.contact {
	width:85%;
	margin:auto;
	position:relative;
}
.contact-content {
	/*border:solid 3px #CEE8E8;*/
	border-radius:20px;
	padding: 0;
	margin-bottom:100px;
	/*background-color:#fff;*/
}

/*body{
	background-color: #FFFFFF;
}*/


/*７つの魅力タイトル*/
.attraction-title{
	display: flex;
	align-items: center;
	/*margin-bottom: 40px;*/
	background-color: #f8f8f8;
	padding: 0px 10% 40px;
	position:relative;
}
.attraction-img{
	width: 45%;
	max-width: 600px;
}
.attraction-title img{
	width: 100%;
	border-radius: 10px;
}
.attraction-title-text{
	width: 55%;
	margin-left: 48px;
	z-index:2;
}
.attraction-title-text img{
	max-width: 300px;
	margin-bottom: 24px;
}
.attraction-title-text h2{
	font-size: 50px;
	margin-bottom: 16px;
	border-bottom:dotted 3px #80C4C4;
	display: inline-block;
	padding-bottom: 8px;
	font-weight: bold;
	
	/*background-color: #80C4C4;
	color: #FFFFFF;
	padding: 5px 16px;
	font-size: 30px;*/
}
.attraction-title-text h2::first-letter {
	font-size: 150%;
    font-weight: 900;
}
.attraction-title-text p{
	font-size: 18px;
}
/*青文字*/
.attraction-title-text span{
	color: #80C4C4;
	font-weight:600;
	
	/*color: #FFFFFF;*/
} 
@media(max-width:1200px){
	.attraction-title-text img{
		max-width: 280px;
		margin-bottom: 16px;
}
}
@media(max-width:960px){
	.attraction-title{
		display: inline-block;
	}
/*	.attraction-img{
	    width: 100%;
		margin: 0 auto 40px;
    }*/
	.attraction-title-text{
	    width: 100%;
		margin-left: 0px;
    }
	.attraction-title-text h2{
		font-size: 35px;
    }
	.attraction-title-text img{
		max-width: 260px;
		margin-bottom: 16px;
}
}
@media(max-width:768px){
		.attraction-title-text p{
}
	.attraction-title-text img{
		max-width: 240px;
		margin-bottom: 16px;
}
}
@media(max-width:520px){
	.attraction-title-text img{
		max-width: 220px;
		margin-bottom: 16px;
}
	.attraction-title-text p{
	font-size: 16px;
}
}
/*７つの魅力*/
/*白背景*/
/*.background-color{
	background-color: #FFFFFF;
}*/
/*番号*/
.section-number{
	color: #80C4C4;
	font-weight: bold;
	font-size: 40px;
	/*display: flex;
    align-items: center;*/
    margin-bottom: 16px;
	
	display: flex;
    align-items: center;
}
.section-number::after{
	/*content: "";
	width: 50px;
	height: 1px;
	background-color: #000;
	margin-left: 10px;*/
	
	content: "";
    width: 230px;
    border-top: solid 2px #80C4C4;
    margin-left: 16px;
}

.attraction-content{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	/*gap: 40px;*/
	padding: 56px 10% 56px;
	margin-top: 40px;
	
	/*border-top: solid 2px #80C4C4;
	border-bottom: solid 2px #80C4C4;*/
	/*border-top: dotted 8px #80C4C4;*/
}
.attraction-content img{
	width: 100%;
	border-radius: 10px;
}
.attraction-content-1{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
  /*gap: 40px;*/
	padding: 56px 10% 56px;
	margin-top: 40px;
	
	/*border-top: solid 3px #80C4C4;
	border-bottom: solid 3px #80C4C4;*/
	/*border-top: dotted 8px #80C4C4;*/
}
.attraction-content-1 img{
	width: 100%;
	border-radius: 10px;
}
.attraction-text{
	width: 55%;
	margin-right: 48px;
	
	margin-bottom: 32px;
}
.attraction-text-1{
	width: 55%;
	margin-left: 48px;
	
	margin-bottom: 32px;
}
.attraction-text h3{
	margin-bottom: 16px;
	font-size: 25px;
}
.attraction-text-1 h3{
	margin-bottom: 16px;
	font-size: 25px;
}
.attraction-text ul{
	border-top:dotted 3px #80C4C4;
	margin-top: 24px;
	padding-top: 24px;
}
.attraction-text li{
	/*padding-left: 24px;*/
	line-height: 1.6;
	font-weight: 500;
}
.attraction-text span{
	color: #80C4C4;
	font-size: 20px;
	font-weight: 800;
}
.attraction-text li::before{
	content: "●";
	color: #80C4C4;
}

@media(max-width:960px){
	.attraction-content{
		flex-direction: column-reverse;
	}
	.attraction-content-1{
		display: inline-block;
	}
	.attraction-img{
	    width: 100%;
		margin: 0px auto 24px;
    }
	.attraction-text{
	    width: 100%;
		margin-right: 0px;
    }
	.attraction-text-1{
	    width: 100%;
		margin-left: 0px;
	}	
}
@media(max-width:768px){
	.attraction-content{
	padding: 56px 10% 20px;
	margin-top: 40px;
}
	.attraction-content-1{
	padding: 56px 10% 20px;
	margin-top: 40px;
}
}
@media(max-width:520px){
	.text{
		font-size: 15px;
	}
	.section-number{
	    font-size: 38px;
    }
	.attraction-text h3{
	font-size: 23px;
    }
.attraction-text-1 h3{
	font-size: 23px;
}
	.attraction-text li{
	font-size:15px;
}
}

/*出身校*/
.alma-mater-title{
	background-color:#80C4C4;
	color: #FFFFFF;
	text-align: center;
	padding: 16px 8px;
	margin-top: 40px;
	font-size: 20px;
}
.alma-mater-title h3 span{
	display:inline-block;
}
.alma-mater-list{
	display: flex;
	justify-content: space-around;
	/*justify-content: space-between;*/
	background-color: #FFFFFF;
	padding: 72px 10%;
}
.alma-mater-list li{
	padding: 16px;
	font-size: 18px;
}
.alma-mater-list li::before{
	content: "■";
	color: #80C4C4;
}
@media(max-width:960px){
	.alma-mater-list{
		padding: 72px 5%;
}
}
@media(max-width:768px){
	.alma-mater-list{
		display: inline-block;
		width: 100%;
    }
	.alma-mater-list li{
	font-size: 16px;
}
}
@media(max-width:640px){
	.alma-mater-list{
	padding: 25px 5%;
}
}
@media(max-width:520px){
	.alma-mater-list li{
	font-size: 15px;
	padding:10px;
}
}
/*歯イラスト*/
.ha-img {
	position:absolute;
	bottom:13%;
	left:50%;
	width:20%;
	max-width:300px;
	min-width:210px;
	z-index:0;
	opacity:0.2;
}
.ha-img img{
	width:100%;

}
@media(max-width:960px){
.ha-img {
	position:absolute;
	bottom:0%;
	left:50%;
	transform: translateX(-50%);
	width:20%;
	max-width:300px;
	min-width:150px;
	z-index:0;
	opacity:0.2;
}	
}
@media(max-width:640px){
.ha-img {
	position:absolute;
	bottom:0%;
	left:50%;
	transform: translateX(-50%);
	width:20%;
	max-width:300px;
	min-width:200px;
	z-index:0;
	opacity:0.2;
}	
}