@charset "UTF-8";

/* トップページ　ピックアップコンテンツ */
@media (min-width: 768px){
    .l-akita-pickup-list{
        text-align: center;
    }
    .slick-initialized .slick-slide.l-akita-pickup-article{
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

}

/* <あきぎん>で生命保険 */

.hoken .card {
    height: auto;
}

.hoken .l-open-section-03 .l-open-section-triangle {
    border-color: #d20034 transparent transparent;
	margin:20px auto 25px;
}
.hoken .box .lead{
	color:#088a96;
	}
	
.hoken .anchor-wrap{
	position:relative;
	}
.hoken .anchor-wrap .anchor{
	position:absolute;
	top:-60px;
	}
.hoken .l-open-section-box-image img {
    max-width: 357px;
    height: auto;
    float: right;}

.hoken .d-tb-sm {
    display: block;
}

.hoken .d-tbc-sm {
    display: block;
}
.d-n-sp{
	display:none;
	}
.hoken .grid-group-action span,
.hoken .tab-nav-item .anchor-val span{
/*
	font-size:80%;
*/
	}

.hoken .btn-lnk-icon .btn-icon {
    width: 20px;
	}
.hoken .grid-group-action{
	margin:0 auto;
	}
	
.hoken .box-intro figcaption{
    font-size:90%;
	text-align:left;
}
.hokenDefit_wrap {
  padding: 0.5em 1.5em 1.5em;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
}
.hokenDefit_wrap-na {
  border-color: #f08300;
}
.hokenDefit_wrap-p {
  border-color: #024385;
}
.hokenDefit_wrap-re {
  border-color: #5aa5e8;
}
.hokenDefit_item {
  margin-bottom: 0px;
}
.hokenDefit_itemTitle {
  margin-top: 0.5em !important;
}
@media (max-width: 767px){
  .hokenDefit_wrap {
    display: flex;
    flex-direction: column;
  }
  .hokenDefit_item:first-child {
    order: 2;
  }
  .hokenDefit_item:last-child {
    order: 1;
  }
}
@media (max-width: 480px){
  .hokenDefit_wrap {
    padding: 0.25em 0.5em 1.25em;
  }
}

/* 〈あきぎん〉メディカルコールサービス */
.grey{
	color:#797979;
}
.grey_box{
	background-color:#f5f5f5;
	padding:5px 4% 40px;
}
.comment_area{
	position:relative;
	padding-bottom:40px;
	margin-top:20px;
}
.comment_area:after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	position:absolute;
	border-style: solid;
	border-color: #d20035 transparent transparent transparent;
	border-width: 22px 25px 0 25px;
	bottom:7px;
	left:50%;
	margin-left:-25px;
}
.comment_p{
	background:#FFF;
	border-radius:10px;
	padding:16px 6%;
	font-size:1.1em;
	color:#d20035;
	line-height:1.6;
}
.answer_area{
	background-color:#FFF;
	background-image:url(/common/images/pages/personal/provide/medicalcall/img07.jpg);
	background-repeat:no-repeat;
	background-position:0px bottom;
	background-size:80px;
	padding:20px 20px 20px 90px;
	min-height:120px;
	display:table;
}
.table_middle{
	display:table-cell;
	vertical-align: middle;
}
.answer_p{
	line-height:1.6;
}
span.sub{
	font-size:0.2rem;
	vertical-align: super;
}



@media (min-width:480px) {

.hoken h4{
	margin-top:0;
	}

.hoken .step-box{
	width:100%;
	padding-right:0 !important;
	}

.hoken .box-intro figcaption{
    font-size:90%;
	text-align:center;
}
}

	
@media (min-width:768px) {
.top-btn,
.top-btn2{
	position:relative;
	}
	
.top-btn div{
	position:absolute;
	top:38%;
	left:43%;
	}
	
.top-btn2 div{
	position:absolute;
	top:38%;
	}

	
.hoken .grid-action-down .btn-lnk-arrow-down {
    text-align: left;
    padding: 20px 15px 20px 39px;
}

.hoken .tab-content {
    padding: 40px 20px;
}

.hoken .l-open-section-05 .box-body {
    padding: 20px 30px 20px;
	font-weight:bold;
}
.hoken .step-box{
	width:60%;
	}
.d-n-sp{
	display:block;
	}
.hoken .anchor-wrap .anchor{
	position:absolute;
	top:-120px;
	}
.hoken .d-tb-sm{
	display:table;
	}
.hoken .d-tbc-sm{
	display:table-cell;
	}
.hoken .box-intro figcaption{
    font-size:90%;
	text-align:left;
}


/* 〈あきぎん〉メディカルコールサービス */

.comment_area{
	padding-bottom:80px;
}
.comment_area:after{
	border-width: 33px 35.5px 0 35.5px;
	bottom:23px;
	margin-left:-35.5px;
}
.answer_area{
	background-size:auto;
	background-position:60px bottom;
	padding:30px 40px 30px 210px;
	min-height:170px;
	display:table;
	height:170px;
}


	
	}
	
@media (min-width:870px) {

}