#price {
    width: 100%;
    background: linear-gradient( #7AD7B5,#F6FFFC,#F6FFFC,#7AD7B5);
}
#price .inner {
    width: 90%;
    max-width: 800px;
    margin: 40px auto 0;
}
#price .inner .ttl {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5em;
    text-align: center;
    color: #2b2828;
    padding-bottom: 20px;     
}
#price .inner ul.plan {
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 200px;
}
#price .inner ul.plan li {
    width: 47.5%;
    border-radius: 30px;
	-webkit-border-radius: 30px;
    border: 2px solid #00537E;
    background-color: #FFF;
    padding-bottom: 20px;
    overflow: hidden;
}
#price .inner ul.plan li h1 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375em;
    text-align: center;
    color: #fff;
    background-color: #00537E;
    padding: 19px 0;    
}
#price .inner ul.plan li p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375em;
    text-align: center;
    color: #2a2424;  
    padding-top: 20px;  
}
#price .inner ul.plan li h2 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 1em;
    text-align: center;
    color: #ff6767;
}
#price .inner ul.plan li h2 span {
    font-weight: 500;
    font-size: 16px;
}
#price .inner ul.plan li h3 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375em;
    text-align: center;
    color: #2a2424;   
    padding-top: 10px; 
}
#price .inner ul.plan li dl {
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 50%;
    margin: 0 auto;
}
#price .inner ul.plan li dl dt,
#price .inner ul.plan li dl dd {
    width: 50%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375em;
    text-align: left;
    color: #2a2424;    
}
#price .inner ul.plan li dl dd { text-align: right !important;}
#price .inner ul.plan li dl dd b {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.25em;
    text-align: left;
    color: #00537e;
    -webkit-text-stroke: 1px #00537e;
}

/*  768px  */
@media screen and (max-width: 768px) {
    
    #price .inner {
        width: 90%;
        max-width: 100%;
        margin: 10.24vw auto 0;
    }
    #price .inner .ttl {
        font-size: 5.12vw;
        padding-bottom: 5.12vw;     
    }
    #price .inner ul.plan {
        display: block;
        margin-bottom: 38.4vw;
    }
    #price .inner ul.plan li {
        width: 100%;
        border-radius: 7.68vw;
        -webkit-border-radius: 7.68vw;
        border: 0.512vw solid #00537E;
        background-color: #FFF;
        padding-bottom: 5.12vw;
        overflow: hidden;
    }
    #price .inner ul.plan li:first-child {
        margin-bottom: 5.12vw;
    }
    #price .inner ul.plan li h1 {
        font-size: 4.096vw;
        padding: 4.864vw 0;    
    }
    #price .inner ul.plan li p {
        font-size: 4.096vw;
        padding-top: 5.12vw;   
    }
    #price .inner ul.plan li h2 {
        font-size: 10.24vw;
    }
    #price .inner ul.plan li h2 span {
        font-size: 4.096vw;
    }
    #price .inner ul.plan li h3 {
        font-size: 4.096vw;
        padding-top: 2.56vw; 
    }
    #price .inner ul.plan li dl dt,
    #price .inner ul.plan li dl dd {
        font-size: 4.096vw;    
    }
    #price .inner ul.plan li dl dd b {
        font-size: 10.24vw;
        -webkit-text-stroke: 0.256vw #00537e;
    }
}



/* 料金シミュレーション */
#price .inner .simulation {
    max-width: 800px;
    margin: 0 auto 200px;
}
#price .inner .simulation ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    background-color: #DCEAF1;
    border-radius: 40px;
	-webkit-border-radius: 40px;
    padding: 7px;
}
#price .inner .simulation ul li {
    width: 50%;
}
#price .inner .simulation ul li a {
    display: block;
    width: 100%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375em;
    text-align: center;
    color: #00537E;   
    border-radius: 42px;
	-webkit-border-radius: 42px; 
    padding: 21px 0 20px;
    transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
}
#price .inner .simulation ul li.is-active a {
    color: #FFF;
    background-color: #00537E;
}

#price .inner .simulation .tab-contents {
    margin-top: 20px;
}
#price .inner .simulation .tab-contents>p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
    color: #2a2424; 
    margin-bottom: 55px;
}
#price .inner .simulation .tab-contents>p span {
    background-image: url('../images/top/icon_circle.png');  
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 20px 20px; 
    padding-left: 20px;
}

/* slider */
#price .inner .simulation .tab-contents .slidecontainer {
    width: 100%;
}  
#price .inner .simulation .tab-contents .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #00537E;
    outline: none;
    border-radius: 2px;
	-webkit-border-radius: 2px;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
#price .inner .simulation .tab-contents .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 27px;
    height: 27px;
    background: #00537E;
    border: 3px solid #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
    cursor: pointer;
} 
#price .inner .simulation .tab-contents .slider::-moz-range-thumb {
    width: 27px;
    height: 27px;
    background: #00537E;
    border: 3px solid #FFF;
    border-radius: 50%;
	-webkit-border-radius: 50%;
    cursor: pointer;
}

#price .inner .simulation .tab-contents .block {
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-top: 55px;
}
#price .inner .simulation .tab-contents .block p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
    color: #2a2424; 
    padding-bottom: 10px;   
}
#price .inner .simulation .tab-contents .block .range { width: 13%;}
#price .inner .simulation .tab-contents .block .range .rge { 
    font-family: 'M PLUS Rounded 1c', sans-serif;
   font-weight: bold;
   font-size: 40px;
   line-height: 1.25em;
   text-align: center;
   color: #2b2828;
   -webkit-text-stroke: 1px #2b2828;
   
}
#price .inner .simulation .tab-contents .block .inr_blk {
    width: 85%;
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
#price .inner .simulation .tab-contents .block .inr-icon {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 900;
    font-size: 25px;
    line-height: 1.5em;
    text-align: center;
    color: #00537e;
}
#price .inner .simulation .tab-contents .block .inr_blk .input_part {
    position: relative;
    width: 29%;
    text-align: center;
}
#price .inner .simulation .tab-contents .block .inr_blk .input_part:last-of-type { width: 32%;}
#price .inner .simulation .tab-contents .block .inr_blk .input_part .ipt {
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}
#price .inner .simulation .tab-contents .block .inr_blk .input_part input {
    width: 80%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: normal;
    font-size: 40px;
    line-height: 1.25em;
    text-align: right;
    color: #2b2828;
    border: none;
    background-color: transparent;
    padding: 0 !important;
}
#price .inner .simulation .tab-contents .block .inr_blk .input_part input.total {   
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.25em;
    text-align: right;
    color: #00537e;
    -webkit-text-stroke: 1px #00537e;
}
#price .inner .simulation .tab-contents .block .inr_blk .input_part span {
    width: 20%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #2a2424;    
}

/*  768px  */
@media screen and (max-width: 768px) {

    #price .inner .simulation {
        max-width: 100%;
        margin: 0 auto 38.4vw;
    }
    #price .inner .simulation ul {
        border-radius: 10.24vw;
        -webkit-border-radius: 10.24vw;
        padding: 1.792vw;
    }
    #price .inner .simulation ul li {
        width: 50%;
    }
    #price .inner .simulation ul li a {
        font-size: 4.096vw; 
        border-radius: 10.752vw;
        -webkit-border-radius: 10.752vw; 
        padding: 5.376vw 0 5.12vw;
    }
    #price .inner .simulation .tab-contents {
        margin-top: 5.12vw;
    }
    #price .inner .simulation .tab-contents>p {
        font-size: 3.328vw;
        text-align: left;
        margin-bottom: 14.08vw;
        padding-left: 2.56vw;
    }
    #price .inner .simulation .tab-contents>p span {
        background-size: 5.12vw 5.12vw; 
        padding-left: 5.12vw;
    }
    
    /* slider */
    #price .inner .simulation .tab-contents .slidecontainer {
        width: 100%;
    }  
    #price .inner .simulation .tab-contents .slider {
        height: 1.024vw;
        border-radius: 0.512vw;
        -webkit-border-radius: 0.512vw;
    }
    #price .inner .simulation .tab-contents .slider::-webkit-slider-thumb {
        width: 6.912vw;
        height: 6.912vw;
        border: 0.768vw solid #FFF;
    } 
    #price .inner .simulation .tab-contents .slider::-moz-range-thumb {
        width: 6.912vw;
        height: 6.912vw;
        border: 0.768vw solid #FFF;
    }
    
    #price .inner .simulation .tab-contents .block {
        margin-top: 14.08vw;
    }
    #price .inner .simulation .tab-contents .block p {
        font-size: 3.328vw;
        padding-bottom: 2.56vw;   
    }
    #price .inner .simulation .tab-contents .block .range { width: 100%; margin-bottom: 2.56vw;}
    #price .inner .simulation .tab-contents .block .range .rge {
       font-size: 10.24vw;
       -webkit-text-stroke: 0.256vw #2b2828;
       
    }
    #price .inner .simulation .tab-contents .block .inr_blk {
        width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
    }
    #price .inner .simulation .tab-contents .block .inr-icon {
        font-size: 6.4vw;
    }
    #price .inner .simulation .tab-contents .block .equal {
        margin-top: 6vw;
        margin-left: 1.5em;
    }
    #price .inner .simulation .tab-contents .block .inr_blk .input_part {
        position: relative;
        width: 47%;
        text-align: center;
    }
    #price .inner .simulation .tab-contents .block .inr_blk .input_part:last-of-type { width: 60%;margin-top: 2.56vw;}

    #price .inner .simulation .tab-contents .block .inr_blk .input_part input {
        width: 87%;
        font-size: 10.24vw;
    }
    #price .inner .simulation .tab-contents .block .inr_blk .input_part input.total {  
        font-size: 10.24vw;
        -webkit-text-stroke: 0.256vw #00537e;
    }
    #price .inner .simulation .tab-contents .block .inr_blk .input_part span {
        width: 10%;
        font-size: 4.096vw; 
    }

}


/* オプション */
#price .inner .option {
    margin-bottom: 200px;
}
#price .inner .option dl {
    position: relative;
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #DCEAF1;
    border: 2px solid #DCEAF1;
    align-items: center;
    -webkit-align-items: center;
    overflow: hidden;
}
#price .inner .option dl:first-of-type,
#price .inner .option dl:nth-of-type(2) {
    border-bottom: unset;
}
#price .inner .option dl:nth-of-type(2),
#price .inner .option dl:last-of-type {
    border-top: unset;
}
#price .inner .option dl::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #00537E 6px, rgba(255,255,255,0) 0 0%);
    background-position: bottom;
    background-size: 16px 2px;
    background-repeat: repeat-x;
    content: '';
    z-index: 1;
}
#price .inner .option dl:last-of-type::before { display: none;}
#price .inner .option dl:first-of-type {
    border-radius: 30px 30px 0 0;
	-webkit-border-radius: 30px 30px 0 0;
}
#price .inner .option dl:last-of-type {
    border-radius: 0 0 30px 30px;
	-webkit-border-radius: 0 0 30px 30px;
}
#price .inner .option dl dt {
    width: 31.25%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375em;
    text-align: center;
    color: #2b2828;    
}
#price .inner .option dl:first-of-type dt {
    border-radius: 30px 0 0 0;
	-webkit-border-radius: 30px 0 0 0;
}
#price .inner .option dl:last-of-type dt {
    border-radius: 0 0 0 30px;
	-webkit-border-radius: 0 0 0 30px;
}
#price .inner .option dl dd { 
    width: 68.75%; 
    padding: 30px 40px;
    background-color: #FFF;
    z-index: 0;
}
#price .inner .option dl:first-of-type dd {
    border-radius: 0 30px 0 0;
	-webkit-border-radius: 0 30px 0 0;
}
#price .inner .option dl:last-of-type dd {
    border-radius: 0 0 30px 0;
	-webkit-border-radius: 0 0 30px 0;
}
#price .inner .option dl dd ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
#price .inner .option dl dd ul li:first-child {
    width: 28%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375em;
    text-align: center;
    color: #2a2424;    
}
#price .inner .option dl dd ul li b {
    font-weight: bold;
    font-size: 40px;
    line-height: 1.25em;
    color: #00537e;
    -webkit-text-stroke: 1px #00537e;  
}
#price .inner .option dl dd ul li span.plus {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 900;
    font-size: 25px;
    line-height: 1em;
    text-align: center;
    color: #00537e;    
}
#price .inner .option dl dd ul li small {
    color: #00537e;    
}
#price .inner .option dl dd ul li:last-child {
    width: 63%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
    color: #2a2424;    
}
#price .inner .option .btn-cnt a {
    margin: 60px auto 0;
}


/*  768px  */
@media screen and (max-width: 768px) {

    #price .inner .option {
        margin-bottom: 38.4vw;
    }
    #price .inner .option dl {
        position: relative;
        background-color: #FFF;
        border: 0.512vw solid #DCEAF1;
        display: block;
    }
    #price .inner .option dl::before {
        width: 100%;
        height: 0.512vw;
        background-image: linear-gradient(to right, #00537E 1.536vw, rgba(255,255,255,0) 0 0%);
        background-position: bottom;
        background-size: 4.096vw 0.512vw;
        background-repeat: repeat-x;
        content: '';
        z-index: 1;
    }
    #price .inner .option dl:last-of-type::before { display: none;}
    #price .inner .option dl:first-of-type {
        border-radius: 7.68vw 7.68vw 0 0;
        -webkit-border-radius: 7.68vw 7.68vw 0 0;
    }
    #price .inner .option dl:last-of-type {
        border-radius: 0 0 7.68vw 7.68vw;
        -webkit-border-radius: 0 0 7.68vw 7.68vw;
    }
    #price .inner .option dl dt {
        width: 100%;
        font-size: 4.096vw;
        color: #00537E;
        padding-top: 10.24vw; 
    }
    #price .inner .option dl:first-of-type dt {
        border-radius: 7.68vw 0 0 0;
        -webkit-border-radius: 7.68vw 0 0 0;
    }
    #price .inner .option dl:last-of-type dt {
        border-radius: 0 0 0 7.68vw;
        -webkit-border-radius: 0 0 0 7.68vw;
    }
    #price .inner .option dl dd { 
        width: 100%; 
        padding: 5.12vw 12.8vw 7.68vw;
    }
    #price .inner .option dl:first-of-type dd {
        border-radius: 0 7.68vw 0 0;
        -webkit-border-radius: 0 7.68vw 0 0;
    }
    #price .inner .option dl:last-of-type dd {
        border-radius: 0 0 7.68vw 0;
        -webkit-border-radius: 0 0 7.68vw 0;
    }
    #price .inner .option dl dd ul {
        display: block;
    }
    #price .inner .option dl dd ul li:first-child {
        width: 100%;
        font-size: 4.096vw;
        margin-bottom: 5.12vw;  
    }
    #price .inner .option dl dd ul li b {
        font-size: 10.24vw;
        -webkit-text-stroke: 0.256vw #00537e;  
    }
    #price .inner .option dl dd ul li span.plus {
        font-size: 6.4vw;   
    }
    #price .inner .option dl dd ul li:last-child {
        width: 100%;
        font-size: 3.328vw; 
    }
    #price .inner .option .btn-cnt a {
        margin: 15.36vw auto 0;
    }

}


/* お支払い方法 */
#price .inner .payment p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
    color: #2a2424;
    padding-bottom: 10px;    
}
#price .inner .payment ul {
    padding-left: 15px;
}
#price .inner .payment ul li {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
    color: #2a2424;  
    padding-bottom: 10px;    
}
#price .inner .payment ul li a {
    text-decoration: underline;
    color: #00537e;    
}
#price .inner .payment ul li a img {
    display: block;
    width: 280px;
    margin-top: 10px;
}
#price .inner .payment ul li a:hover {
    opacity: 0.8;
}
#price .inner .payment ul li ul.disc  {
    margin-top: 10px;
}

/*  768px  */
@media screen and (max-width: 768px) {

    #price .inner .payment p {
        font-size: 3.328vw;
        padding-bottom: 2.56vw;    
    }
    #price .inner .payment ul {
        padding-left: 4.096vw;
    }
    #price .inner .payment ul li {
        font-size: 3.328vw;
        padding-bottom: 2.56vw;    
    }
    #price .inner .payment ul li a img {
        width: 72.192vw;
        margin-top: 2.56vw;
    }
    #price .inner .payment ul li ul.disc  {
        margin-top: 2.56vw;
    }

}