@charset "Shift_JIS";
/* ====================================================== */
/* Last Update : 2025.10.09 */
/* For : products Elements */
/* ====================================================== */
:root {
--MetLife_blue: #0090da;
--MetLife_dark-blue: #0061a0;
--MetLife_green: #a4ce4e;
--MetLife_dark-gray: #757878;
--MetLife_medium-gray: #a7a8aa;
--MetLife_gray: #d9d9d6;
--MetLife_light-gray: #f2f2f2;
--MetLife_berry: #db0a5b;
--MetLife_teal: #00aca0;
--MetLife_purple: #5f259f;
--MetLife_yellow: #ffc600;
--MetLife_orange: #e56427;
--MetLife_pink: #d057a0;
--TRANSITION: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* ------------------------------------------------------ */
/* Structure

/* ------------------------------------------------------ */
/* Base */
/* ------------------------------------------------------ */
#conditionsBody {
padding: 0;
}

#conditionsBody *, #conditionsBody *::before, #conditionsBody *::after {
box-sizing: border-box;
}

#conditionsBody b,
#conditionsBody strong,
#conditionsBody a {
font-weight: bold;
}

#conditionsBody img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}

@media screen and (max-width: 767px) {
#conditionsBody {
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Arial, sans-serif;
}
}

/* productsAdditionContent */
/* ------------------------------------------------------ */
.productsAdditionContent {
padding-right: 15px;
padding-left: 15px;
}

@media screen and (max-width: 767px) {
.productsAdditionContent {
padding-top: 20px;
padding-bottom: 20px;
}
}

@media screen and (min-width: 768px) {
.productsAdditionContent {
padding-top: 30px;
padding-bottom: 30px;
}
}

/* ------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------ */
/* productsAdditionSection */
/* ------------------------------------------------------ */
@media (width < 768px) {
* + .productsAdditionSection {
margin-top: 60px;
}
}

@media (width >=768px) {
* + .productsAdditionSection {
margin-top: 80px;
}
}

@media (width < 768px) {
.productsAdditionSectionInner + .productsAdditionSectionInner {
padding-top: 20px;
margin-top: 20px;
}
}

@media (width >=768px) {
.productsAdditionSectionInner + .productsAdditionSectionInner {
padding-top: 30px;
margin-top: 30px;
}
}

/* ------------------------------------------------------ */
/* Heading */
/* ------------------------------------------------------ */
/* productsAdditionHdgL2  */
/* ------------------------------------------------------ */
.productsAdditionHdgL2 {
font-weight: bold;
color: #fff;
}

.productsAdditionHdgL2 > :first-child {
margin-top: 0 !important;
}

.productsAdditionHdgL2 > :last-child {
margin-bottom: 0 !important;
}

.productsAdditionHdgL2--dark-blue {
background-color: var(--MetLife_dark-blue);
}

.productsAdditionHdgL2--blue {
background-color: var(--MetLife_blue);
}

@media (width < 768px) {
.productsAdditionHdgL2 {
padding: 11px 20px 12px;
margin-bottom: 30px;
font-size: 20px;
}
}

@media (width >=768px) {
.productsAdditionHdgL2 {
padding: 15px 24px 16px;
margin-bottom: 40px;
font-size: 24px;
}
}

/* productsAdditionHdgL3  */
/* ------------------------------------------------------ */
.productsAdditionHdgL3 {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
}

@media (width < 768px) {
.productsAdditionHdgL3 {
margin-top: 30px;
}
}

@media (width >=768px) {
.productsAdditionHdgL3 {
margin-top: 40px;
}
}

.productsAdditionHdgL3 > :first-child {
margin-top: 0 !important;
}

.productsAdditionHdgL3 > :last-child {
margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
.productsAdditionHdgL3 .productsAdditionHdgL3 {
gap: 5px;
}
}

@media screen and (min-width: 768px) {
.productsAdditionHdgL3 .productsAdditionHdgL3 {
gap: 10px;
}
}

@media screen and (max-width: 767px) {
.productsAdditionHdgL3 * + .productsAdditionHdgL3 {
margin-top: 30px;
}
}

@media screen and (min-width: 768px) {
.productsAdditionHdgL3 * + .productsAdditionHdgL3 {
margin-top: 40px;
}
}

.productsAdditionHdgL3--dark-blue {
background-color: var(--MetLife_dark-blue);
}

.productsAdditionHdgL3--blue {
background-color: var(--MetLife_blue);
}

.productsAdditionHdgL3Icon {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
}

.productsAdditionHdgL3Txt {
width: 100%;
font-weight: bold;
}

@media (width < 768px) {
.productsAdditionHdgL3Txt {
font-size: 19px;
line-height: 1.4;
}
}

@media (width >=768px) {
.productsAdditionHdgL3Txt {
font-size: 20px;
line-height: 1.4;
}
}

/* ------------------------------------------------------ */
/* Media */
/* ------------------------------------------------------ */
/* productsAdditionMedia */
/* ------------------------------------------------------ */
.productsAdditionMedia {
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: auto;
margin-left: auto;
}

@media (width < 768px) {
* + .productsAdditionMedia {
margin-top: 30px;
}
}

@media (width >=768px) {
* + .productsAdditionMedia {
margin-top: 40px;
}
}

.productsAdditionMedia + .productsAdditionMedia {
margin-top: 20px;
}

.productsAdditionMediaImage > img {
height: auto;
}

/* ------------------------------------------------------ */
/* Button */
/* ------------------------------------------------------ */
/* productsAdditionBtn */
/* ------------------------------------------------------ */
.productsAdditionBtn {
position: relative;
box-sizing: border-box;
display: inline-flex;
align-items: center;
width: auto;
padding: 7px 36px 9px 50px;
color: #fff !important;
text-decoration: none !important;
background-color: var(--MetLife_blue);
border: none !important;
border-radius: 32px;
}

@media (hover: hover) {
.productsAdditionBtn:hover, .productsAdditionBtn:focus-visible {
color: #fff !important;
opacity: 0.7;
}
}

.productsAdditionBtn:active {
color: #fff !important;
opacity: 0.7;
}

.productsAdditionBtn--close {
background-color: #707070;
}

.productsAdditionBtn--close::before {
position: absolute;
top: calc(50% - 2px);
left: 36px;
width: 14px;
height: 14px;
content: "";
background: linear-gradient(45deg, transparent 45%, #fff 45%, #fff 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, #fff 45%, #fff 55%, transparent 55%);
transform: translate(-50%, -50%);
}

.productsAdditionBtnTxt {
display: flex;
flex: 1;
flex-direction: column;
width: 100%;
}

.productsAdditionBtnTxtMain {
font-size: 16px;
font-weight: bold;
line-height: 1.75;
}

/* productsAdditionBtnList */
/* ------------------------------------------------------ */
.productsAdditionBtnList {
display: grid;
}

.productsAdditionBtnList > * {
height: 100%;
}

@media (width < 768px) {
.productsAdditionBtnList {
gap: 12px 20px;
}

.productsAdditionBtnList.layoutColumnSp--auto {
display: flex;
flex-wrap: wrap;
}

.productsAdditionBtnList.layoutColumnSp--auto > * {
flex: 0 0 auto;
max-width: 100%;
}

.productsAdditionBtnList.layoutColumnSp--1 {
grid-template-columns: repeat(1, 1fr);
}

.productsAdditionBtnList.layoutColumnSp--2 {
grid-template-columns: repeat(2, 1fr);
}

.productsAdditionBtnList.layoutColumnSp--3 {
grid-template-columns: repeat(3, 1fr);
}

.productsAdditionBtnList.layoutColumnSp--4 {
grid-template-columns: repeat(4, 1fr);
}

.productsAdditionBtnList.layoutColumnSp--5 {
grid-template-columns: repeat(5, 1fr);
}

.productsAdditionBtnList.layoutColumnSp--6 {
grid-template-columns: repeat(6, 1fr);
}
}

@media (width >=768px) {
.productsAdditionBtnList {
gap: 12px 40px;
}

.productsAdditionBtnList.layoutColumnPc--auto {
display: flex;
flex-wrap: wrap;
}

.productsAdditionBtnList.layoutColumnPc--auto > * {
flex: 0 0 auto;
max-width: 100%;
}

.productsAdditionBtnList.layoutColumnPc--1 {
grid-template-columns: repeat(1, 1fr);
}

.productsAdditionBtnList.layoutColumnPc--2 {
grid-template-columns: repeat(2, 1fr);
}

.productsAdditionBtnList.layoutColumnPc--3 {
grid-template-columns: repeat(3, 1fr);
}

.productsAdditionBtnList.layoutColumnPc--4 {
grid-template-columns: repeat(4, 1fr);
}

.productsAdditionBtnList.layoutColumnPc--5 {
grid-template-columns: repeat(5, 1fr);
}

.productsAdditionBtnList.layoutColumnPc--6 {
grid-template-columns: repeat(6, 1fr);
}
}

@media (width < 768px) {
.productsAdditionBtnList {
margin-top: 30px;
}
}

@media (width >=768px) {
.productsAdditionBtnList {
margin-top: 40px;
}
}

#sim2Wrap .productsAdditionBtnList {
margin-top: 20px;
}

@media (width >=768px) {
.productsAdditionBtnList--notice {
align-items: flex-end;
}
}

@media (width < 768px) {
.productsAdditionBtnList:not(.layoutColumnSp--auto) :where(.productsAdditionBtn) {
width: 100%;
min-width: auto;
}

.productsAdditionBtnList--sp\:justify-center {
justify-content: center !important;
min-width: auto !important;
}

.productsAdditionBtnList--sp\:justify-end {
justify-content: flex-end !important;
min-width: auto !important;
}
}

@media (width >=768px) {
.productsAdditionBtnList:not(.layoutColumnPc--auto) :where(.productsAdditionBtn) {
width: 100%;
min-width: auto;
}

.productsAdditionBtnList--pc\:justify-center {
justify-content: center !important;
}

.productsAdditionBtnList--pc\:justify-end {
justify-content: flex-end !important;
}
}

@media (width < 768px) {
.hpNumber + .productsAdditionBtnList {
margin-top: 45px;
}
}

@media (width >=768px) {
.hpNumber + .productsAdditionBtnList {
margin-top: 60px;
}
}

.productsAdditionBtnListItem {
display: flex;
flex-direction: column;
gap: 10px;
}

.productsAdditionBtnListItem :where(.productsAdditionBtn) {
height: 100%;
}

/* ------------------------------------------------------ */
/* List */
/* ------------------------------------------------------ */
/* productsAdditionList */
/* ------------------------------------------------------ */
@media (width < 768px) {
.productsAdditionList {
margin-top: 15px;
}
}

@media (width >=768px) {
.productsAdditionList {
margin-top: 20px;
}
}

.productsAdditionList + .productsAdditionList, .productsAdditionListNotice + .productsAdditionList {
margin-top: 10px;
}

.productsAdditionListItem {
position: relative;
font-size: 16px;
line-height: 1.6;
list-style: none;
}

@media (width < 768px) {
.productsAdditionListItem {
padding-left: 9px;
}
}

@media (width >=768px) {
.productsAdditionListItem {
padding-left: 14px;
}
}

.productsAdditionListItem::before {
position: absolute;
content: "";
display: block;
top: calc(0.7em - 2px);
left: 0;
width: 4px;
height: 4px;
background-color: #000;
border-radius: 50%;
}

.productsAdditionListItem > [class^=productsAdditionList] {
margin-top: 0;
}

@media (width < 768px) {
.productsAdditionList--small .productsAdditionListItem {
padding-left: 9px;
font-size: 13px;
line-height: 1.3846153846;
}
}

@media (width >=768px) {
.productsAdditionList--small .productsAdditionListItem {
padding-left: 14px;
font-size: 14px;
line-height: 1.4285714286;
}
}

/* productsAdditionListNotice */
/* ------------------------------------------------------ */
@media (width < 768px) {
.productsAdditionListNotice {
margin-top: 15px;
}
}

@media (width >=768px) {
.productsAdditionListNotice {
margin-top: 20px;
}
}

.productsAdditionListNotice + .productsAdditionListNotice, .productsAdditionList + .productsAdditionListNotice, .productsAdditionListDescription + .productsAdditionListNotice {
margin-top: 10px;
}

.productsAdditionListDescription .productsAdditionListNotice {
margin-top: 0;
}

.productsAdditionListNoticeItem {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
}

@media (width < 768px) {
.productsAdditionListNoticeItem {
gap: 3px;
}
}

@media (width >=768px) {
.productsAdditionListNoticeItem {
gap: 5px;
}
}

.productsAdditionListNoticeMark {
flex-shrink: 0;
}

@media (width < 768px) {
.productsAdditionListNoticeMark {
font-size: 13px;
line-height: 1.3846153846;
}
}

@media (width >=768px) {
.productsAdditionListNoticeMark {
font-size: 14px;
line-height: 1.4285714286;
}
}

.productsAdditionListNoticeContent {
flex: 1;
}

.productsAdditionListNoticeContent > :first-child {
margin-top: 0 !important;
}

.productsAdditionListNoticeContent > :last-child {
margin-bottom: 0 !important;
}

.productsAdditionListNoticeContent > [class^="productsAdditionListNotice, productsAdditionList"] {
margin-top: 0;
}

@media (width < 768px) {
.productsAdditionListNoticeContent {
font-size: 13px;
line-height: 1.3846153846;
}
}

@media (width >=768px) {
.productsAdditionListNoticeContent {
font-size: 14px;
line-height: 1.4285714286;
}
}

/* productsAdditionListDescription

/* ------------------------------------------------------ */
.productsAdditionListDescription {
display: flex;
flex-direction: column;
gap: 0 5px;
}

@media (width < 768px) {
.productsAdditionListDescription {
margin-top: 15px;
}
}

@media (width >=768px) {
.productsAdditionListDescription {
margin-top: 20px;
}
}

.productsAdditionListDescription + .productsAdditionListDescription, .productsAdditionList + .productsAdditionListDescription, .productsAdditionListNotice + .productsAdditionListDescription {
margin-top: 10px;
}

.productsAdditionListDescriptionItem {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
}

@media (width < 768px) {
.productsAdditionListDescriptionItem {
gap: 0 3px;
}
}

@media (width >=768px) {
.productsAdditionListDescriptionItem {
gap: 0 5px;
}
}

.productsAdditionListDescriptionTitle {
flex-shrink: 0;
}

@media (width < 768px) {
.productsAdditionListDescriptionTitle {
font-size: 13px;
line-height: 1.3846153846;
}
}

@media (width >=768px) {
.productsAdditionListDescriptionTitle {
font-size: 14px;
line-height: 1.4285714286;
}
}

.productsAdditionListDescriptionContent {
flex: 1;
}

.productsAdditionListDescriptionContent > :first-child {
margin-top: 0 !important;
}

.productsAdditionListDescriptionContent > :last-child {
margin-bottom: 0 !important;
}

.productsAdditionListDescriptionContent > [class^="productsAdditionListNotice, productsAdditionList"] {
margin-top: 0;
}

@media (width < 768px) {
.productsAdditionListDescriptionContent {
font-size: 13px;
line-height: 1.3846153846;
}
}

@media (width >=768px) {
.productsAdditionListDescriptionContent {
font-size: 14px;
line-height: 1.4285714286;
}
}

/* ------------------------------------------------------ */
/* Table */
/* ------------------------------------------------------ */
/* productsAdditionTable */
/* ------------------------------------------------------ */
* + .productsAdditionTable {
margin-top: 20px;
}

@media (width < 768px) {
.productsAdditionTable--scrollSp {
overflow-x: auto;
}

.productsAdditionTable--scrollSp .productsAdditionTableItem {
width: 980px;
}
}

.productsAdditionTableItem {
width: 100%;
table-layout: fixed;
border-top: 1px solid #d9d9d6;
border-left: 1px solid #d9d9d6;
}

.productsAdditionTableCell {
padding: 10px;
font-size: 18px;
text-align: center;
vertical-align: middle;
border-right: 1px solid #d9d9d6;
border-bottom: 1px solid #d9d9d6;
}

.productsAdditionTableThead th.productsAdditionTableCell {
font-weight: bold;
background-color: #f4f9eb;
}

.productsAdditionTableTbody th.productsAdditionTableCell {
font-weight: bold;
background-color: var(--MetLife_green);
}

/* ------------------------------------------------------ */
/* Text */
/* ------------------------------------------------------ */
/* productsAdditionTxt */
/* ------------------------------------------------------ */
.productsAdditionTxt {
font-size: 16px;
}

.productsAdditionTxt > :first-child {
margin-top: 0 !important;
}

.productsAdditionTxt > :last-child {
margin-bottom: 0 !important;
}

* + .productsAdditionTxt {
margin-top: 10px;
}

/* txtParenFix */
/* ------------------------------------------------------ */
.txtParenFix {
margin-left: 0.1em;
}

/* productsAdditionTxtLabel */
/* ------------------------------------------------------ */
.productsAdditionTxtLabel {
position: relative;
display: flex;
align-items: center;
padding-left: 19px;
}

@media (width < 768px) {
.productsAdditionTxtLabel {
margin-top: 30px;
}
}

@media (width >=768px) {
.productsAdditionTxtLabel {
margin-top: 40px;
}
}

.productsAdditionTxtLabel::before {
position: absolute;
content: "";
display: block;
left: 0;
width: 14px;
height: 14px;
}

@media (width < 768px) {
.productsAdditionTxtLabel::before {
top: 4px;
}
}

@media (width >=768px) {
.productsAdditionTxtLabel::before {
top: 6px;
}
}

.productsAdditionTxtLabel--dark-blue::before {
background-color: var(--MetLife_dark-blue);
}

.productsAdditionTxtLabel--blue::before {
background-color: var(--MetLife_blue);
}

@media (width < 768px) {
.productsAdditionTxtLabelItem {
font-size: 16px;
line-height: 1.25;
}
}

@media (width >=768px) {
.productsAdditionTxtLabelItem {
font-size: 18px;
line-height: 1.6;
}
}

/* txtColor */
/* ------------------------------------------------------ */
.txtColorBlue {
color: var(--MetLife_blue);
}

.txtColorDarkBlue {
color: var(--MetLife_dark-blue);
}

.txtColorTeal {
color: var(--MetLife_teal);
}

.txtColorGreen {
color: var(--MetLife_green);
}

.txtColorYellow {
color: var(--MetLife_yellow);
}

.txtColorOrange {
color: var(--MetLife_orange);
}

.txtColorPink {
color: var(--MetLife_pink);
}

.txtColorBerry {
color: var(--MetLife_berry);
}

.txtColorPurple {
color: var(--MetLife_purple);
}

/* ------------------------------------------------------ */
/* Box */
/* ------------------------------------------------------ */
/* productsAdditionBoxNotice */
/* ------------------------------------------------------ */
.productsAdditionBoxNotice {
position: relative;
margin-top: 30px;
}

@media (width < 768px) {
.productsAdditionBoxNotice {
padding-left: 40px;
}
}

@media (width >=768px) {
.productsAdditionBoxNotice {
padding-left: 54px;
}
}

.productsAdditionBoxNotice::before {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
background: url("/products/common/images_v4/cmn_icon_29.png") no-repeat;
background-size: contain;
}

@media (width < 768px) {
.productsAdditionBoxNotice::before {
width: 30px;
height: 29.72px;
}
}

@media (width >=768px) {
.productsAdditionBoxNotice::before {
width: 38px;
height: 37.65px;
}
}

@media (width < 768px) {
.productsAdditionBoxNotice--adjustHeight > *:first-child {
padding-top: 0;
}
}

@media (width >=768px) {
.productsAdditionBoxNotice--adjustHeight > *:first-child {
padding-top: 0.5rem !important;
}
}