@charset "UTF-8";

/*------------------------------------------------------------------------------
## new 2017.06.05  
------------------------------------------------------------------------------*/
/*↓リセット*/
*, *::before, *::after {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
li{ list-style: none;}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: none;
}
img[src$=".svg"] {width: 100%;}
table {
	width: 100%;
	border-collapse : collapse;
	border-spacing: 0;
}
html{ font-size: 62.5%}
body{
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.6rem;
	color: #333;
	line-height:1.5;
	-webkit-text-size-adjust: 100%;/*PCサイトをスマホで見た時の文字サイズ固定*/
}
/*--- margin ---*/
.auto  {margin-left: auto!important; margin-right: auto!important;}
.m0  {margin:  0px!important;}
.m5  {margin:  5px!important;}
.m10 {margin: 10px!important;}
.m15 {margin: 15px!important;}
.m20 {margin: 20px!important;}
.m25 {margin: 25px!important;}
.m30 {margin: 30px!important;}
.m35 {margin: 35px!important;}
.m40 {margin: 40px!important;}
.m45 {margin: 45px!important;}
.m50 {margin: 50px!important;}
.m55 {margin: 55px!important;}
.m60 {margin: 60px!important;}
.m65 {margin: 65px!important;}
.m70 {margin: 70px!important;}
.m75 {margin: 75px!important;}
.m80 {margin: 80px!important;}
.m85 {margin: 85px!important;}
.m90 {margin: 90px!important;}
.m95 {margin: 95px!important;}
.m100{margin:100px!important;}
.mt0  {margin-top:  0px!important;}
.mt5  {margin-top:  5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt55 {margin-top: 55px!important;}
.mt60 {margin-top: 60px!important;}
.mt65 {margin-top: 65px!important;}
.mt70 {margin-top: 70px!important;}
.mt75 {margin-top: 75px!important;}
.mt80 {margin-top: 80px!important;}
.mt85 {margin-top: 85px!important;}
.mt90 {margin-top: 90px!important;}
.mt95 {margin-top: 95px!important;}
.mt100{margin-top:100px!important;}
.mb0  {margin-bottom:  0px!important;}
.mb5  {margin-bottom:  5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb55 {margin-bottom: 55px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb65 {margin-bottom: 65px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb75 {margin-bottom: 75px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb85 {margin-bottom: 85px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb95 {margin-bottom: 95px!important;}
.mb100{margin-bottom:100px!important;}
.ml0  {margin-left:  0px!important;}
.ml5  {margin-left:  5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml55 {margin-left: 55px!important;}
.ml60 {margin-left: 60px!important;}
.ml65 {margin-left: 65px!important;}
.ml70 {margin-left: 70px!important;}
.ml75 {margin-left: 75px!important;}
.ml80 {margin-left: 80px!important;}
.ml85 {margin-left: 85px!important;}
.ml90 {margin-left: 90px!important;}
.ml95 {margin-left: 95px!important;}
.ml100{margin-left:100px!important;}
.mr0  {margin-right:  0px!important;}
.mr5  {margin-right:  5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr55 {margin-right: 55px!important;}
.mr60 {margin-right: 60px!important;}
.mr65 {margin-right: 65px!important;}
.mr70 {margin-right: 70px!important;}
.mr75 {margin-right: 75px!important;}
.mr80 {margin-right: 80px!important;}
.mr85 {margin-right: 85px!important;}
.mr90 {margin-right: 90px!important;}
.mr95 {margin-right: 95px!important;}
.mr100{margin-right:100px!important;}
/*--- padding ---*/
.p0   {padding:  0px!important;}
.p5   {padding:  5px!important;}
.p10  {padding: 10px!important;}
.p15  {padding: 15px!important;}
.p20  {padding: 20px!important;}
.p25  {padding: 25px!important;}
.p30  {padding: 30px!important;}
.p35  {padding: 35px!important;}
.p40  {padding: 40px!important;}
.p45  {padding: 45px!important;}
.p50  {padding: 50px!important;}
.p55  {padding: 55px!important;}
.p60  {padding: 60px!important;}
.p65  {padding: 65px!important;}
.p70  {padding: 70px!important;}
.p75  {padding: 75px!important;}
.p80  {padding: 80px!important;}
.p85  {padding: 85px!important;}
.p90  {padding: 90px!important;}
.p95  {padding: 95px!important;}
.p100 {padding:100px!important;}
.pt0  {padding-top:  0px!important;}
.pt5  {padding-top:  5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pt55 {padding-top: 55px!important;}
.pt60 {padding-top: 60px!important;}
.pt65 {padding-top: 65px!important;}
.pt70 {padding-top: 70px!important;}
.pt75 {padding-top: 75px!important;}
.pt80 {padding-top: 80px!important;}
.pt85 {padding-top: 85px!important;}
.pt90 {padding-top: 90px!important;}
.pt95 {padding-top: 95px!important;}
.pt100{padding-top:100px!important;}
.pb0  {padding-bottom:  0px!important;}
.pb5  {padding-bottom:  5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb55 {padding-bottom: 55px!important;}
.pb60 {padding-bottom: 60px!important;}
.pb65 {padding-bottom: 65px!important;}
.pb70 {padding-bottom: 70px!important;}
.pb75 {padding-bottom: 75px!important;}
.pb80 {padding-bottom: 80px!important;}
.pb85 {padding-bottom: 85px!important;}
.pb90 {padding-bottom: 90px!important;}
.pb95 {padding-bottom: 95px!important;}
.pb100{padding-bottom:100px!important;}
.pl0  {padding-left:  0px!important;}
.pl5  {padding-left:  5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}
.pl55 {padding-left: 55px!important;}
.pl60 {padding-left: 60px!important;}
.pl65 {padding-left: 65px!important;}
.pl70 {padding-left: 70px!important;}
.pl75 {padding-left: 75px!important;}
.pl80 {padding-left: 80px!important;}
.pl85 {padding-left: 85px!important;}
.pl90 {padding-left: 90px!important;}
.pl95 {padding-left: 95px!important;}
.pl100{padding-left:100px!important;}
.pr0  {padding-right:  0px!important;}
.pr5  {padding-right:  5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pr55 {padding-right: 55px!important;}
.pr60 {padding-right: 60px!important;}
.pr65 {padding-right: 65px!important;}
.pr70 {padding-right: 70px!important;}
.pr75 {padding-right: 75px!important;}
.pr80 {padding-right: 80px!important;}
.pr85 {padding-right: 85px!important;}
.pr90 {padding-right: 90px!important;}
.pr95 {padding-right: 95px!important;}
.pr100{padding-right:100px!important;}
/*  スマホでのみ表示る要素を予め非表示の状態にする ------------------------------------------------------------------------------*/
#header .sp-header-r,
#spgnavi ,
#sp-accordion, 
#footer .sp-footertext, 
#footer .sp-hikaku {display: none;}
/*--- sp用改行 ---*/
.br-sp{ display: none;}

/************************************************************************************************************************************
 .clearfix
************************************************************************************************************************************/
/*for IE 5.5-7*/
.clr, .f_box {
	zoom: 1;
	display: inline-table;
}
/*for modern browser*/
.clr::after, .f_box::after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
* html .clr, * html .f_box {
	height: 1%;
	display:inline-table;
	/*\*/display:block;/**/
}
/* Hides from IE-mac \*/
* html .clr, .* html .f_box  {
	height: 1%;
}
.clr, .f_box {
	display: block;
}

/** displayの強制指定 *****************************************************************/
.tb-show { display: none !important; }
.sp-show { display: none !important; }
.sp_min-show { display: none !important; }
.sp-dis{ display: none!important;}
/* google_conversion_frameが高さを持っているため非表示（画面最下部に不要な余白になる） */
iframe[name=google_conversion_frame] {
	display: none;
}

/*------------------------------------------------------------------------------
header設定
------------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	width: 100%;
	max-width: 1000px;
	padding: 0 20px;
	margin: 5px auto 3px;
}
#header #logo {
	float: left;
	width: 85px;
	padding: 0px;
	margin: 0px;
}
#header #logo img {
	width: 100%;
	height: 100%;
}
#header .head_left {
	float: left;
	width: calc(73.125% - 100px);
}
#header .head-txt {
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px 0 20px 10px;
}
#header .text-header{
	font-weight: bold;
	font-size:1.6rem;
	margin-left: 7px;
  line-height: 1em;
}
#header .main-tit{
	font-size: 2rem;
	margin-right: 5px;
}
#header .img {
	width: 87.358184764991896272285251215563%;	/* 539/616.99999999999999999999999999997*100 */
	max-width: 539px;
	margin: 0 0 10px 7px;
}
#header .img img { width: 100%; height: 100%; }
#header .pmark {
	float: right;
	width: 5.2083333333333333333333333333333%;	/* 50/960*100 */
}
#header .pmark img { width: 100%; height: 100%; }
#header .pmark a:hover {
	opacity: 0.6;
}
#header .tel {
	float: right;
	width: 210px;	/* 208/960*100 */
}
#header .tel img { width: 100%; height: 100%; }


/*------------------------------------------------------------------------------
###		OK		###gnavi設定
------------------------------------------------------------------------------*/
#gnavi {
	overflow: hidden;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	border-top: solid 3px #c1272d;
}
#gnavi ul {
	width: 960px;
	margin: 0px auto;
} 
#gnavi ul li {
	position: relative;
	display: table;
	float: left;
	width: calc(100%/7);
	height: 46px;
	letter-spacing: -1px;
}
#gnavi ul li a {
	display:table-cell;
	vertical-align: middle;
	color: #000;
	line-height: 110%;
	font-size: 1.4rem;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#gnavi ul .menu_on,
#gnavi ul li a:hover{
	background-color:#c1272d;
	color: #fff;
}
#gnavi ul li a::before {
	background-color: #999;
	bottom: 0;
	content: " ";
	display: block;
	height: calc(100% - 10px);
	left: 0;
	margin: auto 0;
	position: absolute;
	top: 0;
	width: 1px;
}
#gnavi ul li:last-child a::after{
	background-color: #999;
	bottom: 0;
	content: " ";
	display: block;
	height: calc(100% - 10px);
	margin: auto 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}

/*------------------------------------------------------------------------------
###		OK		###pan設定
------------------------------------------------------------------------------*/
#pan{
	width: 100%;
	font-size: 1.2rem;
	background: #f5f5f5;
	box-shadow:inset 1px 4px 6px -6px rgba(0,0,0,.5);
}
#pan ol{
  position: relative;
	overflow: hidden;
	max-width: 1000px;
	padding: 7px 5px 6px;
	margin: 0 auto;
}
#pan li{
	display: table-cell;
	vertical-align: middle;
	position: relative;
  padding: 0 5px 0 0;
	line-height: 1.4;
}
#pan li:last-child{
  padding: 0 10px 0 0;
}
#pan li a{
	color: inherit;
}
#pan li:not(:first-child) span{
  margin: 0px 0px 0px 5px;
}
#pan .pan_area {
	position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
#pan .time_area {
	text-align: right;
	font-size: 1.2rem;
	color: #999;
	line-height: 1;
	padding: 5px 0;
	position: absolute;
	right: 5px;
	top: 2px;
}
@media screen and (min-width: 769px) {
	#pan ol{padding: 6px 30px 6px;}
  #pan .time_area {right: 25px;}
}
@media screen and (max-width: 599px) {
#pan{
  font-size: 10px;
}
#pan ol{
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
#pan .time_area {
	font-size: 1rem;
	top: 3px;
}  
}


/*------------------------------------------------------------------------------
###		OK		###カラム設定
------------------------------------------------------------------------------*/
#content {
	overflow: hidden;
	width: 1000px;
	padding: 0 30px 0 30px;
	margin: 0px auto;
}
#main-column { float: left;}
/*------------------------------------------------------------------------------
###		OK		###更新日設定
------------------------------------------------------------------------------*/
.time_area {
    text-align: right;
    font-size: 1.2rem;
    color: #999;
    line-height:1;
    padding: 5px 0;
}

/*------------------------------------------------------------------------------
snavi設定
------------------------------------------------------------------------------*/
#snavi {
	margin: 0;
	padding: 10px 0px 0px;
	float: right;
	width: 220px;	/* 220/960*100 */
}
/* .banner01 ------------------------------------------------------------------------------*/
#snavi .banner01 {
	padding: 0px;
	margin: 5px 0px 0px;
}
#snavi .banner01 li {
	padding: 5px 0px 0px;
	margin: 0px;
	text-align: center;
}
#snavi .banner01 li a:hover {
	opacity: 0.6;
}


/*------------------------------------------------------------------------------
footer設定
------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	margin: 50px 0px 0px;
	clear: both;
}
/* .fnavi ------------------------------------------------------------------------------*/
#footer .fnavi {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 1200px;
	padding: 0px;
	margin: 20px auto 0px;
}
#footer .fnavi .pagetop.is_absolute {
	box-sizing: border-box;
	position: absolute;
	top: -57px;
	right: 40px;
	width: 56px;
	margin: 0px;
	padding: 0px;
}
#footer .fnavi .pagetop:not(.is_absolute) {
	box-sizing: border-box;
	position: fixed;
	bottom: 88px;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	height: 0;
	margin: 0px auto;
	padding: 0px;
}
#footer .fnavi .pagetop:not(.is_absolute) a {
	position: absolute;
	right: 40px;
	display: block;
	width: 56px;
}

#footer .link {
	color: #FFF;
	text-align: center;
	width: 100%;
	padding: 7px 0px;
	margin: 0px auto;
	background: #666;
	text-decoration: none;
}
#footer .ua {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 0;
	text-align: center;
}
#footer .ua a {
    color: #FFF;
}
#footer .link a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}

.syounin {
	font-size: 12px;
	letter-spacing: 1px;
	text-align: right;
	margin: 10px 0px 0px;
	padding: 0px;
	color: #999;
}
#footer address {
	box-sizing: border-box;
	color: #666;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana;
	width: 100%;
	max-width: 1000px;
	padding: 3px 20px 3px;
	margin: 0px auto;
}
#footer address p {
	display: inline;
}
#footer address .ifc {
	text-align: left;
	float: left;
}
#footer address .copy {
	text-align: right;	
	float: right;
}

.syounin {
	font-size: 10px;
	letter-spacing: 1px;
	text-align: right;
	margin: 50px 0px 0px;
	padding: 0px;
	color: #999;
}
/* ranking logo */
.logotypetran{
	vertical-align: middle;
	display: table-cell;
	height: 80px;
}
.bold{ font-weight: bold;}
/*--- hover ---*/
.hover:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	display: block;
}
/*--- bootstrap ---*/
.bs-pd-s{
	margin-left: -8px;
	margin-right: -8px;
}
.bs-pd-s [class^='col-sm'],.bs-pd-s [class^='col-xs']{
	padding-left: 8px;
	padding-right: 8px;
}
.bs-pd-ss{
	margin-left: -3px;
	margin-right: -3px;
}
.bs-pd-ss [class^='col-sm'],.bs-pd-ss [class^='col-xs']{
	padding-left: 3px;
	padding-right: 3px;
}

/*------------------------------------------------------------------------------
404設定
------------------------------------------------------------------------------*/
#error {
	margin: 0px;
	padding: 20px 0px 0px;
}
#error h2 {
	font-size: 18px;
	color: #FFF;
	background: #c1272d;
	margin: 0px;
	padding: 10px 10px 5px;
}

/*------------------------------------------------------------------------------
共通フッター（保険料検索）
------------------------------------------------------------------------------*/
.foot-more{
	margin: 50px auto 0 auto;
	width: 700px;
}
@media screen and (max-width: 767px){
	.foot-more{
	display: none;
}
}
.foot-search{
	background-image: url(/img/common/foot_search_bg.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 183px;
	position: relative;
	margin-top: 20px;
}
.foot-search ul li{
	position: absolute;
	width: 45%;
	bottom:15px;
	right: 30px;
}
.foot-search ul li:first-child{
	left: 30px;
}
.foot-search ul li a{
	display: block;
	position: relative;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	background: #2db86b;
	color: #fff;
	text-align: center;
	border: solid 1px #0f8544;
	border-radius: 5px;
	box-shadow: 0px 2px #0f8544;
	margin-bottom: 11px;
	transition:  all .3s;
	-webkit-font-smoothing: antialiased;
	padding: 3px 0;
	text-shadow: 0px 2px 3px #0f8544;
}
.foot-search ul li a span{font-size: 2rem;}
.foot-search ul li a:hover{
	box-shadow: none;
	transform: translate3d(0, 2px, 0);
	background: #29ab63;
}
.foot-tel{
	margin-top: 20px;
}

/*------------------------------------------------------------------------------
開閉ブロックのmargin-top
------------------------------------------------------------------------------*/
.ac-block{margin-top: 0;}
.ac-block  > *:first-child {margin-top: 10px;}

@media screen and (max-width: 767px){
	.sp-mt15{margin-top: 15px;}
}

/*------------------------------------------------------------------------------
開閉アイコン設定
------------------------------------------------------------------------------*/
.ac-icon::before{
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	background-color: #fff;
	border: 1px solid #b3b3b3;
	cursor: pointer;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -16px;
	box-shadow: 0 2px 0 0 #b3b3b3;
	border-radius: 6px;
}
.ac-icon span::before,
.ac-icon span::after{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #c1272d;
	top: 50%;
	right: 19px;
	width: 12px;
	height: 2px;
	margin-top: -2px;
}
.ac-icon span::after{
	transition:  all .3s;
}
.is_close span::after{
	background-color: #c1272d;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.no-icon span::before,
.no-icon span::after{
	display: none;
}

/*------------------------------------------------------------------------------
開閉ブロックのmargin-top
------------------------------------------------------------------------------*/
.ac-block{margin-top: 0;}
.ac-block  > *:first-child {margin-top: 10px;}

/*------------------------------------------------------------------------------
矢印アイコン
------------------------------------------------------------------------------*/
.ac-arrow::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	margin: auto;
	background-color: #FFF;
	border: solid 1px #b3b3b3;
	border-radius: 6px;
	box-shadow: 0 2px 0 0 #b3b3b3;
}
.ac-arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #9C004A;
	border-right: 2px solid #9C004A;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media screen and (max-width: 767px){
  .ac-arrow::before{
    width: 22px;
    height: 22px;
  }
  .ac-arrow::after{
    right: 14px;
  }
}
/*------------------------------------------------------------------------------
コンテンツ内画像設定
------------------------------------------------------------------------------*/
.img-section{margin-top: 20px; display: block;}

/*------------------------------------------------------------------------------
bootstrap
------------------------------------------------------------------------------*/
.right-block{
	display: block;
	margin-left: auto;
}

/*------------------------------------------------------------------------------
SP用固定フッターナビ
------------------------------------------------------------------------------*/
#spfnav-fixed {
	bottom: -63px;
	width: 100%;
	height: auto;
	background-color: #c1272d;
	position: fixed;
	z-index: 9999;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}
#spfnav-fixed ul {
	padding: 2px 0;
}
#spfnav-fixed ul::after{
	display: table;
	clear: both;
	content: '';
}
#spfnav-fixed ul li {
	float: left;
	box-sizing: border-box;
	width: 28.33333333%;
	/*width: calc(85%/3);*/
	border-right: 1px solid #fff;
	border-bottom: none;
}
#spfnav-fixed ul li:last-child {
	width: 15%;
	border-right: none;
}
#spfnav-fixed ul li a {
	position: relative;
	display: block;
	box-sizing: border-box;
	height: 59px;
	padding: 8px 0 0 0;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
}
#spfnav-fixed ul li a span {
	font-size: 100%;
	display: block;
	padding-top: 3px;
}
#spfnav-fixed ul li a img {
	margin-right: 0;
	height: 25px;
	text-align: center;
}
#spfnav-fixed.slide-sp {
	bottom: 0;
}

/*------------------------------------------------------------------------------
契約の流れ
------------------------------------------------------------------------------*/
.step-tel-area{margin-top: 15px; font-size: 1.4rem;}
.step-tel{
	font-size: 3rem;
	font-weight: bold;
	display: block;
	color: #cc0000;
}
.step-tel b{
	font-size: 14px;
	display: inline-block;
	padding-right: 5px;
}
.step-tel-time{
	margin-left: -0.6em;
}
.agree-step .tit { font-size: 1.4rem;font-weight: bold; background: #ebebeb; margin: 10px 0 0 0; padding: 3px 5px; width: 100%; }
.agree-step .tit +.txt-s{ margin-top: 5px; }

/*------------------------------------------------------------------------------
コンテンツの表示非表示
------------------------------------------------------------------------------*/
.pc-hidden{ display:block!important}
.tab-hidden{ display: none !important; }
.sp-hidden{ display: none !important; }
@media screen and (max-width: 768px) {
	.sp-show { display: block !important; }
	.sp-hide{ display: none !important; }
  .pc-hidden{ display:none!important}
  .tab-hidden{ display: block!important}
}
@media screen and (min-width: 767px) {
	.pc-hide{ display: none !important; }
}
@media screen and (max-width: 767px) {
	.tab-show{ display: none !important; }
  .tab-hidden{ display: none!important}
  .sp-hidden{ display: block!important}
}

@media screen and (max-width: 767px){	
	[class^='col-sm']:not(:first-child){
		margin-top: 15px;
	}
	.sp-dis{display: block !important;}
	.ac-icon::before{
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-radius: 5px;
	box-shadow: 0 1px 0 0 #b3b3b3;		
	}
	
	.ac-icon span::before,
	.ac-icon span::after{
	right: 14px;
	margin-top: -1px;
	}
	
	.img-section{margin-top: 15px;}
}