@charset "UTF-8";






    /* base ---------------------------------------------------------------------------- */
	body {
	    background-color: #fff;
	}
            #lp_wrap {
                font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, sans-serif;
                padding: 0px;
                background: inherit;
            }
            #lp_wrap .wrap_masthead {
                background: #ffffff;
            }
			.masthead {
				/* max-width: 1480px; */
				margin: 0 auto;
				position: relative;
				background-color: #eaeaea;
			}
            #lp_innner {
                margin: 0 auto;
                display: block;
                /* margin-top: 40px; */
                /* margin-bottom: 63px; */
                padding-bottom: 80px;
            }
            #lp_wrap .masthead {
                padding: 30px 0;
                background-size: auto auto;
                /* background-image: repeating-linear-gradient(90deg, transparent, transparent 38px, rgba(30, 72, 131, 1) 38px, rgba(30, 72, 131, 1) 70px ); */
                text-align: center;
            }
            #lp_wrap .masthead h1 img {
                display: block;
                margin: auto;
				max-width: 100%;
				width: auto;
				height: 420px;
                padding: 0;
            }
            #lp_wrap .intro {
                width: 976px;
                margin: 40px auto;
                font-size: 16px;
                line-height: 2.8;
				text-align: center;
            }
            #lp_wrap .wrap_masthead p {
                font-size: 14px;
                line-height: 2.5;
                padding: 40px 0;
                width: 640px;
            }
            #lp_wrap .wrap_masthead p.js-line1, #lp_wrap .wrap_masthead p.js-line2, #lp_wrap .wrap_masthead p.price  {
                width: 100%;
                padding: 0;
                line-height: 1.6;
            }
            #lp_wrap section {
                display: block;
                width: 100%;
                padding: 0 0 100px 0;
            }
            #lp_wrap .container {
                width: 976px;
                margin: 0 auto;
            }
    
            .bg_color { background-color: #eee;}
    
            h2.title {
				font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
                text-align: center;
                font-weight: bold;
                font-size: 24px;
            }
            .bnr_box {
                margin-top: 15px;
                display: flex;
                justify-content: space-evenly;
            }
			h4 {
				font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
                text-align: left;
                font-weight: bold;
                font-size: 22px;
            }

    /* button ---------------------------------------------------------------------------- */
            /* ナビボタン　真ん中1個 */
            #lp_wrap .wrap_listbtn a {
                position: relative;
                background: #e5a1a1;
                font-size: 18px;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 15px 0;
                display: block;
                text-align: center;
                width: 500px;
                margin: 60px auto 0;
                text-decoration: none;
            }
            #lp_wrap .wrap_listbtn a:hover {
                opacity: 0.6;
            }
            #lp_wrap .wrap_listbtn a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }

            /* ナビボタン　並び3個 */
            .mainbtn_area {
                width: 976px;
                display: flex;
                margin: 0 auto;
                flex-direction: row;
                justify-content: space-evenly;
            }

            #lp_wrap .wrap_listbtn_s a {
                position: relative;
                background: #e5a1a1;
                font-size: 18px;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 7px 0;
                display: block;
                text-align: center;
                width: 230px;
                margin: 0px auto;
                text-decoration: none;
            }
            #lp_wrap .wrap_listbtn_s a:hover {
                opacity: 0.6;
            }
            #lp_wrap .wrap_listbtn_s a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }

            #lp_wrap .wrap_listbtn_middle a {
                position: relative;
                background: #e5a1a1;
                font-size: 18px;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 15px 0;
                display: block;
                text-align: center;
                margin: 60px auto 0;
                text-decoration: none;
            }
            #lp_wrap .wrap_listbtn_middle a:hover {
                opacity: 0.6;
            }
            #lp_wrap .wrap_listbtn_middle a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }

            .m-icon {
                vertical-align: middle;
            }

            /* ナビボタン　並び2個
            .mainbtn_area {
                width: 976px;
                display: flex;
                margin: 0 auto;
                flex-direction: row;
                justify-content: space-evenly;
            } */
            .wrap_listbtn_m, .wrap_listbtn_l {
                width: 100%;
            }
            #lp_wrap .wrap_listbtn_m a {
                position: relative;
                background: #5e8ad1;
                font-size: 1.8rem;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 18px 0;
                display: block;
                text-align: center;
                width: 90%;
                margin: 0px auto;
            }
            #lp_wrap .wrap_listbtn_l a {
                position: relative;
                background: #d15e79;
                font-size: 1.8rem;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 18px 0;
                display: block;
                text-align: center;
                width: 90%;
                margin: 0px auto;
            }
            .ttl_largetxt, .ttl_middletxt {
                font-size: 2.2rem;
                font-weight: bold;
                display: inline-block;
                vertical-align: baseline;
            }
            .ttl_middletxt {
                font-size: 1.8rem;
            }
            .product_wrap {
                width: 100%;
            }
            
            .product {
                border: 1px solid #d2d2d2;
                margin: 0;
            }
            .price {
                text-align: right;
                font-size: 1.3rem;
                color: #de1642;
            }
    
    
    /* フェード ---------------------------------------------------------------------------- */
            .FadeSlideUp {
                opacity: 0;
                transform: translate3d(0, 20px, 0);
            }
    
    
            .FadeSlideUp.-active {
                opacity: 1;
                transform: translate3d(0, 0, 0);
                transition: opacity 1.5s, transform 1.5s;
            }
    
            .ZoomOut {
                transform: scale(1.25);
            }
    
            .ZoomOut.-active {
                transform: scale(1);
                transition: transform 1.5s;
            }
    
            .ZoomIn {
                opacity: 0;
                transform: scale(0.5);
            }
    
            .ZoomIn.-active {
                opacity: 1;
                transform: scale(1);
                transition: opacity 1.5s, transform 1s;
            }



/* ----------------------------------------- giletpantssetup ---- */
            #lp_wrap .masthead {
                padding: 0;
                background-size: auto auto;
                background-image: linear-gradient(90deg, #b1ecec 0%, #b0ecec 50%, #ffe9a9 50%, #ffe9a9 100%);
                text-align: center;
                wdth: 100%;
            }
            #lp_wrap .intro {
                width: 976px;
                margin: 60px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
            }
            #lp_wrap .masthead h1 img {
                display: block;
                margin: auto;
                max-width: 1920px;
                width: 100%;
                height: 100%;
                padding: 0;
                max-height: 660px;
            }
            #sec01 .point_area {
                background: #f2f2f2;
                text-align: center;
                padding: 100px 0;
            }
            #sec01 h4 {
                text-align: center;
                margin-bottom: 40px;
            }
            #sec01 ul {
                display: flex;
                flex-direction: row;
                justify-content: center;
                flex-wrap: nowrap;
            }
            #sec01 li {
                padding: 0 20px;
                font-size: 16px;
                width: 260px;
            }
            #sec01 li img {
                margin-bottom: 20px;
                max-width: 100%;
            }
            
            #sec02 .color_area {
                text-align: center;
            }
            
            #sec02 ul.color_area_ul01 {
                display: flex;
                flex-direction: row;
                justify-content: center;
            }
            
            
            #sec02 h4 {
                text-align: center;
                margin-bottom: 40px;
            }
            #sec02 h6 {
                font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
                text-align: center;
                font-weight: bold;
                font-size: 22px;
                padding: 30px 0;
            }
            .series {
                width: 540px;
                margin: 0 auto 10px;
            }
            .series img {
                max-width: 100%;
            }
            .color_area_02 {
                display: flex;
                flex-direction: row;
                justify-content: center;
            }
            .color_area_ul01 li {
                padding: 0 10px;
                width: 260px;
            }
            ul.color_area_ul01 img {
                width: 100%;
                max-width: 100%;
                height: auto;
            }
            .color_area_02_inner {
                width: 275px;
            }
            
            .color_area_02_inner li a.left {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 0 10px 10px 10px;
                padding: .9em 2em;
                border: none;
                border-radius: 25px;
                background-color: #555555;
                color: #fff;
                font-size: 16px;
            }
            .color_area_02_inner li a.left::after {
                transform: translateY(-25%) rotate(45deg);
                width: 9px;
                height: 9px;
                margin-left: 10px;
                border-bottom: 2px solid #fff;
                border-right: 2px solid #fff;
                content: '';
                transition: transform .3s;
            }
            
            .color_area_02_inner li a.right {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 0 10px 10px 10px;
                padding: .9em 2em;
                border: none;
                border-radius: 25px;
                background-color: #d4b590;
                color: #fff;
                font-size: 16px;
            }
            a:hover.left {
                opacity: 0.7;
            }
            
            .color_area_02_inner li a.right::after {
                transform: translateY(-25%) rotate(45deg);
                width: 9px;
                height: 9px;
                margin-left: 10px;
                border-bottom: 2px solid #fff;
                border-right: 2px solid #fff;
                content: '';
                transition: transform .3s;
            }
            a:hover.right {
                opacity: 0.7;
            }
            
            
            /* Black */
            /* ----------------------------------------- section#sec03 ---- */
            section {
                display: inline;
            }
            
            #sec03 h4 {
                border-bottom: 5px solid #555555;
                width: 40%;
                margin-bottom: 60px;
                text-align: right;
                padding-right: 60px;
                padding-bottom: 10px;
            }
            #sec03 h4 img {
                width: 135px;
                height: auto;
            }
            
            #sec03 h6 {
                position: absolute;
                top: -56px;
                left: 100px;
            }
            
            #sec03 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.5fr 0.7fr 0.7fr 0fr 1.3fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            .coorde_title {
                grid-area: 1 / 2 / 2 / 3;
                position: absolute;
                right: 120px;
                z-index: 200;
                
            }
            
            .coorde_photo {
                display: grid;
                grid-template-columns: 0fr 0fr 0fr;
                grid-template-rows: 0fr 0fr 0fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                grid-area: 1 / 2 / 4 / 3;
                margin-top: 27px;
            }
            
            #sec03 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
                font-size: 16px;
                line-height: 2;
            }
            
            .coorde_price { grid-area: 2 / 3 / 3 / 4; }
            
            .coorde_price dl {
                width: 340px;
                font-size: 18px;
            }
            .coorde_price dt {
                width: 40%;
                display: inline-block;
                margin-bottom: 8px;
            }
            .coorde_price dd {
                width: 57%;
                display: inline-block;
                margin-bottom: 8px;
                text-align: right;
            }
            
            .coorde_set {
                grid-area: 3 / 3 / 4 / 4;
                position: absolute;
                background-color: whitesmoke;
                padding: 60px;
                width: 100%;
            }
            .coorde_set_2way {
                grid-area: 3 / 3 / 4 / 4;
                position: absolute;
                background-color: whitesmoke;
                padding: 60px 42px;
                width: 100%;
            }
            
            #sec03 .coorde_phot02 {
                grid-area: 5 / 3 / 6 / 4;
                margin-left: 50px;
                margin-top: 0;
                z-index: 10;
            }
            
            #sec03 .line {
                grid-area: 5 / 1 / 6 / 3;
                margin-right: -70px;
                z-index: 1;
            }
            
            #sec03 hr.hr_up {
                margin-top: 340px;
                height: 0px;
                border: 11px solid #555555;
            }
            
            hr.hr_down {
                border: 4px solid #555555;
            }
            
            /* ----------------------------------------- section#sec04 ---- */
            
            #sec04 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.3fr 0.5fr 0.6fr 0.4fr 0.6fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            #sec04 h6 {
                position: absolute;
                top: -15px;
                left: 100px;
            }
            
            #sec04 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
            }
            .coord_txt p {
                padding: 10% 22% 0 10%;
                font-size: 16px;
                line-height: 2;
            }
            .coord_txt .imgbox {
                margin-top: 50px;
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            .coord_txt .imgbox p {
                padding: 0 0 0 20px;
                display: inline-table;
            }
            .coord_txt .imgbox span.underline {
                background: linear-gradient(transparent 60%, #ffedb5 20%);
            }
            
            #sec04 .coorde_phot02 {
                grid-area: 4 / 3 / 6 / 4;
                margin-top: 180px;
                margin-left: 50px;
                z-index: 10;
            }
            
            #sec04 .line { 
                grid-area: 5 / 1 / 6 / 3;
                margin-right: -70px;
                z-index: 1;
            }
            
            
            #sec04 hr.hr_up {
                margin-top: 90px;
                height: 0px;
                border: 11px solid #555555;
            }
            
            
            /* ----------------------------------------- section#sec05 ---- */
            
            #sec05 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.3fr 0.5fr 0.6fr 0.4fr 0.6fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            #sec05 h6 {
                position: absolute;
                top: -12px;
                left: 100px;
            }
            
            #sec05 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
            }
            
            #sec05 .coorde_phot02 {
                grid-area: 4 / 3 / 6 / 4;
                margin-top: 180px;
                margin-left: 50px;
                z-index: 10;
            }
            
            #sec05 .line { 
                grid-area: 5 / 1 / 6 / 3;
                margin-right: -70px;
                z-index: 1;
            }
            
            #sec05 hr.hr_up {
                margin-top: 90px;
                height: 0px;
                border: 11px solid #555555;
            }
            
            /* ----------------------------------------- section#sec06 ---- */
            
            #sec06 h6 {
                position: absolute;
                top: -15px;
                left: 100px;
            }
            
            #sec06 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.3fr 0.5fr 0.6fr 0.4fr 0.5fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            #sec06 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
            }
            
            #sec06 .coorde_phot02 {
                grid-area: 4 / 3 / 6 / 4;
                margin-top: 180px;
                margin-left: 50px;
                z-index: 10;
            }
            
            #sec06 .line { 
                grid-area: 5 / 1 / 6 / 3;
                margin-right: -70px;
                z-index: 1;
            }
            
            #sec06 hr.hr_up {
                margin-top: 90px;
                height: 0px;
                border: 11px solid #555555;
            }
            
            
            /* Camel */
            /* ----------------------------------------- section#sec07 ---- */
            
            #sec07 h6 {
                position: absolute;
                top: -55px;
                left: 100px;
            }
            
            #sec07 h4 {
                border-bottom: 5px solid #d4b590;
                width: 40%;
                margin-bottom: 60px;
                text-align: right;
                padding-right: 60px;
                padding-bottom: 10px;
            }
            
            #sec07 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.3fr 0.6fr 0.61fr 0.5fr 1fr 0.2fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            #sec07 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
            }
            
            .coord_txt .imgbox span.underline_camel {
                background: linear-gradient(transparent 60%, #b7f2f0 20%);
            }
            
            #sec07 .coord_txt .imgbox {
                margin-top: 80px;
            }
            .coorde_phot02 {
                grid-area: 4 / 3 / 6 / 4;
                position: absolute;
                margin-top: 170px;
                margin-left: 50px;
            }
            #sec07 .line_right {
                grid-area: 6 / 3 / 7 / 4;
                margin-top: -40px;
                margin-left: -73px;
                z-index: -10;
            }
            
            #sec07 .coorde_phot03 {
                grid-area: 5 / 2 / 7 / 3;
                margin-top: 140px;
                margin-left: 90px;
                z-index: 100;
            }
            
            #sec07 hr.hr_up {
                margin-top: -90px;
                height: 0px;
                border: 11px solid #d4b590;
            }
            
            hr.hr_down_c {
                border: 4px solid #d4b590;
            }
            
            /* ----------------------------------------- section#sec08 ---- */
            
            #sec08 h6 {
                position: absolute;
                top: -15px;
                left: 100px;
            }
            
            #sec08 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.3fr 0.6fr 0.5fr 0.5fr 1fr 0fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            #sec08 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
            }
            
            #sec08 .coord_txt .imgbox {
                margin-top: 30px;
            }
            #sec08 .coorde_phot02 {
                grid-area: 4 / 3 / 6 / 4;
                position: absolute;
                margin-top: 210px;
            }
            #sec08 .line_right {
                grid-area: 6 / 3 / 7 / 4;
                margin-left: -73px;
                margin-top: -130px;
                z-index: -10;
            }
            
            #sec08 .coorde_phot03 {
                grid-area: 5 / 2 / 7 / 3;
                margin-top: 110px;
                margin-left: 90px;
                z-index: 100;
            }
            
            #sec08 hr.hr_up {
                margin-top: -150px;
                height: 0px;
                border: 11px solid #d4b590;
            }
            
            /* ----------------------------------------- section#sec09 ---- */
            
            #sec09 h6 {
                position: absolute;
                top: -15px;
                left: 100px;
            }
            
            #sec09 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.3fr 0.6fr 0.5fr 0.5fr 1fr 0.1fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            #sec09 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
            }
            
            #sec09 .coord_txt .imgbox {
                margin-top: 30px;
            }
            #sec09 .coorde_phot02 {
                grid-area: 4 / 3 / 6 / 4;
                position: absolute;
                margin-top: 210px;
                z-index: 10;
            }
            #sec09 .line {
                grid-area: 5 / 1 / 6 / 3;
                margin-right: -70px;
                z-index: 1;
            }
            
            #sec09 .coorde_phot03 {
                grid-area: 5 / 2 / 7 / 3;
                margin-top: 110px;
                margin-left: 90px;
                z-index: 100;
            }
            
            #sec09  hr.hr_up {
                margin-top: 330px;
                height: 0px;
                border: 11px solid #d4b590;
            }
            
            /* ----------------------------------------- section#sec10 ---- */
            
            #sec10 h6 {
                position: absolute;
                top: -15px;
                left: 100px;
            }
            
            #sec10 .coord_area {
                display: grid;
                grid-template-columns: auto 550px 50%;
                grid-template-rows: 0.3fr 0.6fr 0.5fr 0.5fr 0fr;
                grid-auto-columns: 1fr;
                grid-auto-rows: 0.5fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                position: relative;
                overflow: hidden;
            }
            
            #sec10 .coord_txt {
                grid-area: 4 / 2 / 5 / 3;
            }
            
            #sec10 .coord_txt .imgbox {
                margin-top: 90px;
            }
            #sec10 .coorde_phot02 {
                grid-area: 4 / 3 / 6 / 4;
                position: absolute;
                margin-top: 210px;
                z-index: 10;
            }
            #sec10 .line {
                grid-area: 6 / 1 / 6 / 3;
                margin-right: -70px;
                z-index: 1;
            }
            
            #sec10 .coorde_phot03 {
                grid-area: 5 / 2 / 7 / 3;
                margin-top: 110px;
                margin-left: 90px;
                z-index: 100;
            }
            
            #sec10 hr.hr_up {
                margin-top: 70px;
                height: 0px;
                border: 11px solid #d4b590;
            }
            
            #lp_wrap .wrap_listbtn .m-icon, #lp_wrap .wrap_listbtn_m .m-icon, #lp_wrap .wrap_listbtn_l .m-icon {
                vertical-align: middle;
                padding-left: 15px;
            }
            #lp_wrap .wrap_listbtn a {
                position: relative;
                background: #e5a1a1;
                font-size: 18px;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 15px 0;
                display: block;
                text-align: center;
                width: 500px;
                margin: 60px auto 0;
                text-decoration: none;
            }
            #lp_wrap .wrap_listbtn a:hover {
                opacity: 0.6;
            }
            #lp_wrap .wrap_listbtn a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }
            #more h4, #bottom_banner h4 {
                font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
                text-align: center;
                margin-bottom: 40px;
            }
            
            .button_next_ye {
                background-color: #ffa03b;
                padding: 2px 20px;
                text-align: center;
                border-radius: 20px;
                color: #fff;
                font-size: 14px;
                display: inline-block;
                vertical-align: text-bottom;
            }
            .button_next_bl {
                background-color: #31b8d6;
                padding: 2px 20px;
                text-align: center;
                border-radius: 20px;
                color: #fff;
                font-size: 14px;
                display: inline-block;
                vertical-align: text-bottom;
            }
            
            
            .line {
              opacity: 0;
            }
            .line.-active {
              animation-name: LineSlide;
              animation-duration: 0.7s;
              animation-delay: 0.2s;
              animation-timing-function: ease-in-out;
              animation-fill-mode: forwards;
            }
            @keyframes LineSlide {
              0% {
                opacity: 0;
                -webkit-clip-path: inset(0 100% 0 0);
                clip-path: inset(0 100% 0 0);
              }
              100% {
                opacity: 1;
                -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
              }
            }
            
            .line_right {
                position: relative;
                width: 1500px;
                height: 38px;
            }
            .line_right_inner {
                position: absolute;
                right: 0;
                width: 0;
                height: 100%;
                overflow: hidden;
                transition: 0.7s linear;
            }
            .line_right img {
                position: absolute;
                right: 0;
            }
            .line_right.is-show .line_right_inner {
                width: 1500px;
            }
            
            
            
            .TrackingIn {
                opacity: 0;
                transition: 1s;
                font-size: 20px;
                letter-spacing: 1em;
            }
            
            .TrackingIn.-active {
                opacity: 1;
                letter-spacing: normal;
            }
            
            .FadeInLeft {
                opacity:0;
                transition: 1s;
                transform: translatex(-100px);
            }
            .FadeInLeft.-active {
                opacity:1;
                transform: translatex(0);
                animation-delay: 1s;
            }
            .FadeInRight {
                opacity:0;
                transition: 1s;
                transform: translatex(+100px);
            }
            .FadeInRight.-active {
                opacity:1;
                transform: translatex(0);
                animation-delay: 1s;
            }