@charset "utf-8";
/* CSS Document */
.sright{
	text-align:right;
	font-size:12px;
	padding:0 0 0 20px;
}

#company-contents a,
#service-contents a{
	width:293px;/*---------横三つ-----------*/
	/*------width:451px;-------横二つ------------*/
	height:348px;
	border:1px solid #2f7dcf;
	background:#fff;
	/*display: inline-block;*/
	box-shadow:3px 3px 7px rgba(0,0,0,0.3);
	text-align:center;
	float:left;
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝B","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif；;
	/*---font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;----*/
	color:#1a2f6b;
	font-weight:bold;
	font-size:21px;
	/*---margin:0 7px 20px;---*/
	margin:0px 7px 20px;
	text-decoration: none;
	position:relative;
	}

#company-contents,
#service-contents{
	margin:40px 0 0;
}

#sub-water .box{
	background:#fff;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
	margin:20px 0 35px;
}

#main-wrap{
	background:url(/images/bg_mainwrap.png);
	padding:40px 20px 30px;
}

#sub-water h4{
	background:#014a96;
	padding:10px 20px;
	color:#fff;
	font-size:18px;
	font-weight:normal;
}
	
#sub-water .inner{
	padding:70px 0 60px;
}

.btn-style-03{
	font-size:21px;
	font-size:85%;
	letter-spacing: 0px;
}
/*-------------上部２か所の文字位置など---------------------------------*/
#sub-water .box .box-in{
	padding:15px 20px 20px;
	color:#666;
	margin: 0 0 0 0;
	}

.subs{
	margin:5px 0 0 0;
}

/*----20160218　テキストレイアウト　一文字落とすスタイル　 TextStyle------------------*/
.ts001{
	text-indent:0em;
	letter-spacing: 0.1em;
	line-height: 1.4;
	margin-bottom: 0.5em;

}
/* -------------------------------------------- */
/* 20160303 テーブルレイアウト*/
/* -------------------------------------------- */

.m-table {
	width: 100%;
	/*background: #D5F6C6;*/
}

.in-mtable {
	display:table;
	padding:0;
	width:100%;
}

.m-table tr {
	/*background:#ECFBDB;*/
	}

/* 表見出し（左）*/
.m-table th {
	width:260px;
	padding: 0px 15px;
	border: solid 1px #96CEEF;
	background:#EDFEFF;
}

/* ２番目のセル(td)スタイル設定(max) */
.m-table td:nth-child(2) {
	width:110px;
	text-align: right;
	padding: 2px 10px;
	border: solid 1px #96CEEF;
	background:#fff;
	/*background:#F0F0C5;*/
	}
	

/* ３番目（結合セル）内の余白調整 */
.magin10 {
	margin: 0px 0px 0px 50px;
	/*position:relative;*/
}

/* m-table（表）をスマホサイズにした時に画像を表示させる領域 */
.table-img {
	/*background:#F9D2EA;*/
	display:none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px !important;
	line-height: inherit;
}

#sub-water .box .box-in img{
	float:right;
	}



/*-------------------< 英 語 追 記 >---------------------------------*/
#sub-water div.left{
	padding:0 0px 0 0;
	margin: 0 0 0px 0;
	width: 100%;
	float: none;
}
.box-in-03 .box-in{
	padding: 20px 40px 15px !important;
}

.box-in .sub-box:nth-child(1) {
	margin-top: 5px;
}

@media screen and (max-width : 1144px)/*----------------------------------------------------------------*/
{
#sub-water .box .box-in img{
	float:none;
}
#sub-water .box img{
	margin:0px auto 20px;
	}

#sub-water div.left,
#sub-water .box2 .sub-box-in div.left{
	float:none;
	width:auto;
	padding:0;
}
	
	
#company-contents a,
#service-contents a{
	width:47%;
    height: auto;
    margin:2% 1%;
	padding-bottom:10px;
}
	
#sub-water h4{
	padding:10px 15px !important;
	color:#fff !important;
	font-size:18px !important;
	font-weight:inherit !important;
}
	
#sub-water .inner{
	padding:50px 2% 10px !important;
}
	
#sub-water p.afh{
	margin: 1em 0 0;
	padding: 0px 3% 0px 3%;
	font-size:15.5px;
}

#sub-water .box-in{
	font-size:15px !important;
}

#sub-water .box .box-in{
	padding:15px 2% 5px;
}
	
.subs{
	font-size:17px;
	margin:10px 0 0 0;
}

/*-------タイトルをぎりぎりまで伸ばす------------*/
#main-wrap{
	padding:40px 0px 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 15.5px;
	line-height: inherit;
}

#sub-water .box .box-in-02{
	padding:0px 20px 10px;
	color:#666;
    position: relative;
}
	
	.box-in .sub-box:nth-child(1) {
		margin: 0px 0 10px;
	}
	.box-in .sub-box:nth-child(2) {
		margin: 5px 0 10px;
	}
	
	
	/*--------------英語追加----------------*/
	div .page-dis{
		padding-left: 5%;
		padding-right: 5%;
	}
}


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


#sub-water .box .box-in-02{
	padding:0px 1% 10px 2%;
	color:#666;
    position: relative;	
}

#sub-water .box .box-in-03{
	padding:15px 3% 15px 3%;
	color:#666;
    position: relative;
}
	
	/*--------------英語追加----------------*/
.box-in-03 .box-in{
	padding-left: 0px!important;
	padding-right: 0px!important;
	padding-top: 5px!important;
	padding-bottom: 0px!important;
}
	#sub-water .box .box-in-03
	
}


/* -------------------------------------------- */
/*20160314 flexbox追記 */
/* -------------------------------------------- */

.container {
	display: -webkit-flex;
	display:flex;
	/*background:#F1EEC8;*/
}

.flex-left {
	flex:1;
	/*background:#F8D3F5;*/
}

.flex-right {
	width: 450px;
}

.flex-right img {
	float:right;	
}

.m-table {
	width: 90%;
	margin-left:20px;
	margin-top: 25px;
 /*background: #D5F6C6;*/
}

.in-mtable {
	display:table;
	padding:0;
	width:100%;
}

/* 表見出し（左）*/
.m-table th {
	width:180px;
	padding: 3px 20px;
	border: solid 1px #96CEEF;
	background:#EDFEFF;
}

/* ２番目のセル(td)スタイル設定(max) */
.m-table td:nth-child(2) {
	width:90px;
	text-align: right;
	padding: 2px 10px;
	border: solid 1px #96CEEF;
	background:#fff;
	/*background:#F0F0C5;*/
	}
	
/* box-in 入れ子のbox-inに配置したimgをPC画面では非表示にする */
.table-img {
	display:none;
}

.box-midashi {
	margin: 5px 0px -15px 20px;
	font-size:16px;
	border-bottom: dotted thin #158DFF;
	width: 90%;
}


@media screen and (max-width: 360px) {/*----------------------------------------------------------------*/

.table-img {
	display:block;
	width:100%;

}

.flex-left {
	display:block;
	width:100%;
}
	
.flex-right img {
	display:none;
}

.flex-right img {
	display:block;
	width:100%;
}

.spnone {
	display:none;
}
	
.box-in img {
	width:100%;
	height:100%;
}

}