@charset"euc-jp";

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

/* ---------------------------------------------------------
　hx
--------------------------------------------------------- */
h1 {
	float: right;
	width: 630px;
	color:#333;
	font-size: 10px;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

h2 {
	font-size:16px;
	border-left:3px solid #20407B;
	border-bottom:1px solid #999999;
	padding:8px 0 8px 10px;
	margin:0 0 15px 0;
	background:#eee;
	font-weight:bold;
	color:#333;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9FAFB), to(#DBDBDB));
	background: -webkit-linear-gradient(top, #F9FAFB, #DBDBDB);
	background: -moz-linear-gradient(top, #F9FAFB, #DBDBDB);
	background: -ms-linear-gradient(top, #F9FAFB, #DBDBDB);
	background: -o-linear-gradient(top, #F9FAFB, #DBDBDB);
	background-image: -ms-linear-gradient(top, #F9FAFB 0%, #DBDBDB 100%);
	box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
}

h3 {
	font-size:14px;
	font-weight:bold;
	border-bottom:solid 1px #ccc;
	margin:30px 0 15px;
	padding:10px 5px 5px 5px;
	color:#333;
	clear:both;
}

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

}

h5 {

}

h6 {

}

/* --------------------------------------
　	　見出し
-------------------------------------- */

#primary h2.icon_headline {
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0;
	background: transparent;
	background: url("/common/img/icon_headline.png") no-repeat;
	background-size: 25px 25px;
	border-left: none;
	border-bottom: 2px solid #333;
	box-shadow: none;
}
#primary h2.icon_headline span.icon_headline_border {
	display: inline-block;
	height: 40px;
	padding-left: 40px;
	font-size: 20px;
	letter-spacing: 0.5em;
	line-height: 25px;
	border-bottom: #ea5413 solid 2px;
}


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

.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:#933 !important; }

.green	{ color:#008000 !important; }

.blue		{ color:#006699 !important; }

.gray		{ color:#bbbbbb !important; }

.yellow		{ color:#FFFF00; }

.white		{ color:#FFFFFF; }

.blown		{ color:#433c36; }

.darkblue	{ color:#335060; }

.orange		{ color:#ea5413 !important; }

.black		{ color:#000000; }

.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; }

.f24		{ font-size:24px; }

.f32		{ font-size:32px; }

/* 背景色 */
.bgblack { background: #000; }

/* パディング */

.pd5		{ padding:5px; }

.pd10		{ padding:10px; }

.pd15		{ padding:15px; }

.pd20		{ padding:20px; }

/* TOPパディング */

.pdt5		{ padding-top:5px; }

.pdt10		{ padding-top:10px; }

.pdt15		{ padding-top:15px; }

.pdt20		{ padding-top:20px; }

/* マージン */
.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; }

.sp50		{ margin:50px 0 !important; }


/* TOPマージン */

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

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

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

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

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

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

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

.spt100		{ margin-top:100px !important; }

/* 左マージン */
.spl0		{ margin-left:0px !important; }

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

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

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

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

/* 右マージン */

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

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

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

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


/* 下マージン */

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

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

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

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

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

.spb40		{ margin-bottom:40px !important; }

.spb50		{ margin-bottom:50px !important; }

/* vertical-align */

.v_bottom	{ vertical-align:bottom; }

.v_top		{ vertical-align:top; }

/* 回り込み */

.float_left	{ float:left !important; }

.float_right{ float:right !important; }

/* 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; }

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

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

a.btn:hover	{ position:relative;top:1px;left:1px; }

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

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

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

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

.nowrap		{ white-space:nowrap; }

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


/* ---------------------------------------------------------
　その他装飾
--------------------------------------------------------- */
.border{
	padding:2px;
	border:#DDDDDD solid 1px;
}



/* デザイン装飾 */
img.dropshadow,
input.dropshadow{
	box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
}

img.shadow,
input.shadow{
	box-shadow: 0px 0px 8px #666;
	-moz-box-shadow: 0px 0px 8px #666;
	-webkit-box-shadow: 0px 0px 8px #666;
}

.site_theme_color{
	color:#3C4669;
}

.bg_img_dot{
	background-image:url(../img/bg_dot.png);
	background-repeat:repeat;
}

/* ---------------------------------------------------------
　送信ボタン
--------------------------------------------------------- */
body .submit_btn {
	display: inline-block;
	border: none;
	background: #518867;
	padding: 20px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	font-size: 20px;
	text-decoration: none !important;
	vertical-align: middle;
}
.submit_btn:hover {
	background: #63a57d;
	cursor: pointer;
}

body .submit_btn_mini{
	padding: 5px 10px;
	font-size: 12px;
}

/* ---------------------------------------------------------
　黒塗りボタン
--------------------------------------------------------- */
.button_wrap {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.button {
	display: inline-block;
	width: 100%;
	height: 40px;
	margin-top: 5px;
	padding: 0 5px;
	color: #FFF !important;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	background: #333;
	border: 1px solid #CCC;
}
.button:link,
.button:visited {
	text-decoration: none;
}
.button:hover {
	background: #666;
	cursor: pointer;
	text-decoration: none !important;
}

.arrow_toggle {
	position: relative;
}

.arrow_toggle:after {
	content: "\f107";
    display: inline-block;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3%;
	margin: auto;
	font-size: 30px;
	height: 30px;
}

.arrow_toggle.on:after {
    content: "\f106";
}

.arrow_right {
	position: relative;
}

.arrow_right:after {
	content: "\f105";
	display: inline-block;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6%;
	margin: auto;
	font-size: 30px;
	height: 30px;
}

.arrow_left {
	position: relative;
}

.arrow_left:after {
	content: "\f104";
	display: inline-block;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6%;
	margin: auto;
	font-size: 30px;
	height: 30px;
}

/* ---------------------------------------------------------
　bootstrap
--------------------------------------------------------- *//* ---------------------------------------------------------
　ページトップへ戻る
--------------------------------------------------------- */

#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}
#pagetop a {
	display: block;
	opacity: 0.7;
}
#pagetop a:hover {
	opacity: 1;
}

.thumbnail {
  display: block;
  padding: 5px;
  line-height: 20px;
  border: 1px solid #BDB99D;
/*
  -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: #0088cc;
  -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: #0088cc;
  -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;
}



/* ---------------------------------------------------------
　chrome 10px underline対策
--------------------------------------------------------- */
.crm_text{
	font-size:x-small;
	padding-bottom:1px;
}


/* ---------------------------------------------------------
　画像crop・resize用　imagewrap
--------------------------------------------------------- */
.iw{
	width:100px;
    height:100px;
    overflow:hidden;
    text-align:center;
}
	.iw img{
		width:100%;
	}

.hider{
	width:100%;
	height:100%;
}


/* ---------------------------------------------------------
　その他レイアウト
--------------------------------------------------------- */
.caption {
	color:#666;
	text-align:center;
	display:block;
	padding:8px 5px;
	line-height:1.4;
}

.imgL{
	float:left;
	margin:0 1.5em 0 0;
}

.imgR{
	float:right;
	margin:0 0 0 1.5em;
}

.img2L{
	width:340px;
	float:left;
}

.img2R{
	width:340px;
	float:right;
}

.img3L{
	width:220px;
	float:left;
	margin-right:20px;
}

.img3R{
	width:220px;
	float:right;
}

.hidden {
	display: none;
}

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

.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{
	background: url(/common/img/merit/st_merit02.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
	text-indent:-9999px;height: 26px;
}

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

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

/* ---------------------------------------------------------
　リスト
--------------------------------------------------------- */

ul.list-style-type_none,
.list-style-type_none ul {
	position: relative;
	overflow: hidden;
}
.list-style-type_none li {
	list-style-type: none !important;
}

/* 頭に三角形 */
.triangle_list li::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 8px;
	margin-left: 5px;
	border: 4px solid transparent;
	border-left: 5px solid #666;
}

/* 横並びのリスト */
.inline_block_list ul {
	margin: 0 !important;
}
.inline_block_list li {
	list-style-type: none;
	display: inline-block;
}
.inline_block_list li + li {
	margin-left: 1em;
}

.flex{
	display: flex;
}
.just_bet{
	justify-content: space-between;
}