@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 zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15); /* 拡大率 */
}
}


@-webkit-keyframes scroll {
0% {
transform: translate3d(0, -100%, 0);
}
/* 15% {
transform: translate3d(0, -98%, 0);
} */
85% {
transform: translate3d(0, 98%, 0);
}
100% {
transform: translate3d(0, 100%, 0);
}
}
@keyframes scroll {
0% {
transform: translate3d(0, -100%, 0);
}
/* 15% {
transform: translate3d(0, -98%, 0);
} */
85% {
transform: translate3d(0, 98%, 0);
}
100% {
transform: translate3d(0, 100%, 0);
}
}


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



/*PC*/
@media print, screen and (min-width: 769px) {
/* MV
--------------------------------------------*/
#mv {
position:relative;
margin: 0;
overflow: hidden;
padding-top:100px;
box-sizing: border-box;
width:100%;
height:100vh;
}

.slider_wrap {
position: relative;
width:100%;
}

#mv .read_tit_wrap{
position: absolute;
bottom: 30px;
left: 80px;
width: 90%;
z-index: 5;
}

#mv .read_tit_wrap .red_tit{
position: relative;
font-size: 5.5rem;
font-style: italic;
line-height: 1.2;
font-weight: 300;
color: rgba(255,255,255,1);
letter-spacing: -.1rem;
text-shadow:0px 0px 20px rgba(0,0,0,.5),0px 0px 30px rgba(0,0,0,.2);
}

#mv .read_tit_wrap .read_txt2 {
font-size: 1.2rem;
font-weight:500;
line-height:1.8;
color: #FFF;
position: relative;
margin:30px 0 0 10px;
white-space: nowrap;
letter-spacing: .1rem;
text-shadow: 0px 0px 10px rgba(0,0,0,.5),0px 0px 10px rgba(0,0,0,.2);
}


#mv .move {
overflow: hidden;
position: relative;
width: 100%;
height:calc(100vh - 90px);
margin: 0 auto;
}

#mv .move::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.2);
z-index: 1;
}

#mv .slider{
position: relative;
width:calc(100% - 60px);
margin: 0 0 0 auto;
height: 100vh;
}

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

#mv .slider img{
height: 100vh;
margin: auto;
max-height: 100%;
max-width: 100%;
object-fit: cover;
width: 100%;
}

#mv .en_txt{
position: absolute;
top: 70px;
left: -25px;
font-size: 14rem;
line-height: .8;
letter-spacing: -.6rem;
color: #008dcf;
z-index: 5;
mix-blend-mode: color-burn;
opacity: .3;
}

/* important
--------------------------------------------*/
#important {
width: 100%;
position: relative;
overflow: hidden;
margin: 0 auto 160px;
background-image: linear-gradient(133deg, #008dcf 0%, #008dcf 50%, black 100%);
padding: 160px 0;
box-sizing: border-box
}

#important .secTitle,
#important .secTitle span{
color: #FFF;
}

#important .secTitle span::before{
border-left: #FFF 1px dotted;
}

#important .section_wrap{
max-width:1200px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
margin:0px auto 0;
}

#important .section_wrap .txt_box{
position: relative;
width: 55%;
}

#important .section_wrap .txt_box .ttl__clip{
color:#FFF;
}

#important .section_wrap .txt_box .red_txt{
color:#FFF;
font-size: 1.2rem;
font-weight: bold;
line-height:2;
}

#important .section_wrap .txt_box .red_txt span{
border-bottom: #FFF 2px solid;
padding-bottom: 5px;
font-size: 1.3rem;
font-weight: 800;
}

#important .section_wrap .txt_box2{
width: 100%;
position: relative;
margin:-40px 0 0;
}

#important .section_wrap .txt_box2 h4{
font-size: 1.6rem;
line-height: 1.4;
color: #FFF;
margin: 30px 0;
text-align: center;
}

#important .section_wrap .txt_box2 h4 span{
font-size: 2.4rem;
font-style: italic;
text-decoration: underline;
}

#important .section_wrap .txt_box2 .red_txt{
color:#FFF;
font-size: 1.2rem;
line-height:2;
text-align: center;
font-weight: bold;
margin-bottom: 60px;
}

#important .section_wrap .txt_box2 .important_list{
margin: 30px 0 60px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#important .section_wrap .txt_box2 .important_list li{
padding: 10px 15px;
border-radius: 50rem;
background: #FFF;
color: #008dcf;
box-sizing: border-box;
font-size: 1.2rem;
font-weight: 600;
line-height: 1;
display: table;
margin: 0 10px 15px;
}

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

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

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

#important .section_wrap .img ul li img{
border-radius: .6rem;
overflow: hidden;
}


#important .section_wrap .im_ph_list{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}


#important .section_wrap .im_ph_list li{
width:23%;
}

#important .section_wrap .im_ph_list li img{
border-radius: .6rem;
overflow: hidden;
}

#important article{
overflow: hidden;
margin-bottom: -50px;
}

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

#important .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size: 14rem;
font-family: "Oswald", sans-serif;
font-weight:200;
line-height:1;
overflow: hidden;
color: rgba(255,255,255,.05);
}

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

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


/* know
--------------------------------------------*/
#know{
position: relative;
width: 100%;
margin: 0 auto 140px;
overflow: hidden;
}

#know .section_wrap{
max-width:1200px;
border: #404040 1px solid;
border-radius: .6rem;
padding: 3rem;
box-sizing: border-box;
position: relative;
margin: 0 auto;
}

#know .section_wrap .secTitle {
margin-bottom: 40px;
text-align: center;
}

#know .c_ttl2{
position: relative;
font-size:1.6rem;
font-weight: 900;
line-height: 1.6;
letter-spacing:.1rem;
color: #008dcf;
margin:0 auto 60px;
text-align: center;
border: #008dcf 1px solid;
display: table;
padding: 1.6rem;
border-radius: .6rem;
background: rgba(255,255,255,.9);
}

#know .c_ttl2::before{
content: '';
width: 30px;
height: 30px;
background-image: url("../images/com/left_dash.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: -30px;
left: -26px;
}


#know .section_wrap .ph_list{
width: 100%;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

#know .section_wrap .ph_list li{
width: 23%;
}

#know .section_wrap .ph_list li img{
border-radius: .6rem;
overflow: hidden;
}

#know article{
overflow: hidden;
margin-bottom: -70px;
}

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

#know .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size: 14rem;
font-family: "Oswald", sans-serif;
font-weight:200;
line-height:1;
overflow: hidden;
color: rgba(180,0,25,.05);
}

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

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

#know .section_wrap .schedule_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 60px;
}

#know .section_wrap .schedule_list li{
width: 48%;
box-sizing: border-box;
border-radius: 1rem;
}

#know .section_wrap .schedule_list li .sc_ttl01{
background: #ff93ba;
color: #FFF;
padding: 10px;
font-size: 1.4rem;
line-height: 1;
margin: 0 0 30px;
border-radius: .4rem;
text-align: center;
}

#know .section_wrap .schedule_list li .sc_ttl02{
background: #55a8da;
color: #FFF;
padding: 10px;
font-size: 1.4rem;
line-height: 1;
margin: 0 0 30px;
border-radius: .4rem;
text-align: center;
}

#know .section_wrap .schedule_list li .illust_img{
width: 80%;
margin:60px auto 0;
}

.flow_design07 {
display: flex;
justify-content: center;
align-items: center;
}

.flow07 {
padding-left: 0;
}

.flow07 > li {
width: 100% !important;
list-style-type: none;
display: flex;
}

.flow07 > li:not(:last-child) {
margin: 0 0 50px;
}

.flow07 > li .icon07 {
width: 90px;
box-sizing: border-box;
padding: 20px 10px 10px;
font-weight: bold;
color: #FFF;
text-align: center;
background: #ff93ba;
border-radius: 5px 5px 0 0;
position: relative;
line-height: 125%;
margin: 0;
}

.flow07 > li .icon07::after{
content: ' ';
width: 0;
height: 0;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-top: 20px solid #ff93ba;
position: absolute;
bottom: -20px;
left: 0;
}

.flow07 > li dl {
padding: 0 0 0 30px;
width: calc(100% - 115px);
}

.flow07 > li dl dt {
padding: 0 0 5px;
margin: 0 0 15px;
font-size: 1.2em;
font-weight: bold;
border-bottom: 4px solid #CCCCCC;
position: relative;
}
.flow07 > li dl dt::after {
content: '';
width: 20%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0;
background-color: #ff93ba;
}

.flow07 > li dl dd {
margin: 0;
}

.flow_design08 {
display: flex;
justify-content: center;
align-items: center;
}

.flow08 {
padding-left: 0;
}

.flow08 > li {
width: 100% !important;
list-style-type: none;
display: flex;
}

.flow08 > li:not(:last-child) {
margin: 0 0 50px;
}

.flow08 > li .icon08 {
width: 90px;
box-sizing: border-box;
padding: 20px 10px 10px;
font-weight: bold;
color: #FFF;
text-align: center;
background: #55a8da;
border-radius: 5px 5px 0 0;
position: relative;
line-height: 125%;
margin: 0;
}

.flow08 > li .icon08::after{
content: ' ';
width: 0;
height: 0;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-top: 20px solid #55a8da;
position: absolute;
bottom: -20px;
left: 0;
}

.flow08 > li dl {
padding: 0 0 0 30px;
width: calc(100% - 115px);
}

.flow08 > li dl dt {
padding: 0 0 5px;
margin: 0 0 15px;
font-size: 1.2em;
font-weight: bold;
border-bottom: 4px solid #CCCCCC;
position: relative;
}
.flow08 > li dl dt::after {
content: '';
width: 20%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0;
background-color: #55a8da;
}

.flow08 > li dl dd {
margin: 0;
}


/* welfare
--------------------------------------------*/
#welfare{
position: relative;
margin: 0 auto 120px;
overflow: hidden;
}

#welfare .section_wrap{
position: absolute;
top: 60px;
left: 5%;
z-index: 5;
height: 100%;
}

#welfare .section_wrap .txt_box{
width: 70%;
position:relative;
}

#welfare .section_wrap .txt_box .secTitle,
#welfare .section_wrap .txt_box .secTitle span{
color: #FFF;
}

#welfare .section_wrap .txt_box .secTitle span::before{
border-left: #FFF 1px dotted;
}

#welfare .section_wrap .txt_box h3{
font-size: 1.6rem;
line-height: 1;
margin: 0 0 30px;
color: #FFF;
}

#welfare .section_wrap .txt_box .red_txt{
color: #FFF;
line-height: 1.8;
font-weight: 500;
margin: 0 0 40px;
}

#welfare .section_wrap .txt_box .common_btn_box{
margin: 0;
}

#welfare .slider3{
position: relative;
height: 500px;
overflow: hidden;
}

#welfare .slider3::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(0,50,150, 9), rgba(0,50,150, .1) 90%, rgba(0,50,150,0));
z-index: 1;
}

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

#welfare .slider3 .slick-slide{
margin: 0;
position: relative;

}

#welfare .slider3 .slick-slide img{
height:600px;
object-fit: cover;
}




/* boss
--------------------------------------------*/
#boss{
position: relative;
width: 100%;
margin: 0 auto 120px;
}


#boss::before{
content: "";
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
height:500px;
background-size: 15px 15px;
background-color: #fff;
background-image: radial-gradient(#000000 0%, rgba(0, 0, 0, 0) 6%);
}


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

#boss .section_wrap .txt_box{
position: relative;
width: 90%;
margin:0 auto 60px;
clear: both;
}


#boss .section_wrap .bnr_img{
width: 40%;
margin:60px auto 0;
}


#boss .section_wrap .list{
width: 80%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 60px;
}

#boss .section_wrap .list li{
width: 31%;
padding: 1.6rem;
box-sizing: border-box;
border: #404040 1px solid;
border-radius: .6rem;
position: relative;
transition: .5s;
background: #FFF;
}

#boss .section_wrap .list li:hover{
opacity: .6;
transition: .5s;
}


#boss .section_wrap .list li::after{
content: "";
position: absolute;
bottom: 10px;
right: 10px;
width:30px;
height:30px;
background: url("../images/com/btn-arrow-r.svg") 0 0 no-repeat;
background-size: cover;
}

#boss .section_wrap .list li .img{
margin: 0 0 20px;
}


#boss .section_wrap .list li .img img{
border-radius: .6rem;
}

#boss .section_wrap .list li h3{
font-size: 1.3rem;
line-height: 1;
text-align: center;
}

#boss .section_wrap .list li h3 span{
display: block;
font-size: 1rem;
margin-bottom: 10px;
}


/* senior
--------------------------------------------*/
#senior{
position: relative;
width: 100%;
margin: 0 auto 120px;
}


#senior::before{
content: "";
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
height:500px;
background-size: 15px 15px;
background-color: #fff;
background-image: radial-gradient(#000000 0%, rgba(0, 0, 0, 0) 6%);
}


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

#senior .section_wrap .txt_box{
position: relative;
width: 90%;
margin:0 auto 60px;
clear: both;
}


#senior .section_wrap .bnr_img{
width: 40%;
margin:60px auto 0;
}



/*------------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: 768px) {
/* MV
--------------------------------------------*/
#mv {
position:relative;
margin: 0;
overflow: hidden;
padding-top:50px;
box-sizing: border-box;
width:100%;
height:100vh;
}

.slider_wrap {
position: relative;
width:100%;
}

#mv .read_tit_wrap{
position: absolute;
top: 50%;
left: 20px;
width: 90%;
z-index: 5;
}

#mv .read_tit_wrap .red_tit{
position: relative;
font-size: 1.8rem;
font-style: italic;
line-height: 1.2;
font-weight: 300;
color: rgba(255,255,255,1);
letter-spacing: -.1rem;
text-shadow:0px 0px 20px rgba(0,0,0,.5),0px 0px 30px rgba(0,0,0,.2);
}

#mv .read_tit_wrap .read_txt2 {
display: none;

font-size: 1rem;
font-weight:500;
line-height:1.8;
color: #FFF;
position: relative;
margin:20px 0 0 10px;
letter-spacing: .1rem;
text-shadow: 0px 0px 10px rgba(0,0,0,.5),0px 0px 10px rgba(0,0,0,.2);
}

#mv .slider{
position: relative;
width:calc(100% - 15px);
margin: 0 0 0 auto;
height: 100vh;
}

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

#mv .slider img{
height: 100vh;
margin: auto;
max-height: 100%;
max-width: 100%;
object-fit: cover;
width: 100%;
}

#mv .en_txt{
position: absolute;
bottom: 0px;
left: -15px;
font-size: 6rem;
line-height: .8;
letter-spacing: -.3rem;
color: #008dcf;
z-index: 5;
mix-blend-mode: color-burn;
opacity: .3;
white-space: nowrap;
}

/* important
--------------------------------------------*/
#important {
width: 100%;
position: relative;
overflow: hidden;
margin: 0 auto 60px;
background-image: linear-gradient(133deg, #008dcf 0%, #008dcf 50%, black 100%);
padding:60px 0;
box-sizing: border-box;
}


#important .secTitle,
#important .secTitle span{
color: #FFF;
}

#important .secTitle span::before{
border-left: #FFF 1px dotted;
}

#important .section_wrap{
max-width:90%;
position: relative;
margin:0px auto 0;
}

#important .section_wrap .txt_box{
position: relative;
width: 100%;
margin: 0 0 30px;
}

#important .section_wrap .txt_box .ttl__clip{
color:#FFF;
}

#important .section_wrap .txt_box .red_txt{
color:#FFF;
font-size: 1rem;
font-weight: bold;
line-height:2;
}

#important .section_wrap .txt_box .red_txt span{
border-bottom: #FFF 2px solid;
padding-bottom: 5px;
font-size: 1.3rem;
font-weight: 800;
}

#important .section_wrap .txt_box2{
width: 100%;
position: relative;
margin:-40px 0 0;
}

#important .section_wrap .txt_box2 h4{
font-size: 1.2rem;
line-height: 1.4;
color: #FFF;
margin: 30px 0;
text-align: center;
}

#important .section_wrap .txt_box2 h4 span{
font-size: 1.8rem;
font-style: italic;
text-decoration: underline;
}

#important .section_wrap .txt_box2 .red_txt{
color:#FFF;
font-size: 1rem;
line-height:2;
font-weight: bold;
margin-bottom: 30px;
}

#important .section_wrap .txt_box2 .important_list{
margin: 30px 0;
}

#important .section_wrap .txt_box2 .important_list li{
padding: 10px 15px;
border-radius: 50rem;
background: #FFF;
color: #008dcf;
box-sizing: border-box;
font-size: .8rem;
font-weight: bold;
line-height: 1;
margin: 0 10px 15px;
text-align: center;
}

#important .section_wrap .img{
position: relative;
width: 100%;
}

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

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

#important .section_wrap .img ul li img{
border-radius: .6rem;
overflow: hidden;
}


#important .section_wrap .im_ph_list{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}


#important .section_wrap .im_ph_list li{
width:48%;
margin-bottom: 4%;
}

#important .section_wrap .im_ph_list li img{
border-radius: .6rem;
overflow: hidden;
}

#important article{
overflow: hidden;
margin-bottom: -50px;
}

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

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

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

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


/* know
--------------------------------------------*/
#know{
position: relative;
width: 100%;
margin: 0 auto 60px;
overflow: hidden;
}

#know .section_wrap{
max-width:90%;
border: #404040 1px solid;
border-radius: .6rem;
padding: 1.3rem;
box-sizing: border-box;
position: relative;
margin: 0 auto;
}

#know .section_wrap .secTitle {
margin-bottom: 40px;
text-align: center;
}

#know .c_ttl2{
width:76%;
position: relative;
font-size:1.2rem;
font-weight: 900;
line-height: 1.6;
letter-spacing:.1rem;
color: #008dcf;
margin:0 auto 30px;
border: #008dcf 1px solid;
display: table;
padding: 1rem;
border-radius: .6rem;
background: rgba(255,255,255,.9);
}

#know .c_ttl2::before{
content: '';
width: 30px;
height: 30px;
background-image: url("../images/com/left_dash.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: -30px;
left: -26px;
}


#know .section_wrap .ph_list{
width: 100%;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

#know .section_wrap .ph_list li{
width: 48%;
margin-bottom: 4%;
}

#know .section_wrap .ph_list li img{
border-radius: .6rem;
overflow: hidden;
}

#know article{
overflow: hidden;
margin-bottom: -70px;
}

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

#know .loop_wrap div {
flex: 0 0 auto;
white-space: nowrap;
font-size:6rem;
font-family: "Oswald", sans-serif;
font-weight:200;
line-height:1;
overflow: hidden;
color: rgba(180,0,25,.05);
}

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

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

#know .section_wrap .schedule_list{
margin: 0 auto 30px;
}

#know .section_wrap .schedule_list li{
width:100%;
box-sizing: border-box;
border-radius: 1rem;
margin-bottom: 30px;
}

#know .section_wrap .schedule_list li:last-child{
margin-bottom: 0;
}

#know .section_wrap .schedule_list li .sc_ttl01{
background: #ff93ba;
color: #FFF;
padding: 10px;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 20px;
border-radius: .4rem;
text-align: center;
}

#know .section_wrap .schedule_list li .sc_ttl02{
background: #55a8da;
color: #FFF;
padding: 10px;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 30px;
border-radius: .4rem;
text-align: center;
}

#know .section_wrap .schedule_list li .illust_img{
width: 80%;
margin:60px auto 0;
}

.flow_design07 {
display: flex;
justify-content: center;
align-items: center;
}

.flow07 {
padding-left: 0;
}

.flow07 > li {
width: 100% !important;
list-style-type: none;
display: flex;
}

.flow07 > li:not(:last-child) {
margin: 0 0 50px;
}

.flow07 > li .icon07 {
width: 60px;
box-sizing: border-box;
padding: 20px 10px 10px;
font-weight: bold;
color: #FFF;
text-align: center;
background: #ff93ba;
border-radius: 5px 5px 0 0;
position: relative;
line-height: 125%;
margin: 0;
}

.flow07 > li .icon07::after{
content: ' ';
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 20px solid #ff93ba;
position: absolute;
bottom: -20px;
left: 0;
}

.flow07 > li dl {
padding: 0 0 0 30px;
width: calc(100% - 80px);
}

.flow07 > li dl dt {
padding: 0 0 5px;
margin: 0 0 15px;
font-size: 1.2em;
font-weight: bold;
border-bottom: 4px solid #CCCCCC;
position: relative;
}
.flow07 > li dl dt::after {
content: '';
width: 20%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0;
background-color: #ff93ba;
}

.flow07 > li dl dd {
margin: 0;
}

.flow_design08 {
display: flex;
justify-content: center;
align-items: center;
}

.flow08 {
padding-left: 0;
}

.flow08 > li {
width: 100% !important;
list-style-type: none;
display: flex;
}

.flow08 > li:not(:last-child) {
margin: 0 0 50px;
}

.flow08 > li .icon08 {
width: 60px;
box-sizing: border-box;
padding: 20px 10px 10px;
font-weight: bold;
color: #FFF;
text-align: center;
background: #55a8da;
border-radius: 5px 5px 0 0;
position: relative;
line-height: 125%;
margin: 0;
}

.flow08 > li .icon08::after{
content: ' ';
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 20px solid #55a8da;
position: absolute;
bottom: -20px;
left: 0;
}

.flow08 > li dl {
padding: 0 0 0 30px;
width: calc(100% - 80px);
}

.flow08 > li dl dt {
padding: 0 0 5px;
margin: 0 0 15px;
font-size: 1.2em;
font-weight: bold;
border-bottom: 4px solid #CCCCCC;
position: relative;
}
.flow08 > li dl dt::after {
content: '';
width: 20%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0;
background-color: #55a8da;
}

.flow08 > li dl dd {
margin: 0;
}



/* welfare
--------------------------------------------*/
#welfare{
position: relative;
margin: 0 auto 60px;
overflow: hidden;
}

#welfare .section_wrap{
position: absolute;
top: 60px;
left: 5%;
z-index: 5;
height: 100%;
}

#welfare .section_wrap .txt_box{
width: 90%;
position:relative;
margin: auto;
}

#welfare .section_wrap .txt_box .secTitle,
#welfare .section_wrap .txt_box .secTitle span{
color: #FFF;
}

#welfare .section_wrap .txt_box .secTitle span::before{
border-left: #FFF 1px dotted;
}

#welfare .section_wrap .txt_box .red_txt{
color: #FFF;
line-height: 1.8;
font-weight: 500;
margin: 0 0 40px;
}

#welfare .section_wrap .txt_box .common_btn_box{
margin: 0;
}


#welfare .slider3{
position: relative;
height: 400px;
overflow: hidden;
}

#welfare .slider3::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 9), rgba(80,80,80,.1) 90%, rgba(85, 85, 85, 0));
z-index: 1;
}

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

#welfare .slider3 .slick-slide{
margin: 0;
position: relative;

}

#welfare .slider3 .slick-slide img{
height:600px;
object-fit: cover;
}



/* boss
--------------------------------------------*/
#boss{
position: relative;
width: 100%;
margin: 0 auto 60px;
}


#boss::before{
content: "";
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
height:500px;
background-size: 15px 15px;
background-color: #fff;
background-image: radial-gradient(#000000 0%, rgba(0, 0, 0, 0) 6%);
}


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

#boss .section_wrap .txt_box{
position: relative;
width: 90%;
margin:0 auto;
clear: both;
}


#boss .section_wrap .bnr_img{
width: 40%;
margin:60px auto 0;
}


#boss .section_wrap .list{
width: 90%;
margin: 0 auto 30px;
}

#boss .section_wrap .list li{
width:100%;
padding: .6rem;
box-sizing: border-box;
border: #404040 1px solid;
border-radius: .6rem;
transition: .5s;
background: #FFF;
position: relative;
z-index: 2;
margin-bottom: 20px;
}

#boss .section_wrap .list li:last-child{
margin-bottom: 0;
}

#boss .section_wrap .list li:hover{
opacity: .6;
transition: .5s;
}


#boss .section_wrap .list li::after{
content: "";
position: absolute;
bottom: 10px;
right: 10px;
width:30px;
height:30px;
background: url("../images/com/btn-arrow-r.svg") 0 0 no-repeat;
background-size: cover;
}

#boss .section_wrap .list li .img{
margin: 0 0 20px;
}


#boss .section_wrap .list li .img img{
border-radius: .6rem;
}

#boss .section_wrap .list li h3{
font-size: 1rem;
line-height: 1.4;
margin-bottom: 20px;
}

#boss .section_wrap .list li h3 span{
display: block;
font-size: .8rem;
margin-bottom: 10px;
}


/* senior
--------------------------------------------*/
#senior{
position: relative;
width: 100%;
margin: 0 auto 30px;
}


#senior::before{
content: "";
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
height:500px;
background-size: 15px 15px;
background-color: #fff;
background-image: radial-gradient(#000000 0%, rgba(0, 0, 0, 0) 6%);
}


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

#senior .section_wrap .txt_box{
position: relative;
width: 90%;
margin:0 auto;
clear: both;
}


#senior .section_wrap .bnr_img{
width: 90%;
margin:30px auto 0;
}


/*------------idx_box0809-------------*/
#idx_box0809 {
}
#idx_box0809 .idx_tit_C {
color: #fff;
margin-bottom: 0px;
}
#idx_box0809 .idx_tit_C span.en {
color: #fff;
}
#idx_box08 {
width: 100%;
margin-top: 5px;
margin-bottom:5px;
}
#idx_box09 {
width: 100%;
margin-bottom: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: 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-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;
}



}