/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/

/*編集領域*/
section#original {
	width: 1000px;
	margin:0 auto 65px;
	/*border:3px solid #396;*/
	}

/*中タイトル　H3*/
section#original h3 {
	margin: 0 0 25px;
	padding: 0;
	}

/*小タイトル　H4*/
section#original h4 {
	margin: 0 0 12px;
	padding: 0;
	font-size:21px;
	}

/*通常テキスト*/
section#original p.normal {
	font-size:15px;
	line-height: 2;
	margin-bottom: 20px;
	}

/*余白ありテキスト*/
section#original p.margin-plus {
	font-size:15px;
	line-height: 2;
	margin-bottom: 20px;
	margin-left: 25px;
	}

/*3分割*/
section#tri {
	margin-bottom: 30px;
    width: 1000px;
	font-size:15px;
	line-height: 2;
}
section#tri img {
    margin-bottom: 5px;
}
section#tri div {
    float: left;
    margin: 0px 13px 15px 10px;
    width: 307px;
}


/*3分割-グループ会社紹介*/
section#tri-group {
	margin-bottom: 30px;
    width: 1000px;
	font-size:15px;
	line-height: 2;
}
section#tri-group div {
    float: left;
    margin: 0px 12px 15px 12px;
	padding:15px 10px 5px 0  ;
    width: 297px;
	 border: 1px #BFBFBF solid;
	padding-top:20px;
}

section#tri-group div h4 {
	font-size:16px !important;
}

section#tri-group div h4 > p {
    background: rgba(0, 0, 0, 0) url("../images/cmn/bg_areadiv-lv2.png") no-repeat scroll 10px 10px;
    border: medium none;
    padding-left: 28px;
}
section#tri-group div h4 > p > a {
    color: #333;
    text-decoration: none;
}
section#tri-group div h4 > p > a:hover {
    color: #1378C5;
}
section#tri-group div p.areaP {
    margin: 5px 0 0 28px;
}
section#tri-group div p.areaP-detail {
    font-size: 12px;
    margin: 10px 0 0;
    padding-bottom: 10px;
    text-align: right;
}

/*会社概要　テーブル*/
section#gaiyo table {
	
	font-size:15px ;
    border: 0 none;
    margin: 0 0 75px 15px;
    width: 850px;
}
section#gaiyo table th {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-right: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
    padding: 10px 30px 15px 10px;
    text-align: right;
    width: 200px;
}
section#gaiyo table td {
	padding: 10px 10px 15px 30px;
	border-bottom: 1px dotted #ccc;
}


/*注釈文字*/
.fs11 {	font-size:12px;}
.fs14 {	font-size:14px;}
.fs16 {	font-size:16px;}

/*画像2分割*/
img.column2 {
}

/*クリア*/
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

/*よくあるご質問　テキスト*/
.sub div.faq ul li {
	color: #333;
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    padding: 10px 14px;
}

.sub div.faq ul li span {
	color: #333;
	display: block;
	font-weight: normal;
	margin-top:8px ;
}

img.icon {
	float:left;
	margin:0 15px 0 15px;
}

span.catch {
	font-weight:bold ;
	color:#1B1E81 ;
	font-size:16px;
}

section#original .option h4{
	font-size: 16px;
}



/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　/　760pxで最適化　▼======================================*/
@media screen and (max-width: 960px) {

/*編集領域*/
section#original {
	max-width: 730px;
	margin:0 auto 65px;
	/*border:3px solid #396;*/
	}

/*中タイトル　H3*/
section#original h3 {
	margin: 0 0 25px;
	padding: 0;
	}

/*小タイトル　H4*/
section#original h4 {
	margin: 0 0 12px;
	padding: 0;
	font-size:21px;
	}

/*通常テキスト*/
section#original p.normal {
	font-size:15px;
	line-height: 2;
	margin-bottom: 20px;
	}

/*余白ありテキスト*/
section#original p.margin-plus {
	font-size:15px;
	line-height: 2;
	margin-bottom: 20px;
	margin-left: 25px;
	}
	
/*3分割*/
section#tri {
    margin: 30px 0;
    width: 730px;
}
section#tri img {
    margin-bottom: 5px;
}
section#tri div {
    float: left;
    margin: 3px;
    width: 237px;
}


/*3分割-グループ会社紹介*/
section#tri-group {
	margin-bottom: 30px;
    width: 730px;
}
section#tri-group div {
    float: left;
    margin: 0px 5px 15px;
	padding:15px 10px 3px 0  ;
    width: 220px;
}
	


}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き） /　580pxで最適化　▼======================================*/
@media only screen and (max-width:640px) {

/*編集領域*/
section#original {
	max-width: 550px;
	margin:0 auto 65px;
	/*border:3px solid #396;*/
	}

/*中タイトル　H3*/
section#original h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size:18px;
	}

/*小タイトル　H4*/
section#original h4 {
	margin: 0 0 8px;
	padding: 0;
	font-size:15px;
	}

/*通常テキスト*/
section#original p.normal {
	font-size:14px;
	line-height:1.8;
	margin-bottom: 20px;
	}

/*余白ありテキスト*/
section#original p.margin-plus {
	font-size:14px;
	line-height:1.8;
	margin-bottom: 20px;
	margin-left: 25px;
	}
	
/*3分割*/
section#tri {
    margin: 30px 0;
    width: 550px;
}
section#tri img {
    margin-bottom: 5px;
}
section#tri div {
    float: left;
    margin: 3px;
    width: 544px;
}

/*3分割-グループ会社紹介*/
section#tri-group {
	margin-bottom: 20px;
    width: 550px;
	font-size:14px;
}
section#tri-group div {
    float: left;
    margin: 0px 5px 15px;
    width: 170px;
}
section#tri-group div h4 {
	font-size:14px !important;
}

/*画像2分割*/
img.column2 {
	width:85% !important ;
}

img.icon {
	float:left;
	margin:0 10px;
	width:20% !important;
}


}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き） /　320pxで最適化　▼======================================*/
@media only screen and (max-width:480px) {

/*編集領域*/
section#original {
	max-width: 300px;
	margin:0 auto 65px;
	/*border:3px solid #396;*/
	}

/*中タイトル　H3*/
section#original h3 {
	margin: 0 0 14px;
	padding: 0;
	font-size:16px;
	}

/*小タイトル　H4*/
section#original h4 {
	margin: 0 0 5px;
	padding: 0;
	font-size:14px;
	}

/*通常テキスト*/
section#original p.normal {
	font-size:13px;
	line-height:1.7;
	margin-bottom: 20px;
	}

/*余白ありテキスト*/
section#original p.margin-plus {
	font-size:13px;
	line-height:1.7;
	margin-bottom: 20px;
	margin-left: 25px;
	}
	
/*3分割*/
section#tri {
    margin: 30px 0;
    width: 300px;
}
section#tri img {
    margin-bottom: 5px;
}
section#tri div {
    float: left;
    width: 300px;
}
	
/*3分割-グループ会社紹介*/
section#tri-group {
	margin-bottom: 20px;
    width: 320px;
	font-size:13px;
}
section#tri-group div {
    float: left;
    margin: 0px 5px 15px;
    width: 300px;
	padding:10px 10px 5px 0  ;
}
section#tri-group div p.areaP-detail {
    padding-bottom: 5px;
}

img.icon {
	float:left;
	margin:0 3px;
	width:30% !important;
}


 
}