@charset "utf-8";

/* common
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/

.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
/*-- SP --*/
/*
body:before {
    content: "";
    width: 100%;
    height: 25000px;
    background: url(../img/top_sp.png) no-repeat 50% 0;
    background-size: 750px auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100001;
    opacity: .5;
}
*/
/*-- PC --*/
/*
body:before {
    content: "";
    width: 100%;
    height: 15000px;
    background: url(../img/top.png) no-repeat 50% 0;
    background-size: 1700px auto;
    position: absolute;
    left: 16px;
    top: 0;
    z-index: 100;
    opacity: .5;
}
*/
/* HEADER
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/

#Header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
}
#Header:before {
    content: "";
    background: url(../img/bg-main_view_02.png) repeat-y center;
    background-size: 1700px auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: .8;
}
    @media screen and (min-width: 1701px) {
        #Header:before{
            background-size: 100% auto;
        }
    }
#Header h1 {
    width: 171px;
    width: 20%;
}
#Header .Inner_Box{
    position: relative;
    z-index: 10001;
    max-width: 1158px;
    padding:20px 10px 20px 0;
}
#Header > .Inner_Box > ul {
    width: 80%;
}
#Header > .Inner_Box > ul li {
    font-size: 1.5rem;
    color: #fff;
}
#Header > .Inner_Box > ul li.btn {
    padding:0 20px;
}
#Header ul li.btn a {
    border: 2px solid #fff;
    border-radius: 2em;
    padding: 7px 2.7em;
    letter-spacing: .1em;
}
#Header ul li.btn a:hover{
    background: #fff;
    color: #d689f1;
}
#Header ul li.SNS a {
    padding:12px 10px 5px;
}
#Header > .Inner_Box > ul li a {
    display: inline-block;
    padding: 8px 24px;
    color: #fff;
}
#Header > .Inner_Box > ul li a:hover {
    color:#0082cb;
}

/* FOOTER
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/

#Footer {
    text-align: center;
    background: #fff;
    padding: 11px 0;
    position: relative;
}
#Footer p{
    font-size: 1.4rem;
    letter-spacing: 0;
}
#Fixed {
    position: absolute;
    top: -52px;
    right: 0;
    width: 100%;
    text-align: right;
}
#Fixed .Inner_Box{
    max-width: 1280px;
}


/* Title - 見出し -
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/

.Marker{
    background: linear-gradient(transparent 80%, #fff2a3 80%);
    background: -moz-linear-gradient(transparent 80%, #fff2a3 80%);
    background: -webkit-linear-gradient(transparent 80%, #fff2a3 80%);
    background: -ms-linear-gradient(transparent 80%, #fff2a3 80%);
}
.Marker_Orange{
    display: inline-block;
    background: #fff2a3;
    padding: .1em .1em;
    margin-bottom: 0 .1em;
    color: #f0793c;
}
.Heading-A {
    text-align: center;
    margin-bottom: 42px;
}
.Heading-A i{
    font-size: 2.4rem;
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 35px;
    letter-spacing: .2em;
}
.Heading-A i.Poppins{
    font-size: 4.4rem;
}
.Heading-A span{
    display: block;
    font-size: 2.3rem;
    font-weight: bold;
}
.Heading-A i:after {
    content: "";
    width: 70px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: 0;
}
.Heading-A i.Poppins:after {
    width: 95px;
    margin-left: -47.5px;
}

/* Table
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/

.Table_Form th,
.Table_Form td{
    padding: .6em 0;
    color: #fff;
}
.Table_Form th {
    width: 31%;
    padding: 1.2em 4em 1.2em 0;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: .02em;
    line-height: 1.5;
    text-align: right;
    vertical-align: middle;
    position: relative;
}
.Table_Form th i{
    display: block;
    font-size: 1.4rem;
}
.Table_Form th .imp {
    color: #fa5555;
    font-size: 1.4rem;
    position: absolute;
    right: 1.7em;
    top: 50%;
    margin-top: -.5em;
}
.Table_Form th .stn {
    color: #67c9f2;
    font-size: 1.4rem;
    position: absolute;
    right: 1.7em;
    top: 50%;
    margin-top: -.5em;
}
.Table_Form td {
    width: 69%;
    font-size: 1.6rem;
    padding: .6em 2.4em .6em 0;
}
.Table_Form tr:first-child td{
    padding: 0;
}
.Table_Form tr:first-child td ul{
    padding:1.45em .5em 2em .8em;
    max-width: 640px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.Table_Form tr:nth-child(2) td{
    padding-top: 2.6em;
}
.Table_Form tr:last-child td{
    padding-bottom: 2.6em;
}
.Table_Form td label{
    display: block;
    padding: 3px 0;
}
.Table_Form td button{
    display: inline-block;
    background: none;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 2em;
    font-size: 1.8rem;
    padding: 1.1em 2em;
    width: 100%;
    max-width: 430px;
    font-weight: 600;
    letter-spacing: .05em;
    margin: 10px 0 0;
    transition: all .4s;
    cursor: pointer;
}
.Table_Form td button:hover{
    background: #fff;
    color: #6784ab;
}

.Table_A th,
.Table_A td{
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 1.4em 0 1.3em;
}
.Table_A th{
    font-size: 1.6rem;
    width: 23%;
    text-align: center;
    position: relative;
}
.Table_A th:before {
    content: "";
    width: 1px;
    height: 2.8em;
    background: #c9c9c9;
    position: absolute;
    top: 1em;
    right: 0;
}
.Table_A td {
    font-size: 1.6rem;
    width: 77%;
    padding-left: 2.7em;
}

/* Btn
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/

.Btn_Confirm{
    border:none;
    background: none;
    cursor: pointer;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/* Top
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/

#Main_View {
    margin: 0 auto 0;
    padding: 145px 0 58px;
    background: url(../img/bg-contact.png) repeat-y center;
    background-size: 1696px auto;
}

    @media screen and (min-width: 1697px) {
        #Main_View {
            background-size: 100% auto;
        }
    }

#Main_View h2 {
    color: #fff;
    text-align: center;
    font-size: 4.1rem;
    font-weight: 600;
    margin: .6em auto .1em;
}
#Main_View h2 span{
    font-size: 3.2rem;
}
#Main_View p {
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.9;
}

/* ━―…‥・ About ・‥…―━ */

#About {
    margin: 0 auto 0;
    padding: 60px 0 0;
}
#About .Inner_Box {
    max-width: 1250px;
}
#About .Inner_Box > .Flex_Box .Box {
    width: 55.5%;
    position: relative;
    margin-left: -2%;
}
#About .Inner_Box > .Flex_Box figure{
    width: 45.5%;
    position: relative;
    left: -45px;
}
#About .Inner_Box > .Flex_Box figure:after {
    content: "";
    width: 100%;
    max-width: 452px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 212px;
    right: -268px;
}
#About .Heading {
    font-size: 3.6rem;
    margin: 0 auto 3.1em;
    position: relative;
}
#About .Heading span {
    display: block;
    margin: .4em 0 .6em 0;
}
#About .Heading span i {
    display: inline-block;
    background: #000;
    color: #fff;
    line-height: 1.6;
    padding: 0 0 0 .5em;
    letter-spacing: .35em;
}
#About .Heading span.bg-1 i {
    background: url(../img/bg-h2_a-01.png) repeat-y left;
    background-size: 483px auto;
    background-size: 100% auto;
}
#About .Heading span.bg-2 i {
    background: url(../img/bg-h2_a-02.png) repeat-y left;
    background-size: 693px auto;
    background-size: 100% auto;
}
#About .Inner_Box > .Flex_Box .Box p{
    line-height: 2.17;
    padding: 0 0 0 .5em;
    font-weight: 600;
}

/* ━―…‥・ FAQ ・‥…―━ */

#FAQ{
    padding: 82px 0 0;
}
#FAQ dl {
    padding: 0 0 40px;
    border-bottom: 1px dashed #bdbdbd;
    margin: 0 auto 30px;
}
#FAQ dl dt:before, 
#FAQ dl dd:before {
    content: "";
    font-family: poppins, sans-serif;
    font-weight: 600;
    font-style: normal;
    position: absolute;
    left: .6em;
    top: 0;
    background: #000;
    color: #fff;
    width: 2.1em;
    height: 2.1em;
    border-radius: 100%;
    text-align: center;
    line-height: 2;
    font-size: 2.2rem;
}
#FAQ dl dt {
    font-size: 2.4rem;
    font-weight: bold;
    padding: 0 0 0 3.4em;
    letter-spacing: 0;
    margin: 0 0 25px;
    position: relative;
}
#FAQ dl dt:before {
    background: url(../img/ico-q@2x.png) no-repeat 50% 50%;
    background-size: contain;
}
#FAQ dl dd {
    font-size: 1.6rem;
    line-height: 1.8;
    padding: 0 0 0 5.5em;
    position: relative;
}
#FAQ dl dd:before {
    background: url(../img/ico-a@2x.png) no-repeat 50% 50%;
    background-size: contain;
}

/* ━―…‥・ Points ・‥…―━ */

#Points {
    padding: 72px 0 10px 0;
    position: relative;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    max-width: 1180px;
    margin: 42px auto 0;
}
#Points ul.Flex_Box{
    position: relative;
    max-width: 1090px;
    margin: 0 auto;
}
#Points ul.Flex_Box:before {
    content: "";
    width: 100%;
    height: 141px;
    background: url(../img/bg-points.png) no-repeat 100% 0%;
    position: absolute;
    right: -70px;
    top: -48px;
    background-size: 511px auto;
}
#Points ul.Flex_Box li {
    position: relative;
    z-index: 3;
    width: 33.3333%;
}
#Points ul.Flex_Box li p {
    text-align: center;
    font-weight: bold;
    font-size: 2.3rem;
    line-height: 1.9;
    margin: 16px auto;
    letter-spacing: .2em;
}
#Points > p{
    text-align: center;
    margin: 45px auto;
}

/* ━―…‥・ Company ・‥…―━ */

#Company{
    padding: 57px 0 55px;
}
#Company .Heading-A{
    margin-bottom: 34px;
}
#Company .Inner_Box{
    max-width:1020px;
}

.scroll-box {
    height: 190px;
    border: 1px solid #d4d4d4;
    overflow-y: auto;
    border-radius: 7px;
    padding: 20px 35px;
}
.scroll-box dt, .scroll-box dd {
    font-size: 1.6rem;
    line-height: 1.9;
    letter-spacing: .02em;
}
.scroll-box dd{
    margin-bottom: 1em;
}
.terms{
    
}
.Box_A{
    margin:0 auto 45px;
}
.Box_A .Inner_Box{
    max-width: 1020px;
}
.Box_A .Inner_Box .Heading-A{
    margin-bottom: 0;
}

/* ━―…‥・ Contact ・‥…―━ */

#Contact{
    background: url(../img/bg-contact.png) repeat-y center;
    background-size: 1696px auto;
    margin: 95px auto 0;
    padding:72px 0 48px;
}

    @media screen and (min-width: 1697px) {
        #Contact {
            background-size: 100% auto;
        }
    }
#Contact .Inner_Box {
    max-width: 980px;
}
#Contact .Heading-A * {
    color: #fff;
}
#Contact .Heading-A i:after{
    background:#fff;
}

/* Max 751
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/
@media screen and (min-width: 751px) {
    #Slide_Menu {
        display: none;
    }
} /* Min 751 */

/* Max 750
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/
@media screen and (max-width: 750px) {

/*━―…‥・ Common ・‥…―━━*/

    body.open {
        overflow: hidden;
    }
    div,
    p,
    dt,
    dd,
    li {
        font-size: 3rem;
        font-size: 3.4vw;
    }

    br.PC {
        display: none;
    }
    br.SP {
        display: block;
    }
    .PC {
        display: none;
    }
    .SP {
        display: block;
    }

    img.PC {
        display: none;
    }
    img.SP {
        display: inline-block;
        height: auto;
    }
    input[type="text"], input[type="tel"], input[type="email"], input[type="number"], textarea {
        width:100%;
    }
    textarea {
        min-height: 10em;
    }

/*━―…‥・ Common ・‥…―━━*/

.Line_Text {
    font-size: 4.4vw;
}

/*━―…‥・ Wrapper ・‥…―━━*/

    #Wrapper {
        min-width: inherit;
    }

/*━―…‥・ Header ・‥…―━━*/

#Header{
    height: auto;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index:10000;
}
#Header:before{
    background-size: 100% auto;
}
#Header h1 {
    width: 33%;
}
#Header h1 img{
    width: 100%;
}
#Header > .Inner_Box {
    padding: 3.5% 0;
}
#Header > .Inner_Box > ul {
    width: 60%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#Header > .Inner_Box > ul li{
    display: none;
}
#Header > .Inner_Box > ul li.btn {
    display: block;
    padding: 0;
    width: 77%;
}
#Header > .Inner_Box > ul li.btn a {
    border: 2px solid #fff;
    padding: .6em 2em;
    width: 100%;
    text-align: center;
    font-size: 1.9rem;
    font-size: 2.55vw;
}

/*━―…‥・ Footer ・‥…―━━*/

#Footer p {
    font-size: 2rem;
    font-size: 2.68vw;
}

/*━―…‥・ Heading ・‥…―━━*/

.Heading-A {
    margin-bottom: 6em;
}
.Heading-A i {
    font-size: 2.8rem;
    font-size: 3.73vw;
}
.Heading-A i:after {
    bottom: -.9vw;
}
.Heading-A i.Poppins {
    font-size: 6.1rem;
    font-size: 8.1vw;
    margin-bottom: .9em;
}
.Heading-A i.Poppins:after {
    width: 17vw;
    margin-left: -8.5vw;
}
.Heading-A span {
    font-size: 3.1rem;
    font-size: 4.15vw;
}
/*━―…‥・ Table ・‥…―━━*/

.Table_A, .Table_A tbody, .Table_A tr, .Table_A th, .Table_A td {
    display: block;
    width: 100%;
    border: none;
    text-align: left;
    padding: 0;
}

.Table_A{
    border-top: 1px solid #c9c9c9;
}
.Table_A th{
    padding: .5em .2em 0;
    font-size: 2.8rem;
    font-size: 3.73vw;
}
.Table_A th:before{
    display: none;
}
.Table_A td {
    padding: 0 .2em .5em;
    font-size: 2.4rem;
    font-size: 3.2vw;
    border-bottom: 1px solid #c9c9c9;
}

.Table_Form, .Table_Form tbody, .Table_Form tr, .Table_Form th, .Table_Form td {
    display: block;
    width: 100%;
    border: none;
    text-align: left;
    padding: 0;
}
.Table_Form th {
    font-size: 2.8rem;
    font-size: 3.73vw;
    padding: 1.2em 0 1.2em .5em;
    border-bottom: 1px solid #fff;
}
.Table_Form th i {
    display: inline-block;
    font-size: 2.2rem;
    font-size: 3vw;
    margin-left: .5em;
}
.Table_Form th .stn,
.Table_Form th .imp {
    font-size: 2.2rem;
    font-size: 3vw;
    position: relative;
    right: inherit;
    top: inherit;
    margin-top: 0;
    margin-left: .5em;
}
.Table_Form td {
    font-size: 2.4rem;
    font-size: 3.2vw;
    padding: 1.5em .5em 1em .5em;
}
.Table_Form tr:nth-child(2) td {
    padding-top: 1.5em;
}
.Table_Form td button {
    display: block;
    max-width: 100%;
    width: 82%;
    margin: .5em auto;
    font-size: 2.8rem;
    font-size: 3.73vw;
}
.Table_Form tr:last-child th {
    border: none;
    padding: 0;
}
.Table_Form tr:last-child td {
    padding: 0;
}
.Table_Form tr:first-child td ul{
    border:none;
    max-width: 100%;
}
/* ━―…‥・ About ・‥…―━ */
#About {
    margin: 0 auto;
    padding:8.7% 0 0;
}
#About .Heading {
    font-size: 3.4rem;
    font-size: 4.53vw;
    margin: 1.4em auto 1.1em;
}
#About .Heading span {
    margin: 0 0 .6em 0;
}
#About .Inner_Box > .Flex_Box {
    display: block;
}
#About .Inner_Box > .Flex_Box figure {
    width: 100%;
    position: relative;
    left: -1.5%;
    text-align: left;
}
#About .Inner_Box > .Flex_Box figure img{
    width: 82%;
}
#About .Inner_Box > .Flex_Box figure:after {
    width: 100vw;
    max-width: 46vw;
    top: 28vw;
    right: -6%;
}
#About .Inner_Box > .Flex_Box .Box {
    width: 97%;
    position: relative;
    margin: 0 auto;
}
#About .Inner_Box > .Flex_Box .Box p {
    font-size: 2.4rem;
    font-size: 3.2vw;
    line-height: 2;
    padding: 0 0 0 .5em;
    font-weight: normal;
    letter-spacing: 0;
}
#Points {
    padding: 13.5% 0 10px 0;
    margin: 10% auto 0;
}
#Points ul.Flex_Box {
    position: relative;
    width: 83%;
    margin: 0 auto;
    display: block;
}
#Points ul.Flex_Box:before{
    display: none;
}
#Points ul.Flex_Box li{
    width: 100%;
    margin: 0 auto 10%;
}
#Points ul.Flex_Box li figure{
    width: 39%;
}
#Points ul.Flex_Box li p {
    font-size: 2.6rem;
    font-size: 3.48vw;
    line-height: 2;
    margin: 0;
    letter-spacing: .2em;
    padding: 0 0 0 1em;
    width: 61%;
}
#Points ul.Flex_Box li.Reverse p {
    padding: 0 3em 0 0;
    letter-spacing: .4em;
}
#Points > p {
    text-align: left;
    margin: 3em auto;
    width: 86%;
    line-height: 2;
    font-size: 2.4rem;
    font-size: 3.2vw;
    letter-spacing: 0;
}
#Points > p br{
    display: none;
}

/* ━―…‥・ FAQ ・‥…―━ */

#FAQ {
    padding: 6% 0 0;
}
#FAQ dl {
    padding: 0 0 5%;
    margin: 0 auto 5%;
}
#FAQ dl dt {
    font-size: 2.8rem;
    font-size: 3.73vw;
    padding: 0 0 0 3.4em;
    letter-spacing: 0;
    margin: 0 0 1.2em;
    line-height: 1.6;
}
#FAQ dl dt:before {
    width: 8.8vw;
    height: 8.8vw;
    top: 0;
    left: 0;
}
#FAQ dl dd {
    font-size: 2.4rem;
    font-size: 3.2vw;
    line-height: 2;
    padding: 0 0 0 4.1em;
}
#FAQ dl dd:before {
    width: 8.8vw;
    height: 8.8vw;
    top: 0;
    left: 0;
}

/* ━―…‥・ Company ・‥…―━ */

#Company {
    padding:0 0 6%;
}
#Company .Heading-A{
    margin-bottom: 4em;
}
.scroll-box{
    padding: 1em;
}
.scroll-box dt, .scroll-box dd {
    font-size: 2.2rem;
    font-size: 3vw;
}

/* ━―…‥・ Contact ・‥…―━ */

#Contact {
    background: url(../img/sp/bg-contact.png) repeat-y center;
    background-size: 100% auto;
    margin: 10% auto 0;
    padding: 10% 0 5%;
}
#Contact .Heading-A{
    margin-bottom: 4em;
}

/*━―…‥・MainView・‥…―━━*/

#Main_View {
    padding: 26.4vw 0 8vw 0;
    background: url(../img/sp/bg-contact.png) repeat-y center;
    background-size: 100% auto;
}
#Main_View figure{
}
#Main_View figure img{
    max-width: 100%;
}
#Main_View h2 {
    font-size: 4.3rem;
    font-size: 5.76vw;
    margin: 1.1em auto .7em;
    line-height: 1.6;
}
#Main_View h2 span {
    font-size: 3.4rem;
    font-size: 4.6vw;
}
#Main_View p {
    letter-spacing: 0;
    font-size: 2.6rem;
    font-size: 3.46vw;
}

/*━―…‥・Fixed・‥…―━━*/

#Fixed {
    top: -8vw;
}
#Fixed .Inner_Box {
    width: 95%;
}
#Fixed .Inner_Box img{
    width: 9vw;
}

/*━―…‥・Slide_Menu・‥…―━━*/

#Menu {
    display: block;
    width: 8vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 2.5vw;
    z-index: 1000002;
    background: url(../img/sp/ico-menu.png) no-repeat 50% 50%;
    background-size: contain;
    transition: all .4s;
}
.open #Menu{
    background: url(../img/sp/ico-menu-on.png) no-repeat 50% 50%;
    background-size:contain;
    width: 6vw;
    right: 4vw;
    /*height: 6vw;*/
    /*top: 4vw;
    right: 8.5vw;*/
}
#Slide_Menu{
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    overflow-y:auto;
    z-index: 1000001;
    background: #fff;
    box-sizing:border-box;
    padding: 10px 0 5% 0;
    background: url(../img/sp/bg-menu.png) repeat-y center;
    background-size: 100% auto;
    font-size:0;
}
#Slide_Menu > *{
    width:100%;
    height:100%;
    color: #fff;
}
#Slide_Menu .Inner{
    overflow: auto;
    padding:24.5vw 5% 5%;
}
#Slide_Menu .Logo{
    width: 60vw;
    margin: 0 auto 16.5%;
}
#Slide_Menu .Btn{
    margin-top: 5%;
}
#Slide_Menu ul {
    margin: 12% auto 16%;
    padding-bottom: 0;
}
#Slide_Menu ul li {
    margin: .2em auto .78em;
    font-size: 4.6rem;
    font-size: 6.12vw;
    font-weight: bold;
    text-align: center;
}
#Slide_Menu .SNS_Box{
    width: 32vw;
    margin: 0 auto;
}
#Slide_Menu .SNS_Box li{
    width:50%;
}
#Slide_Menu .SNS_Box li img{
    width: 8vw;
}
#Slide_Menu .close span{
    background:#5cc2d0;
    left: 0;
    width: 100%;
    height: 2px;
    font-size:0;
    display: inline-block;
    box-sizing: border-box;
    transition: all .5s;
}
#Slide_Menu .close span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
#Slide_Menu .close span:nth-of-type(2) {
    -webkit-transform: translateY(-13px) rotate(45deg);
    transform: translateY(-13px) rotate(45deg);
}
#Slide_Menu .close{
    display:block;
    position:absolute;
    top:12px;
    right: 20px;
    width: 50px;
    height: 50px;
    border:1px solid #5cc2d0;
    color:#5cc2d0;
    background:#fff;
    opacity:.9;
}
#Slide_Menu *{
    color: #fff;
}
#Slide_Menu img{
    width:100%;
}

.bg-fixed{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 1;
}

/* Max 750 */
}

/* Max 460
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/
@media screen and (max-width: 460px) {
    div,
    p,
    dt,
    dd,
    li {
        font-size: 1.5rem;
        font-size: 3.8vw;
    }
    /*━―…‥・★Title★・‥…―━━*/

    /*━―…‥・★Btn★・‥…―━━*/

/* Max 460 */
}

/* Max 375
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/
@media screen and (max-width: 375px) {
    br.SP_375 {
        display: block;
    }

    /*━―…‥・★Title★・‥…―━━*/

    /*━―…‥・★Btn★・‥…―━━*/

/* Max 375 */
}

/* Max 320
━━━━━━━━━━━━━━━━━━━―…‥・★・‥…―━━━━━━━━━━━━━━━━━━*/
@media screen and (max-width: 320px) {
    br.SP_320 {
        display: block;
    }

    /*━―…‥・★Contents★・‥…―━━*/

/* Max 320 */
}