@charset "utf-8";
/* CSS Document */

.news_title{
	background-image: url( "../img/news/news_back.png");
}

.title_text{
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0 180px;

}

.news_text{
	width: 500px;
	position: relative;
	
}

/*様子・各項目*/
#budou_yousu{
		
	background-image:
		url("../img/news/news_illust.png"), 
		url("../img/news/budou_back.png");

	background-position: top left,bottom right;
    
	background-size: 200px, 400px;
    background-repeat: no-repeat, no-repeat;
}

#budou_yousu h3{
		font-size: 24px;
	letter-spacing: -1px;
}
.budou_yousu_cont{
	width: 1100px;
	margin: 0 auto;
	
/*	background-image: url("../img/news/news_illust.png");
	background-repeat: no-repeat;
	background-size:300px;
	background-position: -20px 0;*/
	
	padding: 100px 0;

	
}

 /*一段落目*/
.budou_img_1 ul{
	display: flex;
	
}
.budou_img_1 li{
	width: 500px;
	margin: 30px auto;
}

.budou_coment_1 ul{
	display: flex;
	margin: 0 0 100px 0;
}
.budou_coment_1 li{
	width: 300px;
	margin: 0 auto;
}

/*二段落目*/
.budou_matome_2{
padding: 100px 0;	
}
.budou_matome_2 ul{
	display: flex;
}
.budou_matome_2 li{
	
	width: 300px;
	margin: 30px auto;
	
}


/*三段落目*/
.budou_yousu_3 ul{
	display: flex;
	flex-direction: column;
	margin: 100px 0;
}
.budou_yousu_3 li{
    display: flex;
    /* margin: 20px auto; */
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
    margin: 30px 0;
}

.budou_yousu_3 li img{
	width: 340px;
}

.budou_yousu_3 li div{
	width: 600px;
}


.budou_yousu_3 li div h3{
	line-height: 0;
}

/*下段コメント*/
.budou_yousu_text{
	margin: 80px auto;
}


.budou_yousu_text img:nth-child(2){
	width: 550px;
	margin: 40px auto;
	text-align: center;
	display: block;
	
}


.budou_yousu_text img:nth-child(3){
	width: 400px;
	margin: 40px auto;
	text-align: center;
	display: block;
	
}


/*****スタッフ紹介******/

/*様子・各項目*/
#staff{
		
	background-image:
		url("../img/news/staff_back_1.png"), 
		url("../img/news/staff_back_2.png");

	background-position: top left,center right;
    
	background-size: 100%, 400px;
    background-repeat: no-repeat, no-repeat;
	
	background-color: #EEE4EE;
}


.staff_title_text h3{
	color: #363636;
	font-weight: 700;
	display: block;
	font-size: 32px;
	
}

.staff_title_text{
	width: 100%;
	padding: 300px 0 0;
	border-bottom: 4px solid #965A96;
	
}


.staff_wrap{
	width: 1100px;
	margin: 0 auto;
	
}

.staff_cont{
	padding: 40px 0;
}

.staff_cont li{
    display: flex;
    margin: 20px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

}


.staff_cont li p{
	text-align: left;

}

.staff_cont h4{
	line-height: 0;
	font-weight: 700;
}

.staff_cont_img{
	width: 300px;
}
.staff_cont div:nth-child(2){
    width: 770px;
}

.staff_cont table{
	width: 90%;
	
	border: none;
}

.staff_cont th{
    width: 150px;
    border: none;
    display: flex;
}

.staff_cont td{
	border: none;
}

#staff_syousai_budou{
	width: 600px;
	margin: 0 auto;
	
}

/************SP用**************/
@media screen and (max-width:500px) {

	
	
.title_text{
	width: 100%;
	padding: 18vw 0;

}

.news_text{
	width: 50vw;
	margin: 0 0 0 10vw;
	position: relative;
	
}
	
	
	

/*様子・各項目*/
#budou_yousu{
		
	background-size: 20vw, 40vw;
	background-position: top left,center right;
}

#budou_yousu h3{
		font-size: 4.5vw;
	letter-spacing: 0;
}
.budou_yousu_cont{
	width:100%;
	margin: 0 auto;
	
/*	background-image: url("../img/news/news_illust.png");
	background-repeat: no-repeat;
	background-size:300px;
	background-position: -20px 0;*/
	
	padding: 26vw 0;

	
}	
	
	

 /*一段落目*/
.budou_img_1 ul{
	width: 90%;
	margin: 0 auto;
	
}
.budou_img_1 li{
	width: 45%;
	margin: 10vw auto 3vw;
}

.budou_coment_1 ul{
	display: flex;
	width: 90%;
	margin:0 auto;
	flex-direction: column;
}
.budou_coment_1 li{
	width: 100%;
	margin: 0 auto;
}

/*二段落目*/
.budou_matome_2{
padding: 10vw 0;	
}
.budou_matome_2 ul{
	width: 90%;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
}
.budou_matome_2 li{
	
	width: 100%;
	margin: 30px auto;
	
}
.budou_matome_2 li img{
	width: 60%;
	text-align: center;
	margin: 0 auto;
	display: block;
}


/*三段落目*/
.budou_yousu_3 ul{
	display: flex;
	flex-direction: column;
	margin: 10vw auto;
	width: 90%;
}
.budou_yousu_3 li{
    display: flex;
    /* margin: 20px auto; */
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
    margin: 30px 0;
}

.budou_yousu_3 li img{
	width: 60%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.budou_yousu_3 li div{
	width: 100%;
}


.budou_yousu_3 li div h3{
	line-height: 0;
}

/*下段コメント*/
.budou_yousu_text{
	margin: 80px auto;
	width: 90%;
	margin:0 auto;
}


.budou_yousu_text img:nth-child(2){
	width: 100%;
	margin: 10vw auto;
	text-align: center;
	display: block;
	
}


.budou_yousu_text img:nth-child(3){
	width: 90%;
	margin: 10vw auto;
	text-align: center;
	display: block;
	
}

	

/*****スタッフ紹介******/

/*様子・各項目*/
#staff{
		
	background-position: top left,center right;
    
	background-size: 100%, 50%;
}

.staff_title_text{
	width: 90%;
	padding: 20vw 0 0;
	border-bottom: 1vw solid #965A96;
	margin: 0 auto;
}



.staff_title_text h3{
	color: #363636;
	font-weight: 700;
	display: block;
	font-size: 5vw;
	
}


.staff_wrap{
	width: 100%;
	margin: 0 auto;
	
}

.staff_cont{
	padding: 10vw 0;
}

.staff_cont ul{
	width: 90%;
	margin: 0 auto;
	

}

.staff_cont li{

	width: 100%;
	margin: 0 auto;

}


.staff_cont li p{
	text-align: left;

}

.staff_cont h4{
	line-height: 0;
	font-weight: 700;
}

.staff_cont_img{
	width: 50%;
	margin: 0 auto;
	
}
.staff_cont div:nth-child(2){
    width: 100%;
}

.staff_cont table{
	width: 90%;
	display: flex;
}

.staff_cont table tr{
    display: flex;
    flex-direction: column;
}

.staff_cont th{
    width: 150px;
    border: none;
    display: flex;
}

.staff_cont td{
	border: none;
}	
	
#staff_syousai_budou{
	width: 90%;
	margin: 0 auto;
	
}
/*****スタッフ紹介******/	
	
}/*sp*/


