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


/*----- オーナー様へページ 設定 ----------------------------------------------------*/

section#owner > h3{ width:96%; max-width:1000px; padding:30px 0 0 0; margin:0 auto; font-size:1.8em; font-weight:normal; color:#157790; line-height:1.4em; overflow:hidden; }

section#owner > p{ width:96%; max-width:1000px; padding:20px 0; margin:0 auto 50px auto; letter-spacing:0.1em; overflow:hidden; }

article.point { width:100%; padding:30px 0; margin:0 auto; background-color:#f5f5f5; overflow:hidden; }

article.point h4{ width:90%; padding:10px 0; margin:10px auto; font-size:1.5em; font-weight:normal; color:#157790; text-align:center; }

div.point_wrap { width:94%; max-width:1000px; padding:5px 2% 10px 2%; margin:0 auto; /* background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; */ overflow:hidden; }

div.point_bloc { width:46%; height:170px; margin:10px 2% 10px 2%; background-color:#fff; float:left; }
div.point_bloc h5{ width:98%; height:34px; padding:5px 1% 0 1%; margin:0 0 10px 0; font-size:1.2em; font-weight:bold; color:#555; line-height:34px; background-color:#e0e0e0; border-bottom:solid 1px #ccc; float:left; }
div.point_bloc h5 span{ padding:3px 15px 1px 15px; font-weight:bold; color:#fff; background-color:#ad192a; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

div.point_img { width:40%; text-align:center; float:left; }
div.point_img img{ width:150px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div.point_bloc p{ width:60%; float:left; }


/*-----募集サービス 設定 ----------------------------------------------------*/

article.service01 { width:100%; padding:50px 0; margin:0 auto; overflow:hidden; }
article.service01 p{ width:96%; max-width:1000px; padding:20px 0; margin:0 auto; letter-spacing:0.1em; overflow:hidden; }
article.service01 h5{ width:90%; max-width:980px; padding:5px 10px; margin:20px auto 0 auto; font-size:1.3em; font-weight:normal; color:#157790; border-bottom:solid 1px #157790; border-left:solid 5px #157790; overflow:hidden; }

ul.service01_note { width:96%; max-width:1000px; padding:20px 0; margin:0 auto; letter-spacing:0.1em; overflow:hidden; }
ul.service01_note li{}


/*----- 管理サービス 設定 ----------------------------------------------------*/

article.service02 { width:100%; padding:30px 0; margin:20px auto; background-color:#f5f5f5; overflow:hidden; }
article.service02 p{ width:96%; max-width:1000px; padding:20px 0; margin:0 auto; letter-spacing:0.1em; overflow:hidden; }
article.service02 h5{ width:90%; max-width:980px; padding:5px 10px; margin:20px auto 0 auto; font-size:1.3em; font-weight:normal; color:#157790; border-bottom:solid 1px #157790; border-left:solid 5px #157790; overflow:hidden; }

table.service02_tbl { width:96%; max-width:800px; margin:15px auto 5px auto; border-spacing:0; overflow:hidden; }

table.service02_tbl thead tr:first-child th { -webkit-border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; border-radius:6px 0 0 0; }
table.service02_tbl thead tr:first-child th:last-child { -webkit-border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; border-radius:0 6px 0 0; }
table.service02_tbl tbody tr:last-child th { -webkit-border-radius:0 0 0 6px; -moz-border-radius:0 0 0 6px; border-radius:0 0 0 6px; }
table.service02_tbl tbody tr:last-child td:last-child { -webkit-border-radius:0 0 6px 0; -moz-border-radius:0 0 6px 0; border-radius:0 0 6px 0; }

table.service02_tbl thead th { border-top:solid 1px #aaa; border-left:solid 1px #aaa; }
table.service02_tbl thead th:last-child { border-right:solid 1px #aaa; }
table.service02_tbl tbody th { background-color:#bde0f1; border-top:solid 1px #aaa; border-left:solid 1px #aaa; }
table.service02_tbl tbody td { border-top:solid 1px #aaa; border-left:solid 1px #aaa; border-right:solid 1px #aaa; }
table.service02_tbl tbody tr:last-child th { border-bottom:solid 1px #aaa; }
table.service02_tbl tbody tr:last-child td { border-bottom:solid 1px #aaa; }

table.service02_tbl thead th { padding:7px 0; color:#157790; text-align:center; background-color:#bde0f1; }

table.service02_tbl tbody th { width:20%; padding:7px 2.5%; text-align:center; background-color:#e0f5ff; }
table.service02_tbl tbody td { width:70%; padding:7px 2.5%; text-align:left; background-color:#fff; }

ul.service02_note { width:96%; max-width:1000px; padding:20px 0; margin:0 auto; letter-spacing:0.1em; overflow:hidden; }
ul.service02_note li{}


/*----- ワンポイントアドバイス 設定 ----------------------------------------------------*/

section#advice { width:100%; max-width:1000px; padding:20px 0 50px 0; margin:0 auto; overflow:hidden; }

div.advice_wrap { width:46%; margin:100px 27% 0 27%; background-color:#f5f5f5; box-shadow:2px 2px 2px rgba(0,0,0,0.3); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:relative; float:left; }
div.advice_wrap h3 { width:100%; padding:50px 0 0 0; font-size:1.4em; font-weight:normal; color:#157790; text-align:center; overflow:hidden; }
div.advice_wrap h4 { width:100%; text-align:center; position:absolute; left:0; top:-83px; z-index:1; }
div.advice_wrap h4 img{ width:120px; }
div.advice_wrap p { width:94%; padding:20px 3% 0 3%; overflow:hidden; }

div.detail_btn { width:80%; margin:20px auto; overflow:hidden; }
div.detail_btn a{ width:100%; height:40px; color:#fff; line-height:40px; text-align:center; background-color:#108ccf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; }
div.detail_btn a:hover{ color:#ffff00; background-color:#0b5265; }



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

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


}


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

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

	div.point_bloc { width:96%; height:auto; margin:10px 2% 10px 2%; float:left; }


}


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

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

	article.point h4{ text-align:left; }

	div.point_wrap { padding:5px 1% 10px 1%; }

	div.point_bloc { width:98%; height:auto; margin:10px 1% 10px 1%; float:left; }

	div.point_bloc h5{ height:auto; font-size:1.0em; }
	div.point_bloc h5 span{ padding:3px 10px; }

	div.point_img { width:100%; text-align:center; }
	div.point_img img{ width:50%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
	div.point_bloc p{ width:96%; padding:0 2%; }

	section#advice { padding:20px 0 50px 0; }
	div.advice_wrap { width:96%; margin:100px 2% 0 2%; }
	div.advice_wrap h3 { padding:35px 0 0 0; }
	div.advice_wrap h4 { top:-62px; }
	div.advice_wrap h4 img{ width:90px; }

	ul.banner_list li{ width:48%; }
	ul.banner_list li a{ font-size:1.3em; }

}