@charset "Shift_JIS";
/* ====================================================== */
/* Last Update : 2025.10.16 */
/* 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);
}

/* ------------------------------------------------------ */
/* Text */
/* ------------------------------------------------------ */
/* txtBr */
/* ------------------------------------------------------ */
.txtBr::after {
white-space: pre;
content: "\a";
}

.txtBr--bold {
font-weight: bold;
}

/* ------------------------------------------------------ */
/* Button */
/* ------------------------------------------------------ */
/* productsBtn */
/* ------------------------------------------------------ */
.productsBtn {
position: relative;
box-sizing: border-box;
display: inline-flex;
align-items: center;
width: auto;
min-height: 64px;
padding: 7px 8px;
line-height: 1.25;
text-decoration: none !important;
border-radius: 32px;
background-color: var(--MetLife_blue);
color: #fff !important;
}

@media (width < 768px) {
#sim2Wrap .productsBtn img {
width: auto !important;
}
}

@media (width >= 768px) {
.productsBtn {
min-width: 300px;
}
}

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

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

#eleV4 .productsBtn {
color: #fff !important;
}

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

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

.productsBtn--icon {
flex-direction: row-reverse;
-moz-column-gap: 12px;
column-gap: 12px;
justify-content: flex-end;
padding: 7px 40px 7px 8px;
color: #000 !important;
}

.productsBtn--icon::after {
position: absolute;
inset: 0 16px 0 auto;
z-index: 1;
display: block;
width: 12px;
height: 16px;
margin: auto;
content: "";
background: url(/products/sim2/common/images_v4/button_icon_arrow_01.png) no-repeat center;
}

@media (hover: hover) {
.productsBtn--icon:hover, .productsBtn--icon:focus-visible {
color: #000 !important;
}
}

.productsBtn--icon:active {
color: #000 !important;
}

#eleV4 .productsBtn--icon {
color: #000 !important;
}

@media (hover: hover) {
#eleV4 .productsBtn--icon:hover, #eleV4 .productsBtn--icon:focus-visible {
color: #000 !important;
}
}

#eleV4 .productsBtn--icon:active {
color: #000 !important;
}

.productsBtn--receipt {
background-color: #fff;
border: 1px solid var(--MetLife_blue);
}

.productsBtn--receipt img {
width: auto;
height: 36px;
}

.productsBtn--receipt::after {
background: url(/products/sim2/common/images_v4/button_icon_arrow_03.png) no-repeat center;
}

.productsBtn--receipt .productsBtnIcon {
background-color: var(--MetLife_gray);
}

.productsBtnIcon {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #fff;
border-radius: 50vw;
}

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

.productsBtnTxtSub {
font-weight: bold;
}

@media (width < 768px) {
.productsBtnTxtSub {
font-size: 12px;
}
}

@media (width >= 768px) {
.productsBtnTxtSub {
font-size: 0.75rem;
}
}

.productsBtnTxtMain {
font-weight: bold;
display: flex;
justify-content: center;
}

@media (width < 768px) {
.productsBtnTxtMain {
font-size: 16px;
}
}

@media (width >= 768px) {
.productsBtnTxtMain {
font-size: 1rem;
}
}

.productsBtn--icon .productsBtnTxtMain {
font-weight: bold;
display: inline-block;
}

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

.productsBtnList > * {
height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.productsBtnListItem :where(.productsBtn) {
height: 100%;
}

/* sim2ListAttention */
/* ------------------------------------------------------ */
@media (width < 768px) {
* + .sim2ListAttention {
margin-top: 2rem;
}

.simContainer02 > * + .sim2ListAttention {
margin-top: 1rem;
}
}

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

.sim2ListAttentionItem {
position: relative;
padding-left: 2.3em;
margin-top: 0.3em;
}

@media (width < 768px) {
.sim2ListAttentionItem {
font-size: 1.4rem;
}

.sim2ListAttentionItem {
margin-top: 1rem;
}
}

@media (width >= 768px) {
.sim2ListAttentionItem {
font-size: 16px;
}

.sim2ListAttentionItem {
margin-top: 10px;
}
}

.sim2ListAttentionItem::before {
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 25px;
content: "";
background: url(/products/sim2/images/cmn_icon_44.png) no-repeat top left;
background-size: cover;
}