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

section.works_title{background: url('./img/title_bg.jpg') no-repeat center #000;}


section#works_cont{width: 100%; min-width: 1080px; padding: 0;}
	section#works_cont #works_bg1{ background: url("img/edroom.png") no-repeat right 60px; background-size: 47% auto;}
	section#works_cont #works_bg2{ background: url("img/dit.jpg") no-repeat right 60px; background-size: 47% auto;}
	section#works_cont .cont{width: 550px; max-width: 1080px; margin: auto; padding: 60px 530px 100px 0;}
	section#works_cont .cont h4{width: 480px; border-left: 6px solid #a8a8a8; padding-left: 10px; font-size: 32px; font-weight: bold; line-height: 1.0; margin-bottom: 40px;}
	section#works_cont .cont h5{font-size: 21px; font-weight: bold; line-height: 1.0;}
	section#works_cont p{margin: 15px 0 30px;}



section.result_title{background: url('./img/title_bg2.jpg') no-repeat center #000; padding: 0; margin: 100px 0 0;}
section#result_cont{}
	section#result_cont ul#result_youtube{width: 100%;}
	section#result_cont ul#result_youtube li{width: 100%; overflow: hidden; padding-bottom: 60px;}
	section#result_cont ul#result_youtube li img,
	section#result_cont ul#result_youtube li iframe{
		aspect-ratio: 16 / 9;
		width: 45%;
		height: auto;
		float: left;
	}
	section#result_cont ul#result_youtube li dl{width: 50%; float: right;}
	section#result_cont ul#result_youtube li dl dt{font-weight: bold;}
	section#result_cont ul#result_youtube li dl dt ul{width: 100%; font-size: 15px; font-weight: normal; overflow: hidden; padding-bottom: 20px;}
	section#result_cont ul#result_youtube li dl dt ul li{width: auto !important; border: 2px solid #000; padding: 3px; margin-right: 10px; float: left;}
	section#result_cont ul#result_youtube li dl dd{padding-top: 20px;}
	section#result_cont ul#result_youtube li dl dd p.date{padding-top: 20px; text-align: right;}


section#other_result{width: 100%; min-width: 1080px; background: #eaeaea;}
	section#other_result .cont{width: 1080px; margin: auto;}
	section#other_result .cont h4{width: 480px; border-left: 6px solid #a8a8a8; padding-left: 10px; font-size: 32px; font-weight: bold; line-height: 1.0; margin-bottom: 40px;}
	section#other_result .cont h5{font-size: 21px; font-weight: bold; line-height: 1.2;}
	section#other_result ul{overflow: hidden; line-height: 1.8; font-size: 14px;}
	section#other_result ul li{float: left; width: 47%; padding-bottom: 20px;}
	section#other_result ul li.fl_r{float: right; padding-right: 0;}
	section#other_result ul li p{margin-bottom: 40px;}




@media screen and (max-width: 640px) {
	section#works_cont,
	section#result_cont{width: 95%; min-width: auto; margin: auto;}
	section#works_cont #works_bg1{background-size: 360px auto; background-position: center bottom; padding-bottom: 130px;}
	section#works_cont #works_bg2{background-size: 360px auto; background-position: center bottom; padding-bottom: 130px;}
	section#works_cont .cont{width: auto; max-width: auto; padding: 60px 0 60px;}
	section#works_cont .cont h4{width: 95%; font-size: 24px;}
	
	section.result_title{padding: 20px 0 0;}
	section#result_cont ul#result_youtube li iframe{width: 100%; float: none; padding-bottom: 10px;}
	section#result_cont ul#result_youtube li dl{width: 100%; float: none;}
	
	
	section#other_result{width: 100%; min-width: auto; margin: auto;}
	section#other_result .cont{width: 95%; margin: auto;}
	section#other_result .cont h4{width: 95%; font-size: 24px;}
	section#other_result ul li{float: none; width: 100%;}
	section#other_result ul li.fl_r{float: none; width: 100%;}
	section#other_result ul li p{margin:0 0 40px; padding-left: 15px;}
}