@charset "Shift_JIS";
body{
	font-family: 'Heebo', 'Noto Sans CJK JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	color: #333333;
	line-height: 1.6;
}
body *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input, textarea, select{
	font-family: 'Heebo', 'Noto Sans CJK JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.paragraph01{margin-top: 1em;}
.paragraph02{margin-top: 1.5em;}
.paragraph03{margin-top: 2em;}
.paragraph04{margin-top: 2.5em;}
.paragraph05{margin-top: 3em;}
.paragraph06{margin-top: 3.5em;}
.bold{font-weight: bold;font-weight: 700;}
.underline{text-decoration: underline;}
sub, sup{
	position: relative;
	font-size: .6em;
	line-height: 1;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

.recommended-f-color01 {color: #e87722;}
.recommended-f-color02 {color: #ea6872;}
.recommended-f-color03 {color: #45a2b0;}
.recommended-f-color04 {color: #5ca35a;}
.recommended-f-color05 {color: #dc322c;}
.recommended-f-color--life {
	color: #5ca35a;
}
.recommended-f-color--support {
	color: #45a2b0;
}
.recommended-f-color--fwd {
	color: #e87722;
}
/*----------------------------------------------------------------
*
* PC
*
*----------------------------------------------------------------*/
@media print, screen and (min-width: 751px){
	.pc-hidden{display: none !important;}
	.pc-aR{text-align: right !important;}
	.pc-aC{text-align: center !important;}
	.pc-aL{text-align: left !important;}
  #content{
    margin-left: 0 !important;
		min-width: 1260px;
  }
	#content #main{
		width: 1260px;
		margin: 0 auto;
		padding: 0 30px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	#footer{
		margin: 41px 0 0;
		border-top: 1px solid #e5e5e5;
		padding: 24px calc((100vw - 100%) / 2);
		min-width: 100%;
	}
	#footer #pagetop{
		bottom: 150px;
		z-index: 10;
	}
	#spNavSwitch{display: none;}
	
	.recommended_index-contents {
		margin-top: 0;
		letter-spacing: 0.04em;
		font-feature-settings: "palt" 1;
	}
	
	.recommended_index-contents__area-v1{
		width: 100vw;
		margin-left: calc(50% - 50vw);
		background: #f8f0ff;
	}
	.recommended_index-contents__area-v1__inner{
		width: 1260px;
		margin: 0 auto;
		padding: 0 30px 84px;
	}
	.recommended_index-contents__area-v1__inner > *:first-child{
		margin-top: 0;
	}
	
	.recommended_index-contents__area-v2{
		margin: 50px 0 0;
	}
	.recommended_index-contents__area-v2__inner{
	}
	.recommended_index-contents__area-v2__inner > *:first-child{
		margin-top: 0;
	}
	
	.recommended_index-header{
		position: relative;
		left: 50%;
		width: 1900px;
		transform: translateX(-50%);
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
	}
	.recommended_index-header__inner{
		width: 1260px;
		margin: 0 auto;
		padding: 15px 30px 19px;
	}
	.recommended_index-header__body{
		text-align: center;
	}
	/* recommended_index-wrap
	--------------------------------*/
	.recommended_index-wrap {
		width: 100vw;
		margin: 60px 0 46px calc(50% - 50vw);
	}
	.recommended_index-wrap.type01 {
		background-color: #fff8df;
	}
	.recommended_index-wrap.type02 {
		background-color: #ecf6f8;
	}
	.recommended_index-wrap__inner {
		width: 1260px;
		margin: 0 auto;
		padding: 0 30px 35px;
	}
	/* recommended_index-heading
	--------------------------------*/
	/*heading01*/
	.recommended_index-heading01 {
		position: relative;
		left: 50%;
		width: 1900px;
		font-size: 5.1rem;
		font-weight: bold;
		transform: translateX(-50%);
	}
	/*heading02*/
	.recommended_index-heading02 {
		width: 100vw;
		margin: 0 0 46px calc(50% - 50vw);
		background: #b97600;
	}
	.recommended_index-heading02.type01 {
		background: #b97600;
	}
	.recommended_index-heading02.type02 {
		background: #138c9e;
	}

	.recommended_index-heading02__inner {
		display: flex;
		justify-content: center;
		flex-flow: column;
		width: 1260px;
		min-height: 320px;
		margin: 0 auto;
		padding: 20px 30px;
	}
	.recommended_index-heading02__title {
		text-align: center;
		font-weight: bold;
		font-size: 4.3rem;
		color: #fff;
		line-height: 1.2;
	}
	.recommended_index-heading02__title__image--medical_cancer ,
	.recommended_index-heading02__title__image--death {
		vertical-align: middle;
		margin-right: 20px;
	}
	.recommended_index-heading02__text {
		margin-top: 26px;
		text-align: center;
		font-size: 3.4rem;
		color: #fff;
	}
	
	/*heading03*/
	.recommended_index-heading03 {
		margin: 70px 0 30px;
	}
	.recommended_index-heading03__inner {
		
	}
	.recommended_index-heading03__subtitle {
		text-align: center;
		font-size: 2.6rem;
		font-weight: bold;
	}
	.recommended_index-heading03__title {
		text-align: center;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.25;
	}
	.recommended_index-heading03__mark {
		display: inline-block;
		width: 50px;
		height: 50px;
		margin-right: 10px;
		border-radius: 50%;
		padding: 13px;
		background-color: #ea6872;
		vertical-align: text-bottom;
		text-align: center;
		font-size: 2.6rem;
		line-height: 1;
		color: #fff;
	}
	.recommended_index-heading03__underline {
		display: inline;
		background: linear-gradient(to bottom,  transparent 0%, transparent 61%,#fbe1e3 62%,#fbe1e3 78%, transparent 79%, transparent 100%); 
		font-size: 4.4rem;
		color: #dc322c;
	}
	.recommended_index-heading03__text-box {
		position: relative;
		max-width: 600px;
		margin: 24px auto 0;
		text-align: center;
		border-radius: 20px;
		padding: 12px;
		border: 2px dashed #bfbfbf;
	}
	.recommended_index-heading03__text-box::before {
		position: absolute;
		top: -19px;
		left: 50%;
		margin-left: -25px;
		width: 51px;
		height: 19px;
		background: url("/insurance/recommended/img/index_ex02.png") no-repeat 0 0;
		content: '';
	}
	.recommended_index-heading03__text {
		font-size: 2.0rem;
	}
	
	
	
	/* recommended_index-question
	--------------------------------*/
	.recommended_index-question {
		margin-top: 50px;
	}
	.recommended_index-question__head {
		position: relative;
		padding-left: 60px;
		min-height: 50px;
	}
	.recommended_index-question__body {
		margin-top: 20px;
	}
	.recommended_index-question__mark {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		padding: 7px;
		background: #ea6872;
		text-align: center;
		font-size: 2.6rem;
		color: #fff;
	}
	.recommended_index-question__title {
		padding: 7px 0 0;
		font-size: 2.6rem;
		line-height: 1.4;
	}
	.recommended_index-question__text {
		margin-top: 10px;
		font-size: 2.0rem;
		line-height: 1.3;
	}
	
	/* recommended_index-input
	--------------------------------*/
	/*text*/
	.recommended_index-input-wrap--text {
		display: flex;
		justify-content: center;
	}
	.recommended_index-input--text {
		display: flex;
		flex-direction: column;
	}
	.recommended_index-input--text .recommended_index-input__block {
		position: relative;
	}
	.recommended_index-input--text input {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 386px;
		height: 80px;
		border-radius: 10px;
		border: 3px solid #7c266e;
		padding: 7px 20px;
		background-color: #ffffff;
		text-align: right;
		font-size: 4rem;
		line-height: 1.25;
	}
	.recommended_index-input--text input::placeholder {
		color: #cccccc;
	}
	.recommended_index-input--text .recommended_index-input__unit {
		position: absolute;
		right: -10px;
		bottom: 0;
		transform: translateX(100%);
		font-size: 2.4rem;
		line-height: 1.25;
	}
	.recommended_index-input--text__error {
		display: none;
		margin-top: 18px;
		padding-left: 20px;
		font-size: 1.6rem;
		line-height: 1.2;
		background: url("/insurance/recommended/img/com_ic11.png") 0 2px no-repeat;
		color: #dc322c;
	}
	.recommended_index-input--text.is-error .recommended_index-input--text__error {
		display: block;
	}
	
	
	
	/*radio*/
	.recommended_index-input-wrap--radio {
		display: flex;
		justify-content: center;
	}
	.recommended_index-input-wrap--radio > .recommended_index-input--radio {
		width: 386px;
		margin-right: 24px;
	}
	.recommended_index-input-wrap--radio > .recommended_index-input--radio:nth-child(3n) {
		margin-right: 0;
	}
	.recommended_index-input--radio {
		position: relative;
		display: flex;
	}
	.recommended_index-input--radio .recommended_index-input__block {
		display: flex;
		width: 100%;
	}
	.recommended_index-input--radio input {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}
	.recommended_index-input--radio label {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		min-height: 80px;
		border-radius: 80px;
		border: 3px solid #7c266e;
		padding: 7px 20px;
		background-color: #ffffff;
		text-align: center;
		font-size: 2.4rem;
		line-height: 1.25;
	}
	.recommended_index-input--radio label:hover {
		background: #ecd6ff;
	}
	.recommended_index-input--radio input:checked + label {
		background: #7c266e;
		color: #ffffff;
	}
	
	/* recommended_index-flow
	--------------------------------*/
	.recommended_index-flow {
		margin-top: 88px;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.recommended_index-flow__status {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.recommended_index-flow__status::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 0;
		height: 2px;
		margin-top: -1px;
		background: #7c266e;
		z-index: 2;
		transition: width 0.5s ease-out;
		content: '';
	}
	.recommended_index-flow__status[data-flow-current="1"]::before {
		width: calc(((1 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="2"]::before {
		width: calc(((2 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="3"]::before {
		width: calc(((3 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="4"]::before {
		width: calc(((4 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="5"]::before {
		width: calc(((5 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="6"]::before {
		width: calc(((6 - 1) / (6 - 1)) * 100%);
	}
	
	.recommended_index-flow__status > .recommended_index-flow__status__item:nth-last-of-type(1) {
		margin-right: 0;
	}
	.recommended_index-flow__status__item {
		position: relative;
		display: block;
		overflow: hidden;
		width: 19px;
		height: 19px;
		margin: 0 49px 0 0;
		border-radius: 50%;
		border: 2px solid #f8f0ff;
		background: #999999;
		text-indent: -999em;
		line-height: 1;
		z-index: 3;
	}
	.recommended_index-flow__status__item.is-active {
		background: #7c266e;
	}
	.recommended_index-flow__number{
		margin-top: 20px;
		text-align: center;
		font-size: 2.6rem;
		line-height: 1.25;
	}
	
	/* recommended_index-lead
	--------------------------------*/
	.recommended_index-lead {
		font-weight: bold;
		font-size: 2.6rem;
	}
	/* recommended_index-note-text
	--------------------------------*/
	.recommended_index-note-text {
		text-align: center;
		font-size: 1.6rem;
	}
	
	/*.recommended_index-figure
	--------------------------------*/
	.recommended_index-figure-wrap {
		display: flex;
		justify-content: center;
		margin: 36px 0 40px;
	}
	.recommended_index-figure-wrap-v2 {
		display: flex;
		justify-content: center;
		margin: 14px 0 40px;
	}
	.recommended_index-figure {
	}
	.recommended_index-figure__title {
		margin: 0 0 1.3em;
		text-align: center;
		font-weight: bold;
		font-size: 2.0rem;
		line-height: 1.1;
	}
	.recommended_index-figure__frame {
		display: inline-block;
	}
	.recommended_index-figure__caption {
		margin: 1.5em 0 0;
		text-align: left;
		font-size: 2.0rem;
		line-height: 1.1;
	}
	.recommended_index-figure-v2 {
	}
	.recommended_index-figure-v2__title {
		margin: 0 0 1.3em;
		text-align: center;
		font-weight: bold;
		font-size: 2.0rem;
		line-height: 1.1;
	}
	.recommended_index-figure-v2__frame {
		display: inline-block;
	}
	.recommended_index-figure-v2__caption {
		margin: 1.5em 0 0;
		text-align: center;
		font-size: 2.0rem;
		line-height: 1.1;
	}

	
	/* recommended_index-arrow
	--------------------------------*/
	.recommended_index-arrow {
		margin-bottom: 46px;
		text-align: center;
	}
	
	/* recommended_index-button
	--------------------------------*/
	/*button-warp*/
	.recommended_index-button-warp {
		display: flex;
		margin: 35px 0 30px;
	}
	.recommended_index-button-warp--center {
		display: flex;
		justify-content: center;
		margin: 35px 0 30px;
	}
	.recommended_index-button-warp-v2 {
		display: flex;
		margin: 35px 0 30px;
	}
	.recommended_index-button-warp-v2--center {
		display: flex;
		justify-content: center;
		margin: 35px 0 30px;
	}
	.recommended_index-button-warp-v3 {
		display: flex;
		margin: 90px 0 40px;
	}
	.recommended_index-button-warp-v3--center {
		display: flex;
		justify-content: center;
		margin: 90px 0 40px;
	}
	
	/*button*/
	.recommended_index-button {
		display: flex;
	}
	.recommended_index-button__type {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 400px;
		border-radius: 20px;
		padding: 18px 42px;
		background-color: #ea6872;
		text-align: center;
		text-decoration: none;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.4;
		color: #fff;
	}
	.recommended_index-button__type::before {
		position: absolute;
		top: 50%;
		right: 12px;
		width: 26px;
		height: 26px;
		margin-top: -13px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-button__type::after {
		position: absolute;
		top: 50%;
		right: 18px;
		border-left: 12px solid #ea6872;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		margin-top: -7px;
		content: '';
	}
	[class*="recommended_index-button__type"]:link ,
	[class*="recommended_index-button__type"]:visited {
		text-decoration: none;
		color: #fff;
	}
	[class*="recommended_index-button__type"]:hover {
		background-color: #ff8891;
	}
	[class*="recommended_index-button__type"]:hover::after {
		border-left-color: #ff8891;
	}
	.recommended_index-button__label {
		display: inline-block;
		font-size: 2.4rem;
		font-weight: bold;
	}
	
	
	/*button-v2*/
	.recommended_index-button-v2 {
		display: flex;
	}
	.recommended_index-button-v2__type {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 600px;
		border-radius: 20px;
		padding: 19px 42px;
		background-color: #ea6872;
		text-align: center;
		text-decoration: none;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.4;
		color: #fff;
	}
	.recommended_index-button-v2__type:not(.is-disabled)::before {
		position: absolute;
		top: 50%;
		right: 15px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-button-v2__type:not(.is-disabled)::after {
		position: absolute;
		top: 50%;
		right: 22px;
		border-top: 14px solid #ea6872;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		margin-top: -6px;
		content: '';
	}
	[class*="recommended_index-button-v2__type"]:link {
		text-decoration: none;
		color: #fff;
	}
	[class*="recommended_index-button-v2__type"]:hover {
		background-color: #ff8891;
	}
	[class*="recommended_index-button-v2__type"]:hover::after {
		border-top-color: #ff8891;
	}
	.recommended_index-button-v2__type.is-disabled {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 600px;
		border-radius: 20px;
		border: 2px solid #dc322c;
		padding: 17px 42px;
		background-color: #ffe5e5;
		text-align: center;
		text-decoration: none;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.4;
		color: #dc322c;
		pointer-events: none;
	}
	.recommended_index-button-v2__type.is-disabled::before {
		position: absolute;
		top: 50%;
		left: 56px;
		width: 34px;
		height: 30px;
		margin-top: -15px;
		background: url("/insurance/recommended/img/com_ic12.png") no-repeat 0 0;
		content: '';
	}
	.recommended_index-button-v2__label {
		display: inline-block;
		font-size: 3rem;
		font-weight: bold;
	}

	/*button-v3*/
	.recommended_index-button-v3 {
		display: flex;
	}
	.recommended_index-button-v3__type {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 600px;
		border-radius: 20px;
		padding: 18px 42px;
		background-color: #ea6872;
		text-align: center;
		text-decoration: none;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.4;
		color: #fff;
	}
	.recommended_index-button-v3__type::before {
		position: absolute;
		top: 50%;
		right: 15px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-button-v3__type::after {
		position: absolute;
		top: 50%;
		right: 22px;
		border-bottom: 14px solid #ea6872;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		margin-top: -8px;
		content: '';
	}
	[class*="recommended_index-button-v3__type"]:link , 
	[class*="recommended_index-button-v3__type"]:visited {
		text-decoration: none;
		color: #fff;
	}
	[class*="recommended_index-button-v3__type"]:hover {
		background-color: #ff8891;
	}
	[class*="recommended_index-button-v3__type"]:hover::after {
		border-bottom-color: #ff8891;
	}
	.recommended_index-button-v3__label {
		display: inline-block;
		font-size: 3rem;
		font-weight: bold;
	}
	
	/* recommended_index-modal-link
	--------------------------------*/
	.recommended_index-modal-link{
		margin-top: 16px;
		text-align: right;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label{
		position: relative;
		display: inline-block;
		padding: 0 17px 0 34px;
		font-size: 2.2rem;
		color: #5b5b5b;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label:link,
	.recommended_index-modal-link .recommended_index-modal-link__label:visited {
		text-decoration: none;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label:hover {
		text-decoration: underline;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label::before{
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		display: block;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		padding: 6px;	
		text-align: center;
		background: #5b5b5b;
		font-size: 2.2rem;
		line-height: 1;
		color: #ffffff;
		content: '?';
	}
	.recommended_index-modal-link .recommended_index-modal-link__label::after{
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 8px;
		height: 14px;
		margin-top: -7px;
		background: url("/insurance/recommended/img/com_ic06.png") no-repeat 0 0;
		background-size: 100% auto;
		content: '';
	}
	
	/* recommended_index-modal-button
	--------------------------------*/
	.recommended_index-modal-button:link {
		display: inline-block;
		width: 30px;
		height: 30px;
		margin-left: 11px;
		border-radius: 50%;
		background: #dc322c;
		text-align: center;
		text-decoration: none;
		font-size: 2.2rem;
		color: #ffffff;
	}
	
	/* recommended_index-necessity
	--------------------------------*/
	.recommended_index-necessity {
		position: relative;
		margin-top: 80px;
		border: 2px solid #ea6872;
		border-radius: 20px;
		padding: 46px 18px 32px;
	}
	.recommended_index-necessity__head {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
		text-align: center;
	}
	.recommended_index-necessity__title {
		display: inline-block;
		padding: 0 40px;
		background: #ffffff;
		font-weight: bold;
		font-size: 4.4rem;
		color: #ea6872;
	}
	.recommended_index-necessity__body {
		
	}
	.recommended_index-necessity__item-wrap {
		display: flex;
	}
	.recommended_index-necessity__item-wrap > .recommended_index-necessity__item:nth-child(2n) {
		margin-right: 0;
	}
	.recommended_index-necessity__item {
		width: 560px;
		margin-right: 40px;
	}
	.recommended_index-necessity__item__title {
		text-align: center;
		font-weight: bold;
		font-size: 2.6rem;
		vertical-align: middle;
	}
	.recommended_index-necessity__item__title__image--medical_cancer{
		width: 100px;
		margin-right: 26px;
		vertical-align: middle;
	}
	.recommended_index-necessity__item__title__image--death{
		width: 58px;
		margin-right: 30px;
		vertical-align: middle;
	}
	.recommended_index-necessity__item__rank {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 90px;
		margin-top: 14px;
		border-radius: 20px;
		border: 2px solid #dadada;
		background-color: #fff;
	}
	.recommended_index-necessity__item__rank::before{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 18px;
		background-color: #d1e0f9;
		content: '';
	}
	.recommended_index-necessity__item__rank[data-necessity="low"]::before {
		width: calc(100% / 3 * 1);
		background-color: #d1e0f9;
	}
	.recommended_index-necessity__item__rank[data-necessity="low"] {
		color: #008191;
	}
	.recommended_index-necessity__item__rank[data-necessity="middle"]::before {
		width: calc(100% / 3 * 2);
		background-color: #f9ecd1;
	}
	.recommended_index-necessity__item__rank[data-necessity="middle"] {
		color: #eb6100;
	}
	.recommended_index-necessity__item__rank[data-necessity="high"]::before,
	.recommended_index-necessity__item__rank[data-necessity="high-v1"]::before,
	.recommended_index-necessity__item__rank[data-necessity="high-v2"]::before {
		width: 100%;
		background-color: #f9d1d4;
	}
	.recommended_index-necessity__item__rank[data-necessity="high"] ,
	.recommended_index-necessity__item__rank[data-necessity="high-v1"] ,
	.recommended_index-necessity__item__rank[data-necessity="high-v2"] {
		color: #dc322c;
	}
	.recommended_index-necessity__item__rank__inner {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-weight: bold;
	}
	.recommended_index-necessity__item__rank__inner::before{
		position: absolute;
		top: 13px;
		left: calc(100% / 3 * 1);
		width: 2px;
		height: 60px;
		background-color: #fff;
		content: '';
	}
	.recommended_index-necessity__item__rank__inner::after{
		position: absolute;
		top: 13px;
		left: calc(100% / 3 * 2);
		width: 2px;
		height: 60px;
		background-color: #fff;
		content: '';
	}
	.recommended_index-necessity__item__rank__label {
		position: relative;
		font-size: 2.6rem;
		z-index: 5;
	}
	[data-necessity="high"] .recommended_index-necessity__item__rank__label::before,
	[data-necessity="high-v1"] .recommended_index-necessity__item__rank__label::before,
	[data-necessity="high-v2"] .recommended_index-necessity__item__rank__label::before{
		content: '高';
	}
	[data-necessity="middle"] .recommended_index-necessity__item__rank__label::before{
		content: '中';
	}
	[data-necessity="low"] .recommended_index-necessity__item__rank__label::before{
		content: '低';
	}
  
	/* recommended_index-household_budget
	--------------------------------*/
	.recommended_index-household_budget{
		margin: 0 0 46px;
	}
	.recommended_index-household_budget__text{
		text-align: center;
		font-size: 2.6rem;
	}
	.recommended_index-household_budget__lead{
		text-align: center;
		font-weight: bold;
		font-size: 3.2rem;
		line-height: 1.5;
	}
	.recommended_index-household_budget__box{
		margin-top: 20px;
		border-radius: 20px;
		border: 2px solid #dc322c;
		background-color: #fff;
		padding: 20px 36px 26px;
	}
	.recommended_index-household_budget__item-wrap{
		display: flex;
	}
	.recommended_index-household_budget__item-wrap > *:nth-child(2n+1){
		padding-right: 32px;
		border-right: 1px solid #dc322c;
	}
	.recommended_index-household_budget__item-wrap > *:nth-child(2n){
		padding-left: 32px;
		border-left: 1px solid #dc322c;
	}
	.recommended_index-household_budget__item-wrap > *:nth-child(2n)::after{
		position: absolute;
		content: '';
	}
	.recommended_index-household_budget__item--income,
	.recommended_index-household_budget__item--spending{
		position: relative;
		width: 50%;
	}
	
	.recommended_index-household_budget__item__head{
		border-radius: 20px;
		padding: 14px;
		background-color: #fbeae9;
	}
	.recommended_index-household_budget__item--income >.recommended_index-household_budget__item__head{
		background-color: #fbeae9;
	}
	.recommended_index-household_budget__item--spending >.recommended_index-household_budget__item__head{
		background-color: #daecef;
	}
	.recommended_index-household_budget__item__title{
		text-align: center;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.25;
		color: #262626;
	}
	.recommended_index-household_budget__item__body{
		margin-top: 28px;
	}
	.recommended_index-household_budget__item__body > *:first-child{
		margin-top: 0;
	}
	.recommended_index-household_budget__detail{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 30px;
		padding: 0 10px 0 7px;
	}
	.recommended_index-household_budget__detail__head{
		font-size: 2.6rem;
	}
	.recommended_index-household_budget__amount-wrap{
		display: flex;
		align-items: flex-end;
	}
	.recommended_index-household_budget__amount{
		display: inline-block;
		min-width: 146px;
		border-radius: 10px;
		border: 3px solid #f79d9d;
		padding: 9px 10px 7px;
		text-align: right;
		font-weight: bold;
		font-size: 3.0rem;
		line-height: 1.25;
	}
	.recommended_index-household_budget__amount.is-disabled{
		background-color: #e5e5e5;
	}
	.recommended_index-household_budget__amount__unit{
		display: inline-block;
		margin-left: 13px;
		font-size: 2.0rem;
	}
	.recommended_index-household_budget__item--income .recommended_index-household_budget__amount{
		border-color: #f79d9d;
	}
	.recommended_index-household_budget__item--spending .recommended_index-household_budget__amount{
		border-color: #b6d9e2;
	}
	.recommended_index-household_budget__result-amount-wrap{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-top: 37px;
	}
	.recommended_index-household_budget__result-amount{
		display: inline-block;
		min-width: 186px;
		border-radius: 10px;
		border: 2px solid #dc322c;
		background-color: #fff;
		padding: 9px 18px 7px;
		text-align: right;
		font-weight: bold;
		font-size: 3.8rem;
		line-height: 1.25;
		color: #dc322c;
	}
	.recommended_index-household_budget__result-amount__unit{
		display: inline-block;
		margin-left: 15px;
		font-size: 2.6rem;
	}
	
	/* 	recommended_index-product-area-wrap
	--------------------------------*/
	.recommended_index-product-area-wrap{
		display: flex;
		justify-content:space-between;
	}
	.recommended_index-product-area-wrap > * + *{
		margin-left: 20px;
	}
	.recommended_index-product-area{
		width: 100%;
	}
	.recommended_index-product-area--medical{
		width: 100%;
		border-radius: 20px;
		padding: 34px 17px 26px;
	}
	.recommended_index-product-area--cancer{
		width: 450px;
		border-radius: 20px;
		padding: 34px 17px 26px;
	}
	.recommended_index-product-area-v2--medical{
		margin-top: 50px;
		border-radius: 20px;
		padding: 34px 17px 26px;
	}
	.recommended_index-product-area-v2--cancer{
		margin-top: 50px;
		border-radius: 20px;
		padding: 34px 17px 26px;
	}
	.recommended_index-product__head{
		position: relative;
		text-align: center;
	}
	.recommended_index-product__head::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 3px;
		margin-top: -1.5px;
		background-color: #8e9495;
		z-index: 1;
		content: '';
	}
	.recommended_index-product__head__label{
		display: inline-block;
		position: relative;
		padding: 0 60px;
		background: #fff8df;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head.type02 .recommended_index-product__head__label{
		display: inline-block;
		position: relative;
		padding: 0 60px;
		background: #ecf6f8;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head-v2{
		position: relative;
		text-align: center;
	}
	.recommended_index-product__head-v2::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 3px;
		margin-top: -1.5px;
		background-color: #8e9495;
		z-index: 1;
		content: '';
	}
	.recommended_index-product__head-v2__label{
		position: relative;
		display: inline-block;
		padding: 0 70px;
		background-color: #fff8df;
		font-weight: bold;
		font-size: 3rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head-v3{
		position: relative;
		margin-bottom: 16px;
		text-align: center;
	}
	.recommended_index-product__head-v3::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 3px;
		margin-top: -1.5px;
		background-color: #8e9495;
		z-index: 1;
		content: '';
	}
	.recommended_index-product__head-v3__label{
		position: relative;
		display: inline-block;
		background-color: #fff8df;
		padding: 0 70px;
		font-weight: bold;
		font-size: 3rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head-v3.type02 .recommended_index-product__head-v3__label{
		display: inline-block;
		position: relative;
		padding: 0 60px;
		background: #ecf6f8;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__body{
		margin-top: 16px;
	}
	.recommended_index-product__body > *:last-child{
		margin-bottom: 0;
	}
	.recommended_index-product__item-wrap{
		display: flex;
		justify-content: center;
	}
	.recommended_index-product__item-wrap > .recommended_index-product__item:nth-child(n+2){
		margin-left: 27px;
	}
	.recommended_index-product__item-wrap-v2{
		display: flex;
		justify-content: center;
	}
	.recommended_index-product__item-wrap-v2 > .recommended_index-product__item:nth-child(n+2){
		margin-left: 49px;
	}
	.recommended_index-product__item{
		display: flex;
		width: 334px;
	}
	.recommended_index-product__item.tsumiki{
		width: 500px;
	}
	.recommended_index-product__item__type{
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin-bottom: 6px;
		border-radius: 20px;
		border: 4px solid #ebebeb;
		padding-bottom: 42px;
		box-shadow: 0 6px 0 0 #cccccc;
		background-color: #ffffff;
	}
	.recommended_index-product__item.tsumiki .recommended_index-product__item__type{
		padding-bottom: 60px;
	}
	.recommended_index-product__item__type:link{
		text-decoration: none;
	}
	.recommended_index-product__item__type:hover{
		margin-top: 6px;
		margin-bottom: 0;
		text-decoration: none;
		box-shadow: 0 0 0 0 #cccccc;
	}
	.recommended_index-product__item__head{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 37px;
		padding: 7px 10px 0;
		font-size: 2rem;
		font-weight: bold;
		color: #333;
	}
	.recommended_index-product__item__body{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 150px;
		margin-top: 8px;
		padding: 9px 10px;
	}
	.recommended_index-product__item__text{
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 42px;
		background-color: #45aab9;
		font-weight: bold;
		font-size: 1.6rem;
		color: #fff;
	}
	.recommended_index-product__item__text::before {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-product__item__text::after {
		position: absolute;
		top: 50%;
		right: 14px;
		border-left: 7px solid #45aab9;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		margin-top: -4px;
		content: '';
	}
	.recommended_index-product__item__text-v2{
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 42px;
		background-color: #e97d67;
		font-weight: bold;
		font-size: 1.6rem;
		color: #fff;
	}
	.recommended_index-product__item.tsumiki .recommended_index-product__item__text-v2{
		height: 63px;
	}
	.recommended_index-product__item__text-v2::before {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-product__item__text-v2::after {
		position: absolute;
		top: 50%;
		right: 14px;
		border-left: 7px solid #e97d67;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		margin-top: -4px;
		content: '';
	}
	
	.recommended_index-product__tsumiki{
		width: 500px;
		margin-top: 22px;
		border-radius: 20px;
		padding: 20px 18px 16px;
		background-color: #b4ddd4;
	}
	.recommended_index-product__tsumiki__head{
		margin-bottom: 18px;
		text-align: center;
		font-weight: bold;
		font-size: 2.2rem;
	}
	.recommended_index-product__tsumiki__image{
		padding: 0 10px;
		text-align: center;
	}
	.recommended_index-product__tsumiki__image img{
		width: 166px;
	}
	.recommended_index-product__tsumiki__body{
		display: flex;
		align-items: center;
		margin-top: 15px;
		margin-bottom: 24px;
		padding: 0 18px;
	}
	.recommended_index-product__tsumiki__list-wrap{
		margin-right: 20px;
	}
	.recommended_index-product__tsumiki__list {
		padding-left: 6px;
	}
	.recommended_index-product__tsumiki__list > li{
		position: relative;
		padding-left: 28px;
		font-size: 2.0rem;
		color: #434343;
		line-height: 1.5;
	}
	.recommended_index-product__tsumiki__list > li::before{
		position: absolute;
		top: .2em;
		left: 0;
		width: 23px;
		height: 20px;
		background: url("/insurance/recommended/img/index_ic01.png") no-repeat 0 0;
		content: '';
	}
	.recommended_index-product__tsumiki__button{
		width: 200px;
	}
	.recommended_index-product__tsumiki__button__type{
		display: block;
		height: 80px;
		border-radius: 20px;
		padding: 22px 20px;
		background-color: #e7826d;
		text-align: center;
	}
	.recommended_index-product__tsumiki__button__type:link{
		text-decoration: none;
	}
	.recommended_index-product__tsumiki__button__type:hover{
		background-color: #fb8d76;
	}
	.recommended_index-product__tsumiki__button__label{
		text-decoration: none;
		font-size: 2.2rem;
		color: #ffffff;
	}
	
	
	
	
	/* recommended_index-banner */
	.recommended_index-bannerTitle {
		margin-top: 70px;
		text-align: center;
		font-size: 3rem;
		font-weight: bold;
	}
	.recommended_index-banner {
		margin-top: 15px;
		text-align: center;
	}
	.recommended_index-banner a {
		display: inline-block;
		border-radius: 10px;
		overflow: hidden;
	}
	.recommended_index-banner a:hover {
		opacity: 0.7;
	}
	/* modal */
	#cboxOverlay {
		background-color: #000;
		opacity: 0.3 !important;
	}
	#cboxMiddleLeft,
	#cboxMiddleRight {
		width: 30px;
	}
	#cboxTopCenter {
		height: 30px;
	}
	#cboxContent {
		background: none;
		overflow: visible !important;
	}
  #cboxLoadedContent {
		overflow-x: hidden !important;
    border-radius: 10px;
  }
	#colorbox.recommended_index-modal--wrap #cboxWrapper{
		position: static;
		overflow: visible;
	}
	#colorbox.recommended_index-modal--wrap #cboxContent {
		position: static;
		overflow: visible;
	}
	#colorbox.recommended_index-modal--wrap #cboxLoadedContent {
		border-radius: 0;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}
	#colorbox.recommended_index-modal--wrap .cboxIframe {
		max-height: 190px;
	}
	#colorbox.recommended_index-modal--wrap .recommended-closeButton01 {
		margin-top: 15px;
		padding-bottom: 0;
		background: #ffffff;
	}
	#colorbox.recommended_index-modal--wrap .recommended-closeButton01 a {
		cursor: pointer;
	}
	#colorbox #cboxClose {
		width: 60px;
		height: 60px;
		background: url("/insurance/recommended/img/com_ic09.png") 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		top: -30px;
		right: -30px;
	}
	.recommended_index-modal--wrap {
		display: none;
	}
	.recommended_index-modal {
		padding: 36px 30px 25px;
		width: 1000px;
		background-color: #fff;
		overflow-y: auto;
    overflow-x: hidden;
		letter-spacing: 0.04em;
		font-feature-settings: "palt" 1;
		border-radius: 10px;
	}
	.recommended_index-modal--inner > *:first-child{
		margin-top: 0;
	}
	.recommended_index-modal-heading {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}
	.recommended-closeButton01{
		margin-top: 30px;
	}
	.recommended-closeButton01 > a{
		position: relative;
		display: block;
		width: 400px;
		margin: 0 auto;
		border-radius: 10px;
		border: 1px solid #737373;
		padding: 18px 50px 18px;
		background-color: #737373;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 2.4rem;
		color: #fff;
		line-height: 1.1;
	}
	.recommended-closeButton01 > a:hover{
		background-color: #fff;
		color: #737373;
	}
	.recommended-closeButton01 > a::after{
		position: absolute;
		top: 50%;
		right: 10px;
		width: 34px;
		height: 34px;
		margin-top: -17px;
		background: url("/insurance/recommended/img/com_ic10.png") 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		content: '';
	}
	.recommended_index-modal-heading01{
		margin: 0 -20px 50px;
	}
	.recommended_index-modal-heading01__inner{
		position: relative;
		padding-bottom: 10px;
		border-bottom: 2px solid #7c266e;
	}
	.recommended_index-modal-heading01__inner::before{
		position: absolute;
		bottom: -20px;
		right: 136px;
		width: 35px;
		height: 20px;
		background: url("/insurance/recommended/img/index_ex04.png");
		content: '';
	}
	.recommended_index-modal-heading01__inner::after{
		position: absolute;
		right: 29px;
		bottom: -40px;
		width: 106px;
		height: 106px;
		background: url("/insurance/recommended/img/index_im04.png");
		content: '';
	}
	.recommended_index-modal-heading01__title{
		text-align: center;
		font-weight: bold;
		font-size: 3.0rem;
	}
	.recommended_index-modal-heading02{
		position: relative;
		margin: 64px 0 18px;
		padding-left: 26px;
		font-weight: bold;
		font-size: 2.0rem;
		color: #008191;
		line-height: 1.1;
	}
	.recommended_index-modal-heading02::before{
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: #008191;
		content: '';
	}
	.recommended_index-modal-text{
		font-size: 2.0rem;
		line-height: 1.1;
	}
	
	
}
@media screen and (min-width: 1261px) {
	#page{
		overflow-x: hidden;
	}
}
@media screen and (max-width: 1260px) and (min-width: 751px){
	#page{
		overflow: visible;
	}
  #content #main{
    overflow: hidden;
  }
  .recommended_index-mainVisual{
		width: auto;
    margin-right: -30px;
    margin-left: -30px;
    overflow: hidden;
  }
  .recommended_index-heading02 {
		width: auto;
    margin-right: -30px;
    margin-left: -30px;
		background: #f8f0ff;
	}
	.recommended_index-contents__area-v1{
		width: auto;
    margin-right: -30px;
    margin-left: -30px;
		background: #f8f0ff;
	}
}


/*----------------------------------------------------------------
*
* SP
*
*----------------------------------------------------------------*/
@media screen and (max-width: 750px) {
	.sp-aR{text-align: right !important;}
	.sp-aC{text-align: center !important;}
	.sp-aL{text-align: left !important;}
	
	.recommended_index-contents {
		margin-top: 0;
		letter-spacing: 0.04em;
		font-feature-settings: "palt" 1;
	}
	.recommended_index-contents__area-v1{
		margin: 0 -10px;
		padding-top: 28px;
		background: #f8f0ff;
	}
	.recommended_index-contents__area-v1__inner{
		padding: 0 10px 38px;
	}
	.recommended_index-contents__area-v1__inner > *:first-child{
		margin-top: 0;
	}
	
	.recommended_index-contents__area-v2{
		margin: 43px 0 0;
	}
	.recommended_index-contents__area-v2__inner{
	}
	.recommended_index-contents__area-v2__inner > *:first-child{
		margin-top: 0;
	}
	.isPc,.sp-hidden{
		display: none !important;
	}
	body.fixed{
		width: 100vw;
	}
	#content #main{
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	#footer{
		padding-top: 25px;
	}
	#footer #pagetop{
		bottom: 75px;
		z-index: 10;
	}
	#spNavSwitch {
		box-shadow: none;
	}
	#spNavSwitch a {
		position: relative;
		width: 50px;
		height: 42px;
		padding: 25px 0 0 0;
		font-size: 9px;
		font-size: 0.9rem;
		line-height: 1;
		color: #333333;
	}
	#spNavSwitch > a:before {
		position: absolute;
		top: 7px;
		left: 50%;
		width: 20px;
		height: 14px;
		margin-left: -10px;
		background: url(/insurance/images/index/renew/index_ic31.png) no-repeat 0 0/100% auto;
	}
	#spNavSwitch.open > a {
		padding-top: 25px;
		padding-bottom: 2px;
	}
	#spNavSwitch.open a::before {
		top: 5px;
		left: 50%;
		width: 16px;
		height: 16px;
		margin-left: -8px;
		background: url(/insurance/images/index/renew/index_ic32.png) no-repeat 0 0/100% auto;
	}

	.recommended_index-header{
		margin-left: -10px;
		margin-right: -10px;
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
	}
	.recommended_index-header__inner{
		margin: 0 auto;
		padding: 20px 10px 27px;
	}
	.recommended_index-header__body{
		text-align: center;
	}
	.recommended_index-header__body > a img{
		width: 190px;
		line-height: 1;
	}
	/* recommended_index-wrap
	--------------------------------*/
	.recommended_index-wrap {
		margin: 45px -10px 20px;
	}
	.recommended_index-wrap.type01 {
		background-color: #fff8df;
	}
	.recommended_index-wrap.type02 {
		background-color: #ecf6f8;
	}
	.recommended_index-wrap__inner {
		margin: 0 auto;
		padding: 0 10px 25px;
	}
	/* recommended_index-heading
	--------------------------------*/
	/*heading01*/
	.recommended_index-heading01 {
		margin-left: -10px;
		margin-right: -10px;
		font-size: 3rem;
		font-weight: bold;
	}
	/*heading02*/
	.recommended_index-heading02 {
		margin: 0 -10px 20px;
	}
	.recommended_index-heading02.type01 {
		background: #b97600;
	}
	.recommended_index-heading02.type02 {
		background: #138c9e;
	}
	.recommended_index-heading02__inner {
		display: flex;
		justify-content: center;
		flex-flow: column;
		min-height: 224px;
		margin: 0 auto;
		padding: 10px;
	}
	.recommended_index-heading02__title {
		text-align: center;
		font-weight: bold;
		font-size: 2.3rem;
		color: #fff;
		line-height: 1.2;
	}
	.recommended_index-heading02__title__image--medical_cancer{
		vertical-align: middle;
		margin-right: 22px;
		width: 91px;
	}
	.recommended_index-heading02__title__image--death {
		vertical-align: middle;
		margin-right: 8px;
		width: 44px;
	}
	.recommended_index-heading02__text {
		margin-top: 8px;
		text-align: center;
		font-size: 1.9rem;
		color: #fff;
	}
	
	/*heading03*/
	.recommended_index-heading03 {
		margin: 70px 0 30px;
	}
	.recommended_index-heading03__inner {
		
	}
	.recommended_index-heading03__subtitle {
		margin-bottom: 10px;
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.1;
	}
	.recommended_index-heading03__title {
		text-align: center;
		font-weight: bold;
		font-size: 1.5rem;
		line-height: 1.25;
	}
	.recommended_index-heading03__mark {
		display: inline-block;
		width: 29px;
		height: 29px;
		margin-right: 5px;
		border-radius: 50%;
		padding: 9px 3px;
		background-color: #ea6872;
		vertical-align: text-bottom;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1;
		color: #fff;
	}
	.recommended_index-heading03__underline {
		display: inline;
		background: linear-gradient(to bottom,  transparent 0%, transparent 61%,#fbe1e3 62%,#fbe1e3 78%, transparent 79%, transparent 100%); 
		font-size: 2.6rem;
		color: #dc322c;
	}
	.recommended_index-heading03__text-box {
		position: relative;
		max-width: 600px;
		margin: 20px auto 0;
		text-align: center;
		border-radius: 10px;
		padding: 7px;
		border: 1px dashed #bfbfbf;
	}
	.recommended_index-heading03__text-box::before {
		position: absolute;
		top: -9.5px;
		left: 50%;
		margin-left: -13px;
		width: 26px;
		height: 10px;
		background: url("/insurance/recommended/img/index_ex02.png") no-repeat 0 0;
		border-bottom: 4px solid #fff8df;
		background-size: 100% auto;
		content: '';
	}
	.recommended_index-heading03__text {
		font-size: 1.3rem;
	}
	
	
	
	/* recommended_index-question
	--------------------------------*/
	.recommended_index-question {
		margin-top: 48px;
	}
	.recommended_index-question__head {
		position: relative;
		padding-left: 42px;
		min-height: 33px;
	}
	.recommended_index-question__body {
		margin-top: 15px;
		padding: 0 10px;
	}
	.recommended_index-question__mark {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 33px;
		height: 33px;
		border-radius: 50%;
		padding: 3px;
		background: #ea6872;
		text-align: center;
		font-size: 1.7rem;
		color: #fff;
	}
	.recommended_index-question__title {
		padding: 7px 0 0;
		font-size: 1.7rem;
		line-height: 1.4;
	}
	.recommended_index-question__text {
		margin-top: 10px;
		font-size: 1.3rem;
		line-height: 1.3;
	}
	
	/* recommended_index-input
	--------------------------------*/
	/*text*/
	.recommended_index-input-wrap--text {
		display: flex;
		justify-content: center;
	}
	.recommended_index-input--text {
		display: flex;
		flex-direction: column;
	}
	.recommended_index-input--text .recommended_index-input__block {
		position: relative;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.recommended_index-input--text input {
		width: calc(100% - 60px);
		height: 50px;
		border-radius: 10px;
		border: 2px solid #7c266e;
		padding: 4px 15px;
		background-color: #ffffff;
		text-align: right;
		font-size: 2.5rem;
		line-height: 1.25;
	}
	.recommended_index-input--text input::placeholder {
		color: #cccccc;
	}
	.recommended_index-input--text .recommended_index-input__unit {
		font-size: 1.5rem;
		line-height: 1.25;
	}
	.recommended_index-input--text__error {
		display: none;
		margin-top: 18px;
		padding-left: 18px;
		font-size: 1.3rem;
		line-height: 1.2;
		background: url("/insurance/recommended/img/com_ic11.png") 0 2px no-repeat;
		background-size: 10px auto;
		color: #dc322c;
	}
	.recommended_index-input--text.is-error .recommended_index-input--text__error {
		display: block;
	}
	/*radio*/
	.recommended_index-input-wrap--radio {
	}
	.recommended_index-input-wrap--radio > .recommended_index-input--radio:nth-child(n+2) {
		margin-top: 15px;
	}
	.recommended_index-input--radio {
		position: relative;
		display: flex;
	}
	.recommended_index-input--radio .recommended_index-input__block {
		display: flex;
		width: 100%;
	}
	.recommended_index-input--radio input {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}
	.recommended_index-input--radio label {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		min-height: 50px;
		border-radius: 50px;
		border: 2px solid #7c266e;
		padding: 4px 15px;
		background-color: #ffffff;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.25;
	}
	.recommended_index-input--radio label:hover {
		background: #ecd6ff;
	}
	.recommended_index-input--radio input:checked + label {
		background: #7c266e;
		color: #ffffff;
	}
	
	/* recommended_index-flow
	--------------------------------*/
	.recommended_index-flow {
		margin-top: 31px;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.recommended_index-flow__status {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 250px;
	}
	.recommended_index-flow__status::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 0;
		height: 2px;
		margin-top: -1px;
		background: #7c266e;
		z-index: 2;
		transition: width 0.5s ease-out;
		content: '';
	}
	.recommended_index-flow__status[data-flow-current="1"]::before {
		width: calc(((1 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="2"]::before {
		width: calc(((2 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="3"]::before {
		width: calc(((3 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="4"]::before {
		width: calc(((4 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="5"]::before {
		width: calc(((5 - 1) / (6 - 1)) * 100%);
	}
	.recommended_index-flow__status[data-flow-current="6"]::before {
		width: calc(((6 - 1) / (6 - 1)) * 100%);
	}
	
	.recommended_index-flow__status > .recommended_index-flow__status__item:nth-last-of-type(1) {
		margin-right: 0;
	}
	.recommended_index-flow__status__item {
		position: relative;
		display: block;
		overflow: hidden;
		width: 12px;
		height: 12px;
		margin: 0 36px 0 0;
		border-radius: 50%;
		border: 1px solid #f8f0ff;
		background: #999999;
		text-indent: -999em;
		line-height: 1;
		z-index: 3;
	}
	.recommended_index-flow__status__item.is-active {
		background: #7c266e;
	}
	.recommended_index-flow__number{
		margin-top: 12px;
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.25;
	}
	
	/* recommended_index-lead
	--------------------------------*/
	.recommended_index-lead {
		font-weight: bold;
		font-size: 1.5rem;
	}
	/* recommended_index-note-text
	--------------------------------*/
	.recommended_index-note-text {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 1.0rem;
		line-height: 1.3;
	}
	
	/*.recommended_index-figure
	--------------------------------*/
	.recommended_index-figure-wrap {
		display: flex;
		justify-content: center;
		margin: 10px 0 6px;
	}
	.recommended_index-figure-wrap-v2 {
		display: flex;
		justify-content: center;
		margin: 10px 0 6px;
	}
	.recommended_index-figure {
	}
	.recommended_index-figure__title {
		margin: 0 0 1.3em;
		text-align: center;
		font-weight: bold;
		font-size: 2.0rem;
		line-height: 1.1;
	}
	.recommended_index-figure__frame {
		display: inline-block;
	}
	.recommended_index-figure__caption {
		margin: 1.5em 0 0;
		text-align: left;
		font-size: 2.0rem;
		line-height: 1.1;
	}
	.recommended_index-figure-v2 {
	}
	.recommended_index-figure-v2__title {
		margin: 0 0 1.3em;
		text-align: center;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.recommended_index-figure-v2__frame {
		display: block;
		margin: 0 -10px;
	}
	.recommended_index-figure-v2__caption {
		margin: 1.2em 0 0;
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.1;
	}

	
	/* recommended_index-arrow
	--------------------------------*/
	.recommended_index-arrow {
		margin-top: 10px;
		margin-bottom: 18px;
		text-align: center;
	}
	.recommended_index-arrow > img {
		width: 52px;			
	}
	
	/* recommended_index-button
	--------------------------------*/
	/*button-warp*/
	.recommended_index-button-warp {
		display: flex;
		margin: 15px 0 20px;
	}
	.recommended_index-button-warp--center {
		display: flex;
		justify-content: center;
		margin: 15px 0 20px;
	}
	.recommended_index-button-warp-v2 {
		display: flex;
		margin: 28px 0 20px;
	}
	.recommended_index-button-warp-v2--center {
		display: flex;
		justify-content: center;
		margin: 28px 0 20px;
	}
	.recommended_index-button-warp-v3 {
		display: flex;
		margin: 35px 0 30px;
	}
	.recommended_index-button-warp-v3--center {
		display: flex;
		justify-content: center;
		margin: 35px 0 30px;
	}
	
	/*button*/
	.recommended_index-button {
		display: flex;
	}
	.recommended_index-button__type {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		min-width: 240px;
		border-radius: 10px;
		padding: 10px 24px;
		background-color: #ea6872;
		text-align: center;
		text-decoration: none;
		font-weight: 700;
		line-height: 1.4;
		color: #fff;
	}
	.recommended_index-button__type::before {
		position: absolute;
		top: 50%;
		right: 7px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-button__type::after {
		position: absolute;
		top: 50%;
		right: 11px;
		border-left: 7px solid #ea6872;
		border-top: 4px solid transparent;
		border-bottom:4px solid transparent;
		margin-top: -4px;
		content: '';
	}
	[class*="recommended_index-button__type"]:link ,
	[class*="recommended_index-button__type"]:visited{
		text-decoration: none;
		color: #fff;
	}
	[class*="recommended_index-button__type"]:hover {
		background-color: #ff8891;
	}
	[class*="recommended_index-button__type"]:hover::after {
		border-left-color: #ff8891;
	}
	.recommended_index-button__label {
		display: inline-block;
		font-size: 1.5rem;
		font-weight: bold;
	}
	
	
	/*button-v2*/
	.recommended_index-button-v2 {
		display: flex;
		width: 100%;
	}
	.recommended_index-button-v2__type {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 100%;
		border-radius: 10px;
		padding: 10px 22px;
		background-color: #ea6872;
		text-align: center;
		text-decoration: none;
		font-weight: 700;
		line-height: 1.4;
		color: #fff;
	}
	.recommended_index-button-v2__type:not(.is-disabled)::before {
		position: absolute;
		top: 50%;
		right: 9px;
		width: 17px;
		height: 17px;
		margin-top: -8px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-button-v2__type:not(.is-disabled)::after {
		position: absolute;
		top: 50%;
		right: 13px;
		border-top: 7px solid #ea6872;
		border-right: 4.5px solid transparent;
		border-left: 4.4px solid transparent;
		margin-top: -3px;
		content: '';
	}
	[class*="recommended_index-button-v2__type"]:link {
		text-decoration: none;
		color: #fff;
	}
	[class*="recommended_index-button-v2__type"]:hover {
		background-color: #ff8891;
	}
	[class*="recommended_index-button-v2__type"]:hover::after {
		border-top-color: #ff8891;
	}
	.recommended_index-button-v2__type.is-disabled {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 100%;
		border-radius: 10px;
		border: 2px solid #dc322c;
		padding: 10px 22px;
		background-color: #ffe5e5;
		text-align: center;
		text-decoration: none;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.4;
		color: #dc322c;
		pointer-events: none;
	}
	.recommended_index-button-v2__type.is-disabled::before {
		position: absolute;
		top: 50%;
		left: 29px;
		width: 21px;
		height: 18px;
		margin-top: -9px;
		background: url("/insurance/recommended/img/com_ic12.png") no-repeat 0 0;
		background-size: 100% auto;
		content: '';
	}
	.recommended_index-button-v2__label {
		display: inline-block;
		font-size: 1.8rem;
		font-weight: bold;
	}

	/*button-v3*/
	.recommended_index-button-v3 {
		display: flex;
		width: 100%;
	}
	.recommended_index-button-v3__type {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 100%;
		border-radius: 10px;
		padding: 10px 30px;
		background-color: #ea6872;
		text-align: center;
		text-decoration: none;
		font-weight: 700;
		line-height: 1.4;
		color: #fff;
	}
	.recommended_index-button-v3__type::before {
		position: absolute;
		top: 50%;
		right: 9px;
		width: 17px;
		height: 17px;
		margin-top: -8px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-button-v3__type::after {
		position: absolute;
		top: 50%;
		right: 13px;
		border-bottom: 7px solid #ea6872;
		border-right: 4.5px solid transparent;
		border-left: 4.5px solid transparent;
		margin-top: -3px;
		content: '';
	}
	[class*="recommended_index-button-v3__type"]:link ,
	[class*="recommended_index-button-v3__type"]:visited {
		text-decoration: none;
		color: #fff;
	}
	.recommended_index-button-v3__label {
		display: inline-block;
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	/* recommended_index-modal-link
	--------------------------------*/
	.recommended_index-modal-link{
		margin-top: 16px;
		margin-right: -4px;
		text-align: right;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label{
		position: relative;
		display: inline-block;
		padding: 0 12px 0 26px;
		font-size: 1.4rem;
		color: #5b5b5b;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label:link,
	.recommended_index-modal-link .recommended_index-modal-link__label:visited {
		text-decoration: none;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label:hover {
		text-decoration: underline;
	}
	.recommended_index-modal-link .recommended_index-modal-link__label::before {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		display: block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		padding: 4px;	
		text-align: center;
		background: #5b5b5b;
		font-size: 1.4rem;
		line-height: 1;
		color: #ffffff;
		content: '?';
	}
	.recommended_index-modal-link .recommended_index-modal-link__label::after{
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 5px;
		height: 9px;
		margin-top: -5px;
		background: url("/insurance/recommended/img/com_ic06.png") no-repeat 0 0;
		background-size: 100% auto;
		content: '';
	}
	
	/* recommended_index-modal-button
	--------------------------------*/
	.recommended_index-modal-button:link {
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-left: 6px;
		border-radius: 50%;
		background: #dc322c;
		text-align: center;
		text-decoration: none;
		font-size: 0.8em;
		color: #ffffff;
	}
	
	/* recommended_index-necessity
	--------------------------------*/
	.recommended_index-necessity {
		position: relative;
		margin-top: 43px;
		border: 1px solid #ea6872;
		border-radius: 10px;
		padding: 27px 19px 23px;
	}
	.recommended_index-necessity__head {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
		text-align: center;
	}
	.recommended_index-necessity__title {
		display: inline-block;
		padding: 0 4px;
		background: #ffffff;
		font-weight: bold;
		font-size: 2.4rem;
		color: #ea6872;
	}
	.recommended_index-necessity__body {
		
	}
	.recommended_index-necessity__item-wrap {
	}
	.recommended_index-necessity__item-wrap > .recommended_index-necessity__item:nth-child(n+2) {
		margin-top: 22px;
	}
	.recommended_index-necessity__item {
		width: 100%;
	}
	.recommended_index-necessity__item__title {
		text-align: center;
		font-weight: bold;
		font-size: 1.5rem;
		vertical-align: middle;
	}
	.recommended_index-necessity__item__title__image--medical_cancer{
		width: 61px;
		margin-right: 17px;
		vertical-align: middle;
	}
	.recommended_index-necessity__item__title__image--death{
		width: 35px;
		margin-right: 18px;
		vertical-align: middle;
	}
	.recommended_index-necessity__item__rank {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 48px;
		margin-top: 12px;
		border-radius: 10px;
		border: 1px solid #dadada;
		background-color: #fff;
	}
	.recommended_index-necessity__item__rank::before{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 9px;
		background-color: #d1e0f9;
		content: '';
	}
	.recommended_index-necessity__item__rank[data-necessity="low"]::before {
		width: calc(100% / 3 * 1);
		background-color: #d1e0f9;
	}
	.recommended_index-necessity__item__rank[data-necessity="low"] {
		color: #008191;
	}
	.recommended_index-necessity__item__rank[data-necessity="middle"]::before {
		width: calc(100% / 3 * 2);
		background-color: #f9ecd1;
	}
	.recommended_index-necessity__item__rank[data-necessity="middle"] {
		color: #eb6100;
	}
	.recommended_index-necessity__item__rank[data-necessity="high"]::before ,
	.recommended_index-necessity__item__rank[data-necessity="high-v1"]::before ,
	.recommended_index-necessity__item__rank[data-necessity="high-v2"]::before {
		width: 100%;
		background-color: #f9d1d4;
	}
	.recommended_index-necessity__item__rank[data-necessity="high"] ,
	.recommended_index-necessity__item__rank[data-necessity="high-v1"] ,
	.recommended_index-necessity__item__rank[data-necessity="high-v2"] {
		color: #dc322c;
	}
	.recommended_index-necessity__item__rank__inner {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.recommended_index-necessity__item__rank__inner::before{
		position: absolute;
		top: 3px;
		left: calc(100% / 3 * 1);
		width: 1px;
		height: 40px;
		background-color: #fff;
		content: '';
	}
	.recommended_index-necessity__item__rank__inner::after{
		position: absolute;
		top: 3px;
		left: calc(100% / 3 * 2);
		width: 1px;
		height: 40px;
		background-color: #fff;
		content: '';
	}
	.recommended_index-necessity__item__rank__label {
		position: relative;
		font-weight: bold;
		z-index: 5;
	}
	[data-necessity="high"] .recommended_index-necessity__item__rank__label::before,
	[data-necessity="high-v1"] .recommended_index-necessity__item__rank__label::before,
	[data-necessity="high-v2"] .recommended_index-necessity__item__rank__label::before{
		content: '高';
	}
	[data-necessity="middle"] .recommended_index-necessity__item__rank__label::before{
		content: '中';
	}
	[data-necessity="low"] .recommended_index-necessity__item__rank__label::before{
		content: '低';
	}
	/* recommended_index-household_budget
	--------------------------------*/
	.recommended_index-household_budget{
		margin: 0 0 46px;
	}
	.recommended_index-household_budget__text{
		text-align: center;
		font-size: 1.5rem;
	}
	.recommended_index-household_budget__lead{
		text-align: center;
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.recommended_index-household_budget__box{
		margin-top: 14px;
		border-radius: 10px;
		border: 2px solid #dc322c;
		background-color: #fff;
		padding: 10px 9px 10px;
	}
	.recommended_index-household_budget__item-wrap{
		display: flex;
	}
	.recommended_index-household_budget__item-wrap > *:nth-child(2n+1){
		padding-right: 4px;
		border-right: 1px solid #dc322c;
	}
	.recommended_index-household_budget__item-wrap > *:nth-child(2n){
		padding-left: 5px;
	}
	.recommended_index-household_budget__item-wrap > *:nth-child(2n)::after{
		position: absolute;
		content: '';
	}
	.recommended_index-household_budget__item--income,
	.recommended_index-household_budget__item--spending{
		position: relative;
		width: 50%;
	}
	
	.recommended_index-household_budget__item__head{
		border-radius: 10px;
		padding: 8px;
		background-color: #fbeae9;
	}
	.recommended_index-household_budget__item--income >.recommended_index-household_budget__item__head{
		background-color: #fbeae9;
	}
	.recommended_index-household_budget__item--spending >.recommended_index-household_budget__item__head{
		background-color: #daecef;
	}
	.recommended_index-household_budget__item__title{
		text-align: center;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.25;
		color: #262626;
	}
	.recommended_index-household_budget__item__body{
		margin-top: 7px;
	}
	.recommended_index-household_budget__item__body > *:first-child{
		margin-top: 0;
	}
	.recommended_index-household_budget__detail{
		margin-top: 7px;
		padding: 0 0 0 5px;
	}
	.recommended_index-household_budget__detail__head{
		font-size: 1.4rem;
	}
	.recommended_index-household_budget__amount-wrap{
		display: flex;
		align-items: flex-end;
	}
	.recommended_index-household_budget__amount{
		display: inline-block;
		min-width: 88px;
		border-radius: 5px;
		border: 2px solid #f79d9d;
		padding: 6px 10px 4px;
		text-align: right;
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.25;
	}
	.recommended_index-household_budget__amount__unit{
		display: inline-block;
		margin-left: 7px;
		font-size: 1.2rem;
	}
	.recommended_index-household_budget__amount.is-disabled {
		background-color: #e5e5e5;
	}
	.recommended_index-household_budget__item--income .recommended_index-household_budget__amount{
		border-color: #f79d9d;
	}
	.recommended_index-household_budget__item--spending .recommended_index-household_budget__amount{
		border-color: #b6d9e2;
	}
	.recommended_index-household_budget__result-amount-wrap{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-top: 20px;
	}
	.recommended_index-household_budget__result-amount{
		display: inline-block;
		min-width: 131px;
		border-radius: 5px;
		border: 2px solid #dc322c;
		background-color: #fff;
		padding: 6px 8px 4px;
		text-align: right;
		font-weight: bold;
		font-size: 2.5rem;
		line-height: 1.25;
		color: #dc322c;
	}
	.recommended_index-household_budget__result-amount__unit{
		display: inline-block;
		margin-left: 4px;
		font-size: 1.8rem;
	}
	
	/* 	recommended_index-product-area-wrap
	--------------------------------*/
	.recommended_index-product-area-wrap{
	}
	.recommended_index-product-area-wrap > * + *{
		margin-top: 15px;
	}
	.recommended_index-product-area{
	}
	.recommended_index-product-area--medical{
		border-radius: 10px;
		padding: 14px 23px 16px;
	}
	.recommended_index-product-area--cancer{
		border-radius: 10px;
		padding: 14px 23px 16px;
	}
	.recommended_index-product-area-v2--medical{
		margin-top: 20px;
		border-radius: 10px;
		padding: 14px 23px 16px;
	}
	.recommended_index-product-area-v2--cancer{
		margin-top: 20px;
		border-radius: 10px;
		padding: 14px 23px 16px;
	}
	.recommended_index-product__head{
		position: relative;
		text-align: center;
	}
	.recommended_index-product__head::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		margin-top: -1px;
		background-color: #8e9495;
		z-index: 1;
		content: '';
	}
	.recommended_index-product__head__label{
		position: relative;
		display: inline-block;
		padding: 0 30px;
		background-color: #fff8df;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head.type02 .recommended_index-product__head__label{
		position: relative;
		display: inline-block;
		padding: 0 30px;
		background-color: #ecf6f8;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head-v2{
		position: relative;
		text-align: center;
	}
	.recommended_index-product__head-v2::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		margin-top: -1px;
		background-color: #8e9495;
		z-index: 1;
		content: '';
	}
	.recommended_index-product__head-v2__label{
		position: relative;
		display: inline-block;
		padding: 0 30px;
		background-color: #fff8df;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head-v3{
		position: relative;
		margin-bottom: 9px;
		text-align: center;
	}
	.recommended_index-product__head-v3::before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		margin-top: -1px;
		background-color: #8e9495;
		z-index: 1;
		content: '';
	}
	.recommended_index-product__head-v3__label{
		position: relative;
		display: inline-block;
		background-color: #fff8df;
		padding: 0 30px;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__head-v3.type02 .recommended_index-product__head-v3__label{
		position: relative;
		display: inline-block;
		padding: 0 30px;
		background-color: #ecf6f8;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.1;
		z-index: 2;
	}
	.recommended_index-product__body{
		margin-top: 9px;
	}
	.recommended_index-product__body > *:last-child{
		margin-bottom: 0;
	}
	.recommended_index-product__item-wrap{
		display: flex;
		justify-content: center;
	}
	.recommended_index-product__item-wrap > .recommended_index-product__item:nth-child(n+2){
		margin-left: 10px;
	}
	.recommended_index-product__item-wrap-v2{
		display: flex;
		flex-wrap: wrap;
	}
	.recommended_index-product__item-wrap-v2 > .recommended_index-product__item:nth-child(2n){
		margin-left: 10px;
	}
	.recommended_index-product__item-wrap-v2 > .recommended_index-product__item:nth-child(n+3){
		margin-top: 13px;
	}
	.recommended_index-product__item{
		display: flex;
		width: calc((100% - 10px)/2);
	}
	.recommended_index-product__item.tsumiki {
		width: 100%;
	}
	.recommended_index-product__item__type{
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin-bottom: 3px;
		border-radius: 10px;
		border: 2px solid #ebebeb;
		padding-bottom: 42px;
		box-shadow: 0 3px 0 0 #cccccc;
		background-color: #ffffff;
	}
	.recommended_index-product__item__type:link{
		text-decoration: none;
	}
	.recommended_index-product__item__head{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 29px;
		padding: 14px 12px 0;
		font-size: 1.0rem;
		font-weight: bold;
		color: #333;
	}
	.recommended_index-product__item__head > img{
		max-height: 100%;
	}
	.recommended_index-product__item__body{
		height: 83px;
		padding: 9px 12px;
	}
	.recommended_index-product__item_image {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.recommended_index-product__item_image > img{
		max-width: 100%;
		max-height: 100%;
	}
	.recommended_index-product__item__text{
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
    width: 100%;
		height: 39px;
		padding: 10px 28px 10px 13px;
		background-color: #45aab9;
		font-weight: bold;
		font-size: 1.4rem;
		color: #fff;
	}
	.recommended_index-product__item__text::before {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-product__item__text::after {
		position: absolute;
		top: 50%;
		right: 9px;
		border-left: 7px solid #45aab9;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		margin-top: -4px;
		content: '';
	}
	.recommended_index-product__item__text-v2{
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 39px;
		padding: 10px 28px 10px 13px;
		background-color: #e97d67;
		font-weight: bold;
		font-size: 1.5rem;
		color: #fff;
	}
	.recommended_index-product__item.tsumiki .recommended_index-product__item__text-v2{
		height: 50px;
	}
	.recommended_index-product__item__text-v2::before {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		border-radius: 50%;
		background-color: #fff;
		content: '';
	}
	.recommended_index-product__item__text-v2::after {
		position: absolute;
		top: 50%;
		right: 14px;
		border-left: 7px solid #e97d67;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		margin-top: -4px;
		content: '';
	}
	
	.recommended_index-product__tsumiki{
		width: 100%;
		margin-top: 9px;
		border-radius: 10px;
		padding: 15px 11px 11px;
		background-color: #b4ddd4;
	}
	.recommended_index-product__tsumiki__head{
		margin-bottom: 18px;
		text-align: center;
		font-weight: bold;
		font-size: 1.5rem;
	}
	.recommended_index-product__tsumiki__image{
		text-align: center;
	}
	.recommended_index-product__tsumiki__image img{
		width: 63%;
	}
	.recommended_index-product__tsumiki__body{
		display: flex;
		align-items: center;
		margin-top: 15px;
		margin-bottom: 25px;
		padding: 0 10px;
	}
	.recommended_index-product__tsumiki__list-wrap{
		flex-shrink: 0;
		margin-right: 15px;
	}
	.recommended_index-product__tsumiki__list {
		padding-left: 6px;
	}
	.recommended_index-product__tsumiki__list > li{
		position: relative;
		padding-left: 20px;
		font-size: 1.4rem;
		color: #434343;
		line-height: 1.5;
	}
	.recommended_index-product__tsumiki__list > li::before{
		position: absolute;
		top: .2em;
		left: 0;
		width: 15px;
		height: 13px;
		background: url("/insurance/recommended/img/index_ic01.png") no-repeat 0 0;
		background-size: 100% auto;
		content: '';
	}
	.recommended_index-product__tsumiki__button{
		margin-top: 0;
		margin-left: 5px;
		flex: 1 1;
	}
	.recommended_index-product__tsumiki__button__type{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		border-radius: 10px;
		padding: 12px 10px;
		background-color: #e7826d;
		text-align: center;
	}
	.recommended_index-product__tsumiki__button__type:link{
		text-decoration: none;
	}
	.recommended_index-product__tsumiki__button__label{
		text-decoration: none;
		font-size: 1.5rem;
		color: #ffffff;
	}
	
	
	/* recommended_index-banner */
	.recommended_index-bannerTitle {
		margin-top: 40px;
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
	}
	.recommended_index-banner {
		margin-top: 10px;
		text-align: center;
	}
	.recommended_index-banner a {
		display: inline-block;
		border-radius: 5px;
		overflow: hidden;
	}
	/* modal */
	.recommended_index-modal--wrap {
		display: none;
	}
	#cboxOverlay {
		background-color: #000;
		opacity: 0.3 !important;
	}
	#cboxMiddleLeft,
	#cboxMiddleRight {
		width: 10px;
	}
	#cboxTopCenter {
		height: 15px;
	}
	#cboxContent {
		background: none;
		overflow: visible !important;
	}
  #cboxLoadedContent {
		overflow-x: hidden !important;
    border-radius: 10px;
  }
	#colorbox.recommended_index-modal--wrap #cboxWrapper{
		position: static;
		overflow: visible;
	}
	#colorbox.recommended_index-modal--wrap #cboxContent {
		position: static;
		overflow: visible;
	}
	#colorbox.recommended_index-modal--wrap #cboxLoadedContent {
		border-radius: 0;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}
	#colorbox.recommended_index-modal--wrap .cboxIframe {
		max-height: 190px;
	}
	#colorbox.recommended_index-modal--wrap .recommended-closeButton01 {
		margin-top: 15px;
		padding-bottom: 0;
		background: #ffffff;
	}
	#colorbox.recommended_index-modal--wrap .recommended-closeButton01 a {
		cursor: pointer;
	}
	#colorbox #cboxClose {
		width: 30px;
		height: 30px;
		background: url("/insurance/recommended/img/com_ic09.png") 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		top: -15px;
		right: -10px;
	}
	.recommended_index-modal--wrap {
		display: none;
	}
	.recommended_index-modal {
		padding: 10px 10px 20px;
		width: 100%;
		background-color: #fff;
		overflow-y: auto;
    overflow-x: hidden;
		letter-spacing: 0.04em;
		font-feature-settings: "palt" 1;
		border-radius: 5px;
	}
	.recommended-closeButton01{
		margin-top: 30px;
		display: flex;
		justify-content: center;
	}
	.recommended-closeButton01 > a{
		position: relative;
		display: block;
		width: 204px;
		border-radius: 10px;
		border: 1px solid #737373;
		padding: 12px 50px 12px;
		background-color: #737373;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.6rem;
		color: #fff;
		line-height: 1.1;
	}
	.recommended-closeButton01 > a::after{
		position: absolute;
		top: 50%;
		right: 10px;
		width: 17px;
		height: 17px;
		margin-top: -9px;
		background: url("/insurance/recommended/img/com_ic10.png") 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		content: '';
	}
	
	.recommended_index-modal-heading01{
		margin: 0 0 19px;
	}
	.recommended_index-modal-heading01__inner{
		position: relative;
		padding-bottom: 8px;
		border-bottom: 1px solid #7c266e;
	}
	.recommended_index-modal-heading01__inner::before{
		position: absolute;
		bottom: -10px;
		right: 55px;
		width: 18px;
		height: 10px;
		background: url("/insurance/recommended/img/index_ex04.png");
		background-size: 100% auto;
		content: '';
	}
	.recommended_index-modal-heading01__inner::after{
		position: absolute;
		right: -1px;
		bottom: -15px;
		width: 53px;
		height: 53px;
		background: url("/insurance/recommended/img/index_im04.png");
		background-size: 100% auto;
		content: '';
	}
	.recommended_index-modal-heading01__title{
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 1.25;
	}
	.recommended_index-modal-heading02{
		position: relative;
		margin: 24px 0 3px;
		padding-left: 18px;
		font-weight: bold;
		font-size: 1.4rem;
		color: #008191;
		line-height: 1.1;
	}
	.recommended_index-modal-heading02::before{
		position: absolute;
		top: 0;
		left: 0;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background-color: #008191;
		content: '';
	}
	.recommended_index-modal-text{
		font-size: 1.3rem;
		line-height: 1.1;
	}
	
	
	
	
	
	

}
@media print{
	#content #main {
		width: 960px;
	}
}