@charset "utf-8";
/*
Theme Name: ks2
Theme design by alpha-zeal from web creator alpha-zeal
*/

body {
    font-family: "メイリオ","Meiryo",verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
}
.clear {
	clear:both;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*◆◆◆◆◆◆◆

ヘッダー

◆◆◆◆◆◆◆◆*/

#menu_btn {
	display: none;
}

#head_bg {
	height: 105px;
	background: url(img/common/head_bg.gif) repeat-x;
}

#head {
	width: 960px;
	height: 105px;
	margin: 0 auto;
	background: url(img/common/head.png) 0 0 no-repeat;
	position: relative;
}

#head h1,
#head a {
	text-indent: -9999px;
}
#head .logo {
	width: 322px;
	height: 100px;
	display: block;
	float: left;
	margin-top: 5px;
	background: url(img/common/logo_pc.png) 0 50% no-repeat,#fff;
}
#head .hd_cord {
	margin: 5px 0 0;
	float: left;
	width: 135px;
	overflow: hidden;
	background: #fff;
}
#head .hd_cord img {
	display: block;
}
.hd_bnr {
	height: 100px;
	position: absolute;
	top: 5px;
	right: 260px
}
.hd_bnr img {
	max-height: 100%;
	width: auto;
}


/*◆◆◆◆◆◆◆

ナビゲーション

◆◆◆◆◆◆◆◆*/

#navi_bg {
	background: url(img/common/navi_bg.gif) repeat-x;
}

ul#navi {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

ul#navi li {
	float: left;
    -webkit-box-flex:1;
}

ul#navi li a {
	width:122px;
	height: 33px;
	display: block;
	padding: 17px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: url(bt/navi.gif);
}

ul#navi li a:hover {
	background: url(bt/navion.gif);
	color: #bf6c09;
}

ul#navi li.long a {
   width: 195px;
	height: 33px;
	display: block;
	padding: 17px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: url(bt/navi_all.gif);
}

ul#navi li.long a:hover {
	background: url(bt/navi_all_on.gif);
	color: #bf6c09;
}


/*◆◆◆◆◆◆◆

コンテンツ

◆◆◆◆◆◆◆◆*/


#content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 14px;
	color: #333333;
	padding: 20px 0 0 0;
}


/*◆◆◆◆◆◆◆

レフトエリア

◆◆◆◆◆◆◆◆*/


#left {
	width: 220px;
	float: left;
	font-size: 12px;
}

#left h2 {
	width: 200px;
	height: 32px;
	background: url(img/l_h2.gif);
	padding: 8px 0 0 20px;
	font-weight: 600;
	color: #434343;
	text-shadow: 1px 1px 1px #FFFFFF;
}

ul.lbt {
	width: 220px;
	margin-bottom: 10px;
}

ul.lbt li {
	background: url(bt/l_bt.gif);
}

ul.lbt li a {
	list-style: none;
	width: 198px;
	height: 28px;
	display: block;
	padding: 12px 0 0 22px;
	text-decoration: none;
	color: #333333;
	background: url(bt/l_bt.gif);
	text-shadow: 1px 1px 1px #FFFFFF;
	font-weight: bold;
}

ul.lbt li a:hover {
	background: url(bt/l_bton.gif);
}

#left p {
	padding: 10px;
	border: solid 1px #CCCCCC;
	margin-bottom: 5px;
}

#left img {
	margin-bottom: 5px;
}

/*◆◆◆◆◆◆◆

ライトエリア

◆◆◆◆◆◆◆◆*/


#right {
	width: 720px;
	float: right;
}

#right h2 {
	height: 30px;
	background: url(img/r_h2.gif);
	padding: 10px 0 0 10px;
	font-weight: 600;
	color: #434343;
	margin-bottom: 10px;
	font-size: 14px;
	text-shadow: 1px 1px 1px #FFFFFF;
}


#right h3 {
	color: #bf5609;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 600;
	padding: 6px 0 6px 20px;
	background: url(img/r_h3.gif) no-repeat left center;
}

#right p {
	margin-bottom: 20px;
	padding-left: 8px;
}

.rbox {
	margin-bottom: 20px;
	overflow: hidden;
}


/*◆◆◆◆◆◆◆

フッター

◆◆◆◆◆◆◆◆*/


#topback {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: right;
	font-size: 10px;
}

#topback a {
	color: #0066FF;
	text-decoration: none;
}

#topback a:hover {
	text-decoration: underline;
}

#foot_bg {
	padding: 25px 0;
	background: #ebe7e7;
	font-size: 10px;
	color: #666666;
}

#foot {
	width: 960px;
	margin: 0 auto;
}

#foot a {
	color: #666666;
	text-decoration: none;
}

#foot a:hover {
	text-decoration: underline;
}

ul.footlink {
	margin-bottom: 10px;
	padding-top: 6px;
	overflow: hidden;
}



ul.footlink li {
	float: left;
	margin: 0 14px 0 0;
}

ul.footlink li a {
	color: #666666;
	text-decoration: none;
}

ul.footlink li a:hover {
	text-decoration: underline;
}

hr.foot_line {
	border-top: 1px solid #b0afaf;
	border-bottom: 1px solid #FFFFFF;
}
.footer_area {
	padding-top: 6px;
}
.footer_area li {
	display: inline-block;
}
#foot p {
	padding-top: 6px;
}

#foot h2 {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 4px;
}

#copy_bg {
	background: #898989;
	padding: 10px;
	font-size: 10px;
}

#copy_bg p {
	width: 960px;
	margin: 0 auto;
	color: #FFFFFF;
}

#copy_bg p a {
	color: #FFFFFF;
	text-decoration: none;
}


/*◆◆◆◆◆◆◆

トップページ

◆◆◆◆◆◆◆◆*/


#main {
	height: 108px;
	width: 940px;
	margin: 0 auto;
	padding: 122px 0 0 8px;
	background: url(img/main.jpg);
}
ul.link9bt {
	overflow: hidden;
}

ul.link9bt li {
	float: left;
	margin: 0 10px 0 0;
}

ul.link9bt li#last-bt {
	margin: 0;
}

ul.link9bt li a {
	padding: 0 8px;
	width: 92px;
	display: block;
	background: #7c730a;
	border-bottom: solid 3px #5e5708;
}

ul.link9bt li a:hover {
	background: #a39922;
	border-bottom: solid 3px #837b19;
}
.link9bt img {
	max-width: 100%;
	height: auto;
}



.topbox {
	margin-bottom: 20px;
	overflow: hidden;
}

.top_bt_l,
.top_bt_r {
	width: 350px;
	margin-bottom: 20px;
}
.top_bt_l {
	float: left;
}
.top_bt_r {
	float: right;
}

.top_bt1 {
    width: 226px;
	float: left;
}
.top_bt2 {
    width: 226px;
	float: right;
}

ul.top_bt3 {
	margin-bottom: 20px;
	overflow: hidden;
}

ul.top_bt3 li {
	width: 234px;
	float: left;
	margin-right: 9px;
}

ul.top_bt3 li:nth-of-type(3n) {
	margin: 0;
}

ul.top_bt4 {
	margin-bottom: 20px;
	overflow: hidden;
}

ul.top_bt4 li {
	width: 24%;
	float: left;
	margin-right: 1%;
}

ul.top_bt4 li img {
	width: 100%;
	height: auto;
}

ul.top_bt4 li:nth-of-type(4n) {
	margin: 0;
}

/*◆◆◆◆◆◆◆

共通CSS

◆◆◆◆◆◆◆◆*/

/************************

画像とテキストのボックス

*************************/


.h150 {
	margin-bottom: 20px;
	overflow: hidden;
}

.h150 img {
	float: right;
	margin: 0 0 0 20px;
}


.h_free {
	margin-bottom: 20px;
	overflow: hidden;
}

.h_free img {
	float: right;
	margin: 0 0 0 20px;
}

/************************

各ページへのテキストリンク

*************************/

a.linkbt {
	width: 100%;
	padding: 6px 0;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #1979ca;
	border: dotted 1px #0e5591;
	text-align: center;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

a.linkbt_w50 {
	width: 50%;
	padding: 6px 0;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #1979ca;
	border: dotted 1px #0e5591;
	text-align: center;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

ul.link4bt {
	overflow: hidden;
}

ul.link4bt li {
	float: left;
	margin: 0 2% 2% 0;
}

ul.link4bt li a {
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	width: 165px;
	padding: 10px 0 8px 0;
	background: #1979ca;
	display: block;
	border-bottom: solid 3px #125ab4;
}

ul.link4bt li.line50 a {
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	width: 165px;
	line-height: 36px;
	background: #1979ca;
	display: block;
	border-bottom: solid 3px #125ab4;
}

ul.link4bt li a:hover {
	background: #19b3ca;
	border-bottom: solid 3px #1290a3;
}




span.red {
	color: #cc1515;
	font-weight: bold;
}

.blue_bg {
	background: #eaeff5;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: solid 2px #a6b6c9;
	margin-bottom: 20px;
}

a.inqbt {
	width: 50%;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #ae0d3a;
	text-align: center;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom: 20px;
}






/*◆◆◆◆◆◆◆

会社概要

◆◆◆◆◆◆◆◆*/


table.com {
	margin-bottom: 20px;
	width: 100%;
}

table.com th,
table.com td {
	padding: 10px;
	border: solid 1px #e5e5e5;
}

table.com td {
	overflow: hidden;
}

table.com th {
	text-align: left;
	font-weight: normal;
}

.prof_in {
	float: left;
	padding-right: 10px;
}


table.prof {
	margin-bottom: 20px;
	width: 480px;
	font-size: 12px;
}

table.prof th,
table.prof td {
	padding: 10px;
	border: solid 1px #e5e5e5;
}

table.prof th {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	width: 26%;
}


/*◆◆◆◆◆◆◆

報酬規定

◆◆◆◆◆◆◆◆*/


table.adviser {
	margin-bottom: 20px;
	width: 100%;
}

table.adviser th,
table.adviser td {
	border: solid 1px #e5e5e5;
}

table.adviser th {
	font-weight: normal;
	text-align: left;
	padding: 10px;
}

table.adviser td {
	text-align: right;
	padding: 10px 30px 10px 0;
}


.adviser_in {
	float: left;
	padding-right: 10px;
}

.adviser_in2 {
	text-align: right;
	float: left;
}


/************************

字下げ

*************************/
.att {
  padding-left: 1em;
  text-indent: -1em;

  
}
.att2 {
 	padding-left: 1em;
 	text-indent: -1em;
	font-size: 12px;
}

.att3 {
	font-size: 12px;
}


/*◆◆◆◆◆◆◆

ブログ

◆◆◆◆◆◆◆◆*/


ul.topics {
	margin: 0;
	padding: 5px;
	background: #f0f2f9;
	margin-bottom: 10px;
}

ul.topics li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.topics li a {
	padding: 6px 6px 8px 15px;
	margin-bottom: 6px;
	border-bottom: solid 1px #ccc;
	display: block;
	background: url(img/topics_li.png) no-repeat left top #fff;
	color: #444;
}

ul.topics li a:hover {
	background: #c5e9fd;
}

.art {
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	border-top: dotted 1px #CCCCCC;
	overflow: hidden;
}
.preview {
    float: left;
	display: block;
}
.next {
    float: right;
	display: block;
}

.all_list {
	text-align: right;
}

.all_list a {
	display: block;
	background: #444;
	color: #fff;
	font-size: 0.8rem;
	padding: 4px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 120px;
	float: right;
	text-align: center;
}

.all_list a:hover {
	background: #7a7979;
}


ul#cat_box {
	overflow: hidden;
	margin-bottom: 20px;
}

ul#cat_box li {
	width: 14.6%;
	margin-right: 2%;
	float: left;
}

ul#cat_box li img {
	width: 100%;
	height: auto;
}

.google-map-mini {
    width: 100%;
    height: 300px;
}
.google-map-mini iframe {
    width: 100%;
    height: 300px;
}


/*==============================

ページネーション

==============================*/
.pagination {
	max-width: 100%;
	margin: 20px auto 0;
	text-align: center;
	position: relative;
	padding: 0 70px;
	font-size: 14px;
	letter-spacing: -0.4em;
}
.pagination .page-numbers,
.pagination .page-numbers.current {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #095fbf;
	margin: 0 5px 10px;
	letter-spacing: normal;
}
.pagination .page-numbers.current {
	background: #fff;
	color: #095fbf;
}
.pagination .page-numbers {
	background: #095fbf;
	color: #fff;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.pagination .page-numbers:hover { opacity: 0.7;}
.pagination .prev,
.pagination .next {
	position: absolute;
	top: 50%;
	margin-top: -16px;
}
.pagination .prev { left: 0;}
.pagination .next { right: 0;}

/*ページネーション　スマホ版*/
@media only screen and (max-width: 767px){
	.pagination {
		margin: 0 10px 30px;
		padding: 0 0 50px;
	}
	.pagination .page-numbers,
	.pagination .page-numbers.current {
		padding: 10px 17px;
		margin: 10px 5px 0px;
	}
	.pagination .page-numbers.prev,
	.pagination .page-numbers.next {
		top: auto;
		bottom: 0;
		margin: 10px 0 0;
		padding: 10px 15px;
	}
}


.bnr_tel {
	display: block;
}
@media only screen and (min-width: 768px){
	.bnr_tel {
		position: relative;
		pointer-events: none;
		position: relative;
	}
	.bnr_tel::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}


/*==============================

コンタクトフォーム

==============================*/

.contact_form,
.contact_form * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact_form table {
	width: 100%;
	table-layout: fixed;
}
.contact_form th,
.contact_form td {
	padding: 10px;
	border-top: 1px solid #ccc;
}
.contact_form th {
	width: 160px;
	text-align: right;
	position: relative;
	font-weight: normal;
	font-size: 12px;
	padding: 10px 10px 10px 30px;
}

.contact_form tr:nth-child(2n+1) th,
.contact_form tr:nth-child(2n+1) td {
	background: #F6F7F9;
}
.contact_form tr:last-child th,
.contact_form tr:last-child td {
	border-bottom: 1px solid #ccc;
}

.contact_form input,
.contact_form textarea {
	font-size: 16px;
	padding: 5px;
	width: 100%;
}
.contact_form .block_half {
	width: 100px;
}
.contact_form .block_half + .block_half {
	margin-left: 10px;
}

.rq {
	position: absolute;
	left: 10px;
	display: inline-block;
	background: #f00;
	color: #fff;
	padding: 5px 4px;
	font-size: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0;
    line-height: 1;
}

.submit_btn {
	margin: 30px 0;
	text-align: center;
}
.submit_btn input,
.submit_btn button {
	width: 200px;
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	font-size: 14px;
	background: #095fbf;
	color: #fff;
	padding: 10px;
	display: inline-block;
}
.submit_btn input:hover,
.submit_btn button:hover {
	opacity: .7;
}
.submit_btn button {
	margin-left: 15px;
}

/*==============================

ボタン

==============================*/

.btn_wide {
	display: block;
	text-align: center;
	background: #1979ca;
	color: #fff;
	border-bottom: 3px solid #125ab4;
	padding: 10px;
}
.btn_wide:hover {
    background: #19b3ca;
    border-bottom: solid 3px #1290a3;
}
/*
.top_info_table01 {
    margin-left: auto;v
}
*/
.top_info_table01 td {
    padding: 0 8px;
}
.top_info_table01 td:last-child {
    padding-right: 0;
}
.top_info_table02 {
    margin-bottom: 20px;
}
.top_info_table02 td {
    padding: 4px 8px;
    vertical-align: top;
}