@charset "UTF-8";
/* CSS Document */
.clearfix:after {
 content: " ";
 height: 0;
 clear: both;
 visibility: hidden;
}

@font-face {
    font-family: 'NIK';
    src: url('../fonts/NikkyouSans-mLKax.ttf');
}
@font-face {
    font-family: 'AVE-MDI';
    src: url('../fonts/Avenir-Medium-09.ttf');
}
@font-face {
    font-family: 'NOTO';
    src: url('../fonts/NotoSansJP-Regular.otf');
}
@font-face {
    font-family: 'NOTO-MDI';
    src: url('../fonts/NotoSansJP-Medium.otf');
}
@font-face {
    font-family: 'NOTO-BLD';
    src: url('../fonts/NotoSansJP-Bold.otf');
}
@font-face {
    font-family: 'NOTO-BLK';
    src: url('../fonts/NotoSansJP-Black.otf');
}

/ ＊Hides from IE-mac \＊/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

    body {
        margin: 0px;
    }

    h1 {
        display: block;
        font-size: 2em;
        margin-block-start: 0.67em;
        margin-block-end: 0.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: unset;
    }

    h2 {
        font-weight: unset;
    }

    h3 {
        font-weight: unset;
    }

    h4 {
        font-weight: unset;
    }

    .text-box-1 {
        position: absolute;
        top: 66.77px;
        left: 0%;
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0px 0px;
    }

    .text-box-2 {
        width: 880px;
        margin: 0px auto 35px auto;
        text-align: left;
        padding: 0px 0px;
    }

    .text-box-3 {
        width: 1000px;
        margin: 0px auto 0px auto;
        text-align: left;
        padding: 0px 0px;
    }

    .text-box-4 {
        width: 1000px;
        margin: 0px auto 0px auto;
        text-align: left;
    }

    .text-box-5 {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
    }

    .text-box-6 {
        width: 824px;
        margin: 0px auto 0px auto;
        text-align: left;
    }

    .text-box-7 {
        position: absolute;
        bottom: 40px;
        right: 0px;
        width: 240px;
        margin: 0px auto 0px auto;
        text-align: left;
    }

    .hidden-1 {
        visibility: hidden;
        display: none;
    }
    .hidden-2 {
        visibility: hidden;
        display: none;
    }
    .hidden-3 {
        visibility: hidden;
        display: inline;
    }

/*header*/
    #header-1 {
        width: 100%;
        background-color: #000;
        padding: 0.1px 0px;
        box-sizing: border-box;
    }

    #header-1.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
    }
    
    #header-1 a{
        text-decoration: none;
    }
    #header-1 nav {
        transition: .3s;
        text-align: center;
        width: 1200px;
        display: flex;
        margin: 33px auto;
        justify-content: center;
        align-items: center;
    }
    .logo-box-1 {
        width: 200px;
        margin: 0px auto;
        display: block;
    }
    .logo-box-1 img{
        width: 100%;
        margin: 0px auto;
    }
    #header-1 ul {
        width: 570px;
        display: flex;
        padding: 0px 0px;
        justify-content: space-evenly;
        align-items: center;
    }
    #header-1 li a{
        opacity: 1;
        text-decoration: none;
        font-size: 18px;
        font-family: 'Avenir-Light';
        color: #fff;
        line-height: 30px;
        letter-spacing: 0px;
    }
    #header-1 li a:hover {
        opacity: 0.5;
        text-decoration: none;
        font-size: 18px;
        font-family: 'Avenir-Light';
        color: #fff;
        line-height: 30px;
        letter-spacing: 0px;
    }

    #footer-1 {
        width: 100%;
        background-color: #000;
        padding: 192.67px 0px 0.1px 0px;
        box-sizing: border-box;
    }
    
    #footer-1 a{
        text-decoration: none;
    }
    #footer-1 nav {
        text-align: center;
        width: 850px;
        display: flex;
        margin: 0px auto 120.07px auto;
        justify-content: center;
        align-items: flex-start;
    }
    #footer-1 img {
        text-align: center;
        width: 200px;
        display: flex;
        margin: 48px auto 0px 0px;
        justify-content: center;
        align-items: center;
    }
    #footer-1 ul:nth-child(2) {
        width: 280px;
        display: flex;
        padding: 0px 0px;
        justify-content: flex-start;
        align-items: flex-end;
        flex-direction: column;
        margin: 0px 0px;
    }
    #footer-1 ul:nth-child(3) {
        width: 120px;
        display: flex;
        padding: 0px 0px 0px 60px;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        margin: 0px 0px;
    }
    #footer-1 li a {
        opacity: 1;
        text-decoration: none;
        font-size: 16px;
        font-family: 'AVE-MDI';
        color: #969696;
        line-height: 30px;
        letter-spacing: 0px;
    }
    #footer-1 li a:hover {
        opacity: 0.5;
        text-decoration: none;
        font-size: 16px;
        font-family: 'AVE-MDI';
        color: #969696;
        line-height: 30px;
        letter-spacing: 0px;
    }
/*header*/



/*border*/
    .border-1 {
        opacity: 1;
        width: 100%;
        border-bottom: solid 7px #111;
        margin: 0px auto 0px auto;
        text-align: center;
    }

    .border-2 {
        opacity: 1;
        width: 100%;
        border-bottom: solid 7px #fff;
        margin: 0px auto 0px auto;
        text-align: center;
    }
/*border*/

/*main*/
    .lp-contents-box {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        background-color: #fff;
        padding: 0.1px 0px;
    }
    .lp-contents-box a{
       text-decoration: none;
    }
/*main*/

/*article*/
    .lp-contents {
    	width: 100%;
    	margin: 0 auto;
    	text-align: center;
    }
/*article*/

/*section*/
    .fv-section {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
    }
    .item-section {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px 60px 0px;
    }
    .item-section-2 {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
        /*background-image: url(./img_014.png);
        background-position: right 0% top 0%;
        background-size: 50%;
        background-repeat: no-repeat;*/
    }
    .item-section-3 {
        position: relative;
        width: 824px;
        height: 312px;
        margin: 0px auto 81px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
        background-image: url(./img_015.png);
        background-position: left;
        background-size: 65%;
        background-repeat: no-repeat;
    }

    .item-section-4 {
        width: 800px;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
    }
    .item-section-p {
        position: relative;
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px 30px 0px;
    }
    .item-section-blk {
        position: relative;
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 36px 0px 0.1px 0px;
        background-color: #191919;
/*        background-image: url(./img_004.png);
        background-position: top 0px right 0px;
        background-size: 52%;
        background-repeat: no-repeat;*/
    }
    .item-section-blk-2 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 173px 0px 0.1px 0px;
        background-color: #191919;
    }
    .item-section-gray-2 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 120px 0px 0.1px 0px;
        background-color: #EAEAEA;
    }
    .item-section-gray-3 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 120px 0px 0.1px 0px;
        background-color: #DBDAD4;
    }
    .item-section-gray-4 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 120px 0px 0.1px 0px;
        background-color: #EAEAEA;
    }
    
/*section*/

/*1200px*/
    .fv-img-box {
        width: 780px;
        margin: 0px auto;
        text-align: center;
    }
    .fv-img-box-2 {
        width: 815px;
        margin: 0px auto;
        text-align: center;
    }
    .fv-img-box-3 {
        width: 960px;
        height: 500px;
        margin: 0px auto;
        text-align: center;
        background-image: url(./img_012.png);
        background-position: right 0% bottom 0%;
        background-size: 50%;
        background-repeat: no-repeat;
    }
/*1200px*/

/*youtube*/
    #movie-section {
        width: 600px;
        text-align: center;
        margin: 0px auto 150px auto;
    }
    #movie-section img{
        width: 100%;
        text-align: center;
        margin: 0px auto 0px auto;
    }
    .tv__movie {
        margin: 0px auto 0px auto;
        width: 100%;
        height: 170px;
        padding-top: 32.77%;
        position: relative;
    }
    .tv__movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*youtube*/

/*video*/
    .v-section {
        width: 960px;
        text-align: center;
        margin: -78px auto 0px auto;
    }
    .v-section img {
        width: 100%;
        margin: 0px auto 20px auto;
    }
    .v-section video {
        width: 100%;
        margin: 0px auto 20px auto;
    }

    .v-section-2 {
        position: absolute;
        top: 0%;
        right: 0%;
        width: 52%;
        text-align: center;
        margin: 0px auto 0px auto;
    }
    .v-section-2 img {
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .v-section-2 video {
        width: 100%;
        margin: 0px auto 0px auto;
    }
/*video*/

/*txt*/
    .lp-title-1 {
        margin: 0px auto 0px auto;
        font-family: 'NIK';
        font-size: 90px;
        line-height: 67px;
        color: #000000;
        letter-spacing: 0px;
        text-align: center;
    }
    .lp-title-1 span{
        font-family: "broadacre-hairline-0", sans-serif;
        font-weight: 100;
        font-style: normal;
        font-size: 30px;
    }
    .lp-title-2 {
        margin: 0px auto 21px 0px;
        font-family: 'NOTO-BLK';
        font-size: 48px;
        line-height: 59px;
        color: #111;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-3 {
        margin: 0px auto 30px 0px;
        font-family: 'NOTO-BLK';
        font-size: 60px;
        line-height: 70px;
        color: #fff;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-3-2-2 {
        margin: 0px 0px 0px auto;
        font-family: 'AVE-MDI';
        font-size: 25px;
        line-height: 46.39px;
        color: #fff;
        letter-spacing: 0px;
        text-align: right;
    }
    .lp-title-3-2 {
        margin: 0px auto 20px auto;
        font-family: 'NOTO-BLK';
        font-size: 42px;
        line-height: 60px;
        color: #fff;
        letter-spacing: 0px;
        text-align: center;
    }

    .lp-title-3-3 {
        margin: 0px auto 0px auto;
        font-family: 'NOTO-BLK';
        font-size: 56px;
        line-height: 110px;
        color: #fff;
        letter-spacing: 0px;
        text-align: center;
    }
    .lp-title-3-4 {
        margin: 0px auto 0px auto;
        font-family: 'NOTO-BLK';
        font-size: 56px;
        line-height: 110px;
        color: #fff;
        letter-spacing: 0px;
        text-align: center;
    }
    .lp-title-3-5 {
        margin: 0px auto 0px auto;
        font-family: 'NOTO-BLK';
        font-size: 44px;
        line-height: 110px;
        color: #fff;
        letter-spacing: 0px;
        text-align: center;
    }
    .lp-title-4 {
        margin: 0px 0px 25px auto;
        font-family: 'NOTO-BLK';
        font-size: 50px;
        line-height: 90px;
        color: #000;
        letter-spacing: 0px;
        text-align: right;
    }
    .lp-txt-mn {
        font-family: 'NIK';
        font-size: 18px;
        margin: 0px auto -9px 0px;
        line-height: 17px;
        color: #fff;
        text-align: left;
        letter-spacing: 0px;
    }
    .lp-txt-mn-2 {
            font-family: "broadacre-hairline-0", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 6px;
    margin: 0px 0px 0px auto;
    line-height: 7px;
    color: #fff;
    text-align: right;
    letter-spacing: 0px;
    }
    .lp-txt-mn-3 {
        width: 50px;
        font-family: 'NIK';
        font-size: 10px;
        margin: 0px auto -9px 0px;
        line-height: 17px;
        color: #fff;
        text-align: left;
        letter-spacing: 0px;
    }
    .lp-title-5 {
        margin: 0px auto 20px 0px;
        font-family: 'NOTO-BLK';
        font-size: 40px;
        line-height: 60px;
        color: #fff;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-5-2 {
        margin: 0px 0px 20px 0px;
        font-family: 'NOTO-BLK';
        font-size: 40px;
        line-height: 60px;
        color: #fff;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-6 {
        margin: 0px auto 0px 0px;
        font-family: 'NOTO-BLK';
        font-size: 40px;
        line-height: 60px;
        color: #fff;
        letter-spacing: 0px;
        text-align: left;
        position: sticky;
    }
    .lp-title-6-2 {
        margin: 0px auto 36px auto;
        font-family: 'NOTO-BLK';
        font-size: 40px;
        line-height: 60px;
        color: #fff;
        letter-spacing: 0px;
        text-align: center;
    }
    .lp-txt {
        font-family: 'NOTO-MDI';
        font-size: 20px;
        margin: 21px auto 0px 0px;
        line-height: 30px;
        color: #111;
        text-align: left;
        letter-spacing: 0px;
    }
    .lp-txt-2-2 {
        font-family: 'AVE-MDI';
        font-size: 15px;
        margin: 0px auto 52px auto;
        line-height: 46.39px;
        color: #969696;
        text-align: center;
        letter-spacing: 0px;
    }
    .lp-txt-2 {
        font-family: 'NOTO-MDI';
        font-size: 20px;
        margin: 0px auto 0px 0px;
        line-height: 30px;
        color: #fff;
        text-align: left;
        letter-spacing: 0px;
    }
    .lp-txt-2-f {
        font-family: 'AVE-MDI';
        font-size: 12px;
        margin: 0px auto 60px auto;
        line-height: 36px;
        color: #969696;
        text-align: center;
        letter-spacing: 0px;
    }
    .lp-txt-3 {
        font-family: 'NOTO-BLD';
        font-size: 18px;
        margin: 0px auto 0px auto;
        line-height: 30px;
        color: #fff;
        text-align: center;
        letter-spacing: 0px;
    }
    .lp-txt-4 {
        font-family: 'NOTO-MDI';
        font-size: 19px;
        margin: 0px 0px 30px auto;
        line-height: 36px;
        color: #000;
        text-align: right;
        letter-spacing: 0px;
    }
    .lp-txt-4-2 {
        font-family: 'NOTO-MDI';
        font-size: 17px;
        margin: 0px 0px 30px auto;
        line-height: 36px;
        color: #000;
        text-align: right;
        letter-spacing: 0px;
    }
    .lp-txt-5 {
        font-family: 'NOTO-MDI';
        font-size: 20px;
        margin: 0px auto 0px auto;
        line-height: 30px;
        color: #fff;
        text-align: center;
        letter-spacing: 0px;
    }
    .lp-txt-6 {
        font-family: 'NOTO-MDI';
        font-size: 20px;
        margin: 0px 0px 96px 0px;
        line-height: 30px;
        color: #fff;
        text-align: left;
        letter-spacing: 0px;
    }
    .lp-txt-6-2 {
        font-family: 'NOTO-MDI';
        font-size: 20px;
        margin: 0px 0px 94px 0px;
        line-height: 30px;
        color: #fff;
        text-align: left;
        letter-spacing: 0px;
    }
/*txt*/

/*img*/
    .title-img-top {
        position: relative;
        text-align: center;
        width: 100%;
        margin: 0px auto 74.97px auto;
    }
    .title-img-top img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-2 {
        width: 100%;
        margin: 0px auto 80px auto;
    }
    .title-img-top-2 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-2 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-3 {
        width: 100%;
        margin: 0px auto 36px auto;
    }
    .title-img-top-3 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-3 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-4 {
        position: absolute;
        bottom: -69px;
        left: 0px;
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-4 img{
        width: 930px;
        margin: 0px auto 0px auto;
    }
    .title-img-top-4 picture{
        width: 930px;
        margin: 0px auto 0px auto;
    }
    .title-img-top-5 {
        width: 100%;
        margin: 81px auto 103px auto;
        padding: 161px 0px;
        background-image: url(./img_013.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .title-img-top-5 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-5 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-6 {
        width: 100%;
        margin: 30px auto 35.46px auto;
    }
    .title-img-top-6 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-6 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-7 {
        width: 757px;
        margin: 71px auto 0px auto;
    }
    .title-img-top-7 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-7 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
/*img*/

/*button*/

    .button {
        position: relative;
        height: 45px;
        padding: 6px 21px 6px 0px;
        margin: 0px auto 0px auto;
        text-align: center;
        width: 240px;
        border: 1.5px solid #FF0000;
        background-color: #FF0000;
        border-radius: 50px;
        font-family: 'NOTO';
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 1.6px;
        color: #fff;
        box-sizing: border-box;
    }
    .button:hover {
        position: relative;
        height: 45px;
        padding: 6px 21px 6px 0px;
        margin: 0px auto 0px auto;
        text-align: center;
        width: 240px;
        border: 1.5px solid #fff;
        background-color: #fff;
        border-radius: 50px;
        font-family: 'NOTO';
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 1.6px;
        color: #FF0000;
        box-sizing: border-box;
    }

    .button-min {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 85%;
        flex-wrap: wrap;
        display: flex;
        margin: 0px auto 0px auto;
        align-items: center;
        justify-content: center;
    }

    .mail_1 {
        width: 32px;
        margin: 0px 10px 0px 0px;
        flex-direction: row;
        text-align: right;
        align-self: auto;
    }
    .mail_1 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .mail_1 img{
        margin-bottom: 0px;
        width: 100%;
    }

   .mail_2 {
        width: 151px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    flex-direction: row;
    text-align: left;
    align-self: auto;
    font-family: 'NOTO';
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1.6px;
    }
    .mail_2 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .mail_2 img{
        margin-bottom: 0px;
        width: 100%;
    }

/*button*/

/*clearfix*/
    .lp-contents-clearfix {
        text-align: center;
        width: 880px;
        display: flex;
        justify-content: space-between;
        margin: 0px auto 71px auto;
        align-items: flex-start;
    }
    .lp-contents-clearfix a{
        opacity: 1;
    }
    .lp-contents-clearfix a:hover{
        opacity: 0.5;
    }
    .lp-contents-clearfix-2 {
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 30px auto 125px auto;
        align-items: flex-end;
    }
    .lp-contents-clearfix-2 a{
        opacity: 1;
    }
    .lp-contents-clearfix-2 a:hover{
        opacity: 0.5;
    }
    .lp-contents-clearfix-3 {
        text-align: center;
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        margin: 0px auto 160px auto;
        align-items: center;
    }
    .lp-contents-clearfix-3 a{
        opacity: 1;
    }
    .lp-contents-clearfix-3 a:hover{
        opacity: 0.5;
    }

    .box-img-1 {
        width: 26.5%;
        margin: 0px 0px 0px 0px;
        align-self: auto;
        flex-direction: row;
        text-align: center;
        align-self: auto;
    }
    .box-img-1 picture{
        width: 100%;
        margin: 0px auto 29px auto;
    }
    .box-img-1 img{
        margin-bottom: 29px;
        width: 100%;
    }

    .box-img-1 .item-container {
        width: 100%;
        margin: 0px auto 95px auto;
    }

    .box-img-1 .button-2 {
        width: 233px;
        margin: 0px auto 0px auto;
    }

    .box-img-2 {
        width: 359px;
        margin: 0px 0px 0px 0px;
        align-self: auto;
        flex-direction: row;
        text-align: left;
        align-self: auto;
    }
    .box-img-2 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .box-img-2 img{
        margin-bottom: 0px;
        width: 100%;
    }

    .box-img-3 {
        width: 550px;
        margin: 0px 0px 0px 0px;
        align-self: auto;
        flex-direction: row;
        text-align: right;
        align-self: auto;
    }
    .box-img-3 picture{
        width: 323px;
        margin: 0px 0px 38px auto;
    }
    .box-img-3 img{
        margin: 0px 0px 38px auto;
        width: 323px;
    }

/*clearfix*/

/*hide*/
    .hide-pc {
    	display: none;
    }
    .hide-sp {
        display: inline;
        vertical-align: middle;
    }
    .hide-pc-2 {
        display: none;
    }
    .hide-sp-2 {
        display: contents;
    }
/*hide*/

@media (max-width: 780px) {

/*border*/
    .border-1 {
        opacity: 1;
        width: 100%;
        border-bottom: solid 3px #111;
        margin: 11px auto 11px auto;
        text-align: center;
    }

    .border-2 {
        opacity: 1;
        width: 100%;
        border-bottom: solid 3px #fff;
        margin: 11px auto 11px auto;
        text-align: center;
    }
/*border*/

/*main*/
    .lp-contents-box {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        background-color: #fff;
        padding: 0.1px 0px;
        background-image: unset;
        background-position: unset;
        background-repeat: unset;
        background-size: unset;
    }
/*main*/

/*article*/
	.lp-contents {
		width: 100%;
    }
/*article*/

/*youtube*/
    #movie-section {
        width: 85%;
        text-align: center;
        margin: 0px auto 80px auto;
    }
    #movie-section img{
        width: 100%;
        text-align: center;
        margin: 0px auto 0px auto;
    }
    .tv__movie {
        margin: 0px auto 0px auto;
        width: 100%;
        height: auto;
        padding-top: 57.18%;
        position: relative;
    }
    .tv__movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*youtube*/

/*txt*/
    .lp-title-1 {
        margin: 0px auto 0px auto;
        font-size: 38px;
        line-height: 40px;
        letter-spacing: 0px;
        text-align: center;
    }
    .lp-title-1 span{
        font-size: 13px;
        line-height: 23px;
    }
    .lp-title-2 {
        margin: 0px auto 0px 0px;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0px;
        padding: 0px 0px;
        text-align: left;
    }
    .lp-title-2-2 {
        margin: 0px auto 30px auto;
        font-size: 25px;
        line-height: 36px;
        letter-spacing: 2.5px;
        text-align: center;
    }
    .lp-title-3 {
        margin: 0px 0px 5px 0px;
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-3-2 {
        margin: 0px 0px 5px 0px;
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-3-3 {
        margin: 0px 0px 5px 0px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-3-4 {
        margin: 0px 0px 5px 0px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-3-5 {
        margin: 0px 0px 5px 0px;
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-3-2-2 {
        margin: 0px 0px 0px 0px;
        font-size: 20px;
        line-height: 38px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-4 {
        width: 330px;
        position: absolute;
        top: 30px;
        right: 0%;
        margin: 0px 0px 0px auto;
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0px;
        text-align: right;
    }
    .lp-title-5 {
        margin: 0px auto 9px 0px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-5-2 {
        margin: 0px auto 9px 0px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-6 {
        margin: 0px auto 0px 0px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }
    .lp-title-6-2 {
        margin: 0px auto 8px auto;
        font-size: 20px;
        line-height: 15px;
        letter-spacing: 0px;
        text-align: center;
    }
    .lp-txt {
        font-size: 12px;
        margin: 0px auto 0px 0px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px;
    }
    .lp-txt-2-2 {
        font-size: 12px;
        margin: 20px auto 0px auto;
        line-height: 30px;
        text-align: center;
        padding: 0px 0px;
    }
    .lp-txt-2 {
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        line-height: 18px;
        text-align: left;
        padding: 0px 0px;
    }
    .lp-txt-2-f {
        font-size: 11px;
        margin: 0px auto 30px auto;
        line-height: 20px;
        text-align: center;
        padding: 0px 0px;
    }
    .lp-txt-3 {
        font-size: 11px;
        margin: 0px auto 0px auto;
        line-height: 20px;
        letter-spacing: 0px;
        text-align: center;
        padding: 0px 0px;
    }
    .lp-txt-4 {
        width: 274px;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 11px;
        margin: 80px 0px 20px auto;
        line-height: 20px;
        text-align: right;
        letter-spacing: 0px;
    }
    .lp-txt-4-2 {
        font-size: 11px;
        margin: 0px 0px 60px auto;
        line-height: 20px;
        text-align: right;
        letter-spacing: 0px;
    }
    .lp-txt-5 {
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 0px 30px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0px;
    }
    .lp-txt-6 {
        font-size: 12px;
        margin: 0px auto 20px 0px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px;
    }
    .lp-txt-6-2 {
        font-size: 12px;
        margin: 0px auto 20px 0px;
        line-height: 26px;
        text-align: left;
        padding: 0px 0px;
    }
/*txt*/

/*img*/
    .title-img-top {
        position: relative;
        text-align: center;
        width: 100%;
        margin: 0px auto 22px auto;
    }
    .title-img-top img{
        width: 100%;
        margin: 0px auto 0px 0px;
    }
    .title-img-top picture{
        width: 100%;
        margin: 0px auto 0px 0px;
    }
    .title-img-top-2 {
        width: 85%;
        margin: 0px auto 48px auto;
    }
    .title-img-top-3 {
        width: 100%;
        margin: 0px auto 23px auto;
    }
    .title-img-top-4 {
        position: absolute;
        bottom: -40px;
        left: 30px;
        width: 85%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-4 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-4 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-5 {
        width: 100%;
        margin: 0px auto 30px auto;
        padding: 60px 0px;
        background-image: url(./img_013.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .title-img-top-5 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-5 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-6 {
        width: 100%;
        margin: 20px auto 30px auto;
    }
    .title-img-top-6 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-6 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-7 {
        width: 85%;
        margin: 30px auto 30px auto;
    }
    .title-img-top-7 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .title-img-top-7 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
/*img*/

/*button*/
    .button {
        position: relative;
        padding: 9px 30px 9px 30px;
        margin: 0px auto 0px auto;
        text-align: center;
        width: 100%;
        border: 1.5px solid #FF0000;
        background-color: #FF0000;
        border-radius: 50px;
        font-family: 'NOTO';
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 1px;
        color: #fff;
    }
    .button:hover {
        position: relative;
        padding: 9px 30px 9px 30px;
        margin: 0px auto 0px auto;
        text-align: center;
        width: 100%;
        border: 1.5px solid #fff;
        background-color: #fff;
        border-radius: 50px;
        font-family: 'NOTO';
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 1px;
        color: #FF0000;
    }
    .button img{
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 30%;
    }
/*button*/

/*clearfix*/
    .lp-contents-clearfix {
        text-align: center;
        width: 90%;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        margin: 0px auto 34px auto;
        align-items: flex-start;
        flex-direction: row;
    }
    .lp-contents-clearfix-2 {
        text-align: center;
        width: 90%;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        margin: 0px auto 0px auto;
        align-items: flex-end;
        flex-direction: row;
    }
    .lp-contents-clearfix-3 {
        text-align: center;
        width: 85%;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        margin: 0px auto 39px auto;
        align-items: center;
    }


    .box-img-1 {
        width: 30%;
        margin: 0px 0px 0px 0px;
        align-self: auto;
        flex-direction: column;
        text-align: center;
    }
    .box-img-1 picture{
        width: 100%;
        margin: 0px auto 6px auto;
    }
    .box-img-1 img{
        margin: 0px auto 6px auto;
        width: 100%;
    }
    .box-img-1 .item-container {
        width: 100%;
        margin: 0px auto 30px auto;
    }
    .box-img-1 .button-2 {
        width: 100%;
        margin: 0px auto 0px auto;
    }

    .box-img-2 {
        width: 40%;
        margin: 0px 0px 0px 0px;
        align-self: auto;
        flex-direction: column;
        text-align: center;
    }
    .box-img-2 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .box-img-2 img{
        margin-bottom: 0px;
        width: 100%;
    }

    .box-img-3 {
        position: relative;
        width: 60%;
        margin: 0px 0% 0px 0%;
        align-self: auto;
        flex-direction: row;
        text-align: left;
        align-self: auto;
    }
    .box-img-3 picture{
        width: 100%;
        margin: 0px auto 9px auto;
    }
    .box-img-3 img{
        margin: 200px auto 9px auto;
        width: 100%;
    }

    .box-img-4 {
        width: 63%;
        margin: 0px 0px 0px 0px;
        align-self: auto;
        flex-direction: row;
        text-align: left;
        align-self: auto;
    }
    .box-img-4 picture{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .box-img-4 img{
        margin-bottom: 0px;
        width: 100%;
    }

/*clearfix*/

/*hide*/
    .hide-sp {
    	display: none;
    }
    .hide-pc {
    	display: block;
    }
    .hide-sp-2{
        display: none;
    }
    .hide-pc-2 {
        display: block;
    }
/*hide*/

/*video*/
    .v-section {
        width: 85%;
        text-align: center;
        margin: 0px auto 10px auto;
    }
    .v-section img {
        width: 100%;
        margin: -14px auto 0px auto;
    }
    .v-section video {
        width: 100%;
        margin: -14px auto 0px auto;
    }
/*video*/

/*1200px*/
    .fv-img-box {
        width: 85%;
        margin: 0px auto;
        text-align: center;
    }
    .fv-img-box-2 {
        width: 85%;
        margin: 0px auto 30px auto;
        text-align: center;
    }
    .fv-img-box-3 {
        width: 100%;
        height: unset;
        margin: 0px auto;
        text-align: center;
        background-image: url(./img_012.png);
        background-position: right 10px top 12px;
        background-size: 40%;
        background-repeat: no-repeat;
    }
/*1200px*/

/*section*/
    .fv-section {
        width: 100%;
        height: unset;
        margin: -1px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px;
    }
    .item-section {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
        background-image: url(./bg-2.png);
        background-position: top;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .item-section-2 {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
        background-image: url(./img_014.png);
        background-position: right -40px top 30px;
        background-size: 53%;
        background-repeat: no-repeat;
    }
    .item-section-3 {
        position: relative;
        width: 100%;
        height: 150px;
        margin: 0px auto 60px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
        background-image: url(./img_015.png);
        background-position: left;
        background-size: 52%;
        background-repeat: no-repeat;
    }
    .item-section-p {
        position: relative;
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
    }
    .item-section-blk {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 54px 0px 0.1px 0px;
        background-color: #191919;
/*        background-image: url(./img_004.png);
        background-position: top 0px right 0px;
        background-size: 60%;
        background-repeat: no-repeat;*/
    }
    .item-section-blk-2 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 66px 0px 0.1px 0px;
        background-color: #191919;
    }

    .item-section-4 {
        width: 85%;
        margin: 0px auto 30px auto;
        text-align: center;
        padding: 0.1px 0px 0.1px 0px;
    }
    .item-section-gray {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 60px 0px 0.1px 0px;
        background-color: #041E42;
    }
    .item-section-gray-2 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 80px 0px 0.1px 0px;
        background-color: #EAEAEA;
    }
    .item-section-gray-3 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 80px 0px 0.1px 0px;
        background-color: #DBDAD4;
    }
    .item-section-gray-4 {
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 80px 0px 0.1px 0px;
        background-color: #EAEAEA;
    }
/*section*/
    .hidden-1 {
        visibility: hidden;
        display: inline;
    }
    .hidden-2 {
        visibility: hidden;
        display: inline;
    }
    .hidden-3 {
        visibility: hidden;
        display: inline;
    }
    .text-box-1 {
        position: absolute;
        top: 10px;
        left: 0%;
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0px 0px;
    }
    .text-box-2 {
        width: 70%;
        margin: 0px auto 28px auto;
        text-align: left;
        padding: 0px 0px;
    }
    .text-box-3 {
        width: 75%;
        margin: 0px auto 24px 30px;
        text-align: left;
        padding: 0px 0px;
    }
    .text-box-4 {
        width: 85%;
        margin: 0px auto 31px auto;
        text-align: left;
    }
    .text-box-5 {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
    }

    .text-box-6 {
        width: 75%;
        margin: 0px auto 24px 30px;
        text-align: left;
        padding: 0px 0px;
    }

    .text-box-7 {
        position: absolute;
        bottom: 33px;
        right: 0px;
        width: 40%;
        margin: 0px auto 0px auto;
        text-align: right;
    }

/*header*/
    #header-1 {
        width: 100%;
        background-color: #000;
        padding: 0.1px 0px;
        box-sizing: border-box;
    }

    #header-1.is-fixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
      width: 100%;
    }
    
    #header-1 a{
        text-decoration: none;
    }
    #header-1 nav {
        transition: .3s;
        text-align: center;
        width: 100%;
        display: flex;
        margin: 15px auto;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        align-content: center;
    }
    .logo-box-1 {
        width: 30%;
        margin: 0px auto 0px 20px;
        display: block;
    }
    .logo-box-1 img{
        width: 100%;
        margin: 0px auto;
    }
    #header-1 ul {
        width: 70%;
        display: flex;
        padding: 0px 0px;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        align-content: center;
        margin: 30px auto 30px auto;
    }
    #header-1 li a {
        margin: 0px auto;
        opacity: 1;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Avenir-Light';
        color: #fff;
        line-height: 30px;
        letter-spacing: 1px;
        border-bottom: solid 1px #fff;
        text-align: left;
        width: 100%;
    }
    #header-1 li a:hover {
        opacity: 0.5;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Avenir-Light';
        color: #fff;
        line-height: 30px;
        letter-spacing: 0px;
    }

    #footer-1 {
        width: 100%;
        background-color: #000;
        padding: 100px 0px 0.1px 0px;
        box-sizing: border-box;
    }
    
    #footer-1 a {
        width: 100%;
        text-decoration: none;
    }

    #footer-1 nav {
        text-align: center;
        width: 85%;
        display: flex;
        margin: 0px auto 78px auto;
        justify-content: space-evenly;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #footer-1 img {
        text-align: center;
        width: 64%;
        display: flex;
        margin: 0px auto 55px auto;
        justify-content: center;
        align-items: center;
    }
    #footer-1 ul:nth-child(2) {
        width: 35%;
        display: flex;
        padding: 0px 0px;
        justify-content: flex-start;
        align-items: flex-end;
        flex-direction: column;
        margin: 0px 2% 0px 2%;
    }
    #footer-1 ul:nth-child(3) {
        width: 35%;
        display: flex;
        padding: 0px 0px;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        margin: 0px 2% 0px 2%;
    }
    #footer-1 li a{
        opacity: 1;
        text-decoration: none;
        font-size: 14px;
        font-family: 'AVE-MDI';
        color: #969696;
        line-height: 30px;
        letter-spacing: 0px;
    }
    #footer-1 li a:hover {
        opacity: 0.5;
        text-decoration: none;
        font-size: 14px;
        font-family: 'AVE-MDI';
        color: #969696;
        line-height: 30px;
        letter-spacing: 0px;
    }
/*header*/

/*　ハンバーガーメニューボタン　*/
    .hamburger {
      display : block;
      position: fixed;
      z-index : 3;
      right : 20px;
      top   : 10px;
      width : 42px;
      height: 42px;
      cursor: pointer;
      text-align: center;
    }
    .hamburger span {
      display : block;
      position: absolute;
      width   : 30px;
      height  : 2px ;
      left    : 6px;
      background : #BBBBBB;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition   : 0.3s ease-in-out;
      transition        : 0.3s ease-in-out;
    }
    .hamburger span:nth-child(1) {
      top: 10px;
    }
    .hamburger span:nth-child(2) {
      top: 20px;
    }
    .hamburger span:nth-child(3) {
      top: 30px;
    }

    /* スマホメニューを開いてる時のボタン */
    .hamburger.active span:nth-child(1) {
      top : 16px;
      left: 6px;
      background :#fff;
      -webkit-transform: rotate(-45deg);
      -moz-transform   : rotate(-45deg);
      transform        : rotate(-45deg);
    }

    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
      top: 16px;
      background :#fff;
      -webkit-transform: rotate(45deg);
      -moz-transform   : rotate(45deg);
      transform        : rotate(45deg);
    }

    /* メニュー背景　*/
    nav.globalMenuSp {
      position: fixed;
      z-index : 2;
      top  : 32px;
      left : 0;
      color: #fff;
      background: #000;
      text-align: center;
      width: 100%;
      transform: translateX(100%);
      transition: all 0.6s;
    }

    nav.globalMenuSp ul {
      margin: 0 auto;
      padding: 0;
      width: 100%;
    }

    nav.globalMenuSp ul li {
      list-style-type: none;
      padding: 0;
      width: 100%;
      transition: .4s all;
      margin: 0px auto 0px 0px;
    }
    nav.globalMenuSp ul li:last-child {
      padding-bottom: 0;
    }
    nav.globalMenuSp ul li:hover{
      background :#ddd;
    }

    nav.globalMenuSp ul li a {
      display: block;
      color: #fff;
      padding: 1em 0;
      text-decoration :none;
    }

    /* クリックでjQueryで追加・削除 */
    nav.globalMenuSp.active {
      opacity: 100;
      display: block;
       transform: translateX(0%);
    }
    
}