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

@font-face {
    font-family: 'IBM';
    src: url('../fonts/IBMPlexSansJP-Regular.woff2');
}
@font-face {
    font-family: 'IBM-BLD';
    src: url('../fonts/IBMPlexSans-Bold.woff2');
}

@font-face {
    font-family: 'IBM-JP-BLD';
    src: url('../fonts/IBMPlexSansJP-SemiBold.woff2');
}
@font-face {
    font-family: 'IBM-MDI';
    src: url('../fonts/IBMPlexSans-Medium.woff2');
}
@font-face {
    font-family: 'IBM-JP-MDI';
    src: url('../fonts/IBMPlexSansJP-Medium.woff2');
}
@font-face {
    font-family: 'IBM-SEM-BLD';
    src: url('../fonts/IBMPlexSans-SemiBold.woff2');
}
@font-face {
    font-family: 'IBM-SEM-JP-BLD';
    src: url('../fonts/IBMPlexSansJP-SemiBold.woff2');
}
@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-SEM-BLD';
    src: url('../fonts/NotoSansJP-Medium.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 */

    html {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
    }

    body {
      margin: 0;
      overflow-x: hidden;
      padding-top: 0 !important;
    }

    tr {
        display: inline-block;
        vertical-align: top;
        border-color: inherit;
    }

    tbody {
        margin: 0px auto;
        width: 100%;
        display: block;
        vertical-align: middle;
        border-color: inherit;
    }

    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: normal;
    }

    h3 {
        font-weight: normal;
    }

    h4 {
        font-weight: normal;
    }

    h5 {
        font-weight: normal;
    }

    h6 {
        font-weight: normal;
    }

    a {
        text-decoration: none;
    }



/*youtube*/
    #movie-section {
        width: 380px;
        text-align: center;
        margin: 0px auto 0px auto;
    }
    #movie-section img{
        width: 100%;
        text-align: center;
        margin: 0px auto 0px auto;
    }

    #movie-section-2 {
        width: 100%;
        text-align: center;
        margin: 0px auto 0px auto;
    }
    #movie-section-2 img{
        width: 100%;
        text-align: center;
        margin: 0px auto 0px auto;
    }
    .tv__movie_2 {
        margin: 0px auto 0px auto;
        width: 100%;
        height: 170px;
        padding-top: 37%;
        position: relative;
    }
    .tv__movie_2 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    .tv__movie {
        margin: 0px auto 0px auto;
        width: 100%;
        height: auto;
        padding-top: 178%;
        position: relative;
    }
    .tv__movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .tv__movie-pink {
        margin: 0px auto 0px auto;
        width: 100%;
        height: auto;
        padding-top: 56%;
        position: relative;
    }
    .tv__movie-pink iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*youtube*/

/*img*/

/*img*/

/*button*/
    .button {
    position: relative;
    padding: 16px 64px;
    margin: 0px auto 56px auto;
    text-align: center;
    width: 640px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    font-family: 'NOTO-BLD';
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #213156;
    box-sizing: border-box;
}

    .button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 42px;
    width: 14px;
    height: 14px;
    border-top: 4px solid #213156;
    border-right: 4px solid #213156;
    transform: translateY(-50%) rotate(45deg);
    transition: border-color 0.2s ease;
}

    .button:hover {
        background-color: #213156;
        border: 1px solid #fff;
        color: #fff;
    }

    .button:hover::after {
        border-top-color: #fff;
        border-right-color: #fff;
    }

    .button-2 {
        margin-top: auto;
        padding: 5px 0px;
        text-align: center;
        width: 100%;
        background-color: #213156;
        border: 1px solid #213156;
        border-radius: 0px;
        font-family: 'NOTO-BLD';
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
        color: #fff;
    }
    .button-2:hover {
        margin-top: auto;
        padding: 5px 0px;
        text-align: center;
        width: 100%;
        background-color: #fff;
        border: 1px solid #213156;
        border-radius: 0px;
        font-family: 'NOTO-BLD';
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
        color: #213156;
    }
/*button*/

/*txt*/
    .lp-title-1 {
        font-family: 'IBM-BLD';
        font-size: 64px;
        margin: 0px auto 0px auto;
        line-height: 74px;
        color: #333;
        text-align: center;
        letter-spacing: 0px;
    }
    .lp-title-1 span{
        font-family: 'IBM-BLD';
    }
    .lp-title-2 {
        width: 148px;
        margin: 0px auto 32px 0px;
    }
    .lp-title-2 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }

    .lp-txt {
        font-family: 'NOTO';
        font-size: 16px;
        margin: 0px auto 0px 0px;
        line-height: 24px;
        color: #000;
        text-align: left;
        letter-spacing: 0px;
    }

/*txt*/

/*border*/
    .border-1 {
        width: 75%;
        border-bottom: 1px solid #B6B6B6;
        margin: 0px auto 0px auto;
        text-align: center;
    }

    .border-2 {
        width: 100%;
        border-bottom: 1px solid #333;
        margin: 13px auto 13px auto;
        text-align: center;
    }
/*border*/

/*main*/
    .lp-contents-box {
      position: relative;
      width: 100%;
      min-height: 100vh;
      background-color: #fff;
      z-index: 1;
    }
/*main*/

/*article*/
    .lp-contents {
    position: relative;
    width: 100%;
    z-index: 1;
  }
/*article*/

/*section*/
    .fv-section {
        width: 100%;
        margin: 0px auto;
        padding: 170px 0px;
        background-color: #F7F7F7;
}
    .item-section {
        width: 100%;
        margin: 0px auto;
        padding: 0.1px 0px;
}

/*section*/

    .text-box-1 {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0px 0px;
    }
    .text-box-2 {
        width: 800px;
        margin: 170px auto 170px auto;
        text-align: center;
        padding: 0px 0px;
    }

/* slide */



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

/*hide*/

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

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

/*hide*/

@media screen and (max-width: 1000px) {

/*article*/
	.lp-contents {
    position: relative;
    width: 100%;
    z-index: 1;
  }
/*article*/

/*youtube*/
    #movie-section {
        width: 88%;
        text-align: center;
        margin: 0px auto 0px 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: 178.25%;
        position: relative;
    }
    .tv__movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .tv__movie-pink {
        margin: 0px auto 0px auto;
        width: 100%;
        height: auto;
        padding-top: 56.5%;
        position: relative;
    }
    .tv__movie-pink iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*youtube*/

/*hide*/
    .hide-sp {
    	display: none;
    }
    .hide-pc {
    	display: block;
    }
    .hide-sp-2{
        display: none;
    }
    .hide-pc-2 {
        display: block;
    }
    .hidden-1 {
        visibility: hidden;
        display: none;
    }
    .hidden-2 {
        visibility: hidden;
    }
    .hidden-3 {
        visibility: hidden;
        display: inline;
    }
/*hide*/

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

    tr {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        border-color: inherit;
    }

/* 以下ボタンスタイル */
    button {
      padding: 10px;
      background-color: #fff;
      border: 1px solid #282828;
      border-radius: 2px;
      cursor: pointer;
    }

/*  modal_end  */

/* text-animation_end */
    
    .text-box-1 {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
        padding: 0px 0px;
    }
    .text-box-2 {
        width: 88%;
        margin: 72px auto 72px auto;
        text-align: center;
        padding: 0px 0px;
    }



    .lp-title-1 {
        font-family: 'NOTO-BLD';
        font-size: 32px;
        margin: 0px auto 0px auto;
        line-height: 36px;
        color: #333;
        text-align: center;
        letter-spacing: 0px;
    }
    .lp-title-2 {
        width: 100px;
        margin: 0px auto 24px 0px;
    }
    .lp-title-2 img{
        width: 100%;
        margin: 0px auto 0px auto;
    }
    .lp-txt {
        font-family: 'NOTO';
        font-size: 16px;
        margin: 0px auto 0px 0px;
        line-height: 24px;
        color: #000;
        text-align: left;
        letter-spacing: 0px;
    }


/* section */
    .fv-section {
        width: 100%;
        margin: 0px auto;
        padding: 80px 0px;
        background-color: #F7F7F7;
}
    .item-section {
        width: 100%;
        margin: 0px auto;
        padding: 0.1px 0px;
}
/* section_end */

/*border*/
    .border-1 {
        width: 88%;
        border-bottom: 1px solid #B6B6B6;
        margin: 0px auto 0px auto;
        text-align: center;
    }

    .border-2 {
        width: 100%;
        border-bottom: 1px solid #333;
        margin: 13px auto 13px auto;
        text-align: center;
    }
/*border*/

/*main*/
    .lp-contents-box {
      position: relative;
      width: 100%;
      min-height: 100vh;
      background-color: #fff;
      z-index: 1;
    }
/*main*/

/*button*/
    .button {
        position: relative;
        padding: 12px 48px;
    }

    .button::after {
        right: 24px;
        width: 10px;
        height: 10px;
        border-top: 3px solid #213156;
        border-right: 3px solid #213156;
    }

    .button-2 {
        padding: 5px 0px;
        margin-top: auto;
        text-align: center;
        width: 100%;
        background-color: #213156;
        border: 1px solid #213156;
        border-radius: 0px;
        font-family: 'NOTO-BLD';
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
        color: #fff;
    }
    .button-2:hover {
        padding: 5px 0px;
        margin-top: auto;
        text-align: center;
        width: 100%;
        background-color: #fff;
        border: 1px solid #213156;
        border-radius: 0px;
        font-family: 'NOTO-BLD';
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
        color: #213156;
    }

}