@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/sub.css");
@import url("../common/base.css");


/*----- ABOUT 設定 ----------------------------------------------------*/

section#business { width:94%; padding:30px 3%; overflow:hidden; }

section#business > p{ width:96%; padding:20px 2%; color:#333; }

section.business_contents { width:90%; margin:20px 5%; overflow:hidden; }

div.b_wrap { width:42%; margin:20px 4% 30px 4%; overflow:hidden; float:left; }

div.b_image { width:100%; }
div.b_image img{ -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }

div.b_wrap h4{ width:100%; padding:10px 0; font-weight:normal; color:#777; text-align:center; }

div.b_wrap p{ width:96%; padding:0 2%; color:#555; overflow:hidden; }

div.work_btn { width:50%; padding:20px 0 10px 50%; overflow:hidden; }
div.work_btn a{ width:100%; height:30px; color:#fff; text-align:center; line-height:30px; background-color:#aaa; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block; }
div.work_btn a:hover{ background-color:#777; }

section.inquiry { width:70%; padding:20px 5%; margin:20px 10%; border:solid 1px #aaa; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; overflow:hidden; }

div.inquiry_left { width:50%; float:left; }

section.inquiry h4{ width:100%; font-size:1.3em; color:#1773a5; }
section.inquiry p{ width:100%; padding-top:10px; font-size:0.9em; }

div.inquiry_btn { width:40%; margin:10px 0 10px 10%; float:right; }
div.inquiry_btn a{ width:100%; padding:20px 0; color:#fff; text-align:center; background-color:#1773a5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block; }
div.inquiry_btn a:hover{ color:#555; background-color:#aaa; }


/*----- 900px以下の画面設定 ----------------------------------------------------*/

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

	section.business_contents { width:96%; margin:20px 2%; }

}


/*----- 650px以下の画面設定 ----------------------------------------------------*/

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

	div.b_wrap { width:94%; margin:20px 3%; }

	div.b_wrap p{ width:100%; padding:0; }

	div.work_btn { width:80%; padding:20px 0 10px 20%; }

	section.inquiry { width:90%; padding:20px 2%; margin:20px 3%; }
	div.inquiry_left { width:90%; margin:20px 5% 0 5%; float:left; }
	div.inquiry_btn { width:80%; margin:20px 10%; float:left; }

}