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

.onebox{ width:900px;}
.onebox h2{ font-family: 'Josefin Sans', sans-serif; font-weight:normal; font-size:40px; font-size:4.0rem; color: #004098; margin-bottom:60px; letter-spacing:0.2rem;}
.onebox h2 span{ display:block; font-size:15px; font-size:1.5rem; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-weight: 600;}
.contentInner{ margin-top:60px;}
.onebox h3{ font-size:24px; font-size:2.4rem; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-weight: 600; text-align:left; color: #004098; margin-bottom:60px;}

dl.tableDl{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ebebeb; text-align:left; margin:0 auto 30px; font-size:15px; font-size:1.5rem;}
dl.tableDl:last-child{ border-bottom:none;}
dl.tableDl dt{ float:left; width: 160px; margin-bottom: 0; padding:0 20px; font-weight: 600;}
dl.tableDl dd{ margin-left:200px; padding:0 20px;}

dl.tableDl dd li{ float:left; width:33%; margin-bottom:10px; padding-right:10px; box-sizing:border-box;}

.bgGray{ padding-top:60px;}

ul.box33 li{ float:left; width:33%; margin-bottom:10px; padding-right:10px; box-sizing:border-box; font-size:15px; font-size:1.5rem; text-align:left;}
ul.box25 { padding-bottom:40px;}
ul.box25 li{ float:left; width:25%; margin-bottom:20px; padding-right:10px; box-sizing:border-box; font-size:15px; font-size:1.5rem; text-align:left;}

/* company */

#map{ margin-top:10px;}

/* works */
#worksList .onebox h2{ margin-bottom: 80px;}
#worksList .onebox { width: 100%; max-width: 980px;}
#worksList .worksListWrap{ margin-bottom: 40px;}
#worksList .worksListWrap a { display: block;  padding: 40px;}
#worksList .worksListWrap a:hover{ background: #ccd9eb;}
#worksList .worksListWrap:last-child{ border: none; margin-bottom: 80px;}
#worksList .worksListWrap h3{ margin-bottom: 20px;}
#worksList .worksListWrap figure{ float: left; margin: 0 30px 0 0; width: 250px;}
#worksList .worksListWrap figure img{ width: 100%; height: auto;}
#worksList .worksListWrap p{ text-align: left; margin-bottom: 0;}
#worksList .worksListWrap p a{ text-decoration: underline; }
#worksList .worksListWrap p.date{ color: #999; margin-bottom: 10px; line-height: 1;}
#worksDetail { padding-bottom: 40px;}
#worksDetail .onebox h3{ margin-bottom: 20px;}
#worksDetail p{ text-align: left;}
#worksDetail .onebox figure{ margin: 0 auto 40px; width: 100%;}
#worksDetail .onebox figure img{ width: 100%;}
#worksDetail .onebox dl.tableDl{ float: left; width: 46%; margin-right: 2%;}
#worksDetail .onebox dl.tableDl:nth-child(even){ margin-left: 2%; margin-right: 0;}
#worksDetail .onebox dl.tableDl dt{ width: 60px;}
#worksDetail .onebox dl.tableDl dd { margin-left: 100px;}
#worksDetail .onebox dl.tableDl:last-child { border-bottom: 1px solid #ebebeb;}
#worksList h4{ font-size:24px; font-size:2.4rem; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; font-weight: 600; text-align:center; color: #004098; margin:0 auto 60px;}
#worksList.bgGray{ padding-bottom: 60px;}


@media screen and (max-width:480px){

.contentInner{ margin-top:0px;}
dl.tableDl:last-child{ border-bottom:none;}
dl.tableDl dt{ float:none; width: 100%; margin-bottom: 20px; padding:0;}
dl.tableDl dd{ margin-left:0; padding:0;}
ul.box25 li{ float:none; width:100%; margin-bottom:10px; padding-right:0; font-size:13px; font-size:1.3rem;}


/* company */

dl.tableDl dd li{ float:left; width:50%; margin-bottom:15px; padding-right:10px; box-sizing:border-box; font-size:12px; font-size:1.2rem; }
#company #map_canvas{ height:300px !important;}

	
/* works */
#worksList .onebox h2{ margin-bottom: 60px;}
#worksList .onebox { width: 100%; max-width: 100%;}
#worksList .worksListWrap{ margin-bottom: 40px;}
#worksList .worksListWrap a { padding: 0;}
#worksList .worksListWrap a:hover{ background:none;}
#worksList .worksListWrap:last-child{ border: none; margin-bottom: 80px;}
#worksList .worksListWrap h3{ margin-bottom: 10px;}
#worksList .worksListWrap figure{ float:none; margin: 0 0 20px 0; width: 100%;}
#worksList .worksListWrap figure img{ width: 100%; height: auto;}
#worksList .worksListWrap p{ text-align: left; margin-bottom: 0;}
#worksList .worksListWrap p a{ text-decoration: underline; }
#worksList .worksListWrap p.date{ color: #999; margin-bottom: 10px; line-height: 1;}



	
	
	

}