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

@keyframes txtloop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes txtloop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}

@keyframes p_anime {
0%{
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
70%{
-webkit-transform: scale(11);
transform: scale(11);
-webkit-box-shadow: 0 0 0 50px rgba(233,30,99, 0);
box-shadow: 0 0 0 15px rgba(233,30,99, 0);
}
100%{
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-box-shadow: 0 0 0 0 rgba(233,30,99, 0);
box-shadow: 0 0 0 0 rgba(233,30,99, 0); }
}

@keyframes zoomUp {
0% {
transform:scale(1.5);
}
100% {
transform:scale(1.2);
}
}


@keyframes flowing {
0% {
transform: translateX(0%);
}
to {
transform: translateX(-200%);
}
}


/*PC*/
@media print, screen and (min-width: 768px) {
#header{
background: none;
}

#header .logo_wrap img{
-webkit-filter: brightness(1);
filter: brightness(1);
}

#header .gnav .gnav_list > li a{
color: #121212;
}

/* mv
--------------------------------------------*/
#mv {
position: relative;
width: 100%;
height:100dvh;
height:100vh;
margin:0 auto;
overflow: hidden;
}

#mv::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../images/com/bg_noise.png");
background-repeat: repeat;
z-index: 1;
opacity:.35;
}

#mv .slider_wrap {
position: relative;
width:100%;
overflow: hidden;
}

#mv .slider_txt_box {
position: absolute;
left: 5%;
bottom: 10%;
z-index: 2;
}

#mv .slider_txt_box .slider_read_txt{
font-size:1.6rem;
font-weight: 800;
line-height:1;
white-space: nowrap;
letter-spacing: .01rem;
margin-left: 8px;
margin-bottom:10px;
color: #ff7f00;
}

#mv .slider_txt_box .slider_read_txt span{
display: block;
}

#mv .slider_txt_box h1 {
font-size:4.6rem;
font-weight: bold;
line-height: 1.3;
letter-spacing: -.07rem;
}

#mv .slider_txt_box h1 span{
margin-left: -30px;
}

/* fv
--------------------------------------------*/
#fv{
padding:360px 0 0;
box-sizing: border-box;
background: linear-gradient(rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.7) 12%, #FFFFFF 26.31%, #FFFFFF 40.89%, #FFFFFF 67%, rgba(255,255,255, 0.54) 84.73%, rgba(255, 255, 255, 0) 100%);
backdrop-filter: blur(16px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#fv .txt_box{
width: 45%;
margin: 0 auto;
min-width: 900px;
}

#fv .txt_box p{
font-size: 1.6rem;
font-weight: bold;
line-height: 2;
margin-bottom: 80px;
}

#fv .ph_l_box,
#fv .ph_r_box{
width: 20%;
position: relative;
}

#fv .ph_l_box .images01{
position: absolute;
top: -15%;
left: 0;
width: 86%;
}

#fv .ph_l_box .images02{
position: absolute;
top: 55%;
right: 0;
width: 55%;
z-index: 2;
}

#fv .ph_r_box .images03{
position:absolute;
top: 0%;
left:5%;
width:80%;
}

#fv .ph_r_box .images04{
position: absolute;
top: 42%;
left: 22%;
width: 55%;
z-index: 2;
}

#fv article{
overflow: hidden;
margin:0px auto;
}

#fv article .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin:120px auto 0;
}

#fv article .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size:10rem;
font-weight:100;
line-height: .9;
overflow: hidden;
color:rgba(244,144,27,1);
}

#fv article .loop_wrap div:nth-child(odd) {
animation: txtloop 90s -45s linear infinite;
}

#fv article .loop_wrap div:nth-child(even) {
animation: txtloop2 90s linear infinite;
}


/* about
--------------------------------------------*/
#about {
background: url("../images/index/bg_about_img.jpg") no-repeat center/cover;
padding-top:200px;
padding-bottom:200px;
padding-left: calc(50% - 50vw + 7.5rem);
padding-right: calc(50% - 50vw + 7.5rem);
width: 100%;
overflow: hidden;
box-sizing: border-box;
position: relative;
}

#about .section_wrap{
}

#about .section_wrap .com_ttl_wrap{
color:#FFF;
}

#about .about_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#about .about_wrap .txt{
width: 50%;
}

#about .about_wrap .c_ttl{
font-size:.8rem;
font-weight: 500;
line-height: 1.4;
margin:0;
color: #FFF;
text-align: right;
}

#about .about_wrap .c_ttl span{
font-size: 1.2rem;
}

#about .about_wrap .txt .read_txt{
font-size: 1rem;
line-height: 2.4;
color: #FFF;
margin: 0 0 80px;
}

#about .about_wrap .txt{
}

#about .about_wrap .img{
display: flex;
width: 44%;
justify-content: space-between;
}

#about .about_wrap .img .about_img{
width: 49%;
}

#about .about_wrap .img .about_img:first-child {
margin-top: -47px;
}

#about .about_wrap .img .about_img:last-child {
margin-top: -167px;
}

/*work
--------------------------------------------*/
#work{
position: relative;
background:url("../images/index/bg_work.jpg") center center no-repeat;
background-size: cover;
overflow: hidden;
padding: 220px 0 180px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}

#work .txt_box{
position: relative;
width: 55%;
padding: 0 5%;
box-sizing: border-box;
margin:0;
}

#work .txt_box .com_ttl_wrap{
color:#FFF;
}

#work .txt_box .red_ttl{
font-size: 2rem;
line-height: 1.5;
color: #FFF;
margin: 0 0 40px;
}

#work .txt_box .txt{
color: #FFF;
margin-bottom: 80px;
}

#work .img{
width:45%;
position: relative;
}

#work .img .add-animation {
animation: zoomUp 10s linear 0s normal both;
}

#work .slide{
height: auto !important;
}



/* fulfillment
--------------------------------------------*/
#fulfillment {
position: relative;
margin: 0 auto;
background: rgba(255,255,255,1);
padding: 200px 0 160px;
box-sizing: border-box;
overflow: hidden;
}

#fulfillment::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../images/com/bg_noise.png");
background-repeat: repeat;
z-index: 1;
opacity: .35;
}

#fulfillment article{
position: absolute;
top:-22px;
left: 0;
overflow: hidden;
}

#fulfillment .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin: 0 auto 0;
}

#fulfillment .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size: 10rem;
font-weight:200;
line-height:1;
overflow: hidden;
color: rgba(0,0,0,.05);
}

#fulfillment .loop_wrap div:nth-child(odd) {
animation: txtloop 70s -35s linear infinite;
}

#fulfillment .loop_wrap div:nth-child(even) {
animation: txtloop2 70s linear infinite;
}


#fulfillment .section_wrap{
position: relative;
margin: auto;
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}

#fulfillment .section_wrap .txt_wrap{
width:60%;
position: relative;
margin:0 auto;
z-index: 2;
padding: 0 5%;
box-sizing: border-box;
}

#fulfillment .section_wrap .txt_wrap .copy{
font-size: 3.6rem;
line-height: 1.2;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
letter-spacing: .05em;
margin: 0 0 45px;
}

#fulfillment .section_wrap .txt_wrap .c_ttl{
font-size: 2rem;
font-weight: bold;
line-height: 1.4;
margin: 0 0 50px;
}

#fulfillment .section_wrap .txt_wrap .txt{
line-height: 1.6;
font-weight: 500;
text-align: justify;
}

#fulfillment .section_wrap .img{
width: 40%;
position: relative;
}

#fulfillment .section_wrap .img .img_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#fulfillment .section_wrap .img .img_list li{
width: 48%;
margin-bottom: 4%;
}


/* message
--------------------------------------------*/
#message{
position: relative;
width: 100%;
background: rgba(255,255,255,1);
padding: 0 0 160px;
box-sizing: border-box;
overflow: hidden;
}

#message::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../images/com/bg_noise.png");
background-repeat: repeat;
z-index: 1;
opacity:.35;
}

#message .section_wrap{
width: 80%;
position: relative;
margin: 0 auto;
z-index: 2;
}

#message .section_wrap .link_img{
position: relative;
}

#message .section_wrap .sub_img{
position: absolute;
bottom:-70px;
right: 50px;
width: 200px;
}

#message .section_wrap .ttl_box{
position: absolute;
bottom: 0;
left: 0;
}

#message .section_wrap .ttl_box .en_txt{
display: table;
font-size: 1rem;
font-weight: 700;
line-height: 1;
color: #FFF;
padding: 10px;
box-sizing: border-box;
background: #ff7f00;
}

#message .section_wrap .ttl_box .jp_txt{
display: table;
font-weight: bold;
font-size: 3rem;
line-height: 1;
color: #FFF;
padding: 10px;
box-sizing: border-box;
background: #ff7f00;
}

#message .section_wrap .txt_wrap{
padding: 40px 0 0;
box-sizing: border-box;
}

#message .section_wrap .txt_wrap .c_ttl{
font-size: 2rem;
font-weight: bold;
line-height: 1.4;
margin: 0 0 40px;
}

#message .section_wrap .txt_wrap .txt{
margin-bottom: 60px;
font-weight: bold;
}

#message .section_wrap .txt_wrap .name{
font-size: 1.2rem;
line-height: 1.2;
margin: 0 0 60px;
text-align: right;
}

#message .section_wrap .txt_wrap .name span{
font-size: 1.6rem;
}

#message article{
position: absolute;
bottom:-10px;
left: 0;
overflow: hidden;
}

#message .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin: 0 auto 0;
}

#message .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size: 10rem;
font-weight:200;
line-height:1;
overflow: hidden;
color: rgba(0,0,0,.05);
}

#message .loop_wrap div:nth-child(odd) {
animation: txtloop 70s -35s linear infinite;
}

#message .loop_wrap div:nth-child(even) {
animation: txtloop2 70s linear infinite;
}



/* appeal
--------------------------------------------*/
#appeal{
background: url("../images/index/bg_appeal_img.jpg") no-repeat center/cover;
padding-top:10rem;
padding-bottom:8rem;
padding-left: calc(50% - 50vw + 7.5rem);
padding-right: calc(50% - 50vw + 7.5rem);
width: 100%;
overflow: hidden;
box-sizing: border-box;
position: relative;
margin: 0 auto;
}

#appeal .section_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

#appeal .section_wrap .txt{
width: 50%;
}

#appeal .section_wrap .com_ttl_wrap{
color:#FFF;
}

#appeal .section_wrap .txt .c_ttl{
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
margin: 0 0 30px;
color: #FFF;
}

#appeal .section_wrap .txt .read_txt{
font-size: 1rem;
line-height: 2.4;
color: #FFF;
margin: 0 0 60px;
}


#appeal .section_wrap .img{
display: flex;
width: 44%;
}

#appeal .section_wrap .img .about_img{
width: 50%;
}

#appeal .section_wrap .img .about_img:first-child {
margin-top: -47px;
}

#appeal .section_wrap .img .about_img:last-child {
margin-top:167px;
}


#appeal .slider3{
}

#appeal .slider3 .slick-list{
overflow:inherit;
}

#appeal .slider3 .slick-slide{
margin: 0 15px;
position: relative;
}

#appeal .slider3 .slick-slide img{
border: 1px solid #fff;
}


/*------------idx_box0809-------------*/
#idx_box0809 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 5;
}
#idx_box0809 .idx_tit_C {
color: #fff;
margin-bottom: 0px;
}
#idx_box0809 .idx_tit_C span.en {
color: #fff;
}
#idx_box08 {
width: 50%;
}
#idx_box09 {
width: 50%;
}
.idx_box0809_box a {
width: 100%;
display: block;
height: 100%;
mix-blend-mode: normal !important;
}
.idx_box0809_box a#cursor.hov_ {
mix-blend-mode: normal !important;
}
.idx_box0809_txtbox {
position: absolute;
z-index: 10;
top: 50%;
left: 0;
right: 0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.idx_box0809_s {
position: relative;
overflow: hidden;
height: 25vw;
mix-blend-mode: normal !important;
}
.idx_box0809_s:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s
}
.idx_box08_bg::before {
background: url("../images/index/rrBtn_img01.png") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
mix-blend-mode: normal !important;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}
.idx_box08_bg::after {
width: 100%;
height: 100%;
}
.idx_box09_bg::before {
background: url("../images/index/rrBtn_img02.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}

.entry_box_tit {
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}

.entry_box_tit span.en {
display: block;
font-size: .8rem;
line-height: 1;
margin-bottom: 15px;
}

.entry_box_tit span.jp {
font-size: 2rem;
line-height: 1;
}


}
/*sp*/
@media only screen and (max-width: 767px) {

/* SLIDER
--------------------------------------------*/
#mv {
position: relative;
width: 100%;
height:100dvh;
height:100vh;
margin:0 auto;
overflow: hidden;
}

#mv::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../images/com/bg_noise.png");
background-repeat: repeat;
z-index: 1;
opacity:.35;
}

#mv .slider_wrap {
position: relative;
width:100%;
overflow: hidden;
}

#mv .slider_txt_box {
position: absolute;
width: 95%;
left: 5%;
bottom: 5%;
z-index: 2;
}

#mv .slider_txt_box .slider_read_txt{
font-size:.7rem;
font-weight: 800;
line-height:1.2;
letter-spacing: .01rem;
margin-left: 4px;
margin-bottom:10px;
color: #ff7f00;
}

#mv .slider_txt_box .slider_read_txt span{
display: block;
}

#mv .slider_txt_box h1 {
font-size:1.6rem;
font-weight: bold;
line-height: 1.3;
letter-spacing: -.07rem;
}

#mv .slider_txt_box h1 span{
margin-left: -10px;
}

/* fv
--------------------------------------------*/
#fv{
padding:100px 0 0;
box-sizing: border-box;
background: linear-gradient(rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.7) 12%, #FFFFFF 26.31%, #FFFFFF 40.89%, #FFFFFF 67%, rgba(255,255,255, 0.54) 84.73%, rgba(255, 255, 255, 0) 100%);
backdrop-filter: blur(16px);
}

#fv .txt_box{
width: 90%;
margin: 0 auto;
}

#fv .txt_box p{
font-size: 1rem;
font-weight: bold;
line-height: 2;
margin-bottom: 30px;
}

#fv .ph_l_box,
#fv .ph_r_box{
width: 70%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin:0 auto 30px;
}

#fv .ph_l_box .images01{
position: relative;
width: 50%;
margin: 0 0;
}

#fv .ph_l_box .images02{
position: relative;
width: 40%;
margin: auto;
}

#fv .ph_r_box .images03{
position:relative;
width:80%;
margin: 0 auto;
}

#fv .ph_r_box .images04{
position: relative;
width: 55%;
margin-top: -30px;
z-index: 2;
}

#fv article{
overflow: hidden;
margin:0px auto;
}

#fv article .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin:60px auto 0;
}

#fv article .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size:6rem;
font-weight:100;
line-height: .9;
overflow: hidden;
color:rgba(244,144,27,1);
}

#fv article .loop_wrap div:nth-child(odd) {
animation: txtloop 90s -45s linear infinite;
}

#fv article .loop_wrap div:nth-child(even) {
animation: txtloop2 90s linear infinite;
}


/* about
--------------------------------------------*/
#about {
background: url("../images/index/bg_about_img.jpg") no-repeat center/cover;
padding: 60px 5%;
width: 100%;
overflow: hidden;
box-sizing: border-box;
position: relative;
}

#about .section_wrap{
}

#about .section_wrap .com_ttl_wrap{
color:#FFF;
}

#about .about_wrap{
}

#about .about_wrap .txt{
width: 100%;
margin: 0 0 30px;
}

#about .about_wrap .c_ttl{
font-size:.8rem;
font-weight: 500;
line-height: 1.4;
margin:0;
color: #FFF;
text-align: right;
}

#about .about_wrap .c_ttl span{
font-size: 1.2rem;
}

#about .about_wrap .txt .read_txt{
font-size: 1rem;
line-height: 2.4;
color: #FFF;
margin: 0 0 40px;
}

#about .about_wrap .txt{
}

#about .about_wrap .img{
display: flex;
width: 80%;
justify-content: space-between;
margin: 0 auto;
}

#about .about_wrap .img .about_img{
width: 48%;
}

#about .about_wrap .img .about_img:first-child {
}

#about .about_wrap .img .about_img:last-child {
}

/*work
--------------------------------------------*/
#work{
position: relative;
background:url("../images/index/bg_work.jpg") center center no-repeat;
background-size: cover;
overflow: hidden;
padding: 60px 5% 30px;
box-sizing: border-box;
}

#work .txt_box{
position: relative;
width: 100%;
margin:0 auto 50px;
}

#work .txt_box .com_ttl_wrap{
color:#FFF;
}

#work .txt_box .red_ttl{
font-size: 1.4rem;
line-height: 1.5;
color: #FFF;
margin: 0 0 20px;
}

#work .txt_box .txt{
color: #FFF;
margin-bottom: 30px;
}

#work .img{
width:80%;
margin:0 auto;
position: relative;
}

#work .img .add-animation {
animation: zoomUp 10s linear 0s normal both;
}

#work .slide{
height: auto !important;
}



/* fulfillment
--------------------------------------------*/
#fulfillment {
position: relative;
margin: 0 auto;
background: rgba(255,255,255,1);
padding: 60px 5%;
box-sizing: border-box;
overflow: hidden;
}

#fulfillment::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../images/com/bg_noise.png");
background-repeat: repeat;
z-index: 1;
opacity: .35;
}

#fulfillment article{
position: absolute;
top:-22px;
left: 0;
overflow: hidden;
}

#fulfillment .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin: 0 auto 0;
}

#fulfillment .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size: 6rem;
font-weight:200;
line-height:1;
overflow: hidden;
color: rgba(0,0,0,.05);
}

#fulfillment .loop_wrap div:nth-child(odd) {
animation: txtloop 70s -35s linear infinite;
}

#fulfillment .loop_wrap div:nth-child(even) {
animation: txtloop2 70s linear infinite;
}


#fulfillment .section_wrap{
position: relative;
margin: auto;
width:100%;
}

#fulfillment .section_wrap .txt_wrap{
width:100%;
position: relative;
margin:0 auto 30px;
z-index: 2;
}

#fulfillment .section_wrap .txt_wrap .c_ttl{
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
margin: 0 0 20px;
}

#fulfillment .section_wrap .txt_wrap .txt{
line-height: 1.6;
font-weight: 500;
text-align: justify;
}

#fulfillment .section_wrap .img{
width: 80%;
position: relative;
margin: auto;
}

#fulfillment .section_wrap .img .img_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#fulfillment .section_wrap .img .img_list li{
width: 48%;
margin-bottom: 4%;
}


/* message
--------------------------------------------*/
#message{
position: relative;
width: 100%;
background: rgba(255,255,255,1);
padding: 0 0 60px;
box-sizing: border-box;
overflow: hidden;
}

#message::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../images/com/bg_noise.png");
background-repeat: repeat;
z-index: 1;
opacity:.35;
}

#message .section_wrap{
width: 90%;
position: relative;
margin: 0 auto;
z-index: 2;
}

#message .section_wrap .link_img{
position: relative;
}

#message .section_wrap .ttl_box{
position: absolute;
bottom: 0;
left: 0;
}

#message .section_wrap .ttl_box .en_txt{
display: table;
font-size: 1rem;
font-weight: 700;
line-height: 1;
color: #FFF;
padding: 10px;
box-sizing: border-box;
background: #ff7f00;
}

#message .section_wrap .ttl_box .jp_txt{
display: table;
font-weight: bold;
font-size: 3rem;
line-height: 1;
color: #FFF;
padding: 10px;
box-sizing: border-box;
background: #ff7f00;
}

#message .section_wrap .txt_wrap{
padding: 40px 0 0;
box-sizing: border-box;
}

#message .section_wrap .txt_wrap .c_ttl{
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
margin: 0 0 20px;
}

#message .section_wrap .txt_wrap .txt{
margin-bottom: 60px;
font-weight: bold;
}

#message .section_wrap .txt_wrap .name{
font-size: .9rem;
line-height: 1.2;
margin: 0 0 40px;
text-align: right;
}

#message .section_wrap .txt_wrap .name span{
font-size: 1.2rem;
}

#message article{
position: absolute;
bottom:-10px;
left: 0;
overflow: hidden;
}

#message .loop_wrap {
display: flex;
width: 100%;
overflow: hidden;
margin: 0 auto 0;
}

#message .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size: 6rem;
font-weight:200;
line-height:1;
overflow: hidden;
color: rgba(0,0,0,.05);
}

#message .loop_wrap div:nth-child(odd) {
animation: txtloop 70s -35s linear infinite;
}

#message .loop_wrap div:nth-child(even) {
animation: txtloop2 70s linear infinite;
}



/* appeal
--------------------------------------------*/
#appeal{
background: url("../images/index/bg_appeal_img.jpg") no-repeat center/cover;
padding:60px 5%;
width: 100%;
overflow: hidden;
box-sizing: border-box;
position: relative;
margin: 0 auto;
}

#appeal .section_wrap{;
margin: 0 auto;
}

#appeal .section_wrap .txt{
width: 100%;
margin:0 auto 30px;
}

#appeal .section_wrap .com_ttl_wrap{
color:#FFF;
}

#appeal .section_wrap .txt .c_ttl{
font-size:1.42rem;
font-weight: 700;
line-height: 1.4;
margin: 0 0 20px;
color: #FFF;
}

#appeal .section_wrap .txt .read_txt{
font-size: 1rem;
line-height: 2;
color: #FFF;
margin: 0 0 30px;
}


#appeal .section_wrap .img{
display: flex;
justify-content: space-between;
width: 80%;
margin: auto;
}

#appeal .section_wrap .img .about_img{
width: 48%;
}


#appeal .slider3{
}

#appeal .slider3 .slick-list{
overflow:inherit;
}

#appeal .slider3 .slick-slide{
margin: 0 15px;
position: relative;
}

#appeal .slider3 .slick-slide img{
border: 1px solid #fff;
}


/*------------idx_box0809-------------*/
#idx_box0809 {
background:rgba(255,255,255,.3);
backdrop-filter: blur(16px);
}
#idx_box0809 .idx_tit_C {
color: #fff;
margin-bottom: 0px;
}
#idx_box0809 .idx_tit_C span.en {
color: #fff;
}
#idx_box08 {
width: 100%;
padding: 5px 0;
}
#idx_box09 {
width: 100%;
padding: 0 0 5px;
}
.idx_box0809_box a {
width: 100%;
display: block;
height: 100%;
mix-blend-mode: normal !important;
}
.idx_box0809_box a#cursor.hov_ {
mix-blend-mode: normal !important;
}
.idx_box0809_txtbox {
position: absolute;
z-index: 10;
top: 50%;
left: 0;
right: 0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.idx_box0809_s {
position: relative;
overflow: hidden;
height: 45vw;
mix-blend-mode: normal !important;
}
.idx_box0809_s:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.idx_box08_bg::before {
background: url("../images/index/rrBtn_img01.png") top center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
mix-blend-mode: normal !important;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}
.idx_box08_bg::after {
width: 100%;
height: 100%;
}
.idx_box09_bg::before {
background: url("../images/index/rrBtn_img02.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}
.entry_box_tit {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
color: #fff;
}
.entry_box_tit span.en {
display: block;
font-size: .5rem;
line-height: 1;
margin-bottom: 5px;
}
.entry_box_tit span.jp {
font-size: 1.2rem;
line-height: 1;
}


}