@charset "UTF-8";

/*
	-----------------------------------
	v1.0
	Last Updated: 2017-12-04
	Copyright: Barudan CO., LTD., Japan. All rights reserved.
	-----------------------------------
	[Updated]
	v1.0		2017-12-04
	-----------------------------------
	
	クリアフィックス
	表示設定
	見出し
	本文
	フォントサイズ
	行間

	フォントカラー
	リンクカラー
	背景カラー
	ボーダーカラー

	テキストレイアウト（画像も）
	テキストの改行設定

	マージン

	リストレイアウト
	新着アイコン

	横幅



	テーブル


	カラム＆画像

	ボタン

	トグルボタン


	ボックスの設定
	googlemap
	文字を○で囲う
	ページ内リンク
	youtube
	区切り線

	
*/

@media only screen and (max-width: 767px) {
	/*スマホ（ipad含まない）*/
}
@media print, screen and (min-width: 768px) {
	/*PC（ipad含む）*/
}



/************************************************************ 
	
	クリアフィックス
	
************************************************************/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both;
}


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

	非表示設定

************************************************************/
.hide-all {
	display:none !important;
}
.hide-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.hide-sp {
		display:none !important;
	}
}
@media print, screen and (min-width: 768px) {
	.hide-pc {
		display:none !important;
	}
}

/************************************************************ 
	
	見出し
	
************************************************************/
/*見出し2*/
.hedding02 {
	background: #1d2088;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	padding: 6px 13px;
	margin: 1em 0;
}
@media only screen and (max-width: 767px) {
	.hedding02 {
		font-size: 16px;
		line-height: 1.5;
		padding: 10px 13px;
	}
}

/*見出し3*/
.hedding03 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	border: 2px solid #1d2088;
	padding: 6px 11px;
	margin: 1em 0;
}
@media only screen and (max-width: 767px) {
	.hedding03 {
		font-size: 16px;
		padding: 8px 11px;
	}
}

/*見出し4*/
.hedding04 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	border-bottom: 2px solid #1d2088;
	padding: 0px 10px 5px 38px;
	margin: 1em 0;
	position: relative;
}
.hedding04:before {
	content: " \f02b";
	font-family: FontAwesome;
	color:#1d2088;
	position: absolute;
	top: 0px;
	left: 10px;
}
@media only screen and (max-width: 767px) {
	.hedding04 {
		font-size: 16px;
		padding: 0px 10px 5px 30px;
	}
}

/*見出し5*/
.hedding05 {
	background: #e7e7ff;
	color: #1d2088;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	padding: 6px 26px;
	margin: 1em 0;
}
@media only screen and (max-width: 767px) {
	.hedding05 {
		font-size: 16px;
		padding: 10px 15px;
	}
}

/*見出し6*/
.hedding06 {
	color: #1d2088;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	border-bottom: 2px solid #e7e7ff;
	padding: 0px 10px 5px 38px;
	margin: 1em 0;
	position: relative;
}
.hedding06:before {
	content: " \f24a";
	font-family: FontAwesome;
	color:#1d2088;
	position: absolute;
	top: -2px;
	left: 11px;
}
@media only screen and (max-width: 767px) {
	.hedding06 {
		font-size: 16px;
		padding: 0px 10px 5px 30px;
	}
}




/************************************************************ 
	
	本文
	
************************************************************/
.main-box p {
	font-size: 16px;
	line-height: 1.8;
	margin:1em 0;
}


/************************************************************ 
	
	フォントサイズ
	
************************************************************/
/*em*/
.font-size-ll {font-size: 1.5em !important;}
.font-size-l {font-size: 1.2em !important;}
.font-size-s {font-size: 0.9em !important;}
.font-size-ss {font-size: 0.8em !important;}

@media only screen and (max-width: 767px) {
	.font-size-ll-sp {font-size: 1.5em !important;}
	.font-size-l-sp {font-size: 1.2em !important;}
	.font-size-s-sp {font-size: 0.9em !important;}
	.font-size-ss-sp {font-size: 0.8em !important;}
}
@media print, screen and (min-width: 768px) {
	.font-size-ll-pc {font-size: 1.5em !important;}
	.font-size-l-pc {font-size: 1.2em !important;}
	.font-size-s-pc {font-size: 0.9em !important;}
	.font-size-ss-pc {font-size: 0.8em !important;}
}



/*px*/
.font-size-10px {font-size: 10px !important;}
.font-size-11px {font-size: 11px !important;}
.font-size-12px {font-size: 12px !important;}
.font-size-14px {font-size: 14px !important;}
.font-size-16px {font-size: 16px !important;}
.font-size-18px {font-size: 18px !important;}
.font-size-20px {font-size: 20px !important;}
.font-size-24px {font-size: 24px !important;}

@media only screen and (max-width: 767px) {
	.font-size-10px-sp {font-size: 10px !important;}
	.font-size-11px-sp {font-size: 11px !important;}
	.font-size-12px-sp {font-size: 12px !important;}
	.font-size-14px-sp {font-size: 14px !important;}
	.font-size-16px-sp {font-size: 16px !important;}
	.font-size-18px-sp {font-size: 18px !important;}
	.font-size-20px-sp {font-size: 20px !important;}
	.font-size-24px-sp {font-size: 24px !important;}
}

@media print, screen and (min-width: 768px) {
	.font-size-10px-pc {font-size: 10px !important;}
	.font-size-11px-pc {font-size: 11px !important;}
	.font-size-12px-pc {font-size: 12px !important;}
	.font-size-14px-pc {font-size: 14px !important;}
	.font-size-16px-pc {font-size: 16px !important;}
	.font-size-18px-pc {font-size: 18px !important;}
	.font-size-20px-pc {font-size: 20px !important;}
	.font-size-24px-pc {font-size: 24px !important;}
}



/*太さ*/
.font-weight-normal {font-weight: normal !important;}
.font-weight-bold {font-weight: bold !important;}

@media only screen and (max-width: 767px) {
	.font-weight-normal-sp {font-weight: normal !important;}
	.font-weight-bold-sp {font-weight: bold !important;}
}

@media print, screen and (min-width: 768px) {
	.font-weight-normal-pc {font-weight: normal !important;}
	.font-weight-bold-pc {font-weight: bold !important;}
}

/************************************************************ 
	
	行間
	
************************************************************/
.line-height10 {line-height: 1.0 !important;}
.line-height12 {line-height: 1.2 !important;}
.line-height14 {line-height: 1.4 !important;}
.line-height15 {line-height: 1.5 !important;}
.line-height16 {line-height: 1.6 !important;}
.line-height18 {line-height: 1.8 !important;}
.line-height20 {line-height: 2.0 !important;}
.line-height26 {line-height: 2.6 !important;}

@media only screen and (max-width: 767px) {
	.line-height10-sp {line-height: 1.0 !important;}
	.line-height12-sp {line-height: 1.2 !important;}
	.line-height14-sp {line-height: 1.4 !important;}
	.line-height15-sp {line-height: 1.5 !important;}
	.line-height16-sp {line-height: 1.6 !important;}
	.line-height18-sp {line-height: 1.8 !important;}
	.line-height20-sp {line-height: 2.0 !important;}
	.line-height26-sp {line-height: 2.6 !important;}
}
@media print, screen and (min-width: 768px) {
	.line-height10-pc {line-height: 1.0 !important;}
	.line-height12-pc {line-height: 1.2 !important;}
	.line-height14-pc {line-height: 1.4 !important;}
	.line-height15-pc {line-height: 1.5 !important;}
	.line-height16-pc {line-height: 1.6 !important;}
	.line-height18-pc {line-height: 1.8 !important;}
	.line-height20-pc {line-height: 2.0 !important;}
	.line-height26-pc {line-height: 2.6 !important;}
}





/************************************************************ 
	
	フォントカラー
	
************************************************************/
/*紺色*/
.cl-navy {
	color:#1d2088 !important;
}

/*赤色*/
.cl-red {
	color:#f00 !important;
}


/*黃*/
/*.cl-yellow {
	color:#fabe00 !important;
}*/


/************************************************************ 
	
	リンクカラー
	
************************************************************/
/*紺色*/
a.cl-navy,
a.cl-navy:link,
a.cl-navy:visited {
	color:#1d2088 !important;
	text-decoration: none;
}
a.cl-navy:active,
a.cl-navy:hover,
a.cl-navy:focus {
	color:#1d2088 !important;
	text-decoration: underline;
}


/************************************************************ 
	
	背景カラー
	
************************************************************/

/*灰色1*/
.bg-glay {
	background-color:#f7f5f4;;
}



/************************************************************ 
	
	ボーダーカラー
	
************************************************************/

/*灰色1*/
.border-glay1 {
	border: 1px solid #d2d2d2;
}







/************************************************************ 
	
	テキストレイアウト（画像も）
	
************************************************************/
/*テキストの左寄せ*/
.text-left {text-align:left !important;}
/*テキストのセンタリンク*/
.text-center {text-align:center !important;}
/*テキストの右寄せ*/
.text-right {text-align:right !important;}
/*中央揃え*/
.text-middle {vertical-align: middle !important;}



@media only screen and (max-width: 767px) {
	.text-left-sp {text-align:left !important;}
	.text-center-sp {text-align:center !important;}
	.text-right-sp {text-align:right !important;}
	.text-nowrap-sp {white-space:nowrap !important;}
	.text-middle-sp {vertical-align: middle !important;}
}
@media print, screen and (min-width: 768px) {
	.text-left-pc {text-align:left !important;}
	.text-center-pc {text-align:center !important;}
	.text-right-pc {text-align:right !important;}
	.text-nowrap-pc {white-space:nowrap !important;}
	.text-middle-pc {vertical-align: middle !important;}
}



/************************************************************ 
	
	テキストの改行設定
	
************************************************************/
/*折り返し無し*/
.text-nowrap {white-space:nowrap !important;}
.text-break-word {word-wrap: break-word !important;}
.text-break-all {word-break: break-all !important;}

@media only screen and (max-width: 767px) {
	.text-nowrap-sp {white-space:nowrap !important;}
	.text-break-word-sp {word-wrap: break-word !important;}
	.text-break-all-sp {word-break: break-all !important;}
}
@media print, screen and (min-width: 768px) {
	.text-nowrap-pc {white-space:nowrap !important;}
	.text-break-word-pc {word-wrap: break-word !important;}
	.text-break-all-pc {word-break: break-all !important;}
}














/************************************************************ 
	
	マージン
	
************************************************************/

/*下マージン*/
.last {
	margin-bottom: 2em !important;
}
.margin-b0 {margin-bottom: 0 !important;}
.margin-b1em {margin-bottom: 1em !important;}
.margin-b2em {margin-bottom: 2em !important;}
.margin-b3em {margin-bottom: 3em !important;}
.margin-b4em {margin-bottom: 4em !important;}
.margin-b5em {margin-bottom: 5em !important;}

.margin-b50px {margin-bottom: 50px !important;}
.margin-b60px {margin-bottom: 60px !important;}


@media only screen and (max-width: 767px) {
	.margin-b0-sp {margin-bottom: 0 !important;}
	.margin-b1em-sp {margin-bottom: 1em !important;}
	.margin-b2em-sp {margin-bottom: 2em !important;}
	.margin-b3em-sp {margin-bottom: 3em !important;}
	.margin-b4em-sp {margin-bottom: 4em !important;}
	.margin-b5em-sp {margin-bottom: 5em !important;}
	.margin-b50px-sp {margin-bottom: 50px !important;}
	.margin-b60px-sp {margin-bottom: 60px !important;}
}
@media print, screen and (min-width: 768px) {
	.margin-b0-pc {margin-bottom: 0 !important;}
	.margin-b1em-pc {margin-bottom: 1em !important;}
	.margin-b2em-pc {margin-bottom: 2em !important;}
	.margin-b3em-pc {margin-bottom: 3em !important;}
	.margin-b4em-pc {margin-bottom: 4em !important;}
	.margin-b5em-pc {margin-bottom: 5em !important;}
	.margin-b50px-pc {margin-bottom: 50px !important;}
	.margin-b60px-pc {margin-bottom: 60px !important;}
}


/*上マージン*/
.margin-t0 {margin-top: 0 !important;}
.margin-t1em {margin-top: 1em !important;}
.margin-t2em {margin-top: 2em !important;}
.margin-t3em {margin-top: 3em !important;}
.margin-t4em {margin-top: 4em !important;}
.margin-t5em {margin-top: 4em !important;}

@media only screen and (max-width: 767px) {
	.margin-t0-sp {margin-top: 0 !important;}
	.margin-t1em-sp {margin-top: 1em !important;}
	.margin-t2em-sp {margin-top: 2em !important;}
	.margin-t3em-sp {margin-top: 3em !important;}
	.margin-t4em-sp {margin-top: 4em !important;}
	.margin-t5em-sp {margin-top: 4em !important;}
}
@media print, screen and (min-width: 768px) {
	.margin-t0-pc {margin-top: 0 !important;}
	.margin-t1em-pc {margin-top: 1em !important;}
	.margin-t2em-pc {margin-top: 2em !important;}
	.margin-t3em-pc {margin-top: 3em !important;}
	.margin-t4em-pc {margin-top: 4em !important;}
	.margin-t5em-pc {margin-top: 4em !important;}
}

























/************************************************************ 
	
	リストレイアウト
	
************************************************************/
/*ノーマル*/
.main-box ul li {
	font-size: 16px;
	line-height: 1.5;
}

/*センタリング*/
/*.li-flex {
	display: flex;
	justify-content: center;
}*/

/*リストタイプ01＠鉛筆リスト*/
.main-box .list-type01 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-box .list-type01 li {
	padding: 0 0 0 33px;
	margin: 0 0 8px;
	position: relative;
}
.main-box .list-type01 li:before {
	content: " \f040";
	font-family: FontAwesome;
	color:#1d2088;
	position: absolute;
	top: 0px;
	left: 13px;
}


/*リストタイプ02＠三角リスト*/
.main-box .list-type02,
.main-box .list-type02 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-box .list-type02 li {
	padding: 0 0 0 33px;
	margin: 0 0 8px;
	position: relative;
}
.main-box .list-type02 li:before {
	content: " \f0da";
	font-family: FontAwesome;
	color:#1d2088;
	position: absolute;
	top: -1px;
	left: 20px;
}

/*リストタイプ02＠三角リスト*/
.main-box .list-type03,
.main-box .list-type03 ul {
	background: #f7f5f4;
	list-style: none;
	margin: 0;
	padding: 10px 5px 5px 0;
}
.main-box .list-type03 li {
	padding: 0 0 0 33px;
	margin: 0 0 8px;
	position: relative;
}
.main-box .list-type03 li:before {
	content: " \f0da";
	font-family: FontAwesome;
	color:#1d2088;
	position: absolute;
	top: -1px;
	left: 20px;
}



/*数字付きリスト*/
.main-box ol li {
	font-size: 16px;
	line-height: 1.5;
}



/************************************************************ 
	
	新着アイコン
	
************************************************************/
.main-box img.icon {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -3px;
}









/************************************************************ 
	
	横幅
	
************************************************************/

.width-auto {width: auto !important;}
.width100 {width: 100%;}
.width70 {width: 70%;}
.width50 {width: 50%;}
.width4em {width: 4em;}
.width5em {width: 5em;}
.width6em {width: 6em;}
.width7em {width: 7em;}
.width8em {width: 8em;}
.width30px {width: 30px;}

@media only screen and (max-width: 767px) {
	.width-auto-sp {width: auto !important;}
	.width100-sp {width: 100%;}
	.width70-sp {width: 70%;}
	.width50-sp {width: 50%;}
	.width4em-sp {width: 4em;}
	.width5em-sp {width: 5em;}
	.width6em-sp {width: 6em;}
	.width7em-sp {width: 7em;}
	.width8em-sp {width: 8em;}
	.width30px-sp {width: 30px;}
}
@media print, screen and (min-width: 768px) {
	.width-auto-pc {width: auto !important;}
	.width100-pc {width: 100%;}
	.width70-pc {width: 70%;}
	.width50-pc {width: 50%;}
	.width5em-pc {width: 5em;}
	.width6em-pc {width: 6em;}
	.width7em-pc {width: 7em;}
	.width8em-pc {width: 8em;}
	.width30px-pc {width: 30px;}
}




/************************************************************ 
	
	縦幅
	
************************************************************/
.height18px {height: 18px !important;}
.height20px {height: 20px !important;}
.height22px {height: 22px !important;}

@media only screen and (max-width: 767px) {
	.height18px-sp {height: 18px !important;}
	.height20px-sp {height: 20px !important;}
	.height22px-sp {height: 22px !important;}
}
@media print, screen and (min-width: 768px) {
	.height18px-pc {height: 18px !important;}
	.height20px-pc {height: 20px !important;}
	.height22px-pc {height: 22px !important;}
}





	.margin-t5em-pc {margin-top: 4em !important;}






/************************************************************ 
	
	テーブル
	
************************************************************/
/*テーブル01　＠左右完全分割タイプ　3：7*/
table.table01 {
	font-size: 16px;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table01 th,
table.table01 td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table01 th {
	background-color: #1d2088;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	table.table01 {
		border: none;
		font-size: 16px;
	}
	table.table01 thead {
		display: none;
	}
	table.table01 tr {
		border-top: 1px solid #ccc;
		display: block;
		margin-bottom: 20px;
	}
	table.table01 td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: block;
		padding: 10px;
		text-align: left;
	}
	table.table01 td span {
		display: block;
		width: 70%;
		margin-left: 30%;
	}
	table.table01 td::before {
		content: attr(data-label);
		float: left;
		width: 30%;
		padding-right: 1em;
		text-align: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}





/*テーブル01-2　＠回り込みタイプ*/
table.table01-2 {
	font-size: 16px;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table01-2 th,
table.table01-2 td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table01-2 th {
	background-color: #1d2088;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	table.table01-2 {
		border: none;
		font-size: 16px;
	}
	table.table01-2 thead {
		display: none;
	}
	table.table01-2 tr {
		border-top: 1px solid #ccc;
		display: block;
		margin-bottom: 20px;
	}
	table.table01-2 td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: block;
		padding: 10px;
		text-align: left;
	}
	table.table01-2 td span {
		display: block;
		/*width: 70%;
		margin-left: 30%;*/
	}
	table.table01-2 td::before {
		content: attr(data-label);
		float: left;
		/*width: 30%;*/
		padding-right: 1em;
		font-weight: bold;
		text-align: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}






/*テーブル02*/
table.table02 {
	font-size: 16px;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table02 th,
table.table02 td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table02 th {
	background-color: #1d2088;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	table.table02 th,
	table.table02 td {
		padding: 5px 15px;
	}
}


/*テーブルその3＠スマホ縦並び*/
table.table03 {
	font-size: 16px;
	line-height: 1.5;
	border-collapse: collapse;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table03 th,
table.table03 td {
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	padding: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table03 th {
	color: #1d2088;
	font-weight: normal;
}

@media only screen and (max-width: 767px) {
	table.table03 {
	}
	table.table03 th,
	table.table03 td {
		display:block;
		width:100%;
		/*margin-top:-1px;*/
	}
	table.table03 th {
		border-bottom: none;
		padding:10px 0 0;
	}
	table.table03 td {
		padding:0 0 10px;
	}
}



/*テーブルその4＠スマホ縦並び*/
table.table04 {
	font-size: 16px;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table04 th,
table.table04 td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.table04 th {
	background-color: #f7f5f4;
	font-weight: normal;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	table.table04 th,
	table.table04 td {
		display:block;
		width:100%;
		padding: 5px 15px;
	}
	table.table04 td {
		padding: 5px 15px 15px;
	}

}








/*テーブルの微調整*/
.table-left-border0 {border-left: none !important;}

@media only screen and (max-width: 767px) {
	.table-left-border0-sp {border-left: none !important;}
}
@media print, screen and (min-width: 768px) {
	.table-left-border0-pc {border-left: none !important;}
}





/*ノーマル*/
/*.main-box table {
	width: 100%;
	border-collapse: collapse;
}
.main-box table th,
.main-box table td {
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	text-align: left;
	border: 2px solid #c6c6c6;
	padding: 10px 10px;
	vertical-align: top;
}
.main-box table ul {
	margin: 0;
	padding: 0 0 0 1em;
}
@media only screen and (max-width: 767px) {
	.main-box table th,
	.main-box table td,
	.main-box table ul li {
		font-size: 10px;
	}
}







/*テーブル03*/
/*.main-box table.table03 th {
	color: #28435d;
	font-weight: bold;
}
.main-box table.table03 th,
.main-box table.table03 td {
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #7ea4bd;
	border-left: none;
}
@media only screen and (max-width: 767px) {
	.main-box table.table03 th {
		font-size: 16px;
		border-bottom: none;
		padding-bottom: 0px;
	}
	.main-box table.table03 td {
		font-size: 16px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.main-box table.table03 ul li {
		font-size: 16px;
	}

}
*/




















/************************************************************ 
	
	カラム＆画像
	
************************************************************/
/*デフォルト＠PC最大100％　SP絶対100％*/
.main-box img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
	.main-box img {
		width: 100%;
	}
}

.main-box img.max-width100 {
	width: auto;
	max-width: 100%;
}


/*キャプション*/
.main-box .caption {
	font-size: 14px;
	line-height: 1.5;
	margin-top: -0.5em;
}
@media only screen and (max-width: 767px) {
	.main-box .caption {
		font-size: 14px;
	}
}


/*カラム*/
@media print, screen and (min-width: 768px) {
	.column {
		/*clear: both;*/
		margin-top: -16px;
	}
}
.column:after {
	content: "";
	display: block;
	clear: both;
}

/*2カラム*/
.main-box .column2 {
		float:left;
		width:50%;
		padding: 0 10px 0px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
.main-box .column2:nth-child(2n) {
		padding: 0 0 0px 10px;
	}
@media only screen and (max-width: 767px) {
	.main-box .column2 {
		padding: 0 5px 0 0;
	}
	.main-box .column2:nth-child(2n) {
		padding: 0 0 0 5px;
	}
}

/*2カラム（スマホは1カラム）*/
.main-box .column2_2 {
		float:left;
		width:50%;
		padding: 0 10px 0px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
.main-box .column2_2:nth-child(2n) {
		padding: 0 0 0px 10px;
	}
@media only screen and (max-width: 767px) {
	.main-box .column2_2 {
		float: none;
		width: 100%;
		padding: 0;
	}
	.main-box .column2_2:nth-child(2n) {
		padding: 0;
	}
}


/*2カラム（会社会社沿革専用　570：110＠スマホは1カラム）*/
.main-box .column2_3-l {
	float:left;
	width:570px;
}
.main-box .column2_3-r {
	float:right;
	width:110px;
	text-align: right;
}
@media only screen and (max-width: 767px) {
	.main-box .column2_3-l {
		float: none;
		width: 100%;
	}
	.main-box .column2_3-r {
		display: none;
	}
}

/*2カラム その4（販売代理店専用　＠スマホは1カラム）*/
@media print, screen and (min-width: 768px) {
	.hedding03.column {
		clear: both;
		margin-top: 0px;
	}
}
.main-box .column2_4-l {
	float:left;
	width:30%;
}
.main-box .column2_4-r {
	float:right;
	width:70%;
	padding: 0 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
	.main-box .column2_4-l {
		width: 100%;
	}
	.main-box .column2_4-r {
		width: 100%;
		padding: 0 1em 0 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}








/*2カラム（1：2）*/
@media print, screen and (min-width: 768px) {
	.column1-2-l {
		float:left;
		width:220px;
	}
	.column1-2-r {
		float:right;
		width:450px;
	}
}


/*2カラム（1：2）　その2＠リンクページ専用*/
@media print, screen and (min-width: 768px) {
	.column1-2-l_2 {
		float:left;
		width:230px;
	}
	.column1-2-r_2 {
		float:right;
		width:450px;
	}
}












/*3カラム（スマホは2カラム）*/
@media only screen and (max-width: 767px) {
	.main-box .column3 {
		float:left;
		width:50%;
		padding: 0 5px 0 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-box .column3:nth-child(2n) {
		padding: 0 0 0 5px;
	}
}
@media print, screen and (min-width: 768px) {
	.main-box .column3 {
		float:left;
		width:210px;
		margin: 0 30px 0 0;
	}
	.main-box .column3:nth-child(3n) {
		float:left;
		width:210px;
		margin: 0;
	}
}


/*3カラム その2 （スマホは2カラム）*/
@media only screen and (max-width: 767px) {
	.main-box .column3_2 {
		float:left;
		width:50%;
		padding: 0 5px 0 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-box .column3_2:nth-child(2n) {
		padding: 0 0 0 5px;
	}
}
@media print, screen and (min-width: 768px) {
	.main-box .column3_2 {
		float:left;
		width:220px;
		margin: 0 15px 0 0;
	}
	.main-box .column3_2:nth-child(3n) {
		margin: 0;
	}
}


/*3カラム その3 （スマホは2カラム）*/
@media only screen and (max-width: 767px) {
	.main-box .column3_3 {
		float:left;
		width:50%;
		padding: 0 5px 0 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-box .column3_3:nth-child(2n) {
		padding: 0 0 0 5px;
	}
	.main-box .column3_3:nth-child(3n) {
		width:100%;
		padding: 0 0 0 5px;
	}
}
@media print, screen and (min-width: 768px) {
	.main-box .column3_3 {
		float:left;
		width:220px;
		margin: 0 15px 0 0;
	}
	.main-box .column3_3:nth-child(3n) {
		margin: 0;
	}
}



/*4カラム （スマホは2カラム）*/
@media only screen and (max-width: 767px) {
	.main-box .column4 {
		float:left;
		width:50%;
		padding: 0 5px 0 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-box .column4:nth-child(2n) {
		padding: 0 0 0 5px;
	}
}
@media print, screen and (min-width: 768px) {
	.main-box .column4 {
		float:left;
		width:162px;
		margin: 0 14px 0 0;
	}
	.main-box .column4:nth-child(4n) {
		margin: 0;
	}
}













/*PC210px SP50%*/
@media only screen and (max-width: 767px) {
	.width210px-50 {
		width: 50%;
	}
}
@media print, screen and (min-width: 768px) {
	.width210px-50 {
		width: 210px;
	}
}



/************************************************************ 
	
	ボタン
	
************************************************************/
/*btn01*/
/*.btn01 {
	list-style: none;
	padding: 0;
}
.btn01 li a {
	display: block;
	background: #e60012;
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	width: 500px;
	padding: 20px 10px;
	margin: 0 auto 1em;
	transition: 0.3s ease-in-out;
}
.btn01 li a:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 767px) {
	.btn01 li a {
		font-size: 16px;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}




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

	トグルボタン
	 
************************************************************/
/*トグルボタン　その1*/
.toggle01-btn {
	position: relative;
	cursor : pointer;
}
.toggle01-btn:after {
	content: " \f0d7";
	font-family: FontAwesome;
	font-size: 16px;
	color:#1d2088;
	position: absolute;
	top: 8px;
	right: 13px;
}
@media only screen and (max-width: 767px) {
	.toggle01-btn {
		padding-right: 25px;
	}
	.toggle01-btn:after {
		font-size: 24px;
		top: 4px;
	}
}
.toggle01-btn.open:after {
	transform: rotate(180deg);
}
.toggle01-box {
	display: none;
	padding: 1px 0;
}
.toggle01-box.open {
	display: block;
}

/*トグルボタン　その2*/
.toggle02-btn {
	position: relative;
	cursor : pointer;
}
.toggle02-btn.open {
	background: #e8e8f3;
}
.toggle02-btn:before {
	display: block;
	content: " \f0d7";
	font-family: FontAwesome;
	font-size: 16px;
	color:#1d2088;
	position: absolute;
	top: 50%;
	right: 13px;
	margin-top: -10px;
}
@media only screen and (max-width: 767px) {
	.toggle02-btn:before {
		font-size: 24px;
		margin-top: -18px;
	}
}
.toggle02-btn.open:before {
	transform: rotate(180deg);
}
.toggle02-box {
	display: none;
	padding: 1px 0;
}
.toggle02-box.open {
	display: block;
}






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

	ボックスの設定
	 
************************************************************/
/*ボックスのセンタリング*/
.box-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media only screen and (max-width: 767px) {
	.box-center-sp {
		margin-left: auto;
		margin-right: auto;
	}
}
@media print, screen and (min-width: 768px) {
	.box-center-pc {
		margin-left: auto;
		margin-right: auto;
	}
}

/*.box-yellow {
	border:4px solid #ff8c00;
	padding:10px 20px;
}*/

/*灰*/
.box-glay {
	background: #f7f5f4;
	padding:10px 20px;
}



/*みどり*/
.box-green {
	background: #e4eee6;
	padding:10px 20px;
}



/*チェックボックス*/
.box-check,
.box-check2 {
	background: #f7f5f4;
	padding: 13px 20px 13px 48px;
	position: relative;
	margin: 0 0 10px;
}
.box-check:before {
	content: " \f00c";
	font-family: FontAwesome;
	font-size: 30px;
	color:#1d2088;
	position: absolute;
	top: 11px;
	left: 13px;
}
.box-check2:before {
	content: " \f00c";
	font-family: FontAwesome;
	font-size: 30px;
	color:#1d2088;
	position: absolute;
	top: 19px;
	left: 13px;
}
.box-check-left {
	float: left;
	width: 390px;
	padding: 7px 0;
}
.box-check-right {
	float: right;
	width: 220px;
	padding: 7px 0;
}

.box-check p,
.box-check2 p {
	margin: 0;
}
.box-check p strong,
.box-check2 p strong {
	font-size: 18px;
}
@media only screen and (max-width: 767px) {
	.box-check,
	.box-check2 {
		padding: 13px 20px 13px 37px;
		margin: 0 0 6px;
	}
	.box-check:before,
	.box-check2:before {
		font-size: 24px;
		color:#1d2088;
		position: absolute;
		top: 11px;
		left: 10px;
	}
	.box-check-left {
		float: none;
		width: auto;
		padding: 0;
	}
	.box-check-right {
		float: none;
		width: auto;
	}
	.box-check p strong,
	.box-check2 p strong {
		font-size: 16px;
	}
}









/************************************************************ 
	
	googlemap
	
************************************************************/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/************************************************************ 
	
	文字を○で囲う
	
************************************************************/
.maru_half {
	border-radius: 50%;
	font-size: 1em;
	line-height: 2em;
	padding-top: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	 border: 1px solid #000;
}





/************************************************************ 
	
	ページ内リンク
	
************************************************************/

/*3パターン　page-link*/
/*2パターン　page-link2*/
/*4パターン　page-link4*/
.page-link,
.page-link2,
.page-link4 {
	background: #e7e8ff;

}
.page-link ul,
.page-link li,
.page-link2 ul,
.page-link2 li,
.page-link4 ul,
.page-link4 li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-link li a,
.page-link li a:link,
.page-link li a:visited,
.page-link2 li a,
.page-link2 li a:link,
.page-link2 li a:visited,
.page-link4 li a,
.page-link4 li a:link,
.page-link4 li a:visited {
	color: #1d2088;
}
.page-link li a:active,
.page-link li a:hover,
.page-link li a:focus,
.page-link2 li a:active,
.page-link2 li a:hover,
.page-link2 li a:focus,
.page-link4 li a:active,
.page-link4 li a:hover,
.page-link4 li a:focus {
	color: #1d2088;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	.page-link li,
	.page-link2 li,
	.page-link4 li {
		color: #1d2088;
		padding: 8px 20px 6px;
		border-bottom: 1px solid #9194d8;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.page-link li:last-child,
	.page-link2 li:last-child,
	.page-link4 li:last-child {
		border-bottom:none;
	}
	.page-link li a,
	.page-link2 li a,
	.page-link4 li a {
		padding-left: 11px;
	}
}
@media print, screen and (min-width: 768px) {
	.page-link li,
	.page-link2 li,
	.page-link4 li {
		float: left;
		color: #1d2088;
		text-align: center;
		padding: 8px 0 6px;
		border-right: 1px solid #9194d8;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.page-link li {
		width: 230px;
	}
	.page-link2 li {
		width: 345px;
	}
	.page-link4 li {
		width: 172px;
	}
	.page-link li:last-child,
	.page-link2 li:last-child,
	.page-link4 li:last-child {
		border-right:none;
	}
}















/************************************************************ 
	
	youtube
	
************************************************************/

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}




/************************************************************ 
	
	区切り線
	
************************************************************/

hr.rule01 {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #d2d2d2;
}