@charset"euc-jp";

/*text.css*/
/*テキスト*/


/* ---------------------------------------------------------
　hx
--------------------------------------------------------- */
h1 {
}

#wrapper h2 {
	position: relative;
	overflow: hidden;
	height: 60px;
	margin-bottom: 20px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;;
	text-indent: 38px;
	text-overflow: ellipsis;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	line-height: 60px;
	white-space: nowrap;
	background: #6fa9f5;
}
#wrapper h2:before {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	left: 20px;
	width: 2px;
	height: 18px;
	margin-top: -9px;
	background: #97b7f5;
	border-right: #4f8cf0 1px solid;
}

#wrapper h3,
.fancybox-overlay h3 {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:10px 0 10px 5px;
	color:#333;
	clear:both;
}

#wrapper h4 {
	background-color:#EAEAEA;
	font-weight:bold;
	color:#333333;
	padding:5px;
	margin:20px 20px 15px 10px;

}

h5 {

}

h6 {

}

hr {
	margin: 6px 0;
}

.point01 {
	background:#3399FF;
	padding:3px 5px;
	color:#fff;
	font-weight:bold;
	margin-right:10px;
}

/* ---------------------------------------------------------
　既存スタイル
--------------------------------------------------------- */
/* 文字の装飾 */

.lg			{ color:#FF0000; font-weight:bold; }

.lg2		{ color:#3366FF; font-weight:bold; }

.llg		{ font-size:22px; color:#0000FF; font-weight:bold; }

.mark		{ color:#FF3300; font-weight:bold; font-size:14px; }

.bk			{ text-decoration: blink; }


/* 文字の色 */

.black		{ color:#333333 !important; }

.red		{ color:#FF0000 !important; }

.pink		{ color:#F3494C !important; }

.blue		{ color:#0066ff !important; }

.deep_blue		{ color:#1169B5 !important; }

.gray		{ color:#bbbbbb !important; }

.yellow		{ color:#FFFF00; }

.white		{ color:#FFFFFF; }

.blown		{ color:#433c36; }

.darkblue	{ color:#335060; }

.orange		{ color:#FF6600 !important; }

.black		{ color:#000000; }

.green		{ color:#004300; }

.darkgray	{ color:#575d59; }

.a_black a:link { color:#000;}

.a_black a:visited { color:#000;}

/* 文字の太さ */

.bold		{ font-weight:bold; }

.normal		{ font-weight:normal; }

/* 文字のサイズ */

.f10		{ font-size:10px;}

.f12		{ font-size:12px;}

.f14		{ font-size:14px; }

.f16		{ font-size:16px; }

.f18		{ font-size:18px; }

.f20		{ font-size:20px; }

.f25		{ font-size:25px; }

.f30		{ font-size:30px; }

/* パディング */

.pd5		{ padding:5px !important; }

.pd10		{ padding:10px !important; }

.pd15		{ padding:15px !important; }

.pd20		{ padding:20px !important; }

/* TOPパディング */

.pdt5		{ padding-top:5px !important; }

.pdt10		{ padding-top:10px !important; }

.pdt15		{ padding-top:15px !important; }

.pdt20		{ padding-top:20px !important; }

/* BOTTOMパディング */

.pdb5		{ padding-bottom:5px !important; }

.pdb10		{ padding-bottom:10px !important; }

.pdb15		{ padding-bottom:15px !important; }

.pdb20		{ padding-bottom:20px !important; }

/* マージン */

.sp0		{ margin:0 !important; }

.sp5		{ margin:5px 0 !important; }

.sp10		{ margin:10px 0 !important; }

.sp15		{ margin:15px 0 !important; }

.sp20		{ margin:20px 0 !important; }

.sp30		{ margin:30px 0 !important; }

.sp40		{ margin:40px 0 !important; }


/* TOPマージン */

.spt0		{ margin-top:0 !important; }

.spt5		{ margin-top:5px !important; }

.spt10		{ margin-top:10px !important; }

.spt15		{ margin-top:15px !important; }

.spt20		{ margin-top:20px !important; }

.spt25		{ margin-top:25px !important; }

.spt30		{ margin-top:30px !important; }

.spt40		{ margin-top:40px !important; }

.spt50		{ margin-top:50px !important; }

/* BOTTOMマージン */

.spb5		{ margin-bottom:5px !important; }

.spb10		{ margin-bottom:10px !important; }

.spb15		{ margin-bottom:15px !important; }

.spb20		{ margin-bottom:20px !important; }

.spb25		{ margin-bottom:25px !important; }

.spb30		{ margin-bottom:30px !important; }

/* LEFTマージン */

.spl5		{ margin-left:5px !important; }

.spl10		{ margin-left:10px !important; }

.spl15		{ margin-left:15px !important; }

.spl20		{ margin-left:20px !important; }

.spl25		{ margin-left:25px !important; }

.spl30		{ margin-left:30px !important; }

/* RIGHTマージン */

.spr5		{ margin-right:5px; !important; }

.spr10		{ margin-right:10px; !important; }

.spr15		{ margin-right:15px; !important; }

.spr20		{ margin-right:20px; !important; }

.spr25		{ margin-right:25px; !important; }

.spr30		{ margin-right:30px; !important; }

/* vertical-align */

.v_bottom	{ vertical-align:bottom; }

.v_top		{ vertical-align:top; }

/* 回り込み */

.float_left	{ float:left; }

.float_right{ float:right; }

/* align */

.a_center	{ text-align:center; }

.a_right	{ text-align:right; }

.a_left		{ text-align:left; }

/* フロートクリア */

span.clear	{ height: 1px; margin: 0; padding: 0; font-size: 1px; line-height: 1px; display: block; clear: both; }

/* 非表示 */

.display_none {
	display: none;
}

/* ---------------------------------------------------------
　フォーム
--------------------------------------------------------- */
/*input.btn {
	background: orange;
	font-size: 16px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 3px;
	border: 1px solid #FF9015;
	text-shadow: 1px 1px 0 #FF9015, 1px -1px 0 #FF9015, -1px 1px 0 #FF9015,  -1px -1px 0 #FF9015;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	background: rgb(255,205,43);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmY2QyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjkwMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,205,43,1) 1%, rgba(255,144,21,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,205,43,1)), color-stop(100%,rgba(255,144,21,1)));
	background: -webkit-linear-gradient(top,  rgba(255,205,43,1) 1%,rgba(255,144,21,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,205,43,1) 1%,rgba(255,144,21,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,205,43,1) 1%,rgba(255,144,21,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,205,43,1) 1%,rgba(255,144,21,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd2b', endColorstr='#ff9015',GradientType=0 );
}*/

input[type="submit"]:hover {
	cursor: pointer;
}

input[type="text"],
input[type="password"] {
	padding: 2px 4px;
}

textarea {
	line-height: 1.4;
	padding: 4px;
}


/* ---------------------------------------------------------
　画像ぴこっとなるやつ
--------------------------------------------------------- */

a.btn:hover,
input.btn:hover	{
	position: relative;
	top: 1px;
	left: 1px;
	cursor: pointer;
}

a.btn:hover img	{ filter:alpha(opacity=80); }

input[type=image]#Submit:hover,
input[type=image]#inq_all:hover{
	position:relative;top:1px;left:1px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* ---------------------------------------------------------
　エラーメッセージ
--------------------------------------------------------- */
#primary .er_msg {
	padding: 5px;
	margin: 0 1em;
	border: 1px solid red;
	background: #FFEFEF;
	font-size: 13px;
	font-weight: bold;
	color: #F00;
}

/* ---------------------------------------------------------
　IE８でcheckboxを改行するため
--------------------------------------------------------- */

.nwrp		{ font-size:1px; color:white; }

.nowrap		{ white-space:nowrap; }

.checked	{ color:#106ACB; font-weight:bold; }

/* ---------------------------------------------------------
　相談会
--------------------------------------------------------- */

.cf:after{
	content: '';
	display: block;
	clear: both;
}
.cf{ zoom:1; }

/* ---------------------------------------------------------
　メリット
--------------------------------------------------------- */

.h3_merit01{
	background: url(/common/img/merit/ti_merit01.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h3_merit02{
	background: url(/common/img/merit/ti_merit02.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h3_merit03{
	background: url(/common/img/merit/ti_merit03.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h3_merit04{
	background: url(/common/img/merit/ti_merit04.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h4_merit01{
	height: 36px;
	background: url(/common/img/merit/st_merit02.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
	text-indent:-9999px;
}

.h4_merit02{
	height: 36px;
	background: url(/common/img/merit/st_merit03.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
	text-indent:-9999px;
}

.underline{
	border-bottom:1px #ffc61f solid; padding:0 0 5px 0;
}

/* ---------------------------------------------------------
　bootstrap
--------------------------------------------------------- */
.thumbnail {
  display: block;
  padding: 5px;
  line-height: 20px;
  border: 1px solid #5e6f2e;
  background:#fcf7d8;
/*
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
*/
  -webkit-box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

a.thumbnail:hover {
  border-color: #cd3f1f;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

div.thumbnail:hover {
  border-color: #2158bf;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}


/* ----------------------------------------------------------------------------------------------
　Bootstrapのための調節
---------------------------------------------------------------------------------------------- */
div.thumbnail{
	cursor:pointer;
}

/* ----------------------------------------------------------------------------------------------
　フラットなボタン
---------------------------------------------------------------------------------------------- */

a.flat_button,
input.flat_button {
	position: relative;
	display: block;
	width: 100%;
	height: 45px;
	margin-top: 5px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px #666;
	font-size: 14px;
	font-weight: bold;
	line-height: 42px;
	background: #80b7f8;
	border: none;
	border-bottom: 5px solid #2158bf;
}
.flat_button:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	width: 8px;
	height: 8px;
	margin-top: -2px;
	background: #FFF;
}
.flat_button:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 14px;
	width: 8px;
	height: 8px;
	margin-top: -2px;
	background: #80b7f8;
}
.flat_button:hover {
	line-height: 47px;
	background: #2158bf;
}
.flat_button:hover:before {
	margin-top: 0;
}
.flat_button:hover:after {
	margin-top: 0;
	background: #2158bf;
}

/* ---------------------------------------------------------
　画像リサイズ
--------------------------------------------------------- */
.img_fit {
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}

.img_fit.top {
	object-position: center top;
	font-family: 'object-fit: cover; object-position: center top;';
}

.img_fit.contain {
	object-fit: contain;
	font-family: 'object-fit: contain';
}