@charset "utf-8";
/* CSS Document */

.inner {max-width:1150px;width:89.04%;padding:0;}
#sec01 .inner,#sec02 .inner,#sec03 .inner,#set_parts .inner,#sec04 .inner {max-width:1015px;}
#wrap section {margin-bottom:0;}
#wrap section img {display:block;width:100%;}

#main {background:#e60011;}
#main .inner {padding:2% 0 0;}
#main h1 {margin:-15% auto 0;width:75%;}
@media screen and (min-width:1400px){
#main .inner {max-width:100%;padding:0;padding-top:2%;}
}
@media screen and (max-width:640px){
    section#main {margin:0 auto;width:100%;}
    #main .inner {padding:0 0 3.5%;width:93%;}
	#main h1 {width:100%;margin:-15% auto 0;padding:0;}
}

#sec_movie {padding:0;background:url(../img/movie_bg.jpg) no-repeat center center;background-size:cover;}
#sec_movie .inner {padding:80px 0;}
#sec_movie .inner h2 {width: 80%;margin: 0 auto;border: 6px solid #ead5a0;border-image: linear-gradient(to right, #ead5a0 0%, #fff 40%, #ead5a0 100%);border-image-slice: 1;}
@media screen and (max-width:640px){
    #sec_movie .inner {padding:60px 0;}
    #sec_movie .inner h2 {width:95%;}
}

#sec01 {padding:32px 0 80px;background: -webkit-repeating-linear-gradient(90deg,#fff100 0,#fff100 22px,#e5d800 23px,#e5d800 45px);background: -o-repeating-linear-gradient(90deg,#fff100 0,#fff100 22px,#fff100 23px,#e5d800 23px,#e5d800 45px);background: repeating-linear-gradient(90deg,#fff100 0,#fff100 22px,#fff100 23px,#e5d800 23px,#e5d800 45px);}
#sec01 h2 {max-width:820px;margin:0 auto;padding-bottom:10px;}
@media screen and (max-width:640px){
    #sec01 {padding:12.25% 0;}
    #sec01 .inner {width:89.04%;}
    #sec01 h2 {margin:0 auto;padding:0 0 7.5%;}
}

#sec02 {background:url(../img/sec02_bg.jpg)no-repeat center bottom;background-size:cover;}
#sec02 .inner {padding:80px 0;z-index:2;}
#sec02 h2 {max-width:840px;margin:0 auto;padding-bottom:60px;}
#sec02 ul.FlexVarious {display:flex;width:100%;max-width:1015px;justify-content:space-between;flex-wrap:wrap;}
#sec02 li {width:490px;}
.Border_O {border-radius:20px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, .3);margin-bottom:40px;}
.Border_U {border-radius:20px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, .3);}
@media screen and (max-width:640px){
    #sec02 {background:#72a4ec url(../img/sec02_bg_sp.jpg)no-repeat 100% top;}
    #sec02::after {content:'';display:block;width:100%;height:100%;position:absolute;top:90%;bottom:0;left:0;right:0;background:url(../img/sec02_bg_after.jpg) no-repeat;background-size: contain;}
    #sec02 .inner {padding:12.25% 0;}
    #sec02 h2 {padding-bottom:5%;}
    #sec02 li {width:100%;}
    .Border_O,.Border_U {margin-bottom:5%;}
    #sec02 li:last-child {margin-bottom:0;}
}

#sec03 {/*background:url(../img/sec03_bg.png) repeat;background:#e01229;*/display:block;position:relative;overflow:hidden;/*border-top:solid 10px #000000;border-bottom:solid 10px #000000;border-bottom:10px solid;border-image:linear-gradient(to right, #d7a014,#fffab7 40%, #fff 85%, #ffe675);border-image-slice:1;border-top:10px solid;border-image: linear-gradient(to right, #d7a014,#fffab7 40%, #fff 85%, #ffe675);border-image-slice:1;*/
background: -moz-linear-gradient(left, #d7a014,#fffab7 40%, #fff 85%, #ffe675);
background: -webkit-linear-gradient(left, #d7a014,#fffab7 40%, #fff 85%, #ffe675);
background: linear-gradient(to right, #d7a014,#fffab7 40%, #fff 85%, #ffe675);}
#sec03 .inner {padding:80px 0;}
#sec03 .btnIn {position:absolute;width:100%;padding:0 56px;margin-top:-185px;z-index:2;}
#sec03 .btnIn img {width:100%;}
#sec03 .inner a img {transition:.3s;}
#sec03 .inner a img:hover {opacity:.8;}
@media screen and (max-width:640px){
    #sec03 {padding:12.25% 0;}
    #sec03 .inner {width:89.04%;padding:0;}
    #sec03 .btnIn {width:100%;margin:-38% auto 0;padding:0 5%;}
}

#set_parts {border-bottom:solid 10px #000000;border-top:solid 10px #000000;
    background: -moz-linear-gradient(left, #d7a014,#fffab7 40%, #fff 85%, #ffe675);
    background: -webkit-linear-gradient(left, #d7a014,#fffab7 40%, #fff 85%, #ffe675);
    background: linear-gradient(to right, #d7a014,#fffab7 40%, #fff 85%, #ffe675);}
#set_parts .inner {padding:80px 0;z-index:2;}
#set_parts h2 {padding-bottom:60px;max-width:910px;margin:0 auto;}

#set_parts .ref {position:relative;overflow:hidden;}
#set_parts .ref::after {content: '';height:100%;width:100px;position:absolute;top:0;left:0;z-index:1;background-color:#ffe675;opacity:0;transform: rotate(180deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(180deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(180deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(180deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(180deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(180deg); opacity: 0; }
    80% { transform: scale(0) rotate(180deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(180deg); opacity: 0.9; }
    100% { transform: scale(50) rotate(180deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(180deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(180deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(180deg); opacity: 0.9; }
    100% { -webkit-transform: scale(50) rotate(180deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(180deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(180deg); opacity: 0.4; }
    81% { -moz-transform: scale(4) rotate(180deg); opacity: 0.9; }
    100% { -moz-transform: scale(50) rotate(180deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(180deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(180deg); opacity: 0.4; }
    81% { -ms-transform: scale(4) rotate(180deg); opacity: 0.9; }
    100% { -ms-transform: scale(50) rotate(180deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(50) rotate(180deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(180deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(180deg); opacity: 0.9; }
    100% { -o-transform: scale(50) rotate(180deg); opacity: 0; }
}

@media screen and (max-width:640px){
    #set_parts {border-bottom:solid 10px #000000;
        background: -moz-linear-gradient(left, #edcc56,#fffab7 40%, #fff 85%, #ffe675);
        background: -webkit-linear-gradient(left, #edcc56,#fffab7 40%, #fff 85%, #ffe675);
        background: linear-gradient(to right, #edcc56,#fffab7 40%, #fff 85%, #ffe675);}
    #set_parts h2 {padding-bottom:5%;}
    #set_parts .ref {padding:12.25% 0;}
    #set_parts .ref::after {top:50%;}
    #set_parts .inner {width:89.04%;padding:0;}
}

#sec04 {background-color:#488928;}
/*#sec04 .inner {margin-top:-14%;padding-bottom:80px;}
#sec04 .FlexSet {display:flex;justify-content:space-between;margin-bottom:40px;}
#sec04 .FlexLeft,#sec04 .FlexRight,#sec04 .FlexParts {background:#ffffff;border:solid 6px #014099;border-radius: 20px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, .3);}
#sec04 .FlexLeft,#sec04 .FlexRight {width:49%;position:relative;}
#sec04 .FlexLeft .buyBtn,#sec04 .FlexRight .buyBtn {display:flex;justify-content:space-between;width:100%;padding:10px 35px;}
#sec04 .FlexLeft .buyBtn li,#sec04 .FlexRight .buyBtn li,.BtnBuy {width:200px;}
#sec04 .FlexParts {padding:24px;}
#sec04 .FxParts ul {display:flex;justify-content:space-between;align-items:center;}
#sec04 .FxParts li:first-child {width:226px;margin-left:50px;}
#sec04 .FxParts li:nth-child(2) {width:700px;display:flex;justify-content:space-between;align-items:center;margin-left:50px;}
#sec04 .FxParts li h2 {width:350px;}
#sec04 .FxParts li .BtnBuy {display:block;width:250px;}
#sec04 .FxParts li .BtnBuy img {width:200px;}
#sec04 a,#sec04 .FxParts li .BtnBuy img,#sec04 .RoadBtn img {transition:.3s;}
#sec04 a:hover,#sec04 .FxParts li .BtnBuy img:hover,#sec04 .RoadBtn img:hover {opacity:.8;}
#sec04 .RoadBtn {width:420px;margin:0 auto;padding:15px 0 20px;}
#sec04 p {font-size:14px;padding:0 35px 30px;}
#sec04 rt {font-size:0.5em;}

@media screen and (min-width:1410px){
    #sec04 .FlexLeft .buyBtn li,#sec04 .FlexRight .buyBtn li,.BtnBuy {width:200px;}
    #sec04 .FxParts li .BtnBuy img {width:200px;}
}

@media screen and (max-width:640px){
    #sec04 {padding:0 0 12.25%;}
    #sec04 .inner {margin-top:-32.25%;padding-bottom:0;}
    #sec04 .FlexSet {flex-direction:column;margin-bottom:0;}
    #sec04 .FlexLeft,#sec04 .FlexRight {width:100%;margin-bottom:5%;height:100%;}
    #sec04 .FlexLeft .buyBtn {width:100%;padding:0 5.75%;bottom:17.5%;}
    #sec04 .FlexLeft .buyBtn li,#sec04 .FlexRight .buyBtn li,.BtnBuy {width:95%;}
    #sec04 .FlexRight .buyBtn {width:100%;padding:0 5.75%;bottom:20%;}
    #sec04 .FlexLeft .buyBtn li,#sec04 .FlexRight .buyBtn li {margin:0 auto;}

    #sec04 .FxParts ul {flex-wrap:wrap;align-items:center;}
    #sec04 .FxParts li:first-child {width:48.5%;margin:0;}
    #sec04 .FxParts li:nth-child(2) {flex-direction:column;align-items:flex-start;width:49%;margin:0;}
    #sec04 .FxParts li h2 {width:100%;margin-bottom:5%;}
    #sec04 .FxParts li .BtnBuy {width:100%;}
    #sec04 .FxParts li .BtnBuy img {width:95%;}
    #sec04 .FlexLeft .SetLeft {padding-top:3%;}
    #sec04 .FlexRight .SetRight {padding-bottom:3%;}

    #sec04 .RoadBtn {width:100%;margin:0 auto;padding:3.5% 0 5%;}
    #sec04 .RoadBtn img {width:88.25%;margin:0 auto;}
    #sec04 p {font-size:14px;padding:0 7.25% 5%;}
}*/