@charset "UTF-8";
/**************************************************
レイアウト
**************************************************/
/*
ヘッダー
*/
#header {
	width:100%;
	position:fixed;/**/

	z-index:1;
}
/* ヘッダー h1 */
#header .h1Area {
	background:#fff;
}
#header .h1Wrap {
	width:1000px;
	margin:0 auto;
	padding: 4px 0 0;
	display:table;
	font-size:70%;
	color: #999;
}
/* ヘッダーロゴ */
#header .logoArea {
	background:#fff;
}
#header .logoWrap {
	width:1000px;
	margin:0 auto;
	display:table;
}
#header .logoWrap__l {
 width:;
	display:table-cell;
	border-collapse:collapse;
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:120%;
	text-align:left;
	padding:10px 5px;
}
#header .logoWrap__c {
 width:;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:120%;
	text-align:left;
	padding:10px 5px;
}
#header .logoWrap__r {
 width:;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:120%;
	text-align:right;
	padding:10px 5px;
}
/* ヘッダーナビ */
#header .gNavArea {
	background-color:rgba(255, 255, 255, 1) !important; /* IE6のimportant非対応を利用 */ /* IE6の透過PNG表示 */
	background:#ffffff;                                        /* IE6の透過PNG表示 */
}
#header .gNavWrap {
	width:1000px;
	margin:0 auto;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
}
#header .gNav {
	width:100%;
	display:table;
	border-collapse:collapse;
}
#header .gNav li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border-right:solid 1px #bbb;
}
#header .gNav li.lastchild {
	border-right:none;
}
#header .gNav li a {
	width:240px;
	height:40px;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:120%;
	text-align:center;
	text-decoration:none;
}
#header .gNav li a:hover {
	color:#000;
	font-weight:700;
	text-decoration:none;
}
/*
ページ
*/
#page {
	padding-top:100px;
}
/* メインコンテンツ */
#page .mainContentArea {
	background:url(../img/main_bg.jpg) no-repeat center 90px;
}
#page .mainCopy{
	padding-top:15px;
}
#page .mainContentWrap {
	height:480px;
	width:1000px;
	margin:0 auto;
	display:block;
	/*padding-top:70px;*/
	padding-bottom:0px;
}
/* コンテンツ */
#page .contentArea {
	background:#FFF;
}
#page .contentArea--bg1 {
	background:url(../img/bg-img4.jpg) repeat 0px 0px;
	padding-top:0px;
	padding-bottom:80px;
}
#page .contentArea--bg2 {
	height:2378px;
	background:url(../img/bg2.png) no-repeat center;
}
#page .toneArea {
	background:url(../img/bg3.png) repeat 0px 0px;
	padding-top:50px;
	padding-bottom:80px;
}
#page .contentWrap {
	width:1000px;
	display:block;
	margin:0 auto;
}
#page .contentWrap--bgWhite {
	background:#FFF;
}
#page .contentWrap .marginWrap {
	padding:80px;
}

#page .bg_img1{
	background:url(../img/bg-img1.jpg) no-repeat center 0px;
	background-size:contain;
}
#page .bg_img2{
	background:url(../img/bg-img2.jpg) no-repeat center 0px;
}
#page .bg_img3{
	background:url(../img/bg-img3.jpg) no-repeat center 0px;
	background-size:contain;
}
/*
フッター
*/
#footer {
}
/* フッターロゴ */
#footer .fLogoArea {
	background:#003668;
}
#footer .fLogoWrap {
	width:1000px;
	margin:0 auto;
	display:table;
	border-collapse:collapse;
}
#footer .fLogoWrap__l {
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:120%;
	text-align:left;
	padding:10px 5px;
}
#footer .fLogoWrap__c {
 width:;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:120%;
	text-align:left;
	padding:10px 5px;
}
#footer .fLogoWrap__r {
 width:;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:120%;
	text-align:left;
	padding:10px 5px;
}
/* コピーライト */
#footer .copyrightArea {
	background:#003668;
}
#footer .copyrightWrap {
	width:1000px;
	margin:0 auto;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	font-size:12px;
	color:#fff;
	font-weight:400;
	line-height:120%;
	text-align:center;
}
/**************************************************
トップページ 個別
**************************************************/
/*////////////////////
メインエリア箇所
////////////////////*/
/*
タイトル・テキスト
*/
.mainCopy {
	font-size:70px;
	color:#333;
	font-weight:400;
	line-height:120%;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
}
/*////////////////////
お任せエリア箇所
////////////////////*/
/*
タイトル・テキスト
*/
.subCopy {
	position:relative;
	top:-70px;
}
.omakaseAreaTitle {
	padding-bottom:55px;
}
.omakaseTitle {
	font-size:36px;
	color:#DDD;
	font-weight:400;
	line-height:120%;
	text-align:left;
	padding-bottom:10px;
}
.omakaseText {
	font-size:18px;
	color:#212121;
	font-weight:700;
	line-height:150%;
	text-align:left;
	padding-bottom:25px;
}
/*////////////////////
疑問エリア箇所
////////////////////*/
/*
タイトル・テキスト
*/
.gimonAreaTitle {
	text-align:center;
	padding-top:25px;
	padding-bottom:30px;
}
.gimonText {
	font-size:20px;
	color:#212121;
	font-weight:700;
	line-height:150%;
	text-align:center;
	padding:0 25px;
	padding-bottom:25px;
}
.gimonTextBottom {
	font-size:28px;
	color:#333;
	font-weight:400;
	line-height:150%;
	text-align:center;
	padding:0 25px;
}
/*
疑問リスト
*/
.gimonListWrap {
	padding-top:45px;
	padding-bottom:80px;
}
.gimonList {
	background:#26547E;
	-webkit-border-top-left-radius: 10px; /* Firefox */
	-moz-border-radius-topleft: 10px;     /* Safari,Chrome */
	border-top-left-radius: 10px;         /* CSS3 */
	-webkit-border-top-right-radius: 10px; /* Firefox */
	-moz-border-radius-topright: 10px;     /* Safari,Chrome */
	border-top-right-radius: 10px;         /* CSS3 */
	-webkit-border-bottom-left-radius: 0px; /* Firefox */
	-moz-border-radius-bottomleft: 0px;     /* Safari,Chrome */
	border-bottom-left-radius: 0px;         /* CSS3 */
	-webkit-border-bottom-right-radius: 0px; /* Firefox */
	-moz-border-radius-bottomright: 0px;     /* Safari,Chrome */
	border-bottom-right-radius: 0px;         /* CSS3 */
	padding-top:16px;
	padding-bottom:0;
}
.gimonList--bottom {
	background:#003668;
	-webkit-border-top-left-radius: 0px; /* Firefox */
	-moz-border-radius-topleft: 0px;     /* Safari,Chrome */
	border-top-left-radius: 0px;         /* CSS3 */
	-webkit-border-top-right-radius: 0px; /* Firefox */
	-moz-border-radius-topright: 0px;     /* Safari,Chrome */
	border-top-right-radius: 0px;         /* CSS3 */
	-webkit-border-bottom-left-radius: 10px; /* Firefox */
	-moz-border-radius-bottomleft: 10px;     /* Safari,Chrome */
	border-bottom-left-radius: 10px;         /* CSS3 */
	-webkit-border-bottom-right-radius: 10px; /* Firefox */
	-moz-border-radius-bottomright: 10px;     /* Safari,Chrome */
	border-bottom-right-radius: 10px;         /* CSS3 */
	padding-top:0;
	padding-bottom:16px;
}
.gimonList li {
	font-size:21px;
	color:#FFF;
	font-weight:700;
	line-height:130%;
	text-align:left;
	background:url(../img/icon_question.png) no-repeat 0px 10px;
	padding:16px;
	padding-left:55px;
	margin-left:25px;
}
/*////////////////////
3つの理由エリア箇所
////////////////////*/
/*
タイトル・テキスト
*/
.reasonAreaTitle {
	font-size:40px;
	color:#1F8EDF;
	font-weight:400;
	line-height:120%;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
}
.reasonAreaTitle .veryLargeText {
	font-size:167px;
	font-weight:700;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
	position:relative;
	top:15px;
}
.reasonAreaTitle .largeText {
	font-size:100px;
	font-weight:700;
	line-height:200%;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
}
.reasonTitle {
	font-size:40px;
	color:#FFFF00;
	font-weight:700;
	line-height:120%;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
	padding:0 25px;
	padding-bottom:15px;
}
.reasonTitle .largeText {
	font-size:68px;
	line-height:120%;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
}
.reasonText {
	font-size:21px;
	color:#FFF;
	font-weight:400;
	line-height:150%;
	text-align:center;
	padding:0 25px;
	padding-bottom:25px;
}
.reasonTextBottom {
	font-size:33px;
	color:#007FFF;
	font-weight:400;
	line-height:120%;
	text-align:center;
	padding:0 25px;
	padding-bottom:25px;
}
/*////////////////////
サービス、スタッフ、お役立ちエリア箇所
////////////////////*/
/*
タイトル・テキスト
*/
.contentTitle {
	width:524px;
	font-size:16px;
	color:#ffffff;
	font-weight:400;
	line-height:150%;
	text-align:left;
	background:#003668;
	padding:25px;
	position:relative;
	top:20px;
	left:6px;
}
.contentTitle--right {
	position:relative;
	left:416px;
}
/*
レイアウト
*/
.contentBoxWrap {
	width:100%;
	display:block;
	margin:0 auto;
}
.contentBox {
	height:150px;
	width:320px;
	display:block;
	float:left;
	background:#FFF;
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	border-radius: 8px;         /* CSS3 */
	margin:6px 6px;
}
.contentBox--large {
	height:160px;
	width:984px;
}
/* サービス箇所 */
.contentBox .serviceTitle {
	height:60px;
	font-size:20px;
	color:#333;
	font-weight:700;
	line-height:150%;
	text-align:left;
	padding:0 20px;
	position:relative;
	top:20px;
}
.contentBox .serviceText {
	height:58px;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:150%;
	text-align:left;
	padding:0 20px;
}
.contentBox a.serviceDetail {
	height:27px;
	display:block;
	background:#FFFFE5;
	border-top:solid 1px #F5F4D5;
	-webkit-border-bottom-left-radius: 10px; /* Firefox */
	-moz-border-radius-bottomleft: 10px;     /* Safari,Chrome */
	border-bottom-left-radius: 10px;         /* CSS3 */
	-webkit-border-bottom-right-radius: 10px; /* Firefox */
	-moz-border-radius-bottomright: 10px;     /* Safari,Chrome */
	border-bottom-right-radius: 10px;         /* CSS3 */
	font-size:14px;
	font-weight:400;
	line-height:150%;
	text-align:center;
	padding:0 20px;
	padding-top:4px;
}
/* スタッフ箇所 */
.staffLayout {
	width:320px;
	display:table;
	position:relative;
	top:30px;
}
.staffLayout__l {
	width:95px;
	display:table-cell;
	vertical-align:top;
	text-align:center;
	padding-left:10px;
}
.staffLayout__r {
	width:200px;
	display:table-cell;
	vertical-align:top;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:150%;
	text-align:left;
	padding-right:15px;
}
/* お役立ち箇所 */
.pickupLayout {
	width:984px;
	display:table;
}
.pickupLayout__l {
	width:128px;
	display:table-cell;
	vertical-align:top;
	text-align:left;
	padding-left:15px;
	position:relative;
	top:13px;
}
.pickupLayout__r {
	width:726px;
	display:table-cell;
	vertical-align:top;
	padding-right:15px;
	position:relative;
	top:17px;
}
.pickupDate {
	font-size:12px;
	color:#AAA;
	font-weight:400;
	line-height:150%;
	text-align:left;
}
.pickupTitle {
	font-size:24px;
	color:#333;
	font-weight:400;
	line-height:150%;
	text-align:left;
	padding-bottom:10px;
}
.pickupText {
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:150%;
	text-align:left;
}
/*////////////////////
お知らせエリア箇所
////////////////////*/
/*
タイトル・テキスト
*/
.newsAreaTitle {
	font-size:61px;
	color:#999;
	font-weight:400;
	line-height:100%;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
}
.newsAreaTitle .minText {
	font-size:33px;
}
.newsDate {
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:150%;
	text-align:center;
	padding-top:50px;
	padding-bottom:15px;
	background:url(../img/icon_star.png) no-repeat center 12px;
}
a.newsText {
	display:block;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:150%;
	text-align:center;
	padding-bottom:10px;
}
/*
個別ページ レイアウト
*/
.pageWrap{
	background-color: #f5f5f5;
	padding-bottom:20px;
}

/*パンクズ*/
#breadcrumbs{
	margin:60px 0 0;
	padding: 30px 5px 15px;
	background-color: #fafafa;
	font-size: 80%;
	border-bottom: 1px solid #fff;
}
#breadcrumbs .bread_box{
	margin:0px auto 0px;
	width:1000px;
}

.pageCategoryWrap{
	width:1000px;
	margin:20px auto 20px;
	color: #003668;
	height: 140px;
}
.pageCategoryTitle1{
	font-size:61px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
}
.pageCategoryTitle2{
	padding-top: 6px;
	font-size:36px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
}
.pageCategoryWrap_l{
	width:30%;
	float: left;
	box-sizing: border-box;
	padding: 20px;
	border-right: 2px solid #003668;
}
.pageCategoryWrap_r{
	width:70%;
	float: left;
	box-sizing: border-box;
	padding: 40px 30px;
}
.pageCategoryText{
	line-height: 150%;
}


.pageContentWrap{
	width:1000px;
	margin: 10px auto;
}
.pageContentBox{
	width:70%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px 0 0;
}
.contentBoxArea{
	background-color: #fff;
	border-radius: 4px;
	padding: 20px;
}
.pageContentNaviBox{
	width:30%;
	float: left;
	box-sizing: border-box;
}
.contentNaviArea{
	background-color: #fff;
	border-radius: 4px;
	padding: 20px;
}

.myTitle{
	font-size: 32px;
	padding: 20px 0 10px;
}
.myDate{
	font-size: 13px;
	padding: 0px 0 40px;
}
div.mySub h2{
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	margin-top: 15px;
	margin-bottom: 15px;
	border-left:3px solid #003668;
	padding: 5px 0 5px 10px;
}
div.myText{
line-height: 180%;
}
div.myText p{
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 30px;
}
div.myText h3{
	background-color:#DCE5E6;
	border-radius:4px;
	padding: 10px 15px;
}
.naviTitle{
	background-color: #003668;
	padding: 10px;
	color: #fff;
	font-weight: 700;
}
.linkList{
	line-height: 140%;
	padding: 15px 10px 15px 10px;
	border-bottom: 1px solid #eee;
}

/**/
.indexPagination{
	padding: 20px 0 0;
}

.categoryTitle{
	font-size: 230%;
	font-weight: 400;
	padding: 25px 50px 25px 0px;
	color:#003668;
	margin-bottom: 20px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
}

/*
コラム
*/
.columnBox{
	padding-bottom:30px;
}
.columnBoxLeft{
	float: left;
	width: 128px;
}
.columnBoxRight{
	float: left;
	width:490px;
	padding: 0 0 0 20px;
}
.columnBoxRight h3{
	font-size: 180%;
	font-weight: 400;
	padding: 10px 0 5px;

	margin-bottom: 10px;
	border-bottom: 1px dotted #ddd;
	line-height: 120%;
}
.columnBoxRight h4{
	line-height: 170%;
	padding-bottom: 5px;
}

.columnBoxRight p{
	color: #999;
}
.rel_box{
	background: #f5f5f5;
	border: #003668 1px solid;
	padding: 1px;
}
.rel_title{
	background: #003668;
	color: #fff;
	padding: 5px;
}
.rel_text{
	padding: 5px;
	line-height: 150%;
}


/*
News
*/
.newsBox{
	background: #fff;
	padding: 20px 30px;
	border-bottom: 1px solid #eee;
}
.newsBox .date{
	padding-bottom: 5px;
}
.newsBox h3{
	font-size: 130%;
	line-height: 130%;
	padding-bottom: 5px;
}
.newsBox .read{
	line-height: 130%;
}
.newsContents{

}
.newsContents .newsTitle{
	padding: 20px 30px 20px;
	font-size: 150%;
	line-height: 130%;
	font-weight: 700;
	border-bottom: 1px solid #eee;
}
.newsLead{
	padding: 10px 30px 0px;
	font-size: 120%;
	line-height: 150%;
}
.newsDesc{
	padding: 30px;
	font-size: 110%;
	line-height: 200%;
}
.newsDesc p{
	font-size: 100%;
	line-height: 200%;
}

/*会社概要*/
.h2Title{
	font-size: 150%;
	padding: 20px 10px;
	color:#003668;
	border-bottom: 1px solid #003668;
	margin-bottom: 15px;
	margin-top: 30px;
}
.companyInfoTable th{
	padding: 15px 10px;
	font-size: 90%;
	background-color: #E5EBF0;
	border: 1px solid #fff;
}
.companyInfoTable td{
	padding: 15px 10px;
	font-size: 90%;
	border: 1px solid #fff;
}
.companySubTitle{
	background: #003668;
	color: #fff;
	padding: 5px;
}
.companySubTitle a{
	text-decoration: none;
}
.companySubTitle a:hover{
	color: #fff;
}
.companyContents_l{
	float: left;
	width: 210px;
}
.companyContents_r{
	float: left;
	width: 410px;
}

/*
inquiery
*/
#inquiery{
}

#inquiry{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";

}
.regForm{
	margin: 0 auto;
}
.regForm th,.regForm td{
	padding: 10px;
}
.input_txt{
	padding: 10px;
}
.hissu{
	color: #d00;
	font-size: 11px;
	padding-left: 5px;
}
.tel_comment{
	border: 1px solid #ddd;
	margin: 20px 200px;
	padding: 10px 10px 20px;
	border-radius: 10px;
}
.tel_comment_msg{
	text-align: center;
	padding: 10px 0 10px;
}
.tel_comment_msg2{
	text-align: center;
	font-size: 300%;
	padding: 0px 0 10px;
}
.tel_comment_msg3{
	text-align: center;
}
.inq_msg{
	font-size: 200%;
	text-align: center;
	background-color: #003668;
	padding: 10px;
	color: #fff;
	margin-top: 40px;
}
.form_box{
	width: 80%;
	margin: 0 10%;
}
.inq_textarea{
	padding: 10px;
}
.inq_btn{
	padding: 10px 20px;
}
.form_caution{
	font-size: 11px;
}
.jinzaiTable th{
	padding: 20px 20px;
	border-bottom: 1px dotted #ddd;
	color: #999;
}
.jinzaiTable td{
	padding: 20px;
	border-bottom: 1px dotted #ddd;
}
.staffView{
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 15px;
	margin-bottom: 30px;
}

/* この記事を書いた人 */
.writenbox{
	border:1px solid #333;
}
.writenbox_title{
	background-color:#333;
	color:#fff;
	padding:10px;
	margin:0;
}
.writenbox_left{
	float:left;
	width:200px;
}
.writenbox_right{
	float:right;
	width:400px;
	padding:0 10px 0 0;
}
div.myText p.writenbox_name{
	padding:5px 0 0;
	margin:0;
	font-size:150%;
}
div.myText p.writenbox_text{
	padding:0;
	margin:0;
	line-height:150%;
}
div.myText p.writenbox_url{
	padding:5px 0 0;
	margin:0;
}