@charset "utf-8";
body a { word-break: break-all!important; }
#wp{position: relative;}
img{max-width: 100%; margin: 0 auto;}
#appleOne *{box-sizing: border-box; }
#appleOne{color: #333;  position:relative;font-family: 'Noto Sans JP', sans-serif; font-weight:400;}
#appleOne a:link,#appleOne a:hover,#appleOne a:active,#appleOne a:visited{color:#333;}
ul,li{position: relative;}

@media screen and (min-width: 768px) {
/*common*/
.cmp-au-com-container__width__1column__980>.cmp-au-com-container>.cmp-au-com-container__contents{width: 100%;}
#appleOne{    margin: 10px auto 0;}

/*#appleOne{margin-top: 36px;  }*/
#appleOne a{transition: .6s;}
#appleOne a:hover{opacity: .6;}

/*.footerSiteMap {padding-bottom: 120px;}
.footerSiteMap.closeFL {padding-bottom: 30px; }*/
.linkTxt{text-decoration: underline !important; color: #333;}
.linkTxt:link,.linkTxt:active,.linkTxt:hover,.linkTxt:visited,
.linkIcon:link,.linkIcon:active,.linkIcon:hover,.linkIcon:visited{color: #333;}
.fcRed .linkTxt{text-decoration: underline !important; color: #ff0000 !important;}
.fcRed .linkTxt:link, .fcRed .linkTxt:active, .fcRed .linkTxt:hover, .fcRed .linkTxt:visited,
.fcRed .linkIcon:link, .fcRed .linkIcon:active, .fcRed .linkIcon:hover, .fcRed .linkIcon:visited {    color:#ff0000 !important;}
.iconQ.linkTxt{font-weight: 900;}
.iconQ img {    width: 30px;    padding-left: 10px;    display: inline-block;}

.linkIcon{
    display: inline-block;
    position: relative;
    padding-right: 1.2em;
}
.linkIcon::after{
    content: '\FF1E';
    display: block;
    transform: scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.7em);
}

.linkAnc {
    display: inline-block;
    position: relative;
    padding-right: 1.4em;
}
.linkAnc::after{
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.5em);
}


.linkBlank {position: relative;   padding-right: 15px;padding-left: 0;display: inline-block;}
.linkBlank::after{
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    /* margin-top: -4px; */
    background-image: url(../img/icon-blank-gray_f8d460e8f30bbe51.webp);
    /* background-position: 0.5px -100px; */
    width: 12px;
    height: 10px;
    background-size: auto 100%
}
.link-pdf:after, .link-pdf-blue:after, .link-pdf-white:after {
    position: absolute;
    top: 50%;
    right: 0;
    /*background-image: url(../img/icon_sprite_1673c173e5f739ae.webp);*/
    background-position: -41px -20px;
    width: 16px;
    height: 16px;
    background-size: 121px 118px;
}
/*BTN*/
.btn {
    background: #eb5505;
    height: 60px;
    line-height: 60px;
    color: #fff !important;
    border-radius: 30px;
    max-width: 582px;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
    font-weight: 700;
}
.btn.l2 {
    height: auto;
    border-radius: 50px;
    line-height: 1.2;
    padding: 9px 0;
}
.btn::after {
    content: '\FF1E';
    display: block;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.9em);
}
.btn.l2::after {
    top: calc(50% - 0.6em);
}
.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff !important;}

.btnAnc{
}
.btnAnc::after {
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.8em);
}
.btnCV{
    max-width: 370px;
    background: linear-gradient(90deg, rgba(255,52,65,1) 0%, rgba(65,136,251,1) 100%);
    box-shadow: 0px 3px 0px 0px rgba(179, 179, 179, 1);
    border: solid 2px #fff;
    line-height: 54px;
}
.btnMusic{
    background:#FF3441;
    box-shadow: 0px 3px 0px 0px rgba(179, 179, 179, 1);
    border: solid 2px #fff;
    line-height: 54px;
    position: relative;    
}
.btnMusic::after{
    content: '';
}
.btnMusic .arrow{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: solid 1px #fff;
    position: absolute;
    right:20px;
    top: calc(50% - 10px);    
}
.btnMusic .arrow::after{
    content: '\FF1E';
    display: block;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: calc(50% - 7px);
    top: calc(50% - 8px);
    font-weight: normal;
    font-size: 13px;
}
.btnMusic.l2{
    height: auto;
    line-height: 1.2;
    padding:10px 0;
}


.btnWhite{background: #fff; color: #333; border: solid 2px #EB5505; height: 60px; line-height: 56px; }
.btnWhite::after {color: #EB5505;        top: calc(50% - 1.8em);}
.btnBeige{background: #E1D092; color: #333 !important;}
.btnBeige:link,.btnBeige:hover,.btnBeige:active,.btnBeige:visited{color: #333 !important;}

.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    background-image: url(../img/icon-blank_dddd4d2b96bc534c.webp);
    background-position: right center;
    background-size: auto 100%;
    width: 16px;
    height: 13px;
    transform: rotate(0) scale(1, 1);
}
.btnWhite.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    /*background-image: url(../img/icon-link-blank_da1b996d7a09f807.webp);*/
    background-position: right center;
    background-size: auto 100%;
    width: 13px;
    height: 13px;
    transform: rotate(0) scale(1, 1);
}
.btnWhite:link,.btnWhite:active,.btnWhite:hover,.btnWhite:visited{color: #333 !important;}
.btnDisable{background: #AFAFAF !important;}


.fsS{font-size: 14px;}
.note{font-size: 12px; font-weight:normal;}
.ulNote li{font-size: 12px; font-weight:normal;}
.sup {
    font-size: 12px;
    vertical-align: top;
    position: relative;
    top: -0.1em;
    font-weight: normal !important;
}
.ulNote .sup{font-size: 80%;}
.sub {
    font-size: 12px;
    vertical-align: bottom;
    position: relative;
    bottom: 0.2em;
    font-weight: normal !important;
}
.mt10{margin-top: 10px !important;}
.mt20{margin-top:20px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.pb5{padding-bottom: 5px !important;}
.measureTag{height: 60px !important; width: 100%;}

/* animation*/
.slide-up {
    opacity: 0;
    transform: translate(0, 60px);
    transition: 1.4s;
}

  .slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
/*------------------------------------------------------------------------------------------------*/
.wrapAttBox{background: #EFDCBB; padding: 20px 0;}
.attBox{max-width: 980px; margin: 0 auto;   /* border: 1px solid #d1d1d1;*/background-color: #fdeee6;padding: 20px; text-align: left;}
    .attBox .tit{ font-weight: bold; margin: 0 auto 10px;}
    .attBox .date{margin: 10px auto 0; color: #777; font-size: 12px;}
.attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}

#headArea{    padding: 10px 0;    text-align: center; border-bottom:solid 1px #808080; display: none;}
#headArea img{display: block; width: 300px; margin: 0 auto;}
#wrapMainvisual {
    width: 100%;

}
#wrapMv{position: relative;   }
/*#wrapMv h1{max-width: 800px;margin: 60px auto; position: relative;}
#wrapMv h1 img.fadeInMV{width:100%;}
#wrapMv h1 #mv01,#wrapMv h1 #mv02,#wrapMv h1 #mv03,#wrapMv h1 #mv04{
    display: block;
    position: absolute;
    width: 247px;
    height: 170px;
}
#wrapMv h1 #mv01{top:26px; left: 0;}
#wrapMv h1 #mv02{top:26px; right: 0;}
#wrapMv h1 #mv03{bottom:26px; left: 0;}
#wrapMv h1 #mv04{bottom:26px; right: 0;}
#wrapMv h1 span img{width: 100%;}*/
#wrapMv{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#wrapMv .mv-pt-in{
    width: 100%;
    margin: 0 auto;
    max-width: 1280px;
}
.mv-pt-in > div:nth-child(2)::after{
    content: '';
    width: 100%;
    height: 162px;;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #000;
    z-index: -1;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .mv-pt-in > div:nth-child(2)::after{
        content: '';
        display: none;
    }
}
/*#wrapMv .mv-pt--a{
    background: #fff;
}
#wrapMv .mv-pt--b, #wrapMv .mv-pt--d{
    background: url(/content/dam/au-com/pr/apple-one_2/img/mv-pt-bg_3045e2d09c56c0e.png) repeat-x center bottom;
    backgound-size: auto;
}
#wrapMv .mv-pt--c{
    background: #f0f0f0;
}*/


/*アコーディオン*/
.tgl-trig{transition: none !important;}
.tgl-content,.tgl-content-inner{position: relative;}

/* アコーディオン　Note */
.noteToggleBox{text-align: center;}
.noteToggleBox > .tgl-trig{}
.noteToggleBox > .tgl-trig h3 {
    position: relative;
    /* display: inline-block; */
    background: none !important;
    margin: 0 auto;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 0;
    display: inline-block !important;
    text-align: center;
    font-weight: bold;
    font-size: 16px !important;
    /*text-decoration: underline;*/
}
.noteToggleBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
}
.noteToggleBox > .tgl-trig.open::before {
    transform: rotate(270deg) scale(.6, 1);
}
.noteToggleBox .tgl-content{
    margin: 10px auto 0;
    padding: 10px 0 0;

}
#c04 .noteToggleBox .tgl-content{ border-top: solid 1px #BABABA;}

/* slick slider*/
.slick-track{margin: 0 auto;  display: flex;}
.slick-slide {  height: auto !important;}
.slider .slick-prev, .slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    background: url(../img/btn-arrow-slider_d2a3f2baf18b9025.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 0;
    opacity: 1;
    z-index: 2;
    text-align: center;
}

.slider .slick-prev{left: 10px; transform: rotate(180deg);}
.slider .slick-next{right: 10px;}
.slick-dots>li.slick-active {
    background: #EB5505;
}

/*boxCV*/
.boxCV{text-align: center;}
.boxCV .titCV{ margin: 0 auto;}
.boxCV .titCV img{display: block; margin: 0 auto;}
.boxCV .txt{text-align: left;}
.boxCV .btnCV{margin: 10px auto 10px;}
#c02 .boxCV,#c04 .boxCV{
    max-width: 800px;
    background: #FDEEE9;
    padding: 30px 0 40px;
    margin: 60px auto 0;
    border-radius: 30px;
}
#c02 .boxCV .btnCV,#c04 .boxCV .btnCV{max-width: 500px;}
#c02 .boxCV .txt,#c04 .boxCV .txt{width: 390px; margin:30px auto ;}

/* Float Nav */
#wrapBtnBackTop{
    position: relative;
}
#btnBackTop{
    /*max-width: 980px; */
    /* margin: 0 10px 10px auto; */
    position: relative;
    text-align: right;
    position: absolute;
    right: 14px;
    top: -82px;
    width: 70px;
    height: 70px;
    display: block;
    z-index: 5;
}
#btnBackTop img{width: 100%;}
#btnBackTop a{
    display: block;
    width: 37px;
    height: 37px;
    margin: 0 0 0 auto;
    margin: 0 10px 10px auto;
    position: relative;
    text-align: right;
}
#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index:0;
    width: 100%;
    transition: .6s;
    opacity: 0;
}
#floatNav{    margin: 0 auto;   /* text-align: right;*/}
#floatNav .innerFnav{ background: #fff; padding:15px;}
#floatNav .innerFnav .boxCV .wrapFlex{max-width: 870px; margin: 0 auto; display: flex; justify-content: space-between;}
/*#floatNav .innerFnav .boxCV .wrapFlex .boxL{width: 43%; }*/
/*#floatNav .innerFnav .boxCV .wrapFlex .boxR{width: 54%;padding: 5px 0 0;}*/

#floatNav .innerFnav .boxCV .wrapFlex .boxL{width: 41%; margin-left:2%;}
#floatNav .innerFnav .boxCV .wrapFlex .boxR{width: calc(100% - 41% - 2%);padding: 5px 0 0;}
#floatNav .innerFnav .boxCV .wrapFlex .boxR p.note{font-size: 11px;}

#floatNav .innerFnav .boxCV .wrapFlex .boxL .btnCV {    margin: 0 auto;}
#floatNav .innerFnav .boxCV .wrapFlex .boxR p{margin: 5px auto 0;font-feature-settings: "palt";}

/*モーダル中身*/
.boxModal{line-height: 1.4;}
.boxModal > .tit{text-align: center; font-size: 20px; font-weight: 900; margin: 0 auto 20px;}
.boxModal > .lead{text-align: center; margin: 0 auto 20px;}
.boxModal > .img{margin:0 auto 20px; text-align: center;}
.boxModal .inner {    margin: 0 auto 20px;}

.ulBtn{}
.ulBtn > li:not(:last-child){margin: 0 auto 10px;}

.boxNote{text-align: left;font-size: 12px; line-height: 1.4;}
.boxNote .tit{margin: 20px auto 5px;}
.boxNote a:link,.boxNote a:hover,.boxNote a:active,.boxNote a:visited{color: #0066AA !important;}
.ulNote > li,.note{font-size: 12px; line-height: 1.4;}
.ulNote > li:not(:last-child){margin: 0 auto 10px;}

/*-----------------------------------------------------------------------------*/



.innerCbox{position: relative; margin: 0 auto;}

#c01 .innerCbox{max-width: 800px; margin: 0 auto;}
.boxCV.wide{ background: #FDEEE9; padding: 30px 0 40px; margin: 0 auto;}
.boxCV.wide .wrapFlex{display: flex; justify-content: space-between; max-width: 800px; margin: 0 auto;}
/*.boxCV.wide .wrapFlex .titCV{width: 50%; margin: 19px 0 0 0;}*/
/*.boxCV.wide .wrapFlex .titCV img{margin: 0;}*/
.boxCV.wide .wrapFlex .boxR{width: 100%;margin: 0 auto;text-align: center;}
/*.boxCV.wide .wrapFlex .boxR{width: 48%;}*/
.boxCV.wide .img-cv{
    max-width: 800px;
    margin: 15px auto 0;
}
#c01 .img-cv {
    max-width: 800px;
    padding: 30px 0 0;
    margin: 0 auto;
}

/*#c02{padding: 80px 0 0;}*/
#c02 .innerCbox{max-width: 800px; margin: 0 auto;}
#c02 h2{text-align: center; margin: 0 auto -2rem; font-weight: 900; font-size: 38px;}
/*#c02 h2{text-align: center; margin: 0 auto 30px; font-weight: 700; font-size: 18px;}*/
#c02 h2 .img{display: block; margin: 15px auto 5px; width: 260px;}
#c02 h2 .em{ font-weight: 900; font-size: 28px;}
#c02 h2 .em .fsL{}

/*タブ*/
#c02 .tabArea{margin: 0 auto calc(1.2rem + 3rem);}
/*#c02 .tabArea{margin: 0 auto;}*/
.tabArea .ulTab{ display: flex;justify-content: space-between; align-items: flex-start; margin:0 auto 50px;}
#c02 .tabArea .ulTab li{width:24%; display: block;}
#c02 .tabArea .ulTab li:nth-child(1){}
#c02 .tabArea .ulTab li:nth-child(2){}
#c02 .tabArea .ulTab li a{
    display: block;
    background: #E6E6E6;
    box-shadow: 0px 10px 5px -4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    color: #000;
    line-height: 1.4;
    position: relative;
}
#c02 .tabArea .ulTab li a.cur{ color: #fff;}
#c02 .tabArea .ulTab li:nth-child(1) a.cur{
    background: #FF3441;
    box-shadow: 0px 10px 5px -4px rgba(255, 29, 37, 0.25);
}
#c02 .tabArea .ulTab li:nth-child(2) a.cur{
    background: #2C7BFB;
    box-shadow: 0px 10px 5px -4px rgba(44, 123, 251, 0.25);
}
#c02 .tabArea .ulTab li:nth-child(3) a.cur{
    background: #333333;
    box-shadow: 0px 10px 5px -4px rgba(51, 51, 51, 0.25);
}
#c02 .tabArea .ulTab li:nth-child(4) a.cur{
    background: #EB5528;
    box-shadow: 0px 10px 5px -4px rgba(235, 85, 40, 0.25);
}
#c02 .tabArea .ulTab li a .img{
    display: block;
    margin: 0 auto 10px;
    line-height:0;
    height: 26px;
    width: auto;
}
#c02 .tabArea .ulTab li a .img img{height: 100%;    width: auto;}
#c02 .tabArea .ulTab li a.cur .img img{height: 100%;    width: auto; opacity: 0;}
#c02 .tabArea .ulTab li:nth-child(1) a.cur .img{
    background:url(../img/img-logo-tab-music-white_32706d32f30789e8.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li:nth-child(2) a.cur .img{
    background:url(../img/img-logo-tab-cloud-white_656823d4cd0b31d2.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li:nth-child(3) a.cur .img{
    background:url(../img/img-logo-tab-tv-white_cb063d6d50a4311b.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li:nth-child(4) a.cur .img{
    background:url(../img/img-logo-tab-arcade-white_e56f54701801dd96.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li a .numTab{
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 20px;
}
#c02 .tabArea .ulTab li a .txt{display: block; line-height: 1.2; min-height: 39px;}
#c02 .tabArea .ulTab li:nth-child(4) a .txt{line-height: 39px;}
#c02 .tabArea .ulTab li a .em{}


#c02 .tabArea .tabContent{
  /*border: solid 1px #DDDDDD;*/
  /*background: #fff;*/
  padding: 0;
  position: relative;
}
#c02 .tabArea .tabContent .innerTab{ margin: 0 auto; padding:0;}
#c02 .tabArea .tabContent .innerTab h3{margin: 0 auto 25px;}
#c02 .tabArea .tabContent .innerTab h3 .img{display: block; margin: 0 auto 15px; height: 36px;}
#c02 .tabArea .tabContent .innerTab h3 .img img{display: block; height: 100%; width: auto; margin: 0 auto;}
#c02 .tabArea .tabContent .innerTab h3 .txt {display: block; font-weight: 700; line-height: 1.2;margin: 0 auto; text-align: center; font-size: 28px;}


#c02 .tabArea .tabContent .innerTab .boxFeat{
    border-radius: 30px;
    /*overflow: hidden;*/
    text-align: center;
}
#c02 .tabArea .tabContent .innerTab .boxFeat .mainImg{border-radius: 30px 30px 0 0;overflow: hidden;}
#c02 .tabArea .tabContent .innerTab#tab1 .boxFeat{background: #FFE1E2;}
#c02 .tabArea .tabContent .innerTab#tab2 .boxFeat{background: #DFEBFE;}
#c02 .tabArea .tabContent .innerTab#tab3 .boxFeat{background: #E6E6E6;}
#c02 .tabArea .tabContent .innerTab#tab4 .boxFeat{background: #FCE5DF;}

#c02 .tabArea .tabContent .innerTab .boxFeat .inner{ padding: 30px 90px;  }
#c02 .tabArea .tabContent .innerTab .boxFeat .inner h4{font-weight: 700; font-size: 28px; margin: 0 auto 40px;}
#c02 .tabArea .tabContent .innerTab#tab1 .inner h4 {color: #FF3441;}
#c02 .tabArea .tabContent .innerTab#tab2 .inner h4 {color: #2C7BFB;}
#c02 .tabArea .tabContent .innerTab#tab3 .inner h4 {color: #000;}
#c02 .tabArea .tabContent .innerTab#tab4 .inner h4 {color: #EB5528;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat{display: flex; justify-content: space-between;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li{width:45%;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li h5{font-weight: 700; font-size: 18px;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li .img{margin: 20px auto;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li .txt{text-align: left;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .boxBtn{width: 450px; margin: 50px auto 0;}
/*#c02 .boxCV{margin: 40px auto;}*/
/*タブ*/

#c03 .innerCbox{
    max-width: 800px;
    margin: 0 auto;
    background: #f9f3ec;
    border-radius: 30px 30px 0 0;
    padding: 70px 0 0;
}
#c03 .innerCbox > h2{font-weight: 700; line-height: 1.2; margin: 0 auto 40px; text-align: center;}

#c03 .innerCbox > h2 .img{display: block; margin: 0 auto 35px; height: 60px; width: auto;}
#c03 .innerCbox > h2 .img img{display: block; height: 100%; margin: 0 auto;}
#c03 .innerCbox > h2 .txt{display: block; margin: 0 auto; font-weight: 700; font-size: 28px;}
#c03 .boxCV{
    max-width: 800px;
    margin: 0 auto;
    background:#F5EDE3;
    border-radius: 0 0 30px 30px;
    padding: 60px 0;
}
#c03 .boxCV .txt{max-width: 420px; margin:30px auto 40px; text-align: left;}

#c04{padding: 60px 0 0;}
#c04 .innerCbox{max-width: 800px; margin: 0 auto; }
#c04 .innerCbox > h2{
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    /* height: 45px; */
    /* border-radius: 30px; */
    margin: 0 auto 30px;
    text-align: center;
    /* background: #333333; */
    /* color: #fff; */
    position: relative;
    /*z-index: 1;*/
}

/*タブ*/
#c04 .tabArea{margin: 0 auto;}
#c04 .tabArea .ulTab{ display: flex;justify-content: space-between;align-items: flex-start; margin: 0 auto -1px;}
#c04 .tabArea .ulTab li{width: 49%; display: block; text-align: center; line-height: 1.2;}
#c04 .tabArea .ulTab li:nth-child(1){}
#c04 .tabArea .ulTab li:nth-child(2){}
#c04 .tabArea .ulTab li a{
    display: block;
    border: solid 1px #808080;
    border-bottom: none;
    border-radius: 30px 30px 0 0;
    padding: 15px;
    background: #808080;
    position: relative;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
}
#c04 .tabArea .ulTab li a.cur{
    opacity: 1;
    z-index: 2;
    background: #fff;
    color:#EB5508 ;
    border: solid 1px #EB5508;
    border-bottom: none;
}
#c04 .tabArea .ulTab li a.cur::after{
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    border-radius: 30px 30px 0 0;
    background: #EB5508;
    position: absolute;
    top: 0;
    left: 0;

}

#c04 .tabArea .tabContent{
  border: solid 2px #EB5508;
  background: #fff;
  padding: 0 0;
  position: relative;
  border-radius:30px;
}
#c04 .tabArea .tabContent .innerTab{ margin: 0 auto; padding:40px 0 40px;}
#c04 .tabArea .tabContent .innerTab > h3{ margin: 0 auto 25px;}
#c04 .tabArea .tabContent .innerTab > h3 img{display: block; margin: 0 auto;}
/*タブ*/

#c04 .wrapSlider{max-width: 340px; margin: 0 auto;}
#c04 .wrapSlider .slider{position: relative;margin: 0 auto;}
#c04 .wrapSlider .boxSlide{max-width: 340px; margin: 0 auto;}


#c04 .slider .slick-dots{overflow: hidden;}
#c04 .slider .slick-dots>li+li {
    margin-left: 35px;
}
#c04 .slider .slick-dots>li {
    width: 12px;
    height: 12px;
    background: #fff;
    border: solid 1px #CCCCCC;
}
#c04 .slider .slick-dots>li.slick-active {
    border: solid 1px #EB5505;
    background: #EB5505;
}
#c04 .slider .slick-prev,#c04 .slider .slick-next{top: 42%;}

#c04 .wrapSlider .slider .slick-slide > div,
#c04 .wrapSlider .slider .slick-slide > div .innerSlide{height: 100%;}
#c04 .wrapSlider .slider .innerSlide .boxSlide{
    margin: 0 5px 0;
    height: 100%;
    background: #fff;
    overflow: hidden;
    text-align: center;
}

#c04 .wrapSlider .boxStep{width: 250px; margin: 0 auto 30px;}

#c04 .wrapSlider .slider .innerSlide .boxSlide .boxTxt{ margin: 0 auto 30px;}
#c04 .wrapSlider .slider .innerSlide .boxSlide .boxTxt .txt{ margin: 0 auto;font-size: 19px;font-weight: 700; line-height: 1.2; min-height: 46px;}
#c04 .wrapSlider .slider .innerSlide .boxSlide .img{width: 46%; margin: 0 auto 30px;}
#c04 .wrapSlider .slider .innerSlide .boxSlide .img + .txt{ height: 24px; line-height: 24px; margin: 0 auto 20px;}
#c04 .boxCV{margin: 50px auto 60px;}

#c05{ padding: 0 0 50px;}
#c05 .innerCbox{max-width: 800px; margin: 0 auto;}
#c05 .innerCbox > h2{ font-weight: 700; text-align: center; margin: 0 auto 30px; font-size: 22px;}
/*ご注意事項Tgl*/
#c05 .ulToggle > li{padding: 0 0 20px;}
#c05 .ulToggle > li:not(:last-child){margin: 0 auto 30px;}
#c05 .noteBox{padding: 20px 0 0; font-size: 14px;line-height: 1.4;}
#c05 .noteBox .ulNote > li,#c05 .noteBox .note {    font-size: 14px; margin: 0 auto;}
#c05 .noteBox .tit{font-weight: bold;}

#c05 .tgl-trig{
    display: block;
    background: #333;
    line-height: 45px;
    height: 45px;
    border-radius: 15px;
    color: #fff;
    font-weight: 600;
    margin: 0 auto -25px;
    position: relative;
    text-align: center;
    z-index: 1;
}
#c05 .tgl-trig{font-weight: 700;}
#c05 .tgl-trig::after {
    content: '\FF0B';
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
    background: #fff;
    border-radius: 30px;
    margin: 0;
    width: 26px;
    height: 26px;
    line-height: 25px;
    font-weight: bold;
    color: #333;
}
#c05 .tgl-trig.open::after {
    content: "\FF0D";
}
#c05 .tgl-trig:link,#c05 .tgl-trig:hover,#c05 .tgl-trig:active,#c05 .tgl-trig:visited {
    color: #fff;
}

#c05 .tgl-content{
    border: solid 2px #333;
    border-top: none;
    border-radius: 0 0 30px 30px;
}
#c05 .tgl-content .tgl-content-inner{padding:30px 30px 30px;}

#c05 .boxCV{
    max-width: 800px;
    margin: 60px auto ;
    background:#F5EDE3;
    border-radius: 30px;
    padding: 60px 0;
}
#c05 .boxCV .txt{max-width: 420px; margin:30px auto 40px; text-align: left;}


/*FAQTgl*/
#c06{background: #E6E6E6; padding: 50px 0;}
#c06 .innerCbox{max-width: 800px; margin: 0 auto;}
#c06 .innerCbox > h2{ font-weight: 700; text-align: center; margin: 0 auto 30px; font-size: 22px;}

#c06 .ulToggle > li:not(:last-child){margin: 0 auto 30px;}
#c06 .boxFaq{
    background: #fff;
    border-radius: 30px;
    padding: 50px;
    margin: 0 auto 20px;
}
#c06 .boxFaq.last{margin: 0 auto;}
#c06 .boxFaq > .tit{text-align: center; font-size: 20px; font-weight: 700; margin: 0 auto 30px; }
#c06 .boxFaq > .tit span{    border-bottom: solid 1px #808080;    margin: 0 auto 0;    padding: 0 0 10px 0;}

#c06 .tgl-trig{
    display: block;
    background: #fff;
    border-bottom: solid 1px #808080;
    line-height: 1.2;
    font-weight: bold;
    padding: 15px 50px 15px 0;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

#c06 .tgl-trig{font-weight: 700;}

#c06 .tgl-trig::after {
    content: '\FF0B';
    position: absolute;
    top: calc(50% - 11px);
    right: 0;
    margin: 0;
    width: 22px;
    height: 22px;
    line-height: 21px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
#c06 .tgl-trig.open::after {
    content: "\FF0D";
}
#c06 .tgl-trig:link,#c06 .tgl-trig:hover,#c06 .tgl-trig:active,#c06 .tgl-trig:visited {
    color: #333;
}

#c06 .tgl-content-inner{padding: 15px 0 0;}


/* Float Nav */
#section-container-717cdcc9b0{padding-bottom: 90px !important; margin-bottom: 0 !important;}
#wrapBtnBackTop{
    position: relative;
}
#btnBackTop{
    /*max-width: 980px; */
    /* margin: 0 10px 10px auto; */
    position: relative;
    text-align: right;
    position: absolute;
    right: 14px;
    top: -70px;
    width: 70px;
    height: 70px;
    display: block;
    z-index: 5;
}
#btnBackTop img{width: 100%;}
#btnBackTop a{
    display: block;
    width: 37px;
    height: 37px;
    margin: 0 0 0 auto;
    margin: 0 10px 10px auto;
    position: relative;
    text-align: right;
}

#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index:0;
    width: 100%;
    transition: .6s;
    opacity: 0;
}

}




/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 1010px) {
    #floatNav .ulLnav > li a{font-size: 1.8vw;}

}
@media (max-width: 1199px){
    .cmp-au-com-container__width__1column__980>.cmp-au-com-container>.cmp-au-com-container__contents{padding:0;}
    #appleOne{margin-top: 36px  }
    #appleOne.ver1126{margin-top: 26px  }
    .anchorPoint{    position: absolute;    top:0;    display: block;}

}
/*WIDE MONITOR*/

@media (min-width: 1200px){
    #floatNav,#wrapBtnBackTop{padding-left: 180px;}
}


/*SP*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {
/*common*/
/*.contArea {padding-top:0 !important;}*/
#appleOne,
#appleOne.ver1126 { margin-top: 44px !important;   font-size: 3.8vw; position: relative;}
.anchorPoint{    position: absolute;    top:0;    display: block;}

.linkTxt{text-decoration: underline !important; color: #333;}
.linkTxt:link,.linkTxt:active,.linkTxt:hover,.linkTxt:visited,
.linkIcon:link,.linkIcon:active,.linkIcon:hover,.linkIcon:visited{color: #333;}
.fcRed .linkTxt{text-decoration: underline !important; color: #ff0000 !important;}
.fcRed .linkTxt:link, .fcRed .linkTxt:active, .fcRed .linkTxt:hover, .fcRed .linkTxt:visited,
.fcRed .linkIcon:link, .fcRed .linkIcon:active, .fcRed .linkIcon:hover, .fcRed .linkIcon:visited {    color:#ff0000 !important;}
.iconQ.linkTxt{font-weight: 900;}
.iconQ img {         width: 8vw;    padding-left: 2vw;    display: inline-block;}

.linkIcon{
    display: inline-block;
    position: relative;
    padding-right: 1.2em;
}
.linkIcon::after{
    content: '\FF1E';
    display: block;
    transform: scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.7em);
}

.linkAnc {
    display: inline-block;
    position: relative;
    padding-right: 1.4em;
}
.linkAnc::after{
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.5em);
}


.linkBlank {position: relative;   padding-right: 4vw;padding-left: 0;display: inline-block;}
.linkBlank::after{
    position: absolute;
    top: calc(50% - 1.2vw);
    right: 0;
    background-image: url(../img/icon-blank-gray_f8d460e8f30bbe51.webp);
    width: 3vw;
    height: 2.4vw;
    background-size: auto 100%;
}
.link-pdf:after, .link-pdf-blue:after, .link-pdf-white:after {
    position: absolute;
    top: 50%;
    right: 0;
    /*background-image: url(../img/icon_sprite_1673c173e5f739ae.webp);*/
    background-position: -41px -20px;
    width: 16px;
    height: 16px;
    background-size: 121px 118px;
}
/*BTN*/
.btn {
    background: #eb5505;
    height: 12vw;
    line-height: 11.2vw;
    color: #fff;
    border-radius: 10vw;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
    font-weight: 600;
}

.btn::after {
    content: '\FF1E';
    display: block;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: .6em;
    top: calc(50% - 4.6vw);
}

.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff !important;}

.btnAnc{
}
.btnAnc::after {
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.8em);
}
.btnCV{
    background: linear-gradient(90deg, rgba(255,52,65,1) 0%, rgba(65,136,251,1) 100%);
    box-shadow: 0px 3px 0px 0px rgba(179, 179, 179, 1);
    border: solid .4vw #fff;
}
.btnMusic{
    background:#FF3441;
    box-shadow: 0px 3px 0px 0px rgba(179, 179, 179, 1);
    border: solid .4vw #fff;
    position: relative;
}
.btnMusic::after{
    content: '';
}
.btnMusic .arrow{
    display: block;
    width: 6vw;
    height: 6vw;
    border-radius: 3vw;
    border: solid .2vw #fff;
    position: absolute;
    right:5vw;
    top: calc(50% - 3vw);
}
.btnMusic .arrow::after{
    content: '\FF1E';
    display: block;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: calc(50% - 1.6vw);
    top: calc(50% - 1.6vw);
    font-weight: normal;
    font-size: 2.6vw;
}
.btnMusic.l2{
    height: auto;
    line-height: 1.2;
    padding: 3% 0;
}

.btnWhite{background: #fff; color: #333; border: solid .4vw #EB5505; height: 10vw; line-height: 9.2vw; }
.btnWhite::after {color: #EB5505;}
.btnBeige{background: #E1D092; color: #333 !important;}
.btnBeige:link,.btnBeige:hover,.btnBeige:active,.btnBeige:visited{color: #333 !important;}

.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 1.5vw);
    right: 4vw;
    background-image: url(../img/icon-blank_dddd4d2b96bc534c.webp);
    background-position: right center;
    background-size: auto 100%;
    width: 3.6vw;
    height: 3vw;
    transform: rotate(0) scale(1, 1);
}
.btnWhite.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 1.5vw);
    right: 4vw;
    /*background-image: url(../img/icon-link-blank_da1b996d7a09f807.webp);*/
    background-position: right center;
    background-size: auto 100%;
    width: 3vw;
    height: 3vw;
    transform: rotate(0) scale(1, 1);
}
.btnWhite:link,.btnWhite:active,.btnWhite:hover,.btnWhite:visited{color: #333 !important;}
.btnDisable{background: #AFAFAF !important;}



/*.footerSiteMap {padding: 20px 3% 35vw;  }
.footerSiteMap.closeFL {padding: 20px 3% 15px; }*/
.fsS{font-size: 3.3vw;}
.note{font-size: 3.2vw; font-weight:normal;}
.ulNote li{font-size: 3.2vw; font-weight:normal;}
.sup {
    /*font-size:3.2vw; */
    font-size: 70%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
    font-weight: normal !important;
}
.sub {
    font-size: 70%;
    vertical-align: bottom;
    position: relative;
    bottom: 0.2em;
    font-weight: normal !important;
}
.mt10{margin-top: 3% !important;}
.mt20{margin-top: 5% !important;}
.mb5{margin-bottom: 2% !important;}
.mb10{margin-bottom: 3% !important;}
.mb20{margin-bottom: 5% !important;}
.mb30{margin-bottom: 8% !important;}
.mb40{margin-bottom: 10% !important;}
.pb5{padding-bottom: 2% !important;}
.measureTag{min-height: 30px; width: 100%;}

/* animation*/
.slide-up {
    opacity: 0;
    transform: translate(0, 100px);
    transition: .8s;
    animation-timing-function:ease-in;
    animation-delay: 1.8s;
}
  .slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
/*------------------------------------------------------------------------------------------------*/
.wrapAttBox{padding: 5% 5%; background: #EFDCBB;}
  .attBox2{width: 90%; margin:0 auto 5%;    border: 1px solid #ff0800;background-color: #fff;padding: 5%; color: #ff0800; text-align: left;}
  .attBox2 .tit{text-align: center; }
  .attBox2 .txt{text-align: left; margin: 0 auto 5%;}
  .attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}

  .attBox{/*width: 100%;*/ margin: 0 auto;   /* border: 1px solid #d1d1d1;*/background-color: #fdeee6;padding: 5%; text-align: left;}
  .attBox .tit{ font-weight: bold; margin: 0 auto 5%;}
  .attBox .date{margin:5% auto 0; color: #777; font-size: 2.8vw;}

  #headArea{    padding: 3vw 0;    text-align: center; border-bottom:solid .2vw #808080; }
  #headArea img{display: block; width: 35vw; margin: 0 auto;}
  #wrapMainvisual {     width: 100%;  }

  #wrapMv{position: relative;  padding-top: .1vw; }
  #wrapMv h1{margin: 3vw auto 3vw;}
  /*#wrapMv h1{        width: 92.6vw;margin: 3vw auto 3vw;}*/
  #wrapMv h1 img.fadeInMV{width:100%;}
#wrapMv h1 #mv01,#wrapMv h1 #mv02,#wrapMv h1 #mv03,#wrapMv h1 #mv04{
    display: block;
    position: absolute;
    width: 42.4vw;
    height: auto;
}
#wrapMv h1 #mv01{top: 3.2vw; left: 5vw;}
#wrapMv h1 #mv02{top: 3.2vw; right: 5vw;}
#wrapMv h1 #mv03{bottom:0; left: 5vw;}
#wrapMv h1 #mv04{bottom:0; right: 5vw;}
#wrapMv h1 span img{width: 100%;}


/*アコーディオン*/
.tgl-trig{transition: none !important;}

/* アコーディオン　Note */
.noteToggleBox{text-align: center;}
.noteToggleBox > .tgl-trig{}
.noteToggleBox > .tgl-trig h3 {
    position: relative;
    /* display: inline-block; */
    background: none !important;
    margin: 0 auto;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 0;
    display: inline-block !important;
    text-align: center;
    font-weight: bold;
    font-size: 3.8vw !important;
    /*text-decoration: underline;*/
}
.noteToggleBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
}
.noteToggleBox > .tgl-trig.open::before {
    transform: rotate(270deg) scale(.6, 1);
}
.noteToggleBox .tgl-content{
    margin: 5% auto 0;
    padding: 5% 0 0;

}
#c04 .noteToggleBox .tgl-content{ border-top: solid 1px #BABABA;}


/* slick slider*/
.slick-track{margin: 0 auto;  display: flex;}
.slick-slide {  height: auto !important;}
.slider .slick-prev, .slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    width: 6vw;
    height: 6vw;
    background: url(../img/btn-arrow-slider_d2a3f2baf18b9025.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 0;
    opacity: 1;
    z-index: 2;
    text-align: center;
}

.slider .slick-prev{left:-1.6vw; transform: rotate(180deg);}
.slider .slick-next{right:-1.6vw;}
.slick-dots>li.slick-active {
    background: #EB5505;
}
.slick-dots>li {
    width: 2vw;
    height: 2vw;
}
.slick-dots>li+li {
    margin-left: 2vw;
}
.slick-dots {
    line-height: 10vw;
}

/*boxCV*/
.boxCV{text-align: center;}
.boxCV .titCV{ margin: 0 auto;}
.boxCV .titCV img{display: block; margin: 0 auto;}
.boxCV .txt{text-align: left;}
.boxCV .btnCV{margin: 3vw auto 3vw;}
#c02 .boxCV,#c04 .boxCV{
    background: #FDEEE9;
    padding: 5%;
    margin:5% 5% 0;
    border-radius: 6vw;
}

#c02 .boxCV .txt,#c04 .boxCV .txt{ margin:5% auto ;}

/* Float Nav */
#section-container-717cdcc9b0{padding-bottom: 40vw !important; margin-bottom: 0 !important;}
#wrapBtnBackTop{
    position: relative;
}
#btnBackTop {
    position: absolute;
    text-align: right;
    top: -13.5vw;
    right: 2vw;
    display: block;
    width: 12vw;
    height: 12vw;
    z-index: 5;
}
#btnBackTop img{width: 100%;}
#btnBackTop a {
    display: block;
    width: 37px;
    height: 37px;
    margin: 0 1.4vw 0 auto;
}
#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    transition: .6s;
    opacity: 0;
}
#floatNav{width: 100%;   margin: 0 auto;}
#floatNav .fnav-tgl-trig{
    border-radius: 2vw 2vw 0 0;
    padding: 1vw 3vw .5vw 2.6vw;
    background: #eb5505;
    line-height: 1;
    margin: 0 0 -0.1vw 2vw;
}
#floatNav .fnav-tgl-trig::after{
    content: '\FF1E';
    display: block;
    color: #fff;
    font-weight: bold;
    transform: rotate(90deg) scale(.6,1);
    width: 6vw;
    height: 6vw;
    font-size: 6vw;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
}
#floatNav .fnav-tgl-trig.open{padding: 1vw 2.6vw .5vw 3vw;}
#floatNav .fnav-tgl-trig.open::after{transform: rotate(270deg) scale(.6,1);}
#floatNav .innerFnav{        background: #fff;  padding: 3% 10%;}
#floatNav .innerFnav .boxCV .btnCV {    margin: 3% auto;}
#floatNav .innerFnav .boxCV .wrapFlex .boxR p.note{font-size: 2.5vw;}

/*モーダル中身*/
.boxModal,.boxModal .inner{position: relative;}
.boxModal{line-height: 1.4;}
.boxModal > .tit{ text-align: center; font-size: 4vw; font-weight: 900; margin: 0 auto 5%;}
.boxModal > .lead{text-align: center; margin: 0 auto 5%;}
.boxModal > .img{margin:0 auto 5%; text-align: center;}
#modal-01 .boxModal > .tit +.img{width: 70%;}
.boxModal .boxCondition{ background:#fff; border: solid 1px #D29200; padding: 5%; text-align: left; margin: 0 auto 5%;}
.boxModal .boxCondition > ul > li:not(:last-child){margin: 0 auto 3%;}
.boxModal .boxCondition .tit,.boxModal > .titUl,.boxModal .inner > .tit{font-weight: 700; margin: 0 auto 3%;}
.boxModal .inner {    margin: 0 auto 5%;}

.boxModal .btnWhite{width: 80%;}


/* Float Nav */
#wrapBtnBackTop{
    position: relative;
}
#btnBackTop {
    position: absolute;
    text-align: right;
    top: -13.5vw;
    right: 2vw;
    display: block;
    width: 12vw;
    height: 12vw;
    z-index: 5;
}
#btnBackTop img{width: 100%;}
#btnBackTop a {
    display: block;
    width: 37px;
    height: 37px;
    margin: 0 1.4vw 0 auto;
}
#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    transition: .6s;
    opacity: 0;
}

.ulBtn{}
.ulBtn > li:not(:last-child){margin: 0 auto 3%;}

.boxNote{text-align: left;font-size: 2.8vw; line-height: 1.4;}
.boxNote .tit{margin: 5% auto 3%;}
.boxNote a:link,.boxNote a:hover,.boxNote a:active,.boxNote a:visited{color: #0066AA !important;}
.ulNote > li,.note{font-size: 2.5vw; line-height: 1.4;}
.ulNote > li:not(:last-child){margin: 0 auto 3%;}

/*-----------------------------------------------------------------------------*/

.innerCbox{position: relative; margin: 0 auto;}

#c01 .innerCbox{ margin: 0 5%;}
#c01 .boxCV{
    background: #FDEEE9;
    padding: 5%;
    margin: 0 5%;
    border-radius: 4vw;
}
#c01 .boxCV .wrapFlex{margin: 0 auto;}
#c01 .boxCV .wrapFlex .titCV{width: 80%; margin: 0 auto 5%;}
#c01 .boxCV .wrapFlex .boxR{}
#c01 .img-cv{padding: 3% 5% 0 5%;}

/*#c02{padding: 10% 0 0;}*/
#c02 .innerCbox{ margin: 0 5%;}
#c02 h2{text-align: center; margin: 0 auto -7vw; font-weight: 900; font-size: 6vw;}
/*#c02 h2{text-align: center; margin: 0 auto 10%; font-weight: 700; font-size: 4.4vw;}*/
#c02 h2 .img{display: block; margin: 3% auto 1%; width: 50vw;}
#c02 h2 .em{ font-weight: 900; font-size:6vw;}

/*タブ*/
/*#c02 .tabArea{margin: 0 auto;}*/
#c02 .tabArea{margin: 0 auto calc(3vw + 5vw);}
#c02 .tabArea .ulTab{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin:0 auto 15%;}
#c02 .tabArea .ulTab li{width:49%; display: block;}
#c02 .tabArea .ulTab li:nth-child(1){ margin-bottom: 2vw;}
#c02 .tabArea .ulTab li:nth-child(2){margin-bottom: 2vw;}
#c02 .tabArea .ulTab li a{
    display: block;
    background: #E6E6E6;
    box-shadow: 0px 10px 5px -4px rgba(0, 0, 0, 0.25);
    border-radius: 4vw;
    padding: 3vw;
    text-align: center;
    color: #000;
    line-height: 1.4;
    position: relative;
}
#c02 .tabArea .ulTab li a.cur{ color: #fff;}
#c02 .tabArea .ulTab li:nth-child(1) a.cur{
    background: #FF3441;
    box-shadow: 0px 10px 5px -4px rgba(255, 29, 37, 0.25);
}
#c02 .tabArea .ulTab li:nth-child(2) a.cur{
    background: #2C7BFB;
    box-shadow: 0px 10px 5px -4px rgba(44, 123, 251, 0.25);
}
#c02 .tabArea .ulTab li:nth-child(3) a.cur{
    background: #333333;
    box-shadow: 0px 10px 5px -4px rgba(51, 51, 51, 0.25);
}
#c02 .tabArea .ulTab li:nth-child(4) a.cur{
    background: #EB5528;
    box-shadow: 0px 10px 5px -4px rgba(235, 85, 40, 0.25);
}
#c02 .tabArea .ulTab li a .img{
    display: block;
    margin: 0 auto 10px;
    line-height:0;
    height: 26px;
    width: auto;
}
#c02 .tabArea .ulTab li a .img img{height: 100%;    width: auto;}
#c02 .tabArea .ulTab li a.cur .img img{height: 100%;    width: auto; opacity: 0;}
#c02 .tabArea .ulTab li:nth-child(1) a.cur .img{
    background:url(../img/img-logo-tab-music-white_32706d32f30789e8.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li:nth-child(2) a.cur .img{
    background:url(../img/img-logo-tab-cloud-white_656823d4cd0b31d2.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li:nth-child(3) a.cur .img{
    background:url(../img/img-logo-tab-tv-white_cb063d6d50a4311b.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li:nth-child(4) a.cur .img{
    background:url(../img/img-logo-tab-arcade-white_e56f54701801dd96.webp);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
#c02 .tabArea .ulTab li a .numTab{
    display: block;
    position: absolute;
    top: 1vw;
    left: 1vw;
    font-size: 5vw;
    line-height: 1;
}
#c02 .tabArea .ulTab li a .txt{display: block; line-height: 1.2;min-height: 9.0vw;}
#c02 .tabArea .ulTab li:nth-child(4) a .txt{line-height: 9vw;}
#c02 .tabArea .ulTab li a .em{}


#c02 .tabArea .tabContent{
  /*border: solid 1px #DDDDDD;*/
  /*background: #fff;*/
  padding: 0;
  position: relative;
}
#c02 .tabArea .tabContent .innerTab{ margin: 0 auto; padding:0;}
#c02 .tabArea .tabContent .innerTab h3{margin: 0 auto 5%;}
#c02 .tabArea .tabContent .innerTab h3 .img{
    display: block;
    margin: 0 auto 3%;
    height: 8.4vw;
}
#c02 .tabArea .tabContent .innerTab h3 .img img{display: block; height: 100%; width: auto; margin: 0 auto;}
#c02 .tabArea .tabContent .innerTab h3 .txt {display: block; font-weight: 700; line-height: 1.2;margin: 0 auto; text-align: center; font-size: 7vw;}

#c02 .tabArea .tabContent .innerTab .boxFeat{
    border-radius: 6vw;
    /*overflow: hidden;*/
    text-align: center;
}
#c02 .tabArea .tabContent .innerTab .boxFeat .mainImg{border-radius: 6vw 6vw 0 0;overflow: hidden;}
#c02 .tabArea .tabContent .innerTab .boxFeat .mainImg img{width: 100%;}
#c02 .tabArea .tabContent .innerTab#tab1 .boxFeat{background: #FFE1E2;}
#c02 .tabArea .tabContent .innerTab#tab2 .boxFeat{background: #DFEBFE;}
#c02 .tabArea .tabContent .innerTab#tab3 .boxFeat{background: #E6E6E6;}
#c02 .tabArea .tabContent .innerTab#tab4 .boxFeat{background: #FCE5DF;}

#c02 .tabArea .tabContent .innerTab .boxFeat .inner{ padding: 5%;  }
#c02 .tabArea .tabContent .innerTab .boxFeat .inner h4{font-weight: 700; font-size: 6vw; margin: 0 auto 10%;}
#c02 .tabArea .tabContent .innerTab#tab1 .inner h4 {color: #FF3441;}
#c02 .tabArea .tabContent .innerTab#tab2 .inner h4 {color: #2C7BFB;}
#c02 .tabArea .tabContent .innerTab#tab3 .inner h4 {color: #000;}
#c02 .tabArea .tabContent .innerTab#tab4 .inner h4 {color: #EB5528;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat{}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li:not(:last-child){margin: 0 auto 10%;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li h5{font-weight: 700; font-size: 4.4vw;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li .img{margin: 5% auto;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li .img img{width: 100%;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .ulFeat > li .txt{text-align: left;}
#c02 .tabArea .tabContent .innerTab .boxFeat .inner .boxBtn{ margin: 10% auto 0;}
/*#c02 .boxCV{margin: 10% 5%; padding:0 5%;}*/
/*タブ*/

#c03 .innerCbox{
    margin: 0 5%;
    background: #f9f3ec;
    border-radius: 6vw 6vw 0 0;
    padding: 8% 0 0;
}
#c03 .innerCbox > h2{font-weight: 700; line-height: 1.2; margin: 0 auto 5%; text-align: center;}

#c03 .innerCbox > h2 .img{display: block; margin: 0 auto 5%; height: 10vw; width: auto;}
#c03 .innerCbox > h2 .img img{display: block; height: 100%; margin: 0 auto;}
#c03 .innerCbox > h2 .txt{display: block; margin: 0 auto; font-weight: 700; font-size: 6vw;}
#c03 .boxCV{
    margin: 0 5%;
    background:#F5EDE3;
    border-radius: 0 0 6vw 6vw;
    padding:8% 5%;
}
#c03 .boxCV .txt{max-width: 420px; margin:30px auto 40px; text-align: left;}

#c04{padding: 10% 0 0;}
#c04 .innerCbox{ margin: 0 5%; }
#c04 .innerCbox > h2{
    font-size: 5vw;
    font-weight: 700;
    line-height: 1;
    margin: 0 auto 5%;
    text-align: center;
    position: relative;
}


/*タブ*/
#c04 .tabArea{margin: 0 auto;}
#c04 .tabArea .ulTab{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: -0.2vw;
}
#c04 .tabArea .ulTab li{width: 49%; display: block; text-align: center; line-height: 1.2;}
#c04 .tabArea .ulTab li:nth-child(1){}
#c04 .tabArea .ulTab li:nth-child(2){}
#c04 .tabArea .ulTab li a{
    display: block;
    border: solid .2vw #808080;
    border-bottom: none;
    border-radius: 6vw 6vw 0 0;
    padding: 8% 0 6%;
    background: #808080;
    position: relative;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    font-size: 3.4vw;
    height: 100%;

}
#c04 .tabArea .ulTab li a.cur{
    opacity: 1;
    z-index: 2;
    background: #fff;
    color: #EB5508;
    border: solid .2vw #EB5508;
    border-bottom: none;
}
#c04 .tabArea .ulTab li a.cur::after{
    content: '';
    display: block;
    width: 100%;
    height: 1.4vw;
    border-radius: 6vw 6vw 0 0;
    background: #EB5508;
    position: absolute;
    top: 0;
    left: 0;

}
#c04 .tabArea .ulTab li:nth-child(1) a{line-height: 1.2;}
#c04 .tabArea .ulTab li:nth-child(2) a{line-height: 7vw;}

#c04 .tabArea .tabContent{
  border: solid .4vw #EB5508;
  background: #fff;
  padding:0 0;
  position: relative;
  border-radius:6vw;
}
#c04 .tabArea .tabContent .innerTab{ margin: 0 auto; padding:8% 0 8%;}
#c04 .tabArea .tabContent .innerTab > h3{width: 75%; margin: 0 auto 5%;}
#c04 .tabArea .tabContent .innerTab > h3 img{display: block; margin: 0 auto;}
/*タブ*/

#c04 .wrapSlider{width: 70%; margin: 0 auto;}
#c04 .wrapSlider .slider{position: relative;margin: 0 auto;}
#c04 .wrapSlider .boxSlide{ margin: 0 auto;}


#c04 .slider .slick-dots{overflow: hidden;}
#c04 .slider .slick-dots>li+li {
    margin-left: 35px;
}
#c04 .slider .slick-dots>li {
    width: 12px;
    height: 12px;
    background: #fff;
    border: solid 1px #CCCCCC;
}
#c04 .slider .slick-dots>li.slick-active {
    border: solid 1px #EB5505;
    background: #EB5505;
}
#c04 .slider .slick-prev,#c04 .slider .slick-next{top: 42%;}

#c04 .wrapSlider .slider .slick-slide > div,
#c04 .wrapSlider .slider .slick-slide > div .innerSlide{height: 100%;}
#c04 .wrapSlider .slider .innerSlide .boxSlide{
    margin: 0 5px 0;
    height: 100%;
    background: #fff;
    overflow: hidden;
    text-align: center;
}

#c04 .wrapSlider .boxStep{ margin: 0 auto 10%;}
#c04 .wrapSlider .slider .innerSlide .boxSlide .boxTxt{ margin: 0 auto 8%;        min-height: 9.4vw;}
#c04 .wrapSlider .slider .innerSlide .boxSlide .boxTxt .txt{ margin: 0 auto;font-size: 4vw;font-weight: 700; line-height: 1.2;}
#c04 .wrapSlider .slider .innerSlide .boxSlide .img{width: 60%; margin: 0 auto 8%;}
#c04 .wrapSlider .slider .innerSlide .boxSlide .img + .txt{ height: 4.4vw; line-height: 4.4vw; margin: 0 auto 5%;}
/*#c04 .boxCV{margin: 5% 10%;}*/

/**/
#c04 .slider .slick-prev{left:1vw;}
#c04 .slider .slick-next{right:1vw;}

#c05{padding: 10% 0;}
#c05 .innerCbox{ margin: 0 5%; }
#c05 .innerCbox > h2{ font-weight: 700; text-align: center; margin: 0 auto 5%; font-size: 5vw;}
/*ご注意事項Tgl*/
#c05 .ulToggle > li{padding:0;}
#c05 .noteBox{padding: 5vw 0 0; font-size: 2.8vw;line-height: 1.4;}
#c05 .noteBox .ulNote > li,#c05 .noteBox .note {    font-size: 2.8vw; margin: 0 auto;}
#c05 .noteBox .tit{font-weight: bold;}
#c05 .tgl-trig{
    display: block;
    background: #333;
    line-height: 10vw;
    height: 10vw;
    border-radius: 3vw;
    color: #fff;
    font-weight: 600;
    margin: 0 auto 0;
    position: relative;
    text-align: center;
    z-index: 1;
}
#c05 .tgl-trig.open{ margin: 0 auto -5vw;}
#c05 .tgl-trig{font-weight: 700;}
#c05 .tgl-trig::after {
    content: '\FF0B';
    position: absolute;
    top: calc(50% - 3vw);
    right: 3vw;
    background: #fff;
    border-radius: 3vw;
    margin: 0;
    width: 6vw;
    height: 6vw;
    line-height: 5.6vw;
    font-weight: bold;
    color: #333;
}
#c05 .tgl-trig.open::after {
    content: "\FF0D";
}
#c05 .tgl-trig:link,#c05 .tgl-trig:hover,#c05 .tgl-trig:active,#c05 .tgl-trig:visited {
    color: #fff;
}

#c05 .tgl-content{
    border: solid .4vw #333;
    border-top: none;
    border-radius: 0 0 6vw 6vw;
}
#c05 .tgl-content .tgl-content-inner{padding:5%;}

#c05 .boxCV{
    margin: 5% 5%;
    background:#F5EDE3;
    border-radius: 6vw;
    padding: 5%;
}
#c05 .boxCV .txt{ margin:5% auto ; text-align: left;}

/*FAQTgl*/
#c06{background: #E6E6E6; padding: 5% 0;}
#c06 .innerCbox{ margin: 0 5%;}
#c06 .innerCbox > h2{ font-weight: 700; text-align: center; margin: 0 auto 5%; font-size: 5vw;}

#c06 .ulToggle > li:not(:last-child){margin: 0 auto 5%;}
#c06 .boxFaq{
    background: #fff;
    border-radius: 6vw;
    padding: 5%;
    margin: 0 auto 5%;
}
#c06 .boxFaq.last{margin: 0 auto;}
#c06 .boxFaq > .tit{text-align: center; font-size: 4vw; font-weight: 700; margin: 0 auto 5%; }
#c06 .boxFaq > .tit span{
    border-bottom: solid .2vw #808080;
    margin: 0 auto 0;
    padding: 0 0 1vw 0;
}

#c06 .tgl-trig{
    display: block;
    background: #fff;
    border-bottom: solid .2vw #808080;
    line-height: 1.2;
    font-weight: bold;
    padding: 3% 5vw 3% 0;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

#c06 .tgl-trig{font-weight: 700;}

#c06 .tgl-trig::after {
    content: '\FF0B';
    position: absolute;
    top: calc(50% - 2.5vw);
    right: 0;
    margin: 0;
    width: 5vw;
    height: 5vw;
    line-height: 5vw;
    font-size: 5vw;
    font-weight: bold;
    color: #333;
}
#c06 .tgl-trig.open::after {
    content: "\FF0D";
}
#c06 .tgl-trig:link,#c06 .tgl-trig:hover,#c06 .tgl-trig:active,#c06 .tgl-trig:visited {
    color: #333;
}

#c06 .tgl-content-inner{padding: 3% 0 0; font-size: 3.4vw;}

}
/* accordion */
.tgl-content{display: none;}

/*table*/
.tableBD table{table-layout: fixed;}
.wrapTableBD,.tableBD,.tableBD table,.tableBD table tr th,.tableBD table tr td{ overflow: visible; position: relative;}


ul li{position: relative;}
.ulNote > li{text-align: left;}
.ind1 {text-align: left; position: relative; padding-left: 0.5em; }
.ind2 {text-align: left; position: relative; padding-left: 1em; }
.ind3 {text-align: left; position: relative; padding-left: 1.5em; }
.ind4 {text-align: left; position: relative; padding-left: 2em; }
.ind5 {text-align: left; position: relative; padding-left: 2.5em; }
.ind6 {text-align: left; position: relative; padding-left: 3em; }
.ind7 {text-align: left; position: relative; padding-left: 3.5em; }
.ind8 {text-align: left; position: relative; padding-left: 4em; }
.ind { position: absolute; top: 0; left: 0; }

.linkBlue:link,.linkBlue:active,.linkBlue:hover,.linkBlue:visited,
.LinkBeige:link,.LinkBeige:active,.LinkBeige:hover,.LinkBeige:visited{color: #0066AA !important;}
.red, .fcRed { color: #ff0000; }
.fcBeige{color: #8D875B;}
.fcOrange{color: #eb5505;}
.fcG{color:#cda657;}
.fcGray{color: #A2A2A2;}
.fwB {font-weight: bold!important}
.fwBlack{font-weight: 900;}
.fwN{font-weight: normal !important;}
.taL{text-align: left !important;}
.taR{text-align: right !important;}
/*.LinkBeige:link,.LinkBeige:hover,.LinkBeige:active,.LinkBeige:visited{color: #9F8439;}*/
.taC{text-align: center;}
.fsS{font-size: 80%;}
.fsL{font-size: 130%;}
.disB{display: block;}
.marker {background: linear-gradient(transparent 60%, #FBC98E 50%);}
.markerWhite {    background: linear-gradient(transparent 60%, #fff 50%);}
.markerBGWhite{
    display: inline;
    padding: .1em .0em;
    background: #fff;
    line-height: 2.0;
}

.bdt0{border-top: none !important;}
.noMb{margin-bottom: 0 !important;}
.tdU{text-decoration: underline;}

.cBox{position: relative;}
.measureTag{position: absolute; bottom:0; z-index: -2;}
.measureTag#appleone-read04{position: relative;}

.footerPopup { display: none!important;}
/*#contentsWrapper { padding-bottom: 0!important;}
.contArea { padding-bottom: 0!important;}*/



.view-sp { display: none!important; }
.view-pc { display: block!important; }




@media screen and (min-width: 0px) and (max-width: 767.98px) {

    .view-sp { display: block!important; }
    .view-pc { display: none!important; }

}

/*Float Nav*/
#floatNavWrap{display:none;transition: .6s;}
.modalOn #floatNavWrap{display: none;}
#floatNavWrap.on{z-index: 2; opacity: 1; display: block;}

  
/*タブ*/
/*.tabArea .tabContent .innerTab#tab1,
.tabArea .tabContent .innerTab#tab2-1{display: block;}
.tabArea .tabContent .innerTab#tab2,
.tabArea .tabContent .innerTab#tab3,
.tabArea .tabContent .innerTab#tab4,
.tabArea .tabContent .innerTab#tab2-2{display: none;}*/

/*Slick*/
.slick-dots>li>button:focus{outline: none !important;}

#floatNavWrap{display:none;transition: .6s;}
/*#floatNavWrap a{pointer-events: none;}*/
.modalOn #floatNavWrap{display: none;}
#floatNavWrap.on{z-index: 2; opacity: 1; display: block;}
/*#floatNavWrap.on a{pointer-events: auto;}*/

#c04 .wrapSlider .boxStep .ulStep li{display: none;}
#c04 .wrapSlider .boxStep .ulStep li.active{display: block;}


/*animation*/
/* MVフェードイン */
.fadeInMV {
    display: block;
    animation-name: fadeIn01;
    animation-delay: 3.0s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.fadeIn01 {
    animation-name: fadeIn01;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.fadeIn02 {
    animation-name: fadeIn01;
    animation-delay: 1.5s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.fadeIn03 {
    animation-name: fadeIn01;
    animation-delay: 2s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.fadeIn04 {
    animation-name: fadeIn01;
    animation-delay: 2.5s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeIn01 {
    0% {
    }
    100% {
        opacity: 1;
    }
}




/*BTN Flash*/
@keyframes move-flash {
    from {
      background-position: -100% bottom;
    }

    to {
      background-position: 200% bottom;
    }
  }

.flash::before {
    width: 100%;
    height: 100%;
    border-radius: 50vw;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(../img/icon_btn_flash_25e4287bc2810636.webp);
    background-size: contain;
    background-repeat: no-repeat;
    animation-name: move-flash;
    animation-duration: 5.4s;
    animation-timing-function: steps(5.2, end);
    animation-iteration-count: infinite;
    /*    animation-fill-mode: forwards;*/
  }

/*#wrapMv{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#wrapMv .mv-pt-in{
    width: 100%;
    margin: 0 auto;
    max-width: 1280px;
}
#wrapMv .mv-pt--d{
    background: url(/content/dam/au-com/pr/apple-one/img/mv-pt-bg_bf80aa122316da8b.png) repeat-x center bottom;
    backgound-size: auto;
}*/
/*----- 250630 -----*/
@media screen and (min-width: 768px) {
    #c02 .tabArea .tabContent .innerTab{
        margin: 5rem 0 0;
    }
    .innerTab{
        position: relative;
        .open{
            display: block;
        }
    }
    .acc__in{
        margin: 0 0 calc(30px + 1rem);
        display: none;
    }
    .acc__more{
        width: 96%;
        position: absolute;
        right: 0;
        left: 0;
        bottom: -1.2rem;
        margin: 0 auto;
        color: #333;
        font-weight: bold;
        background: #fff;
        border-radius: 50px;
        cursor: pointer;
        >p{
            width: 100%;
            position: relative;
            padding: .8rem 1rem;
            &::after{
                content: '';
                position: absolute;
                top: 0;
                right: 1.6%;
                bottom: 0;
                margin: auto 0;
                width: 26px;
                height: 26px;
                background: #333;
                border-radius: 50%;
            }
            &::before, > i::after{
                position: absolute;
                top: 23px;
                right: 2.3%;
                content: '';
                display: inline-block;
                width: 15px;
                height: 15px;
                border-top: 3px solid #fff;
                z-index: 1;
            }
            > i{
                &::after {
                    top: 16.5px;
                    right: 3.125%;
                    transform: rotate(90deg);
                }
            }
        }
        &.open{
            > p > i::after{
                display: none;
            }
        }
    }
    #tab1 .acc__more{
        border: 3px solid #FFE1E2;
    }
    #tab2 .acc__more{
        border: 3px solid #DFEBFE;
    }
    #tab3 .acc__more{
        border: 3px solid #E6E6E6;
    }
    #tab4 .acc__more{
        border: 3px solid #FCE5DF;
    }
    .top-boxCV .btnCV{
        margin-top: 0;
    }
}
/*SP*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {
    #c02 .tabArea .tabContent .innerTab{
        margin: 12vw 0 0;
    }
    .innerTab{
        position: relative;
        .open{
            display: block;
        }
    }
    .acc__in{
        margin: 0 0  calc(8vw + 3vw);
        display: none;
    }
    .acc__more{
        width: 96%;
        position: absolute;
        right: 0;
        left: 0;
        bottom: -3vw;
        margin: 0 auto;
        color: #333;
        font-weight: bold;
        background: #fff;
        border-radius: 50vw;
        cursor: pointer;
        >p{
            width: 100%;
            position: relative;
            padding: 2.5vw 3vw;
            &::after{
                content: '';
                position: absolute;
                top: 0;
                right: 2.4vw;
                bottom: 0;
                margin: auto 0;
                width: 7vw;
                height: 7vw;
                background: #333;
                border-radius: 50%;
            }
            &::before, > i::after{
                position: absolute;
                top: 4.8vw;
                right: 3.6vw;
                content: '';
                display: inline-block;
                width: 4.5vw;
                height: 4.5vw;
                border-top: .8vw solid #fff;
                z-index: 1;
            }
            > i{
                &::after {
                    top: 2.9vw;
                    right: 5.5vw;
                    transform: rotate(90deg);
                }
            }
        }
        &.open{
            > p > i::after{
                display: none;
            }
        }
    }
    #tab1 .acc__more{
        border: .8vw solid #FFE1E2;
    }
    #tab2 .acc__more{
        border: .8vw solid #DFEBFE;
    }
    #tab3 .acc__more{
        border: .8vw solid #E6E6E6;
    }
    #tab4 .acc__more{
        border: .8vw solid #FCE5DF;
    }
    .top-boxCV .btnCV{
        margin-top: 0;
    }
}