/* layout.css */
@charset "UTF-8";

/* 個別ページCSS
============================================*/


.sa-story_layout_1 {
	width: 20%;
	float: right;
	margin-top: 30px!important;
}

.sa-story_layout_2 {
	float: left;
	width: 75%;
	border: #ccc 1px solid;
	box-sizing: border-box;
	padding: 20px;
	margin-top: 20px;
}

.sa-story_layout_2 .photo {
	margin: 0!important;
	width: 50%;
	float: left;
	padding-right: 5%;
	line-height: 1.4;
}

.sa-story_layout_2 .photo img {
	padding-bottom: 5px;
}
.sa-story_layout_2 p {
	width: 45%;
	float: left;
}


.sa-story_person {
	border: #ccc 1px solid;
	padding: 20px;
}

.sa-story_person p {
}

.sa-story_person .photo {
	text-align: center;
	margin: 0!important;
}

.sa-story_person .photo img {
	padding-bottom: 5px;
}

.sa-story_layout_4 .sa-story_person .photo {
	width: 30%;
	margin: 1.5%;
	float: left;
	padding-right: 20px;
}


/*-------------------------
|                         |
|  レスポンシブCSS        |
|  SP用（767px以下）  　　|
|													|
-------------------------*/

@media screen and (max-width:766px){
.sa-story_layout_3 .sa-story_person {
	margin-bottom: 1.5%;
}
.sa-story_layout_3 .sa-story_person .photo {
	width: 30%;
	margin: 1.5%;
	float: left;
	padding-right: 20px;
}

}


/*-------------------------
|                         |
|  レスポンシブCSS        |
|  PC用（767px以上）  　　|
|													|
-------------------------*/

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

.sa-story_layout_3 .sa-story_person {
	width: calc( 30% - 40px );
	margin: 1.5%;
	float: left;
}


}