@charset "UTF-8";
/*
----------------------------------------------------------------------
# Module index
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
# Mixin Settings
----------------------------------------------------------------------
*/
/* --- ペット用カラーパレット --- */

@media (min-width: 768px) {

  .hover:hover {
    opacity: 0.7;
  }

}

/*
# GRAND TOP のみの全体のスタイリング
*/

.page-index .content-status {
 display: none;
}

.page-index .container-main {
 width: 100%;
 margin: 0 auto;
}

.page-index .container-main #column-content {
 width: 100%;
 margin: 0 auto;
}

.page-index .tooltip-over-content,
.page-index .tooltip-content {
 position: relative;
 max-width: none;
 width: 265px;
 padding: 8px;
 border: 3px solid #0064ad;
 font-size: 13px;
 font-size: 1.3rem;
}

@media print {

  .page-index .tooltip-over-content,
  .page-index .tooltip-content {
    font-size: 7pt;
  }

}

.page-index .tooltip-over-content img.ico-check,
.page-index .tooltip-content img.ico-check {
 margin: 0 4px;
 vertical-align: middle;
}

.page-index .tooltip-over-content:before,
.page-index .tooltip-content:before {
 display: inline-block;
 position: absolute;
 bottom: -19px;
 margin-left: -15px;
 left: 50%;
 content: url("../img/bg_tooltip.png");
}

.page-index .tooltip-over-content.tooltip-content-sup:before,
.page-index .tooltip-content.tooltip-content-sup:before {
 content: url("../img/bg_tooltip_rev.png");
 display: inline-block;
 position: absolute;
 top: -16px;
 margin-left: -15px;
 left: 50%;
}

/*
# トップ商品リンクブロック
*/

.nav-product {
 width: 970px;
 margin: 0 auto;
 padding: 8px 0;
 overflow: hidden;
}

.nav-product ul {
 margin: 0 -24px 0;
 padding: 0;
 list-style-type: none;
}

.nav-product ul li {
 float: left;
 width: 224px;
 margin: 0 0 0 21px;
}

.nav-product ul li a {
 display: block;
 width: 240px;
 height: 152px;
 background: url("../img/bg_grand-product_link.png") no-repeat;
 font-size: 0;
 line-height: 0;
 white-space: nowrap;
 overflow: hidden;
 color: transparent;
}

.nav-product ul li a.link-product-auto {
 background-position: 0 0;
}

.nav-product ul li a.link-product-auto:hover {
 background-position: 0 -152px;
}

.nav-product ul li a.link-product-bike {
 background-position: -240px 0;
}

.nav-product ul li a.link-product-bike:hover {
 background-position: -240px -152px;
}

.nav-product ul li a.link-product-pet {
 background-position: -480px 0;
}

.nav-product ul li a.link-product-pet:hover {
 background-position: -480px -152px;
}

.nav-product ul li a.link-product-life {
 background-position: -720px 0;
}

.nav-product ul li a.link-product-life:hover {
 background-position: -720px -152px;
}

/*
## 背景色のあるブロックコンテナー
*/

.container-accent {
 padding: 24px 0 12px;
 margin-bottom: 24px;
 box-shadow: 0 0 6px #dddddd inset;
 background-color: #f5f5f5;
  /*
  ## GTOPのみの自動車・バイク保険／ペット保険 コンバージョンのグリッド
  */
}

.container-accent .layout-container {
 overflow: hidden;
}

.container-accent .layout-container .content-section-quote,
.container-accent .layout-container .content-section-contract {
 height: 385px;
 margin-bottom: 9px !important;
 padding: 0 16px 16px;
 border: 1px solid #cccccc;
 background-color: white;
 box-shadow: 0 4px 4px #dddddd;
}

.container-accent .layout-container .content-wrapper-quote {
 float: left;
 width: 622px;
 margin-right: 9px;
}

.container-accent .layout-container .content-wrapper-quote .content-section-quote h2.title-section {
 margin-left: -16px;
 margin-right: -16px;
 width: 620px;
}

.container-accent .layout-container .content-wrapper-quote .content-section-quote .layout-conversion {
 overflow: hidden;
}

.container-accent .layout-container .content-wrapper-quote .content-section-quote .layout-conversion .layout-conversion-auto_bike {
 float: left;
 width: 294px;
 text-align: center;
}

.container-accent .layout-container .content-wrapper-quote .content-section-quote .layout-conversion .layout-conversion-pet {
 float: left;
 width: 294px;
 text-align: center;
}

.container-accent .layout-container .content-wrapper-quote .content-section-quote .layout-conversion .list-banner li:last-child {
 margin-bottom: 0 !important;
}

.container-accent .layout-container .content-wrapper-contract {
 float: left;
 width: 329px;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract h2.title-section {
 margin-left: -16px;
 margin-right: -16px;
 width: 327px;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract h3,
.container-accent .layout-container .content-wrapper-contract .content-section-contract .list-banner {
 text-align: center;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract .list-banner li:first-child {
 margin: 0px auto 18px !important;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract .content-contract-link {
 margin: 8px auto 0;
 width: 270px;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract .content-contract-link h4 {
 padding-bottom: 8px;
 font-weight: normal;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract .content-contract-link .contract-list-link_product {
 border-bottom: 1px solid #ccc;
 margin-bottom: 8px;
 padding-bottom: 10px;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract .content-contract-link .contract-list-link_product li {
 padding: 0 8px 0 0;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract .content-contract-link .contract-list-link_login {
 padding-bottom: 0;
}

.container-accent .layout-container .content-wrapper-contract .content-section-contract .content-contract-link .contract-list-link_login li {
 padding-bottom: 0;
}

.container-accent .list-banner .list-conversion-separate {
 margin-top: 16px;
 padding-top: 8px;
 border-top: 1px solid #cccccc;
}

.container-accent .list-link-login {
 padding: 0 8px 0;
 text-align: left;
}

.container-accent .list-link-login li {
 padding-bottom: 0;
 margin-bottom: 0 !important;
 line-height: 1.6;
}

.container-accent .list-link-login li a:before {
 top: 6px;
}

.container-accent .list-link-login li .link-continuation_guide:after {
 display: inline-block;
 content: "";
 height: 20px;
 width: 1px;
}

.container-accent .list-link-login li .link-login_pass:after {
 display: inline-block;
 content: "";
 height: 20px;
 width: 1px;
}

/*
## トップのみセンタリングのためのコンテナー
*/

.container-section {
 width: 960px;
 margin: 0 auto;
}

/*
## AXAグループのバナーグループ
*/

.nav-banner-group {
 display: table;
 margin: 0 0 32px;
 overflow: hidden;
}

.nav-banner-group h1 {
 display: table-cell;
 width: 170px;
 padding: 0;
 line-height: 0;
}

.nav-banner-group .list-banner li {
 display: table-cell;
 width: 190px;
 padding-right: 10px;
}

.nav-banner-group .list-banner li:last-child {
 padding-right: 0;
}

/*
## コンバージョンエリアの注釈
*/

.txt-attention-enquete {
 padding-bottom: 0;
 color: #777;
 font-size: 10px;
 font-size: 1rem;
}

@media print {

  .txt-attention-enquete {
    font-size: 4pt;
  }

}

/*
## コンバージョンボタン（PIE使用）
*/

.btn-conversion:hover {
 opacity: 1;
}

/*
## ソーシャル埋め込みをスタイリング
*/

.twitter-timeline {
 margin-bottom: 16px;
 height: 196px;
}

/*
##　メンテナンス
*/

.title-aside-txt_sub {
 display: inline-block;
 padding: 0 24px;
}

/*
##　自動車バイク／ペット保険のボックス修正
*/

.ex_boader {
 border-top: 1px solid #cccccc;
 padding: 10px 0;
}

.ex_margin {
 padding: 0 0 31px;
}

.list-banner li {
 margin-bottom: 10px !important;
}

.list-banner li.link-box {
	width:464px;
	border:solid 3px #1660b2;
}
.list-banner li.link-box a{
	width: 100%;
	text-decoration:none;
	text-align:center;
	padding:20px 0;
	line-height: 1.6;
}
/*注意喚起box 2行*/
.list-banner li.link-box02 {
	width:464px;
	border:solid 2px #1660b2;
	margin-bottom:15px !important;
}
.list-banner li.link-box02 a{
	width: 100%;
	text-decoration:none;
	text-align:center;
	padding:5px 0;
	line-height: 1.6;
}
/* TOP main下　注意喚起　*/
.link-box-top {
	width: 960px;
	padding: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: solid 3px #1660b2;
}
/* TOP banner button float　*/
#container-carousel-main .carousel-view ul .carousel-item.carousel-item-credit{
	position:relative;
}
#container-carousel-main .carousel-view ul .carousel-item.carousel-item-credit .btn-conversion-estimate{
	position: absolute;
    top: 235px;
    left: 130px;
}
#container-carousel-main .carousel-view ul .carousel-item.carousel-item-credit .btn-conversion-login{
	position: absolute;
    top: 235px;
    left: 320px;
}
/*
##　グランドトップ／ご契約タブ
*/
.tab-nav.tab-nav-procedures {
 position: relative;
 border-bottom:none !important;
 margin-bottom:0 !important;
 padding-top:53px;
}

.tab-nav.tab-nav-procedures ul {
 display: table;
 padding: 0;
 /*margin: 0 0 -1px;*/
 line-height: 1;
 list-style-type: none;
 width:960px;
 position:absolute;
 top:8px;
}

.tab-nav.tab-nav-procedures ul li {
 /*position: relative;*/
 display: table-cell;
 width: 443px;
 height: 100%;
 padding-left: 32px;
 text-align: center;
 vertical-align: bottom;
 font-size:18px;
}

.tab-nav.tab-nav-procedures ul li:last-child {
 padding-left: 10px;
}
.tab-nav.tab-nav-procedures ul li a {
	border: 1px solid #9fadce;
	text-decoration:none;
}
.tab-nav.tab-nav-procedures ul li.tab-nav-auto-bike a.tab-nav-active,
.tab-nav.tab-nav-procedures ul li.tab-nav-auto-bike a.tab-nav-active:hover{
	background: #24428e !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #24428e;
}
.tab-nav.tab-nav-procedures ul li.tab-nav-auto-bike a {
 position: relative;
 display: table-cell;
 width: 443px;
 height: 100%;
 padding: 15px 0 11px;
 border: 1px solid #9fadce;
 background-color: #ffffff;
 vertical-align: middle;
 color: #103184;
 font-weight: bold;
 border-top:1px solid #9fadce;
 border-left:1px solid #9fadce;
 border-right:1px solid #9fadce;
 border-bottom: 4px solid #ec6502; 
 border-top-right-radius: 6px;
 border-top-left-radius: 6px;
 box-shadow:none;
}
.tab-nav.tab-nav-procedures ul li.tab-nav-auto-bike a:hover{
	background: #24428e !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #9fadce;
}
.tab-nav.tab-nav-procedures ul li.tab-nav-pet a.tab-nav-active,
.tab-nav.tab-nav-procedures ul li.tab-nav-pet a.tab-nav-active:hover{
	background: #ec6502 !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #ec6502;
}
.tab-nav.tab-nav-procedures ul li.tab-nav-pet a {
 position: relative;
 display: table-cell;
 width: 443px;
 height: 100%;
 padding: 15px 0 11px;
 border-top:1px solid #ec6502;
 border-left:1px solid #ec6502;
 border-right:1px solid #ec6502;
 border-bottom: 4px solid #103184; 
 background-color: #ffffff;
 vertical-align: middle;
 color: #eb6000;
 font-weight: bold;
 border-top-right-radius: 6px;
 border-top-left-radius: 6px;
 box-shadow:none;
}
.tab-nav.tab-nav-procedures ul li.tab-nav-pet a:hover{
	background: #ec6502 !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #9fadce;
}

#product_auto_bike,
#product_pet{
	background:#ffffff;
	padding:25px 30px 20px;
	/*margin:0 0 35px;*/
}
#product_auto_bike{
	border-top:4px solid #24428e;
	border-left: 2px solid #9fadce;
	border-right: 2px solid #9fadce;
	border-bottom: 2px solid #9fadce;
	position:relative;
}
#product_pet{
	border-top:4px solid #ec6502;
	border-left: 2px solid #f7bf99;
	border-right: 2px solid #f7bf99;
	border-bottom: 2px solid #f7bf99;
	position:relative;
}
#product_auto_bike .layout-col4,#product_pet .layout-col4{
	width:278px;
}
#product_auto_bike .layout-col4 .list-banner li:first-child,#product_pet .layout-col4 .list-banner li:first-child{
	margin-bottom: 6px !important;
}

#product_auto_bike .layout-col4.btn-beginner,#product_pet .layout-col4.btn-beginner{
	margin-top:77px;
}
#product_auto_bike .layout-col4.product-abp,#product_pet .layout-col4.product-abp{
	margin-left: 45px;
}
#product_auto_bike .tab-content,#product_pet .tab-content{
	width:100%;
	overflow:hidden;
	padding:16px 0 0;
}
#product_auto_bike .tab-list-question li,#product_pet .tab-list-question li{
	width:275px;
	float:left;
	margin-right:35px;
}
#product_auto_bike .tab-list-question li:nth-child(3n+3),#product_pet .tab-list-question li:nth-child(3n+3){
	margin-right:0;
}
#product_auto_bike .tab-list-question li:nth-child(4),
#product_auto_bike .tab-list-question li:nth-child(5),
#product_auto_bike .tab-list-question li:nth-child(6),
#product_pet .tab-list-question li:nth-child(4),
#product_pet .tab-list-question li:nth-child(5),
#product_pet .tab-list-question li:nth-child(6){
	margin-bottom:0 !important;
}
#product_auto_bike i[class^=ico-].ico-blank_fill:before,#product_pet i[class^=ico-].ico-blank_fill:before{
content: " " !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/ico_blank-fill_small.png");
    background-size: contain;
}
#product_auto_bike a[class^=ico-].ico-blank:before,#product_pet a[class^=ico-].ico-blank:before{
	content: " " !important;
}
#product_auto_bike a[class^=ico-].ico-blank:after,#product_pet a[class^=ico-].ico-blank:after{
	content: " " !important;
    display: inline-block;
    width: 18px;
    height: 19px;
    background: url("../img/ico_blank-fill.png");
    background-size: contain;
}
#product_auto_bike p.txt-attention-enquete,#product_pet p.txt-attention-enquete{
	position:absolute;
	left:0;
	bottom:-35px;
}
.content-questionnaire{
	position:fixed;
	right:100px;
	bottom:32px;
	background:#ffffff;
	border:solid 1px #cccccc;
	box-shadow:1px 1px 5px 3px #cccccc;
	padding:10px;
	border-radius:5px;
}
.content-questionnaire .closearea{
	position:relative;
	margin-bottom:0;
	padding-bottom:0;
}
.content-questionnaire .close{
	position: absolute;
	top: 0;
	right: 0;
}
.content-questionnaire img.layout-left{
	margin-right:10px;
}



ul.etabs {
 display: table;
 padding: 0;
 margin: 0 0 -5px;
 line-height: 1;
 list-style-type: none;
 width:960px;
 top:8px;
}

ul.etabs li {
 display: table-cell;
 width: 443px;
 height: 100%;
 padding-left: 32px;
 text-align: center;
 vertical-align: bottom;
 font-size:18px;
}

ul.etabs li:last-child {
 padding-left: 10px;
}
ul.etabs li a {
	text-decoration:none;
}
ul.etabs li.tab-nav-auto-bike a.active,
ul.etabs li.tab-nav-auto-bike a.active:hover{
	background: #24428e !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #24428e;
}
ul.etabs li.tab-nav-auto-bike a {
 display: table-cell;
 width: 443px;
 height: 100%;
 padding: 15px 0 11px;
 background-color: #ffffff;
 vertical-align: middle;
 color: #103184;
 font-weight: bold;
 border-top:1px solid #9fadce;
 border-left:1px solid #9fadce;
 border-right:1px solid #9fadce;
 border-top-right-radius: 6px;
 border-top-left-radius: 6px;
 box-shadow:none;
}
ul.etabs li.tab-nav-auto-bike a:hover{
	background: #24428e !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
}
ul.etabs li.tab-nav-pet a.active,
ul.etabs li.tab-nav-pet a.active:hover{
	background: #ec6502 !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
}
ul.etabs li.tab-nav-pet a {
 display: table-cell;
 width: 443px;
 height: 100%;
 padding: 15px 0 11px;
 border-top:1px solid #ec6502;
 border-left:1px solid #ec6502;
 border-right:1px solid #ec6502;
 background-color: #ffffff;
 vertical-align: middle;
 color: #eb6000;
 font-weight: bold;
 border-top-right-radius: 6px;
 border-top-left-radius: 6px;
 box-shadow:none;
}
ul.etabs li.tab-nav-pet a:hover{
	background: #ec6502 !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
}