/* WSYS-12433 【VMDB・サイト】オプション追加_キャンセル補償 20250619 M.Amano */
@charset "utf-8";
/* 共通 */
.content {
	background: #fff;
}

._inner {
	width: 920px;
	margin: 0 auto;
	padding: 60px 0;
}

/* 申込ボタン */
._applay {
	margin: 0 auto;
}

._applay ._applay_btn {
	display: flex;
	justify-content: center;
	position: relative;
	width: 540px;
	margin: 60px auto 0;
	padding: 20px;
	border-radius: 100px;
	box-shadow: rgba(0, 0, 0, .2) 3px 5px 6px 3px;
	background: #f15a24;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	letter-spacing: 0.1em;
	cursor: pointer;
	user-select: none;
	transition: ease 0.3s;
}

._applay ._applay_btn:hover {
	transform: scale(1.05);
	box-shadow: none;
}

._applay ._applay_btn:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: 6%;
	margin-top: -7px;
}

._applay ._applay_btn:hover:before {
	border-color: transparent transparent transparent #fff;
}

/* lostandfound_head MV */
.cancel_compensation_head {
	font-weight: 600;
}

.cancel_compensation_head_wrapper {
	width: 100%;
	height: 350px;
	margin-inline: auto;
	background: url(../../images/page/price/option/cancel_compensation/mv_pc.png) no-repeat center center / cover;
}

.cancel_compensation_head ._inner {
	position: relative;
	height: 100%;
	padding-top: 0;
}

.cancel_compensation_head_text {
	position: absolute;
	top: 46%;
	right: 20px;
	transform: translateY(-50%);
}

.cancel_compensation_head_text h1 {
	margin-bottom: 30px;
	color: #fff;
	font-size: 7.5rem;
	text-align: center;
	line-height: 1.2;
	text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
}

.cancel_compensation_head_text h1 span {
	position: relative;
	font-size: 4.8rem;
}

.cancel_compensation_head_text h1 span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -8.8rem;
	transform: translateY(-50%);
	width: 8.6rem;
	height: 7.4rem;
	filter: drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.3));
	background: url(../../images/page/price/option/cancel_compensation/mv_icon.png) no-repeat center center / cover;
}

.cancel_compensation_head_text .head_text {
	padding: 14px 24px;
	border-radius: 100px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.8);
	background: #fff;
	color: #333370;
	font-size: 2.0rem;
	line-height: 1;
	text-align: center;
}

.cancel_compensation_head_text .head_text span {
	color: #f15a24;
}

.cancel_compensation_head .head_title_text {
	width: 100%;
	margin-inline: auto;
	padding: 18px 0;
	background: #333370;
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
}

.cancel_compensation_head .head_title_text span {
	color: #fcee21;
}

.cancel_compensation_introduction {
	background: #ebf3fa;
}

.cancel_compensation_title_wrapper {
	text-align: center;
}

.cancel_compensation_introduction .introduction_title {
	display: inline-block;
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 24px;
	border-bottom: 4px solid #333370;
	color: #333370;
	font-size: 2.3rem;
	line-height: 1;
}

.cancel_compensation_introduction .introduction_title::before,
.cancel_compensation_introduction .introduction_title::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	border-bottom: 0;
}

.cancel_compensation_introduction .introduction_title::before {
	bottom: -19px;
	z-index: 1;
	border-top: 20px solid #ebf3fa;
}

.cancel_compensation_introduction .introduction_title::after {
	bottom: -24px;
	z-index: 0;
	border-top: 20px solid #333370;
}

.cancel_compensation_introduction .cancel_compensation_compare {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 30px;
	font-weight: 600;
	text-align: center;
}

.cancel_compensation_introduction .cancel_compensation_compare .uninsured,
.cancel_compensation_introduction .cancel_compensation_compare .insured {
	width: 48%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	color: #333370;
}

.cancel_compensation_introduction .cancel_compensation_compare .uninsured .compare_title,
.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_title {
	padding: 12px;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-size: 2.0rem;
}

.cancel_compensation_introduction .cancel_compensation_compare .uninsured .compare_title {
	background: #333370;
}

.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_title {
	background: #ed1e79;
}

.cancel_compensation_introduction .cancel_compensation_compare .uninsured .compare_title span,
.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_title span {
	margin-inline: 2px;
	padding: 2px 4px;
	border-radius: 4px;
	background: #ffffa0;
}

.cancel_compensation_introduction .cancel_compensation_compare .uninsured .compare_title span {
	color: #333370;
}

.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_title span {
	color: #ed1e79;
}

.cancel_compensation_introduction .cancel_compensation_compare .uninsured .compare_text,
.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_text {
	padding: 14px 0 16px;
	font-size: 2.4rem;
}

.cancel_compensation_introduction .cancel_compensation_compare .uninsured .compare_text span,
.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_text span {
	font-size: 2.0rem;
}

.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_text {
	color: #ed1e79;
}

.cancel_compensation_introduction .cancel_compensation_compare .insured .compare_text span {
	color: #333370;
}

.cancel_compensation_introduction .compare_note {
	font-size: 1.5rem;
}

.cancel_compensation_introduction .compare_note span {
	color: #ed1c24;
}

.cancel_compensation_case {
	text-align: center;
}

.cancel_compensation_case .case_title {
	display: inline-block;
	position: relative;
	margin-bottom: 60px;
	color: #333370;
	font-size: 3.2rem;
	text-align: center;
}

.cancel_compensation_case .case_title::before,
.cancel_compensation_case .case_title::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 4.5rem;
	height: 9.3rem;
	background: url(../../images/page/price/option/cancel_compensation/case_deco.png) no-repeat center center / cover;
}

.cancel_compensation_case .case_title::before {
	left: -5.0rem;
	transform: translateY(-50%);
}

.cancel_compensation_case .case_title::after {
	right: -6.0rem;
	transform: translateY(-50%) rotate(180deg);
}

.cancel_compensation_case .case_title span {
	color: #f15a24;
}

.cancel_compensation_case ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.cancel_compensation_case ul .cancel_compensation_case_list {
	width: 32%;
	padding: 24px 0;
	border-radius: 20px;
	background: #ebf3fa;
	font-size: 1.8rem;
}

.cancel_compensation_case ul .cancel_compensation_case_list_wrapper {
	width: 66%;
}

.cancel_compensation_case ul .cancel_compensation_case_list_wrapper li {
	width: 48.5%
}

.cancel_compensation_case ul .cancel_compensation_case_list img {
	width: 16.3rem;
	height: 16.3rem;
	margin-bottom: 18px;
}

.cancel_compensation_how_to {
	background-image: linear-gradient(0deg, #0089ce4d, #76bee44d 27%, #ebf3fa4d 63%, #ffffff4d);
	color: #333370;
	text-align: center;
}

.cancel_compensation_how_to .how_to_title {
	margin-bottom: 4.8rem;
	font-size: 2.4rem;
}

.cancel_compensation_how_to .how_to_text {
	margin-bottom: 30px;
	font-size: 1.8rem;
	line-height: 1.6;
}

.cancel_compensation_how_to img {
	width: 80%;
}

.cancel_compensation_faq {
	color: #333370;
}

.cancel_compensation_faq .faq_title {
	margin-bottom: 60px;
	font-size: 2.4rem;
	text-align: center;
}

.cancel_compensation_faq_list {
	margin-bottom: 60px;
}

.cancel_compensation_item {
	padding: 24px 0 38px 80px;
	border-top: 2px solid #333370;
}

.cancel_compensation_item:last-child {
	border-bottom: 2px solid #333370;
}

.cancel_compensation_item ._question {
	position: relative;
	margin-bottom: 24px;
	font-size: 2.0rem;
	font-weight: 600;
}

.cancel_compensation_item ._question span {
	position: absolute;
	top: 50%;
	left: -6.4rem;
	transform: translateY(-50%);
	z-index: 1;
	width: 5.0rem;
	height: 5.0rem;
	border-radius: 100px;
	background: #f15a24;
	color: #fff;
	font-size: 3.0rem;
	line-height: 4.3rem;
	text-align: center;
}

.cancel_compensation_item ._question span::after {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 18px;
	z-index: -1;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 25px solid #f15a24;
	border-top: 0;
	transform: rotate(20deg);
}

.cancel_compensation_item ._answer {
	font-size: 1.6rem;
}

.cancel_compensation_item ._answer span {
	color: #f15a24;
}

.cancel_compensation_item .example_area {
	padding-top: 20px;
}

.cancel_compensation_item .example_area .for_example {
	display: inline-block;
	margin-bottom: 4px;
	padding: 2px 20px 4px;
	border-radius: 100px;
	background: #333370;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1;
}

.cancel_compensation_item .example_area .example_area_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	margin-bottom: 8px;
}

.cancel_compensation_item .example_area .example_area_inner .calculation {
	width: 60%;
	padding: 12px 16px;
	border: 2px solid #333370;
	border-radius: 10px;
}

.cancel_compensation_item .example_area .example_area_inner .calculation .price {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
	padding-left: 6px;
}

.cancel_compensation_item .example_area .example_area_inner .calculation .price:last-child {
	margin-bottom: 0;
}

.cancel_compensation_item .example_area .example_area_inner .calculation .price.border {
	padding-bottom: 8px;
	border-bottom: 2px solid #333370;
}

.cancel_compensation_item .example_area .example_area_inner .triangle {
	content: '';
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 35px solid #333370;
	border-right: 0;
}

.cancel_compensation_item .example_area .example_area_inner .amount {
	width: 30%;
	border-radius: 10px;
	border: 2px solid #333370;
	text-align: center;
}

.cancel_compensation_item .example_area .example_area_inner .amount .title {
	padding: 8px 0;
	border-radius: 7px 7px 0 0;
	background: #333370;
	color: #fff;
}

.cancel_compensation_item .example_area .example_area_inner .amount .price {
	padding: 15px 0;
}

.cancel_compensation_note {
	border-radius: 10px;
	border: 3px solid #333370;
}

.cancel_compensation_note .note_title {
	padding: 20px 0;
	background: #333370;
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
	line-height: 1;
}

.cancel_compensation_note ul {
	padding: 30px 24px 30px 40px;
	font-size: 1.6rem
}

.cancel_compensation_note ul li {
	margin-bottom: 24px;
	list-style: disc;
}

.cancel_compensation_note ul li span {
	color: #f15a24;
}

.cancel_compensation_note ul li:last-child {
	margin-bottom: 0;
}