@charset "shift_jis";
/*content820pxReset*/
#main{
width:820px;
}
.contents_bg{
max-width: 1120px;
margin: 0 auto;
}
body.min{
min-width: 1120px;
}
/*emailWrap****************************************************/
.emailWrap{
width:100%;
max-width:820px;
margin: 0 auto;
font-family: "Noto Sans CJK JP";
color: #333;
}
.emailWrap img{
vertical-align:top;
}
.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: 600px;
height: 76px;
background: url(../image/email_grayOut.png) no-repeat;
background-position: center center;
background-size: cover;
z-index: 20;
}
/*btnBlock****************************************************/
.emailWrap .btnBlock{
text-align: center;
padding: 40px 0 60px;
}
.emailWrap .btnBlock p{
font-size: 14px;
margin: 7px 0 19px;
}
.btnBlock .btnRed a {
display: inline-block;
}
.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: 30px;
}
/*contentBlockA01****************************************************/
.emailWrap .contentBlockA01{
background: url("../image/email_bg_001_230518.png") no-repeat top center;
position: relative;
padding-bottom: 72px;
}
.emailWrap .contentBlockA01 .bg{
padding: 43px 15px 28px;
}
.emailWrap .contentBlockA01 .priviBlock{
position: absolute;
top: 215px;
width: 620px;
text-align: center;
left: 50%;
transform: translate(-50%);
font-weight: bold;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop{
font-size: 20px;
line-height: 1.7;
margin-bottom: 8px;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop .clRed{
font-size: 120%;
line-height: 1.4167;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop .txtSmall01{
font-size: 140%;
line-height: 1.214;
}
.emailWrap .contentBlockA01 .priviBlock .txtTop .txtSmall02{
font-size: 120%;
line-height: 1.4167;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem{
margin: 0 8px 0 10px;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item{
display: flex;
margin-bottom: 19px;
padding-top: 21px;
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: 15px;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item p{
font-size: 24px;
}
.emailWrap .contentBlockA01 .priviBlock .lstItem .item span{
font-size: 52px;
}
.emailWrap .contentBlockA01 .campaignBlock{
text-align: center;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign{
display: flex;
justify-content: space-between;
margin: 52px 30px 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: 35px 0 26px;
margin-right: 10px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item:first-of-type{
width: 204px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item:nth-child(2){
width: 324px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item:last-of-type{
width: 204px;
margin-right: 0;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item:after{
content: '';
background: url('../image/email_icon_001_230518.png') no-repeat top center;
display: block;
position: absolute;
width: 38px;
height: 38px;
top: -20px;
left: 50%;
transform: translateX(-50%);
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title{
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title2{
font-size: 14px;
font-weight: bold;
}
.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: 130%;
position: relative;
display: inline-block;
z-index: 0;
}
.emailWrap .contentBlockA01 .campaignBlock .lstCampaign .item .title2 .number{
font-size: 20px;
}
.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: 0;
transform: translateX(-50%);
z-index: -1;
}
/*termBlock****************************************************/
.emailWrap .termBlock{
padding: 71px 0 10px;
}
.emailWrap .termBlockInner{
border: 1px solid #4c6ba6;
padding: 0 30px 29px;
}
.emailWrap .termBlock .ttl2{
text-align: center;
width: 303px;
margin: -15px auto 25px;
background: #fff;
}
.emailWrap .termBlock .termContext{
font-size: 14px;
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;
text-indent: -1rem;
margin-left: 1rem;
}
.emailWrap .termBlock .termContext .txt.indent0{
text-indent: 0;
margin-left: 0;
}
.emailWrap .termBlock .termContext sup{
font-size: 70%;
}
.emailWrap .termBlock .termContext .lstSub{
font-size: 12px;
line-height: 2;
margin: 7px 0 27px;
}
/*contentBlockA02****************************************************/
.emailWrap .contentBlockA02{
padding: 51px 0 28px;
}
.emailWrap .contentBlockA02 .lstPrice{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
margin-top: 40px;
}
.emailWrap .contentBlockA02 .lstItem{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin: 40px 30px 120px;
}
.emailWrap .contentBlockA02 .lstItem li{
width: 175px;
}
.emailWrap .contentBlockA02 .lstItem li img{
width: 100%;
height: auto;
}
/*contentBlockA03****************************************************/
.emailWrap .contentBlockA03{
background: url("../image/email_bg_001_240801.png") no-repeat top center;
position: relative;
padding-bottom: 72px;
}
.emailWrap .contentBlockA03 h2{
padding-top: 60px;
text-align: center;
margin-bottom: 29px;
}
.emailWrap .contentBlockA03 .tokutenTitle01{
margin-bottom: 43px;
text-align: center;
}
.emailWrap .contentBlockA03 .tokutenTitle02{
margin-bottom: 53px;
text-align: center;
}
.emailWrap .contentBlockA03 .presentArea{
margin: 0 30px 80px 30px;
}
.emailWrap .contentBlockA03 .presentArea .presentItem{
border: solid 2px #062663;
}
.emailWrap .contentBlockA03 .presentArea .presentItem:first-child{
margin-bottom: 72px;
}
.emailWrap .contentBlockA03 .presentArea .presentTitle{
position: relative;
padding: 19px 0 10px 113px;
background: #062663;
color: #fff;
font-size: 22px;
}
.emailWrap .contentBlockA03 .presentArea .presentTitle .presentTitleIcon01{
position: absolute;
top: -36px;
left: 13px;
}
.emailWrap .contentBlockA03 .presentArea .presentTitle .presentTitleIcon02{
position: absolute;
top: -45px;
left: 13px;
}
.emailWrap .contentBlockA03 .presentArea .presentTitle .clYellow{
color: #ffea00;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt{
position: relative;
padding: 20px 0;
background: #fff;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt p{
text-align: center;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtSize01{
font-size: 26px;
font-weight: bold;
line-height: 1;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtSize02{
font-size: 18px;
font-weight: bold;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtNote{
font-size: 16px;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .txtNum{
font-size: 36px;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .presentBtn{
margin-top: 30px;
text-align: center;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .presentBtn a{
display: inline-block;
}
.emailWrap .contentBlockA03 .presentArea .presentTxt .presentImg{
position: absolute;
bottom: 30px;
right: 29px;
}
.emailWrap .contentBlockA03 .sankaArea{
margin: 0 30px;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox{
background: #fff;
border: solid 1px #cbcec1;
padding: 36px 0 30px;
margin-bottom: 48px;
position: relative;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox:after{
content: '';
background: url(../image/email_tokutenicon_001_240801.png) no-repeat top center;
display: block;
position: absolute;
width: 38px;
height: 38px;
top: -20px;
left: 50%;
transform: translateX(-50%);
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox p{
text-align: center;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaBtn{
text-align: center;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaBtn a{
display: inline-block;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaTitle{
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaTitle02{
margin-bottom: 25px;
font-size: 22px;
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: 16px;
}
.emailWrap .contentBlockA03 .sankaArea .sankaBox .sankaImg{
padding: 0 20px 0 39px;
}

/*repeat****************************************************/
.emailWrap .btnBlock {
padding: 30px 0 20px;
}
.repeatNote{
text-indent: -1em;
padding-left: 1em;
font-size: 14px;
line-height: 1.3;
}
.repeatPoint{
text-indent: -1em;
padding-left: 1em;
font-size: 14px;
line-height: 1.3;
}
.repeatPoint a{
display: unset;
}
.repeatTxt{
margin: auto;
font-size: 14px;
line-height: 1.3;
}
.txtOrange{
color: #ff7800;
font-weight: bold;
}
.txtBlue{
color: #193b95;
font-weight: bold;
}
.repeatImg{
margin: 25px auto 0;
text-align: center;
}
.repeatTitle{
margin-top: 60px;
}
.repeatPeriod{
margin: 30px 0 10px;
color: #001367;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
}
.repeatdetail{
margin: 30px;
font-size: 14px;
line-height: 1.3;
}
.repeatdetail dt{
margin-top: 30px ;
color: #000b64;
font-weight: bold;
}
.repeatdetail .repeatNote{
width: 100%;
}
.repeatdetail table{
margin-top: 10px;
border: solid 1px #b6dbff;
width: 100%;
text-align: center;
}
.repeatdetail table th{
padding: 13px 0;
border: solid 1px #b6dbff;
background: #d2e9ff;
color: #000b64;
vertical-align:middle;
font-size: 20px;
font-weight: bold;
}
.repeatdetail table tr th:first-child{
width: 221px;
}
.repeatdetail table td{
padding: 13px 0;
border: solid 1px #b6dbff;
vertical-align:middle;
font-size: 18px;
}
.accordionBlockA01{
margin: 20px auto 0;
border: solid 2px #d4f1ff;
line-height: 1.3;
}
.accordionBlockA01 .btnBlockA01{
position: relative;
padding: 10px 29px 10px;
background: #d4f1ff;
color: #000f50;
font-weight: bold;
font-size: 18px;
}
.accordionBlockA01 .btnBlockA01::after{
content: "��";
position: absolute;
right: 29px;
color: #000f50;
}
.accordionBlockA01 .btnBlockA01.active::after{
content: "��";
position: absolute;
right: 29px;
color: #000f50;
}
.accordionBlockA01 .accordionA01Inner{
padding: 10px 29px 30px;
}
.accordionBlockA01 .accordionA01Inner a{
display: unset;
}
.accordionBlockA01 .accordionA01Inner .answer{
color: #000f50;
font-weight: bold;
font-size: 18px;
}
.repeatPrice{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
gap: 40px;
}
.repeatPrice li{
width: 315px;
}
.support{
margin: 60px auto 0;
}
.categorySlideBlock01{
padding:0 0 20px;
}
.categorySlideBlock01 .categoryList{
margin: 0 15px 0;
}
.btnOrange a{
display: inline-block;
}
.emailWrap .repeatdetail a{
text-decoration: underline;
}
.emailWrap .accordionA01Inner a{
text-decoration: underline;
}

.endBlock{
margin: 40px 0;
text-align: center;
font-size: 28px;
font-weight: bold;
}