@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/* wrap */
.emailWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #ffffff;
font-family: "Noto Sans CJK JP";
color: #333;
}
.emailWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.emailWrap a{
display: block;
}
.emailWrap .clRed{
color: #cc0000;
}
.emailWrap .clBlue{
color: #042462;
}
.emailWrap .clBrown{
color: #614d1c;
}
.emailWrap .textRed{
color: #f20000;
text-decoration: underline;
display: inline-block;
}
.emailWrap .textRed:hover{
opacity: 0.7;
}
/*mvBlockA01****************************************************/
.mvBlockA01 .grayOut {
position: relative;
}
.mvBlockA01 .grayOut::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 10;
}
.mvBlockA01 .grayOut::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
display: block;
width: calc((518 / 750)* 100%);
height: calc((151 / 387)* 100%);
background: url(../image/email_sp_grayOut.png) no-repeat;
background-position: center center;
background-size: cover;
z-index: 20;
}
/*btnBlock****************************************************/
.emailWrap .btnBlock{
padding: 31px 0 54px;
width: 84%;
margin: 0 auto;
text-align: center;
}
.emailWrap .btnBlock p{
font-size: 12px;
margin: 6px 0 17px;
}
.emailWrap .btnBlock .btnRed{
width: 93.7%;
margin: 0 auto;
}
.btnRed .disabled {
position: relative;
z-index: 1;
pointer-events: none;
}
.btnRed .disabled::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
content: '';
display: block;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 47px;
}
/*contentBlockA01****************************************************/
.emailWrap .contentBlockA01{
background: #fffadd;
position: relative;
padding-bottom: 34px;
}
.emailWrap .contentBlockA01 .bgTop{
position: absolute;
top: -0.5%;
}
.emailWrap .contentBlockA01 .bgBottom{
position: absolute;
bottom: -0.5%;
}
.emailWrap .contentBlockA01 .bg{
padding: 17px 1% 31px;
}
.emailWrap .contentBlockA01 .priviBlock{
position: absolute;
top: 12.5%;
left: 50%;
transform: translate(-50%);
text-align: center;
font-weight: bold;
width: 100%;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop{
font-size: 13px;
line-height: 1.7;
margin-bottom: 14px;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop .clRed{
font-size: 16px;
line-height: 1;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop .txtSmall01{
font-size: 18px;
line-height: 1;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop .txtSmall02{
font-size: 16px;
line-height: 1;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem{
width: 79.6%;
margin: 0 auto;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item{
display: flex;
align-items: center;
margin-bottom: 3.200vw;
padding-top: 2.933vw;
border-top: 2px dotted #d6d6d6;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item:first-of-type{
border-top: none;
padding: 0;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item .icon{
margin-right: 0.800vw;
width: 11.9%;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item p{
font-size: 13px;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item span{
font-size: 28px;
}
.emailWrap .contentBlockA01 .campaignBlock{
text-align: center;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign{
margin: 34px 10.667vw 10px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item{
background: #fff;
border: 1px solid rgba(165, 120, 76, .34);
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
padding: 26px 0 18px;
width: 100%;
margin-bottom: 35px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item:nth-child(2){
padding: 29px 0 20px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item:last-of-type{
margin-bottom: 0;
padding: 31px 0 21px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item:after{
content: '';
background: url('../image/email_sp_icon_001_230518.png') no-repeat top center;
background-size: 100% auto;
display: block;
position: absolute;
width: 33px;
height: 33px;
top: -18px;
left: 50%;
transform: translateX(-50%);
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title{
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title2{
font-size: 14px;
font-weight: bold;
line-height: 1.2;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title2 sup{
font-size: 70%;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .sub{
font-size: 12px;
color: #474444;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .txtUnder{
font-size: 18px;
position: relative;
display: inline-block;
z-index: 0;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title2 .number{
font-size: 20px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title2 .fz{
font-size: 80%;
display: inline-block;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title2 .txtUnder{
font-size: 110%;
position: relative;
z-index: 0;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .txtUnder:after{
content: '';
display: block;
position: absolute;
border-top: 8px solid #ffc900;
width: 100%;
left: 50%;
bottom: -4px;
transform: translateX(-50%);
z-index: -1;
}
/*termBlock****************************************************/
.emailWrap .termBlock{
padding: 55px 0 11px;
}
.emailWrap .termBlockInner{
border: 1px solid #4c6ba6;
padding: 0 2.667vw 29px 3.733vw;
}
.emailWrap .termBlock .ttl2{
text-align: center;
width: 45%;
margin: -11px auto 17px;
background: #fff;
}
.emailWrap .termBlock .termContext{
font-size: 13px;
margin-bottom: 26px;
}
.emailWrap .termBlock .termContext:last-of-type{
margin-bottom: 0;
}
.emailWrap .termBlock .termContext .title{
font-weight: bold;
color: #062663;
margin-bottom: 4px;
}
.emailWrap .termBlock .termContext .txt{
line-height: 1.714;
}
.emailWrap .termBlock .termContext sup{
font-size: 70%;
}
.emailWrap .termBlock .termContext.indent{
text-indent: -10px;
margin-left: 10px;
}
.emailWrap .termBlock .termContext .lstSub{
font-size: 12px;
line-height: 1.7;
margin: 18px 0 25px;
}
/*contentBlockA02****************************************************/
.emailWrap .contentBlockA02{
padding: 39px 0 0;
}
.emailWrap .contentBlockA02 .lstPrice{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px 5px;
margin-top: 25px;
}
.emailWrap .contentBlockA02 .lstPrice li{
width: 48.9%;
}
.emailWrap .contentBlockA02 .lstItem{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 14px 10px;
margin: 26px 9.333vw 60px;
}
.emailWrap .contentBlockA02 .lstItem li{
width: 48%;
}
/*contentBlockA03****************************************************/
.emailWrap .contentBlockA03{
position: relative;
background: #defafe;
padding-bottom: calc(70 / 750* 100%);
}
.emailWrap .contentBlockA03 h2{
padding: calc(69 / 750 * 100%) calc(104 / 750 * 100%) 0;
text-align: center;
margin-bottom: calc(30 / 750 * 100%);
}
.emailWrap .contentBlockA03 .tokutenTitle01{
margin: 0 calc(30 / 750* 100%) calc(64 / 750* 100%);
text-align: center;
}
.emailWrap .contentBlockA03 .tokutenTitle02{
width: calc(558 / 750* 100%);
margin: 0 auto calc(70 / 750* 100%);
}
.emailWrap .contentBlockA03 .presentArea{
margin: 0 calc(30 / 750 * 100%) calc(72 / 750 * 100%) calc(30 / 750 * 100%);
}
.emailWrap .contentBlockA03 .presentArea .presentItem{
border: solid 2px #062663;
}
.emailWrap .contentBlockA03 .presentArea .presentItem:first-child{
margin-bottom: calc(74 / 750* 100%);
}
.emailWrap .contentBlockA03 .presentArea .presentTitle{
position: relative;
padding: calc(16 / 750* 100%) 0 calc(16 / 750* 100%) calc(70 / 750* 100%);
background: #062663;
color: #fff;
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
text-align: center;
line-height: 1.5;
}
.emailWrap .contentBlockA03 .presentArea .presentTitle.titlePl{
padding-left: calc(145 / 750* 100%);
}
.emailWrap .contentBlockA03 .presentArea .presentTitle .presentTitleIcon01{
position: absolute;
bottom: calc(7 / 750* 100%);
left: calc(12 / 750* 100%);
width: calc(146 / 750* 100%);
}
.emailWrap .contentBlockA03 .presentArea .presentTitle .presentTitleIcon02{
position: absolute;
bottom: calc(7 / 750* 100%);
left: calc(12 / 750* 100%);
width: calc(146 / 750* 100%);
}
.emailWrap .contentBlockA03 .presentArea .presentTitle .clYellow{
color: #ffea00;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt{
position: relative;
padding: calc(30 / 750* 100%) calc(36 / 750* 100%);
background: #fff;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt p{
text-align: center;
line-height: 1.25;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtSize01{
font-size: clamp(0.875rem, -0.625rem + 6.4vw, 2.375rem);
font-weight: bold;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtSize02{
font-size: clamp(0.875rem, 0.063rem + 3.47vw, 1.688rem);
font-weight: bold;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtNote{
font-size: clamp(0.875rem, 0.25rem + 2.67vw, 1.5rem);
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtNum{
font-size: 1.5em;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .presentBtn{
margin: calc(35 / 750* 100%) auto;
width: calc(360 / 750* 100%);
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .presentBtn a{
display: inline-block;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .presentImg{
position: absolute;
width: calc(171 / 750* 100%);
bottom: calc(36 / 750* 100%);
right: calc(10 / 750* 100%);
}
.emailWrap .contentBlockA03 .sankaArea{
margin: 0 calc(30 / 750* 100%);
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox{
background: #fff;
border: solid 1px #cbcec1;
padding: calc(63 / 750* 100%) calc(32 / 750* 100%) calc(30 / 750* 100%);
margin-bottom: calc(70 / 750* 100%);
position: relative;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox:after{
content: '';
background: url(../image/email_sp_tokutenicon_001_240801.png) no-repeat top center;
background-size: 100% auto;
display: block;
position: absolute;
width: 33px;
height: 33px;
top: -18px;
left: 50%;
transform: translateX(-50%);
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox p{
text-align: center;
line-height: 1.25;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaBtn{
width: calc(590 / 750* 100%);
margin: auto;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaBtn a{
display: inline-block;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaTitle{
margin-bottom: calc(40 / 750* 100%);
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
font-weight: bold;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaTitle02{
margin-bottom: calc(60 / 750* 100%);
font-size: clamp(0.875rem, -0.563rem + 6.13vw, 2.313rem);
font-weight: bold;

}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .txtUnder{
position: relative;
display: inline-block;
z-index: 0;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .txtUnder:after {
content: '';
display: block;
position: absolute;
border-top: 8px solid #ffea00;
width: 100%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
z-index: -1;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaTxt{
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaImg{
width: calc(506 / 750* 100%);
margin: auto;
}

/*repeat****************************************************/
.emailWrap .btnBlock {
padding: calc(60 / 750 * 100%) 0 calc(50 / 750 * 100%);
}
.repeatNote{
width: 90%;
margin:calc(20 / 750 * 100%) auto 0;
text-indent: -1em;
padding-left: 1em;
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
line-height: 1.3;
}
.repeatPoint{
margin:calc(20 / 750 * 100%) auto 0;
text-indent: -1em;
padding-left: 1em;
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
line-height: 1.3;
}
.repeatPoint a{
display: unset;
}
.repeatTxt{
width: 90%;
margin: auto;
margin-top: calc(60 / 750 * 100%);
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
line-height: 1.3;
}
.txtOrange{
color: #ff7800;
font-weight: bold;
}
.txtBlue{
color: #193b95;
font-weight: bold;
}
.repeatImg{
width: 90%;
margin: calc(20 / 750 * 100%) auto calc(40 / 750 * 100%);
}
.repeatTitle{
margin-top: calc(85 / 750 * 100%);
}
.repeatPeriod{
width: 85%;
margin: calc(60 / 750 * 100%) auto 0;
color: #001367;
text-align: center;
font-weight: bold;
font-size: clamp(0.875rem, -0.375rem + 5.33vw, 2.125rem);
line-height: 1.3;
}
.repeatdetail{
margin: calc(50 / 750 * 100%) auto;
width: 90%;
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
line-height: 1.3;
}
.repeatdetail dt{
margin-top: calc(70 / 750 * 100%) ;
color: #000b64;
font-weight: bold;
}
.repeatdetail .repeatNote{
width: 100%;
}
.repeatdetail table{
margin-top: calc(40 / 750 * 100%) ;
border: solid 2px #b6dbff;
width: 100%;
text-align: center;
}
.repeatdetail table th{
padding: calc(30 / 750 * 100%) 0;
border: solid 2px #b6dbff;
background: #d2e9ff;
color: #000b64;
vertical-align:middle;
}
.repeatdetail table td{
padding: calc(20 / 750 * 100%) 0;
border: solid 2px #b6dbff;
vertical-align:middle;
}
.accordionBlockA01{
width: 90%;
margin: calc(40 / 750 * 100%) auto 0;
border: solid 2px #d4f1ff;
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
line-height: 1.3;
}
.accordionBlockA01 .btnBlockA01{
position: relative;
padding: calc(27 / 750 * 100%);
background: #d4f1ff;
color: #000f50;
font-weight: bold;
}
.accordionBlockA01 .btnBlockA01::after{
content: "��";
position: absolute;
right: calc(27 / 750 * 100%);
color: #000f50;
}
.accordionBlockA01 .btnBlockA01.active::after{
content: "��";
position: absolute;
right: calc(27 / 750 * 100%);
color: #000f50;
}
.accordionBlockA01 .accordionA01Inner{
padding: calc(27 / 750 * 100%);
}
.accordionBlockA01 .accordionA01Inner a{
display: unset;
}
.accordionBlockA01 .accordionA01Inner .answer{
color: #000f50;
font-weight: bold;
}
.repeatPrice{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: auto;
gap: 15px;
}
.repeatPrice li{
width: 47%;
}
.support{
width: 90%;
margin: auto;
}
.categorySlideBlock01{
padding:0 0 20px;
}
.categorySlideBlock01 .categoryList{
margin: 0 15px 0;
}