@charset "utf-8";
/* --------------------------------
ページ用css
-------------------------------- */
.lds-sp-1{
    background: #F5F1F2;
    border:4px solid #E473AB;
}
.lds-sp-2{
   background: #F5F1F2; 
    border:4px solid #34A6CF;
    text-align: center;
    margin-top:30px;
}
.lds-sp-1-sttl{
    background: #E473AB;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    line-height: 26px;
}
.lds-sp-2-sttl{
    background: #34A6CF;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    line-height: 26px;
}
.lds-sp-1-hd{
    position: relative;
    height: 84px;
    height: calc( 3vw + 71.5px );
}
.lsp-hd1,
.lsp-hd2,
.lsp-hd3{
    display: block;
    position: relative;
    text-align: center;
    width: 72%;
    color: #E42C88;
    font-weight: 500;
    line-height: 1em;
    white-space: nowrap;
    overflow: visible;
}
.lsp-hd1{
    font-size: 14px;
    font-size:calc( 1vw + 10.8px );
    padding-top:14px;
}
.lsp-hd2{
   font-size: 18px; 
    font-size:calc( 1vw + 14.8px );
    padding-top:8px;
    padding-bottom:8px;
}
.lsp-hd3{
    font-size: 11px;
    font-size:calc( 1vw + 7.8px );
}
.beauty-1{
    display: block;
    height: 84px;
    height: calc( 3vw + 71.5px );
    width: auto;
    position: absolute;
    top:0px;
    right: 0px;
}
.lds-sp-1-select{
    background: #FFFFFF;
    margin:10px;
}
.lsp-s1-s1,
.lsp-s1-s2{
    display:block;
    color: #D80000;
    font-size: 15px;
    font-size:calc( 0.8vw + 12.7px );
    text-align: center;
    font-weight: 500;
}
.lsp-s1-s1{
    padding-top:10px;
    padding-bottom:2px;
}
.lsp-s1-s2{
    padding-top:2px;
    padding-bottom:10px;
}
.lds-sp-1-list{
    display: block;
    padding-bottom:10px;
    margin-left:auto;
    margin-right: auto;
    font-size: 14px;
    width: 17.6em;
}
.lds-sp-1-list li{
    display: block;
    height: 28px;
    line-height: 22px;
    white-space: nowrap;
    overflow: visible;
    
}
.lsp-s1-l1{
    color:#FFFFFF;
    position: relative;
    display: inline-block;
    width: 22px;
    line-height:22px;
    text-align: center;
    z-index: 2;
}
.lsp-s1-l1::before{
  content:"";
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #D80000;
    position: absolute;
    top:0px;
    left:0px;
    z-index: -1;
}
.lsp-s1-l2{
    font-size: 11px;
    color: #D80000;
    padding-left:4px;
    padding-right: 4px;
}
.lsp-s1-l3{
    font-size: 14px;
}

.beauty-2{
    display: block;
    width: 94%;
    width:calc( 100% - 20px ); 
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 16px;
}
.lsp-s2-1,
.lsp-s2-2,
.lsp-s2-3,
.lsp-s2-4{
    display: inline-block;
    line-height: 44px;
    font-weight: 500;
}
.lsp-s2-1{
    font-size: 13px;
    font-size:calc( 1vw + 9.8px );
}
.lsp-s2-2{
    color: #D80000;
   font-size: 22px;
    font-size:calc( 1vw + 18.8px );
    padding-left:4px;
    position: relative;
    top:-2px;
}
.lsp-s2-3{
    color: #D80000;
    font-size: 13px;
    font-size:calc( 1vw + 9.8px );
}
.lsp-s2-4{
    font-size: 13px;
    font-size:calc( 1vw + 9.8px );
}
@media (min-width: 460px) {
.lds-sp-1-hd,
.beauty-1{
    height: 94px;
    height: calc( 20vw + 18px );
}
.lsp-hd1,
.lsp-hd2,
.lsp-hd3{
    width: 76%;
}
.lsp-hd1 {
    font-size: 15px;
    font-size:calc( 1vw + 10.6px );
    padding-top: 17px;
    padding-top: 3.8vw;
    padding-top: calc( 6.0vw - 10px );
}
.lsp-hd2 {
    font-size: 22px;
    font-size:calc( 1vw + 17.6px );
    padding-top: 13px;
    padding-bottom: 13px;
    padding-top: 2.8vw;
    padding-bottom: 2.8vw;
}
.lsp-hd3 {
    font-size: 13px;
    font-size:calc( 1vw + 8.6px );
}

.lsp-s1-s1 {
    padding-top: 20px;
}
.lsp-s1-s2 {
    padding-bottom: 14px;
}
.lds-sp-1-list {
    padding-bottom: 20px;
    font-size: 15px;
    font-size:calc( 0.5vw + 13.4px );
    width: 18em;
}
.lsp-s1-l2,
 .lsp-s1-l3{
    font-size: 15px;
     font-size:calc( 0.5vw + 13.4px );
}
.lsp-s2-1,
.lsp-s2-3,
.lsp-s2-4{
    font-size: 15px;
    font-size:calc( 1vw + 10.6px );
}
.lsp-s2-2{
    font-size: 26px;
    font-size:calc( 1vw + 21.6px );
}
}/*end min-width: 460px*/
@media (min-width: 640px) {
.lsp-hd1, .lsp-hd2, .lsp-hd3 {
    width: 85%;
}
}/*end min-width: 640px*/
@media (min-width: 740px) {
.lsp-hd1, .lsp-hd2, .lsp-hd3 {
    width: 90%;
}
.lds-sp-1-sttl {
    font-size: 18px;
    font-size: calc( 0.2vw + 16.52px );
    line-height: 34px;
    line-height: calc( 0.5vw + 30.3px );
}
.lsp-s1-s1, .lsp-s1-s2 {
    display: inline-block;
    padding:0;
}
    .lsp-s1-s1{
        padding-right: 6px;
    }
    .lsp-s1-box{
        text-align: center;
        padding-top:20px;
        padding-bottom:20px;
        padding-top:calc( 0.5vw + 16.3px );
        padding-bottom:calc( 0.5vw + 16.3px );
    }
    .lds-sp-1-list {
    padding-bottom: calc( 0.5vw + 16.3px );
}
    .lds-sp-1-list li {
    height: 34px;
        height: calc( 0.5vw + 30.3px );
}
.lsp-hd2 {
    letter-spacing:0.1em;
}
.lsp-hd1,
    .lsp-hd3{
    letter-spacing:0.05em;
}
.lsp-hd1 {
    padding-top: 35px;
}
    .lds-sp-1-hd, .beauty-1 {
    height: 166px;
    height: calc( 7vw + 114px );
}
    .lsp-hd2 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.beauty-2 {
    display: block;
    width: 94%;
    width: calc( 100% - 40px );
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 26px;
}
 .lds-sp-1-select {
    margin: 10px 20px 20px 20px;
}   
}/*end min-width: 740px*/



@media (min-width: 960px) {
.lsp-hd1, .lsp-hd2, .lsp-hd3 {
    width: 95%;
}
.lsp-hd2 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.beauty-2 {
    display: block;
    width: 92.7%;
    width: calc( 100% - 60px );
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 36px;
}
.lds-sp-1-select {
    margin: 15px 30px 30px 30px;
} 
}/*end min-width: 960px*/


@media (min-width: 1122px) {
    .lds-sp-1-sttl {
    font-size: 19px;
    line-height: 36px;
}
.lsp-hd1,.lsp-s1-s1,.lsp-s1-s2 {
    font-size: 22px;
}
.lsp-hd2 {
    font-size: 29px;
}
.lsp-hd3 {
    font-size: 20px;
}
.lsp-s1-l2, .lsp-s1-l3 {
    font-size: 19px;
}
.lsp-s1-l3 {
    padding-left:19px;
}
.lds-sp-1-list {
    font-size: 19px;
    width: 19em;
}
.lsp-s2-1, .lsp-s2-2, .lsp-s2-3, .lsp-s2-4 {
    line-height: 60px;
}
.lsp-s2-1, .lsp-s2-3, .lsp-s2-4 {
    font-size: 22px;
}
    .lsp-s2-2 {
    font-size: 34px;
}
.lds-sp-2 {
    margin-top: 40px;
}
    }/*end min-width: 1122px*/



@media (min-width: 1280px) {
/* lg */

}/*end min-width: 1280px*/

@media (min-width: 1600px) {
/* xl */

}/*end min-width: 1600px*/