@charset "utf-8";@charset "UTF-8";

        .row-fluid li {
            display: block;
            float: left;
            width: 100%;
            min-height: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #cont {
            /*background: #f9f9f9;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-bottom: 5%;*/
        }

        #Area img.bnr {
            margin: 0 auto;
            margin-bottom: 90px;
            display: block;
            padding-top: 0%;
        }

        #Area img {
            height: auto;
            max-width: 80%;
            vertical-align: middle;
            border: 0;
        }

        #Area {
            margin: 0 auto 100px;
            display: block;
            font-family: Oswald;
        }

        #Area .imageArea {
            width: 100%;
            margin: 0 auto 0;
            text-align: center;
        }

        #Area .imageArea ul.row-fluid {
            width: 100%;
            text-align: left;
            margin: 5% auto 0;
        }

        #Area .imageArea ul.last {
            margin: 0 auto;
        }

        #Area .imageArea ul.row-fluid li {
            width: 46%;
        }

        #Area .btn-area1 {
            width: 100%;
            display: block;
            margin: 100px auto 50px;
        }

        #Area .btn-area1 ul li.span10 {
            width: 60%;
            margin-left: 20%;
        }

        #Area .btn-area1 ul li a {
            display: block;
            font-size: 18px;
            line-height: 350%;
            text-decoration: none;
            text-align: center;
            color: #ffffff;
            font-weight: 700;
            background-color: #000;
            font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'Franklin Gothic Medium', 'Osaka', 'Roboto', sans-serif;
        }

        @media screen and (max-width: 750px) {
            .pageBodyArea {
                padding: 0;
            }
        }

        #Area .btn-area1 ul li a:hover {
            opacity: 0.7;
            display: block;
            font-size: 18px;
            line-height: 350%;
            text-decoration: none;
            text-align: center;
            font-weight: 700;
            color: #fff;
            background-color: #000;
            font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'Franklin Gothic Medium', 'Osaka', 'Roboto', sans-serif;
        }

        .main_text {
            text-align: center;
        }

        .top-text {
            font-size: 1.5em;
            /*font-weight: bold;*/
            margin: 2% 0 4%;
            text-align: center;
        }

        .top-text a {
            text-decoration: underline;
        }

        .text01 {
            font-size: 1.6em;
            line-height: 35px;
            font-family: "游ゴシック", "Yu Gothic";
            width: 90%;
            margin: 3% auto 10%;
        }

        .text02 {
            font-size: 17px;
            font-weight: bold;
            line-height: 28px;
            width: 71%;
            margin: 3% auto 13%;
        }

        .text04 {
            font-size: 17px;
            font-weight: bold;
            line-height: 28px;
            width: 71%;
            margin: 3% auto 13%;
        }

        .text03 {
            font-size: 17px;
            font-weight: bold;
            line-height: 28px;
            width: 65%;
            margin: 3% auto 10%;
        }

        .bottom_txt {
            text-align: center;
            font-size: 17px;
            line-height: 29px;
            font-weight: bold;
        }

        .bottom_txt * {
            font-weight: bold;
        }

        .bottom_txt a {
            text-decoration: underline;
        }

        .gray_txt {
            text-align: center;
            font-size: 17px;
            line-height: 24px;
            color: #7b7b7b;
            margin-bottom: 5%;
        }

        .gray_txt a {
            color: #989898;
            text-decoration: underline;
        }

        .mini {
            font-size: 14px;
        }

        .font01 {
            font-size: 1.6em;
            line-height: 1.7em;
            font-weight: bold;
        }

        .font02 {
            font-size: 1.7em;
            font-weight: bold;
        }

        .font03 {
            font-size: 1.7em;
            font-weight: bold;
            text-align: center;
            margin-bottom: 2%;
        }

        .space01 {
            margin-top: 10%;
        }

        .code_box {
            text-align: center;
            margin-bottom: 10%;
        }

        .number {
            font-size: 1.9em;
            margin-bottom: 2%;
            text-align: center;
        }

        .btn-area2 {
            text-align: center;
            display: block;
            margin: 9% auto 3%;
        }

        .btn-area2 a {
            background: #5f5f5f;
            color: #fff;
            font-size: 17px;
            padding: 1% 3% 1%;
        }

        .btn-area2 a:hover {
            opacity: 0.8;
            transition: 0.4s;
            text-decoration: none;
        }

        .btn-area3 {
            text-align: center;
            display: block;
            margin: 5% auto 3%;
            width: 27%;
        }

        .btn-area3 a {
            /*background: #5f5f5f;
  color: #fff;
  font-size: 17px;
  padding: 1% 5% 1%;*/
        }

        .btn-area3 a:hover {
            opacity: 0.8;
            transition: 0.4s;
            text-decoration: none;
        }

        .intro {
            margin-bottom: 10%;
        }

        .code02 {
            width: 70%;
            margin: 0 auto;
            text-align: center;
        }

        .code05 {
            width: 70%;
            margin: 0 auto;
        }

        .code06 {
            width: 90%;
            margin: 0 auto;
        }

        .mt20 {
            margin: 15% auto;
            width: 70%;
            text-align: center;
        }

        .bnr1 {
            margin: 0 auto 8%;
        }

        .bnr2 {
            width: 85%;
        }

        .bnr3 {
            width: 67%;
        }

        .line1 {
            margin-top: 6%;
        }

        /*追加*/
        .font01a {
            font-size: 1.4em;
            line-height: 1.7em;
            font-weight: bold;
        }

        .productimg {
            width: 25%;

            margin-bottom: 2%;
        }

        a.underline {
            text-decoration: underline;
        }

        .mb0 {
            margin-bottom: 0 !important;
        }

        .pb0 {
            padding-bottom: 0 !important;
        }

        .pt0 {
            padding-top: 0 !important;
        }

        /*===============================================
?tablet
===============================================*/
        @media (max-width: 1200px) and (min-width: 768px) {
            #Area .imageArea ul.row-fluid {
                width: 100%;
                text-align: center;
                margin: 5% auto 0;
            }

            .credit_area {
                margin-top: 8px;
            }

            .credit_area a {
                font-size: 17px;
                color: #000;
                font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'Franklin Gothic Medium', 'Osaka', 'Roboto', sans-serif;
            }

            #Area .btn-area1 {
                width: 80%;
                display: block;
                margin: 0 auto 80px;
            }

            #Area .btn-area1 ul li.span10 {
                width: 100%;
                margin-left: 4%;
                padding-bottom: 0%;
                padding-top: 2%;
            }

            #Area .btn-area1 ul li.span10:first-child {
                margin-left: 0;
            }

            #Area .btn-area1 ul li a {
                display: block;
                font-size: 18px;
                line-height: 350%;
                text-decoration: none;
                text-align: center;
                color: #fff;
                background-color: #000;
                font-weight: bold;
                font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'Franklin Gothic Medium', 'Osaka', 'Roboto', sans-serif;
            }

            #Area .content-area {
                padding-bottom: 0;
            }

            .pl148 {
                padding-left: 50px;
            }

            .pl40 {
                padding-left: 0px;
            }

            .number {
                margin-left: 0;
                text-align: center;
            }
        }

        /*===============================================
?SMP
===============================================*/
        @media (max-width: 767px) {
            #Area .imageArea ul.row-fluid {
                width: 100%;
                text-align: center;
                margin: 0 auto;
            }

            .credit_area {
                margin-top: 10px;
            }

            .credit_area a {
                font-size: 14px;
                color: #000;
                font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'Franklin Gothic Medium', 'Osaka', 'Roboto', sans-serif;
            }

            #Area .btn-area1 {
                width: 90%;
                display: block;
                margin: 0 auto 80px;
            }

            #Area .btn-area1 ul li.span10 {
                width: 100%;
                margin-left: 4%;
                padding-bottom: 0%;
                padding-top: 2%;
            }

            #Area .btn-area1 ul li.span10:first-child {
                margin-left: 0;
                margin-top: 20%;
            }

            #Area .btn-area1 ul li a {
                display: block;
                font-size: 18px;
                line-height: 350%;
                text-decoration: none;
                text-align: center;
                color: #fff;
                background-color: #000;
                font-weight: bold;
                font-family: 'Yu Gothic Medium', '游ゴシック Medium', 'Franklin Gothic Medium', 'Osaka', 'Roboto', sans-serif;
            }

            #Area .content-area {
                padding-bottom: 0;
            }

            #Area img {
                height: auto;
                max-width: 100%;
                vertical-align: middle;
                border: 0;
            }

            #Area img.bnr {
                margin: 0 auto 10%;
                display: block;
                padding-top: 0%;
            }

            .bnr2 {
                width: 100%;
            }

            .bnr3 {
                width: 90%;
            }

            .pc3 img {
                display: none;
            }

            .smp3 img {
                display: block;
                margin-top: 0%;
                margin-bottom: 0%;
            }

            #Area .imageArea ul.row-fluid li.mt47 {
                margin-top: 12%;
            }

            #Area .imageArea ul.row-fluid li.mt95 {
                margin-top: 12%;
            }

            #Area .imageArea ul.row-fluid li.mt120 {
                margin-top: 12%;
            }

            .top-text {
                font-size: 11px;
                line-height: 17px;
            }

            .number {
                margin-left: 0;
                text-align: center;
                font-size: 1.7em;
            }

            .bottom_txt {
                font-size: 10px;
                line-height: 17px;
            }

            .text01 {
                font-size: 10px;
                line-height: 20px;
                width: 90%;
            }

            .text02 {
                font-size: 10px;
                line-height: 20px;
                width: 90%;
            }

            .text03 {
                font-size: 10px;
                line-height: 20px;
                width: 91%;
            }

            .text04 {
                font-size: 10px;
                line-height: 20px;
                width: 80%;
            }

            .gray_txt {
                text-align: center;
                font-size: 10px;
                line-height: 17px;
                margin-top: 10%;
            }

            .mini {
                font-size: 11px;
            }

            .font01 {
                font-size: 1.3em;
                line-height: 0;
            }

            .font02 {
                font-size: 1.4em;
                font-weight: bold;
            }

            .font03 {
                font-size: 1.3em;
                text-align: left;
            }

            .btn-area2 a {
                font-size: 14px;
                padding: 2%;
            }

            .btn-area3 {
                text-align: center;
                display: block;
                margin: 5% auto 3%;
                width: 50%;
            }

            .code06 {
                width: 100%;
            }

            /*追加*/
            .sp_padding {
                padding: 0 2%;
            }

            .productimg {
                width: 50%;
                margin-bottom: 2%;
            }

            .font01a {
                font-size: 1.2em;
            }
        }

        @media (max-width: 560px) {
            #Area .imageArea ul.row-fluid li.style3 {
                margin-bottom: 0;
            }
        }

        .page__ttl {
            font-size: 3.2em;
            font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
            text-align: center;
        }

        @media (max-width: 767px) {
            .page__ttl {
                font-size: 1.5em;
            }
        }

        .bottom-text {
            text-align: center;
            margin: 4% 0 8%;
            font-size: 17px;
            font-weight: bold;
            border-bottom: solid 1px black;
            display: inline-block;
            padding-bottom: 4%;
        }

        @media (max-width: 767px) {
            .bottom-text {
                font-size: 11px;
            }
        }

        .intro-text {
            margin: 4% auto 8%;
            font-size: 17px;
            font-weight: bold;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        @media (max-width: 767px) {
            .intro-text {
                font-size: 11px;
            }
        }

        .intro-text p {
            font-weight: bold;
        }

        .intro-text p:not(:last-child) {
            margin-bottom: 2em;
        }

        .intro-text .border {
            padding-bottom: 4%;
            border-bottom: solid 1px black;
        }

        .code01,
        .code03,
        .code04 {
            text-align: center;
        }

        .text01,
        .text03,
        .text04 {
            text-align: center;
        }

        .code02 {
            width: 100%;
            max-width: 557px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 10%;
            padding-bottom: 4%;
            border-bottom: solid 1px black;
        }

        .text03 {
            padding-bottom: 4%;
            border-bottom: solid 1px black;
            max-width: 590px;
            width: 100%;
        }

        .text03_sub {
            max-width: 600px;
        }

        .text04 {
            padding-bottom: 4%;
            border-bottom: solid 1px black;
            max-width: 620px;
            width: 100%;
            margin-bottom: 4%;
        }

        .link-txt {
            text-align: center;
            font-size: 17px;
            font-weight: bold;
        }

        @media (max-width: 767px) {
            .link-txt {
                font-size: 11px;
            }
        }

        iframe {
            max-width: 100%;
        }

        p.top_text {
            margin-top: 30px;
            font-size: 1.7em;
            line-height: 1.7;
        }

        .intro.mb0,
        .intro-text.mb0 {
            margin-bottom: 0;
        }

        .mt3 {
            margin-top: 3%;
        }

        .top-text.lh1 {
            line-height: 0.9;
        }

        .top-text .top-text_mini {
            font-size: 14px;
        }

        .border.line_none {
            border-bottom: none;
        }

        .mb3 {
            margin: 5% auto 3%;
        }


        .text03.text03_sub.mb5 {
            margin-bottom: 5%;
        }

        .link-txt.mb8 {
            margin-bottom: 8%;
        }

        .text01.mt1 {
            margin-top: 1%;
        }

        h3.page__ttl.mini {
            font-size: 17px;
        }

        @media (max-width: 767px) {
            p.top_text {
                font-size: 1.45em;
            }

            .top-text .top-text_mini {
                font-size: 12px;
                line-height: 1.5;
            }

        }

        /*-----Interview Section------*/
        #interview-container {
            display: flex;
            max-width: 80%;
            margin: 0 auto;
            flex-flow: row wrap;
            align-items: flex-start;
            margin-bottom: 60px;
        }

        #interview-container>* {
            margin-bottom: 27px;
        }

        #interview-container .interview-image1 {
            width: 35%;
            margin-right: 54px;
        }

        #interview-container .interview-text1 {
            width: calc(65% - 54px);
        }

        #interview-container .interview-text2 {
            width: calc(68% - 54px);
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            #interview-container .interview-text1 {
                padding-right: 0;
            }

            #interview-container .interview-text2 {
                padding-left: 0;
            }
        }

        @media screen and (min-width: 1024px) {
            #interview-container .interview-text1 {
                padding-right: 34px;
            }

            #interview-container .interview-text2 {
                padding-left: 34px;
            }
        }

        #interview-container .interview-image2 {
            width: 32%;
            margin-left: 54px;
        }

        #interview-container .interview-heading {
            font-weight: bold;
            font-size: calc(16/14*1em);
        }

        #interview-container p {
            margin-bottom: 1.5em;
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            #interview-container .interview-text1 {
                padding-right: 0;
            }

            #interview-container .interview-text2 {
                padding-left: 0;
            }
        }

        @media (max-width: 1023px) {
            #interview-container .interview-image1 {
                width: 100%;
                margin-right: 0;
                max-width: none;
            }

            #interview-container .interview-text1 {
                width: 100%;
            }

            #interview-container .interview-text2 {
                width: 100%;
                order: 10;
            }

            #interview-container .interview-image2 {
                width: 100%;
                margin-left: 0;
                max-width: none;
            }
        }

        @media (max-width: 767px) {
            #interview-container {
                max-width: 100%;
                margin-bottom: 30px;
            }
        }

        iframe {
            max-width: 100%;
        }

        .main .iframe {
            position: relative;
            padding: calc(540 / 960 * 100%) 0 0;
            max-width: 960px;
            margin-left: auto;
            margin-right: auto;
        }

        @media screen and (min-width: 1024px) {
            .main .iframe {
                padding: calc(540 / 1200 * 100%) 0 0;
            }
        }

        .main .iframe iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        @media screen and (max-width: 767px) {
            #wrapper .pageBodyArea {
                padding: 0;
            }
        }

        //クリスマスLP
        /*-----------------------------------------
GIFT 2020
-------------------------------------------*/
        .mainContents {
            width: 100%;
            max-width: 100%;
            padding-top: 48px;
            padding-bottom: 80px;
        }

        @media screen and (min-width: 751px) {
            .mainContents {
                padding-left: 28px;
                padding-right: 28px;
                padding-top: 77px;
                padding-bottom: 160px;
            }
        }

        .side-runner {
            position: fixed;
            top: 50%;
            text-align: center;
            font-size: 1.6rem;
            color: #211537;
            transform: translateY(-50%);
        }

        .side-runner-left {
            left: 25px;
        }

        .side-runner-right {
            right: 25px;
        }

        @media (max-width: 750px) {

            .mainContents {
                padding: 50px 0 75px;
            }

            .mainContents .item-list,
            .mainContents .item-list2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                align-items: flex-start;
                width: 95%;
                margin: 0 auto;
            }

            .mainContents .item-list li,
            .mainContents .item-list2 li {
                width: calc(50% - 10px);
            }

            .mainContents .item-list li:not(:last-child):not(:nth-last-of-type(2)),
            .mainContents .item-list2 li:not(:last-child):not(:nth-last-of-type(2)) {
                margin-bottom: 24px;
            }

            .mainContents .item-list .colspan2--sp,
            .mainContents .item-list2 .colspan2--sp {
                width: 100%;
            }
        }

        .mainContents .item-list a,
        .mainContents .item-list2 a {
            display: block;
        }

        @media screen and (min-width: 751px) {
            .mainContents .item-list {
                max-width: 1100px;
                display: grid;
                display: -ms-grid;
                -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
                grid-template-columns: repeat(3, 1fr);
                -ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
                grid-template-rows: repeat(1, 1fr);
                gap: 30px;
                margin-left: auto;
                margin-right: auto;
                align-items: flex-start;
            }

            .mainContents .item-list2 {
                max-width: 1100px;
                display: grid;
                display: -ms-grid;
                -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
                grid-template-columns: repeat(4, 1fr);
                -ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
                grid-template-rows: repeat(1, 1fr);
                gap: 30px;
                margin-left: auto;
                margin-right: auto;
                align-items: flex-start;
            }

            .mainContents .item-list>*:nth-child(1) {
                -ms-grid-row: 1;
                -ms-grid-column: 1;
            }

            .mainContents .item-list>*:nth-child(2) {
                -ms-grid-row: 1;
                -ms-grid-column: 3;
            }

            .mainContents .item-list>*:nth-child(3) {
                -ms-grid-row: 1;
                -ms-grid-column: 7;
            }

            .mainContents .item-list>*:nth-child(4) {
                -ms-grid-row: 1;
                -ms-grid-column: 9;
            }

            .mainContents .item-list>*:nth-child(5) {
                -ms-grid-row: 3;
                -ms-grid-column: 1;
            }

            .mainContents .item-list>*:nth-child(6) {
                -ms-grid-row: 3;
                -ms-grid-column: 3;
            }

            .mainContents .item-list>*:nth-child(7) {
                -ms-grid-row: 3;
                -ms-grid-column: 5;
            }

            .mainContents .item-list>*:nth-child(8) {
                -ms-grid-row: 3;
                -ms-grid-column: 7;
            }

            .mainContents .item-list>*:nth-child(9) {
                -ms-grid-row: 3;
                -ms-grid-column: 9;
            }

            .mainContents .item-list>*:nth-child(10) {
                -ms-grid-row: 5;
                -ms-grid-column: 1;
            }

            .mainContents .item-list>*:nth-child(11) {
                -ms-grid-row: 5;
                -ms-grid-column: 3;
            }

            .mainContents .item-list>*:nth-child(12) {
                -ms-grid-row: 5;
                -ms-grid-column: 5;
            }

            .mainContents .item-list>*:nth-child(13) {
                -ms-grid-row: 5;
                -ms-grid-column: 7;
            }

            .mainContents .item-list>*:nth-child(14) {
                -ms-grid-row: 5;
                -ms-grid-column: 9;
            }

            .mainContents .item-list>*:nth-child(15) {
                -ms-grid-row: 7;
                -ms-grid-column: 1;
            }

            .mainContents .item-list>*:nth-child(16) {
                -ms-grid-row: 7;
                -ms-grid-column: 3;
            }

            .mainContents .item-list>*:nth-child(17) {
                -ms-grid-row: 7;
                -ms-grid-column: 5;
            }

            .mainContents .item-list>*:nth-child(18) {
                -ms-grid-row: 7;
                -ms-grid-column: 9;
            }

            .mainContents .item-list>*:nth-child(19) {
                -ms-grid-row: 9;
                -ms-grid-column: 1;
            }

            .mainContents .item-list>*:nth-child(20) {
                -ms-grid-row: 9;
                -ms-grid-column: 3;
            }

            .mainContents .item-list>*:nth-child(21) {
                -ms-grid-row: 9;
                -ms-grid-column: 5;
            }

            .mainContents .item-list>*:nth-child(22) {
                -ms-grid-row: 9;
                -ms-grid-column: 7;
            }

            .mainContents .item-list>*:nth-child(23) {
                -ms-grid-row: 9;
                -ms-grid-column: 9;
            }

            .mainContents .item-list>*:nth-child(24) {
                -ms-grid-row: 11;
                -ms-grid-column: 1;
            }

            .mainContents .item-list>*:nth-child(25) {
                -ms-grid-row: 11;
                -ms-grid-column: 3;
            }

            .mainContents .item-list>*:nth-child(26) {
                -ms-grid-row: 11;
                -ms-grid-column: 5;
            }

            .mainContents .item-list>*:nth-child(27) {
                -ms-grid-row: 11;
                -ms-grid-column: 7;
            }

            .mainContents .item-list>*:nth-child(28) {
                -ms-grid-row: 11;
                -ms-grid-column: 9;
            }

            .mainContents .item-list>*:nth-child(29) {
                -ms-grid-row: 13;
                -ms-grid-column: 1;
            }

            .mainContents .item-list>*:nth-child(30) {
                -ms-grid-row: 13;
                -ms-grid-column: 3;
            }
        }

        @media screen and (min-width: 751px) and (max-width: 1440px) {
            .mainContents .item-list {
                gap: 2.08333vw;
            }
        }

        @media screen and (min-width: 751px) {

            .mainContents .item-list .colspan2,
            .mainContents .item-list2 .colspan2 {
                -ms-grid-column-span: 3;
                grid-column: span 2;
            }
        }

        .mainContents .page__ttl {
            text-align: center;
        }

        @media (max-width: 750px) {
            .mainContents .page__ttl {
                margin-bottom: 33px;
            }

            .mainContents .page__ttl img {
                width: 250px;
            }
        }

        @media screen and (min-width: 751px) {
            .mainContents .page__ttl {
                margin-bottom: 45px;
            }
        }

        .mainContents .item__no {
            font-family: "Brush Script";
            margin-top: .5em;
            line-height: 1;
            font-size: 1.5rem;
        }

        @media screen and (min-width: 751px) {
            .mainContents .item__no {
                font-size: 2rem;
            }
        }