@charset "utf-8";
/* -----------------------------------------------------------
	file: style
----------------------------------------------------------- */


@media (min-width: 640px) {
	
	#interiorContent.works {
		max-width: 940px;
		margin: 0 auto 100px;
		padding-left: 30px;
		padding-right: 50px;
	}

	/*===== WORKS =====*/
	#interiorContent.works h2 {
		font-family: 'Noto Sans Japanese';
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 700;
		color: #6eba44;
	}
	
	#interiorContent.works h2:before {
		content: "〇";
		padding-right: 10px;
		font-family: 'Noto Sans Japanese';
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 900;
		color: #6eba44;
	}
	
	#interiorContent.works .txtRead {
		margin-left: 33px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	#interiorContent.works .worksBox {
		width: 800px;
		margin: 0 auto;
	}
	
	#interiorContent.works .worksBox h3 {
		
		font-size: 24px;
		font-size: 2.4rem;
		color: #000;
		border: 1px solid #5c3723;
	}
	
	#interiorContent.works .worksBox h3>span {
		display: inline-block;
		margin-right: 15px;
		padding: 10px 13px 8px;
		font-size: 14.5px;
		font-size: 1.45rem;
		color: #fff;
		background-color: #5c3723;
	}
	
	#interiorContent.works .worksBox h3 span span {
		font-size: 24px;
		font-size: 2.4rem;
	}
	
	#interiorContent.works .worksBox .photoList {
		padding-left: 0;
		overflow: hidden;
	}
	
	#interiorContent.works .worksBox .photoList li {
		padding-top: 13px;
		list-style: none;
		float: left;
	}
	
	#interiorContent.works .worksBox .photoList li:nth-child(1),
	#interiorContent.works .worksBox .photoList li:nth-child(4),
	#interiorContent.works .worksBox .photoList li:nth-child(5) {
		margin-right: 13px;
	}
	
	#interiorContent.works .worksBox .person {
		margin-top: 45px;
		padding-bottom: 45px;
		overflow: hidden;
	}
	
	#interiorContent.works .worksBox .person .photo {
		margin-left: 30px;
		float: right;
	}
	
	#interiorContent.works .worksBox .person .comment {
		width: 540px;
		font-size: 16px;
		font-size: 1.6rem;
		float: left;
	}
	
	#interiorContent.works .worksBox .person .name {
		margin-top: 30px;
		text-align: right;
	}
	
	#interiorContent.works .txtRadiation {
		text-align: center;
	}
	
	#interiorContent.works .txtRadiation strong {
		display: inline-block;
		padding-left: 30px;
		padding-right: 30px;
		font-family: 'Noto Sans Japanese';
		font-size: 27px;
		font-size: 2.7rem;
		font-weight: 500;
		line-height: 1.5;
		color: #5c3723;
		background: url(../images/common/bor_left01.png) no-repeat left 50%, url(../images/common/bor_right01.png) no-repeat right 50%;
	}
	
	#interiorContent.works .staffList {
		padding: 25px 60px 0;
		border: 3px solid #6eba44;
		border-radius: 8px;
		overflow: hidden;
	}
	
	#interiorContent.works .staffList li {
		margin: 0 31px 14px 0;
		list-style: none;
		text-align: center;
		float: left;
	}
	
	#interiorContent.works .staffList li:nth-child(3n) {
		margin-right: 0;
	}
	
	#interiorContent.works .staffList li p {
		margin-top: 15px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	.btnList {
		margin-top: 50px;
		overflow: hidden;
	}

}


@media (max-width: 639px) {

	#interiorContent {
		width: 97%;
		margin: 0 1.5% 60px;
	}

	/*===== WORKS =====*/
	#interiorContent.works h2 {
		font-family: 'Noto Sans Japanese';
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 700;
		color: #6eba44;
	}

	#interiorContent.works h2:before {
		content: "〇";
		padding-right: 10px;
		font-family: 'Noto Sans Japanese';
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 900;
		color: #6eba44;
	}

	#interiorContent.works .txtRead {
		margin-left: 15px;
		font-size: 16px;
		font-size: 1.6rem;
	}

	#interiorContent.works .worksBox h3 {
		font-size: 1.8rem;
		color: #000;
		border: 1px solid #5c3723;
	}

	#interiorContent.works .worksBox h3>span {
		display: block;
		padding: 4px 13px 8px;
		font-size: 1.6rem;
		color: #fff;
		background-color: #5c3723;
		
	}

	#interiorContent.works .worksBox h3 span span {
		font-size: 2.4rem;
	}
	
	#interiorContent.works .worksBox h3 b {
		display: block;
		padding: 8px 10px 8px;
	}

	#interiorContent.works .worksBox .photoList {
		padding-left: 0;
		overflow: hidden;
	}

	#interiorContent.works .worksBox .photoList li {
		width: 47%;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 2%;
		list-style: none;
		float: left;
	}

	#interiorContent.works .worksBox .photoList li:nth-child(4) {
		width: 96%;
	}

	#interiorContent.works .worksBox .person {
		margin-top: 40px;
		padding-bottom: 45px;
		overflow: hidden;
	}

	#interiorContent.works .worksBox .person .photo {
		width: 40%;
		margin-left: 15px;
		margin-bottom: 15px;
		float: right;
	}

	#interiorContent.works .worksBox .person .comment {
		font-size: 16px;
		font-size: 1.6rem;
	}

	#interiorContent.works .worksBox .person .name {
		margin-top: 20px;
		text-align: right;
	}

	#interiorContent.works .txtRadiation {
		text-align: center;
	}

	#interiorContent.works .txtRadiation strong {
		display: inline-block;
		padding-left: 30px;
		padding-right: 30px;
		font-family: 'Noto Sans Japanese';
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500;
		line-height: 1.5;
		color: #5c3723;
		background: url(../images/common/bor_left01.png) no-repeat left 50%, url(../images/common/bor_right01.png) no-repeat right 50%;
	}

	#interiorContent.works .staffList {
		padding: 15px 15px 0;
		border: 3px solid #6eba44;
		border-radius: 8px;
		overflow: hidden;
	}

	#interiorContent.works .staffList li {
		width: 47%;
		margin: 0 1.5% 2%;
		list-style: none;
		text-align: center;
		float: left;
	}
	
	#interiorContent.works .staffList li img {
		width: 100%;
	}

	#interiorContent.works .staffList li p {
		margin-top: 8px;
		font-size: 16px;
		font-size: 1.6rem;
	}

	.btnList {
		overflow: hidden;
	}

}