@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	font-family: MS PGothic, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	list-style: none;
}

body {
	font: 300 13px/1em '';
	font-family: MS PGothic, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

body,
table,
input, textarea, select, option {
	font-family: MS PGothic, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
    width: 100%;
}

li img,
dl img {
	display: block;
	vertical-align: baseline;
}

a:link {
	color: #666;
	text-decoration: underline;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

a:active {
	color: #666;
	text-decoration: none;
}

.form_td_span_red {
	font-size:12px;
	color:#c00;
}

@media screen and (max-width: 640px){
	.form_td_span_red{
		    clear: both;
	    float: left;
	    margin-top: 10px;
	    line-height: 1.5;
	}

}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #000;
	text-align: center;
	line-height: 1.5;
	background-color: #FFF;
}

#container {
	text-align: left;
}

#main {
	margin: 0 auto 40px;
    width: 1000px;
}

	* html #main {
		zoom: 1;
	}

	*+html #main {
		zoom: 1;
	}

#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

@media screen and (max-width: 640px){
	body {
		width: 100%;
		color: #000;
		text-align: center;
		line-height: 1.5;
		background-color: #FFF;
	    min-width: auto;
	}
	#main {
		margin: 0 auto 40px;
	    width: 95%;
	    display: block;
	    padding: 0;
	}

}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
        margin: 0 auto 20px;
    width: 1000px;
} 

#header .btnList {
	margin-bottom: 11px;
	float: right;
	width: 435px;
}

#header .btnList li {
	padding-left: 3px;
	float: left;
}

#header .btnList li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#header .hInner {
	clear: both;
}


#header .hBox .logo {
	float: left;
}

#header .hBox .logo img{
	height: auto;
}
#header .hBox .logo a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#header .hBox .hLink {
	margin-top: 6px;
	float: right;
	width: 250px;
}

#header .hBox .hLink li {
	padding: 0 0 3px 14px;
	float: left;
}

#header .hBox .hLink li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#header .hInner .tel {
    margin-top: 11px;
	float: right;
}

@media screen and (max-width: 640px){
	#header .hBox {
	    width: 50%;
	}
	#header .btnList,#header .hBox .hLink{
		display: none;
	}
	#header .hInner .tel{
		margin: 0;
	    width: 210px;
	}
	.wrapper .topBox .topInner p{
		padding: 0;
	    font-size: 15px;
	    float: left;
	    margin: auto;
	    clear: both;
	    display: block;
	    margin-top: 10px;
	    width: 100%;
	}
	.wrapper .topBox .topInner p + small{
		float: left;
		margin-top: 10px;
    font-size: 12px;
	}
	#header{
		width: 90%;
		margin: auto;
		padding: 20px 0;
	}
	.wrapper{
		padding: 0;
	}
	.wrapper .headLine02{
		background: none;
	    text-align: center;
	    padding: 0;
	}
	#main h2 p{
	    display: block;
	    clear: both;
        width: 300px;
		margin: 10px auto 15px;
		font-size: 15px;
	}
	#main h2 {
		position: relative;
	}
	#main h2:before{
		content: '';
		background: url(../../img/common/h2_bg.gif)no-repeat center;
		width: 30px;height: 30px;
		background-size: contain;
		position: absolute;
		display: block;
		top: 2px;
	    left: 50%;
	    transform: translate(-130px,0);
	}
}
@media screen and (max-width: 450px){
	#header .hBox{
    width: 100%;
    float: initial;
    margin: auto;
    margin-bottom: 20px;
    overflow: hidden;
	}
	#header .hInner .tel{
		    width: 240px;
    margin: auto;
    float: initial;
	}

}
/*------------------------------------------------------------
	保険料チェック
------------------------------------------------------------*/
dl.fee_check {
	border:3px solid #27b7ec;
	border-radius:10px;
	background:#fff;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

dl.fee_check dt.check_ttl{
    padding: 8px 0 5px;
    border-radius: 10px 10px 0 0;
    border-bottom: 2px solid #7f7f7f;
    display: table;
    width: 90%;
    margin: 0 auto;
}

dl.fee_check dt.check_ttl p{
	font-size:34.66px;
	color:#507ea4;
    display: table-cell;
    vertical-align: middle;
}

dl.fee_check dt.check_ttl img{
	float:right
}

dl.fee_check dt.check_ttl p.orange{
    width: 230px;
}

dl.fee_check dt.check_ttl p.orange span{
    font-size: 22px;
    font-weight: bold;
    padding: 8px 30px 5px 40px;
    color: #fff;
    background: #eea645;
    border-radius: 31px;
}

dl.fee_check dt.check_ttl p.red{
	width: 300px;
}

dl.fee_check dt.check_ttl p.red span{
	font-size:44.3px;
	color:#ee5871;
    padding-right: 7px;
}

dl.fee_check dd.form_area .left_area,
dl.fee_check dd.form_area .middle_area,
dl.fee_check dd.form_area .right_area{
	float:left;
}
dl.fee_check dd.form_area .middle_area,
dl.fee_check dd.form_area .right_area{
	margin-top: 5px;
}

dl.fee_check dd.form_area{
	border-radius:0 0 10px 10px;
    padding: 20px 50px;
    background: #e9f6ff;
}

dl.fee_check dd.form_area .form_inner{
	padding:27px;
	margin: 0 0 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8abde2+0,0f75bb+100,7db9e8+100 */
background: #8abde2; /* Old browsers */
background: -moz-linear-gradient(left, #8abde2 0%, #0f75bb 100%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #8abde2 0%,#0f75bb 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8abde2 0%,#0f75bb 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abde2', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}

dl.fee_check dd.form_area .form_inner ul.type_size{
	text-align: center;
}

dl.fee_check dd.form_area .form_inner ul.top{
    margin-bottom: 25px;
}

dl.fee_check dd.form_area p.arrow{
    content: "";
    background: url(../../img/index/estimate_icon_arrow.png) no-repeat center;
    width: 35px;
    height: 60px;
    float: left;
    margin: 95px 25px 0 15px;
}

dl.fee_check dd.form_area .form_inner ul.type_size li{
	width:89px;
	display:inline-block;
    margin-right: 15px;
}

dl.fee_check dd.form_area .form_inner ul.type_size li.last{
    margin-right: 0;
}

dl.fee_check dd.form_area .form_inner ul.type_size li dl{
}

dl.fee_check dd.form_area .form_inner ul.type_size li label{
    cursor: pointer;
}

dl.fee_check dd.form_area .form_inner ul.type_size li dl dt{
}

dl.fee_check dd.form_area .form_inner ul.type_size li dl dt img.on{
    display: none;
}

dl.fee_check dd.form_area .form_inner ul.type_size li.on dl dt img.on{
    display: block;
}

dl.fee_check dd.form_area .form_inner ul.type_size li.on dl dt img:not(.on){
    display: none;
}

dl.fee_check dd.form_area .form_inner ul.type_size li dl dd{
	text-align:center;
    padding-top: 5px;
}

dl.fee_check dd.form_area .form_inner dl.select_age{
}

dl.fee_check dd.form_area .form_inner dl.select_age dt{
	margin: 12px 0 30px;
}

dl.fee_check dd.form_area .form_inner dl.select_age dt span{
	font-size: 17px;
    font-weight: bold;
    padding: 10px 1.5em;
    color: #fff;
    background: #eea645;
    border-radius: 31px;
}

dl.fee_check dd.form_area .form_inner dl.select_age dd{
    background: #fff;
    height: 36px!important;
    font-size: 17px;
    font-weight: bold;
    padding-top: 3px;
    color: #006cb6;
    position: inherit!important;
    text-align: center;
    border-radius: 5px;
    width: 200px;
    margin: 0 auto 53px;
}

dl.fee_check dd.form_area .form_inner dl.select_age dd.fee_check_select_wrapper{
    position: relative !important;
    padding: 0;
}

dl.fee_check dd.form_area .form_inner .hasCustomSelect {
	left: auto;     /* ハックなし */
	left: auto; /* IE10以下 */
	*left: auto;   /* IE7以下 */
	_left: auto; /* IE6 */
	position:inherit;
	width: 100% !important;
	height: 100% !important;
	cursor: pointer;
	left: 0 !important;
	top: 0 !important;
}
dl.fee_check dd.form_area .form_inner .hasCustomSelect:not(:target) {
	left: auto; /* IE9, 10 */
	position:inherit;
}
/*dl#insurance_fee dd.form_area .form_inner dl.select_age dd {
    background: #fff;
    text-align: center;
    border-radius: 5px;
    width: 200px;
    margin: 0 auto 53px;
}

dl#insurance_fee dd.form_area .form_inner dl.select_age dd select{
    height: 36px!important;
    font-size: 17px;
    font-weight: bold;
    color: #006cb6;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
}
*/
dl.fee_check dd.form_area .form_inner p.submit_btn{
	text-align: center;
}

dl.fee_check dd.form_area .form_inner p.submit_btn input{
    color: #fff;
    border: none;
    width: 195px;
    height: 80px;
    background: #f1798d;
    border-radius: 5px;
	font-size:18px;
	font-weight:bold;
}

dl.fee_check dd.form_area .form_inner p.submit_btn input[type=submit]{
    cursor: pointer;
}

dl.fee_check dd.form_area .form_inner dl.right_area{

}

dl.fee_check dd.form_area .form_inner dl.right_area dt{
	background:url(../../img/index/estimate_icon_fukidashi.png) no-repeat center;
	width:159px;
	height:139px;
	text-align:center;
	margin-bottom: 20px;
}

dl.fee_check dd.form_area .form_inner dl.right_area dt p{
	font-size:18px;
	font-weight:bold;
    padding-top: 26px;
}

dl.fee_check dd.form_area .form_inner dl.right_area dt p span.ttl_inner{
	color:#eea645;
}

dl.fee_check dd.form_area .form_inner dl.right_area dt p span.red{
	color:#dd2e1b;
}

dl.fee_check dd.form_area .form_inner dl.right_area dd{
	border-radius:5px;
	background:#fff;
	width:160px;
	height:80px;
	position:relative;
    display: table;
}

dl.fee_check dd.form_area .form_inner dl.right_area dd span.result_area{
	font-size: 39px;
    font-weight: bold;
    color: #006cb6;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    padding-bottom: 5px;
    padding-right: 20px;
}

dl.fee_check dd.form_area .form_inner dl.right_area dd span.yen{
	font-size:18px;
	font-weight:bold;
	color:#006cb6;
	position: absolute;
    right: 10px;
    bottom: 4px;
}

dl.fee_check dd.form_area p.estimate{
	color:#006cb6;
	font-size:14px;
    line-height: 130%;
	
}

dl.fee_check dd.form_area .detailBox#fadeArea{
    display: none;
}

dl.fee_check dd.form_area .detailBox {
    background: none;
    margin-bottom: 0;
    padding: 20px 0 0;
}

dl.fee_check dd.form_area .detailBox .detail li {
    margin-right: 46px;
    float: left;
}
dl.fee_check dd.form_area .detailBox .detail li:last-child {
    margin-right: 0;
}
/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi {
	padding: 9px 0;
	clear: both;
	background-color: #006CB6;
	border-bottom: 1px solid #FFF;
}

#gNavi ul {
	    margin: 0 auto;
    width: 1002px;
}

#gNavi ul li{
	float: left;
	    height: 31px;
}


#gNavi li a {
	display: inline-block;
	color: white;
	text-decoration: none;
}

@media screen and (max-width: 640px){
	#gNavi ul li{
		width: calc((100% - 20px) / 2);
		width: -webkit-calc((100% - 20px) / 2);
		margin: 10px 0;
	}
	.wrapper .topBox{
		padding: 0 15px;
	}
	#gNavi{
		display: none;
	}
/*
	#gNavi ul li:nth-of-type(n + 3){
		margin-top: 10px;
	}
*/
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	width: 763px;
	float: right;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	margin-top: -9px;
	padding-top: 39px;
	width: 206px;
	float: left;
	background: url(../../img/common/sidebar_bg.gif) no-repeat 24px top;
}

#sideBar .sBox {
	margin: 0 3px 3px 0;
	padding: 15px 3px 3px;
	background-color: #006CB6;
	border-radius: 10px 10px 0 0;
	position: relative;
	behavior: url(../js/pie.htc);
}

#sideBar .sBox .title {
	margin-bottom: 13px;
	color: #FFF;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background: url(../../img/common/s_title_bg.gif) no-repeat center top;
}

#sideBar .sBox .sLink {
	padding: 22px 13px 5px;
	background-color: #FFF;
}

#sideBar .sBox .sLink li {
	padding-bottom: 18px;
}

#sideBar .sBox .sLink li a {
	padding-left: 18px;
	display: inline-block;
	color: #555;
	font-size:14px;
	background: url(../../img/common/icon/icon05.gif) no-repeat left center;
}

/*#sideBar .sBox .sLink .topLink a {
	color: #ee5871;
	background: url(../../img/common/icon/icon03.gif) no-repeat left center;
}*/

#sideBar .sLinkList li {
	padding-top: 17px;
	float: left;
}

#sideBar .sLinkList li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
}

#footer .fInner {
	margin-bottom: 23px;
	padding: 26px 0 30px;
	background-color: #006CB6;
}

#footer .fInner .fLink {
	margin: 0 auto;
    width: 100%;
    padding: 0 50px;
     display: -webkit-flex; display: flex;
      -webkit-flex-wrap: wrap; flex-wrap: wrap;
      -webkit-justify-content: space-between; justify-content: space-between;
      max-width: 1200px;
}

#footer .fInner .fLink li {
	width: calc((100% - 120px) / 4);
	width: -webkit-calc((100% - 120px) / 4);
}


#footer .fInner .fLink p > a,#footer .fInner .fLink li > a{
    font-size: 16px;
}

#footer .fInner .fLink li p {
	padding-bottom: 5px;
}

#footer .fInner .fLink li a {
	margin-bottom: 5px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
}

#footer .fInner .fLink li a:hover {
	color:#EE5871;
}

#footer .fInner .fLink li li {
	margin: 0 0 3px;
	width: auto;
	float: none;
	background: url(../../img/common/line03.gif) repeat-x left bottom;
}

#footer .fInner .fLink li li a {
	padding-left: 12px;
	background: url(../../img/common/icon/icon01.gif)no-repeat left 5px;
	 font-size: 12px;
}

#footer .fInner .fLink li li a:hover {
	color:#EE5871;
}

#footer .fBox {
	margin-bottom: 20px;
	border-bottom: 2px solid #006CB6;
}

#footer .fBox .linkBox {
	margin: 0 auto;
	padding-left: 0;
	width: 828px;
}

#footer .fBox .linkBox .linkList {
	width: 690px;
	display: table;
	margin: auto;
}

#footer .fBox .linkBox .linkList li {
	margin-right: 22px;
	float: left;
}

#footer .fBox .linkBox .linkList li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#footer .fBox .linkBox .pageTop {
	margin-top: 15px;
	float: right;
}

#footer .fBox .linkBox .pageTop a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#footer .fNavi {
	margin: 0 auto 17px;
	width: 100%;
	text-align: center;
}

#footer .fNavi li {
	display: inline;
	position:relative;
}
#footer .fNavi li + br{
	display: none;
}
#footer .fNavi .tooltips{
	font-size: 12px;
}
#footer .fNavi .tooltips:hover {
}
.tooltips .tooltips-tooltips {
  display: none;
  position: absolute;
  top:-45px;
  left: -0.4em;
  z-index: 9999;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
  background: #006CB6;
  border-radius: 0.5em;
  width:150px;
  text-align:left;
}
.tooltips .tooltips-tooltips a {
	color:#FFF !important;
}
.tooltips .tooltips-tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: 38px;
  border-bottom:8px solid transparent;
  border-left:8px solid #006CB6;
}
.tooltips:hover .tooltips-tooltips {
  display: block;
}

#footer .fNavi li a {
	margin: 0 8px;
	color: #000;
	text-decoration: none;
	font-size: 12px;
}

#footer .fNavi li a:hover {
	text-decoration: underline;
}

#footer .copyright {
	padding: 8px 0;
	text-align: center;
	background-color: #CCC;
}

#footer .copyright span {
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
/* PAGER 
----------------------------------------------- */
.wp-pagenavi { clear:both; font: normal 13px Arial, Helvetica, sans-serif; margin:10px auto; text-align:right; color:#666; padding:15px 10px; border-top:1px #006CB6 dotted;}
.wp-pagenavi a,.wp-pagenavi .current { color:#006CB6 !important; border:1px solid #ededed !important; margin-left:3px; padding:5px 10px; text-decoration:none; background:#f7f7f7;}
.wp-pagenavi a:hover,.wp-pagenavi .current { background:#006CB6; color:#fff !important; border:1px solid #ededed; }
.wp-pagenavi .pages { float:left;}

.customSelectInner{
	width: 180px !important;
	padding: 5px !important;
	
}

form h3,#main > h3 {
    padding: 10px;
    width: 190px;
    border-radius: 8px 8px 0 0;
    background: #ee5871;
    color: white;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 640px){
	#footer .fBox .linkBox .pageTop{
		display: none;
	}
	form h3,#main > h3{
		width: 100%;
		font-size: 18px;
    padding: 15px 0;
	}
	#footer .fBox .linkBox{
		width: 100%;
	}
	#footer .fBox .linkBox .pageTop {
        margin-top: -37px;
	    float: right;
	    background: #006cb6;
	    border-radius: 3px 3px 0 0;
	    padding: 10px 10px 8px;
	    margin-right: 10px;
	}
	#footer .fInner,#footer .fNavi,#footer .fBox,#main .text{
	    display: none;
    }
    #footer .fBox .linkBox .pageTop a{
	    color: white;
	    text-decoration: none;
    }
    #footer .fNavi li + br{
	    display: block;
    }
    #footer .fNavi li:nth-of-type(n + 5){
        margin-top: 5px;
	    display: inline-block;
    }
}


/* --------------------
追記
-------------------- */
.ssl_Sticker,
.logo-getseal {
  display: block;
  width: 90px;
  margin: 0 auto;
}
@media screen and (max-width: 640px){
  .logo-getseal {
    margin-top: 5px;
  }
}