@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.1);
}
100% {
transform: scale(1.4);
}
}

@keyframes zoomUp2 {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}


@-webkit-keyframes mv04-circle {
100% {
stroke-dashoffset: 0;
}
}

@keyframes mv04-circle {
100% {
stroke-dashoffset: 0;
}
}

@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

.bg_color_img{
display: none;
}

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

#mv .move {
overflow: hidden;
position: relative;
width: 100%;
height:65vh;
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: 2;
}

#mv .move video {
position: absolute;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}

#mv:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.5);
}

#mv .copy {
position: absolute;
width: auto;
width:1180px;
top:20vw;
left:50%;
margin-left: -600px;
text-align: center;
z-index: 3;
}

#mv .copy h1{
letter-spacing: .04em;
font-size:2.6vw;
font-weight: 300;
color: #FFF;
line-height:1.1;
margin-bottom:20px;
text-shadow:0px 0px 6px rgba(0,0,0,.3);
}

#mv .copy .en_hedttl{
font-size: .9rem;
font-weight:200;
line-height: .8;
color: #FFF;
text-shadow:0px 0px 6px rgba(0,0,0,.2);
letter-spacing: .25rem;
margin-left: 10px;
margin-bottom:60px;
}

#mv .mv_btn {
position:absolute;
bottom:70px;
right:40px;
z-index:2;
border:1px solid #fff;
height:50px;
background:rgba(0,0,0,.4);
width:240px;
transition:all .3s ease;

}

#mv .mv_btn span {
position:absolute;
top:50%;
-ms-transform:translateY(-50%);
transform:translateY(-50%);
left:0;
width:100%;
display:block;
color:#fff;
text-align:center
}

#mv .mv_btn i {
position:absolute;
top:50%;
transform:translateY(-50%);
right:20px;
font-size:10px;
height:10px;
line-height:1;
}

#mv .mv_btn i img{
width: 12px;
transform: rotate(-90deg);
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(183deg) brightness(104%) contrast(106%);
transition: all .2s 
}

#mv .mv_btn:hover{
background:#fff;
}

#mv .mv_btn:hover span{
color: #b40019;
}

#mv .mv_btn:hover i {
filter: invert(8%) sepia(79%) saturate(7278%) hue-rotate(346deg) brightness(60%) contrast(100%);
}



/*strength
--------------------- */
#strength {
width: 100%;
position: relative;
margin: 0 auto 80px;
overflow: hidden;
padding: 60px 0 50px;
box-sizing: border-box;
background: #f9f9f9;
}

#strength .section_wrap{
max-width: 1180px;
margin: 0 auto;
position: relative;
}

#strength .section_wrap .txt_box{
width:100%;
position: relative;
}

#strength .section_wrap .txt_box .en_ttl,
#strength .section_wrap .txt_box .ttl{
text-align: center;
}

#strength .section_wrap .txt_box .read_txt{
letter-spacing: .05rem;
margin-bottom:40px;
text-align: center;
}

#strength .section_wrap .flow_img{
width: 60%;
margin: 0 auto 30px;
}

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

#strength .section_wrap .flow_img ul li{
width: 30%;
position: relative;
}

#strength .section_wrap .flow_img ul li a{
transition: all .5s ease;
}

#strength .section_wrap .flow_img ul li a:hover{
opacity: .5;
}

#strength .section_wrap .img{
width: 48%;
overflow: hidden;
}

#strength .section_wrap .img .image01{
width: 100%;
height: 900px;
position: relative;
border-radius:.6rem;
overflow: hidden;
}


/*business
--------------------------------------------*/
#business{
max-width: 1180px;
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 0 auto 80px;
}


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


#business .section_wrap .txt_box{
width: 100%;
margin:0;
position: relative;
}

#business .section_wrap .en_ttl,
#business .section_wrap .ttl{
text-align: center;
}


#business .section_wrap .idx_list{
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom:1px solid #e7e7e7;
margin: 0 auto 30px;
}

#business .section_wrap .idx_list li{
width:calc(25% - 1px);
position: relative;
display: block;
text-align:center;
border-left:1px solid #e7e7e7;
}

#business .section_wrap .idx_list li:nth-child(1){
border-left:none;
}

#business .section_wrap .idx_list li a{
display: block;
position: relative;
width: 100%;
transition: .5s;
}

#business .section_wrap .idx_list li a:hover{
opacity: .6;
transition: .5s;
}

#business .section_wrap .idx_list li a i{
position:absolute;
top: -40px;
left: 50%;
margin-left:-40px;
width: 80px;
height: 80px;
z-index:1;
padding:18px;
box-sizing:border-box;
display:block;
background:#FFF;
border-radius:50%;
}


#business .section_wrap .idx_list li .txt_box{
width: 100%;
position: relative;
display: block;
font-size: 20px;
font-size: 2rem;
padding:40px 0 30px;
box-sizing: border-box;
}

#business .section_wrap .idx_list li a .txt_box h3{
font-size:2.2rem;
font-weight: normal;
line-height: 1.3;
margin: 0 0 10px;
position: relative;
color: #444;
z-index: 1;
}

#business .section_wrap .idx_list li a .txt_box h3 span{
font-size: 1.6rem;
}

#business .section_wrap .idx_list li .txt_box p{
display: block;
font-size: 1.2rem;
color: #b40019;
position: relative;
z-index: 1;
}

#business .section_wrap .idx_list li .pic{
position: relative;
}

#business .section_wrap .idx_list li:hover .pic{
opacity:.5;
transition: .5s;
}

#business .section_wrap .idx_list li a .pic img{
transition: .5s;
}


/* examples
--------------------------------------------*/
#examples {
position: relative;
margin: 0 auto;
overflow: hidden;
padding:60px 0;
box-sizing: border-box;
background:#f9f9f9;
}

#examples .section_wrap{
width: 1180px;
margin:0 auto;
position: relative;
}

#examples .section_wrap .txt_box{
position: relative;
width: 100%;
margin-bottom: 40px;
}

#examples .section_wrap .txt_box .en_ttl,
#examples .section_wrap .txt_box .ttl{
text-align: center;
}

#examples .section_wrap .txt_box .read_txt{
margin-bottom: 30px;
text-align: center;
}


#examples .section_wrap .img{
width: 80%;
margin: auto;
overflow: hidden;
}

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

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

/*lily
--------------------- */
#lily {
position: relative;
margin: 0 auto 80px;
overflow: hidden;
padding:60px 0 50px;
box-sizing: border-box;
background: url("../images/index/bg_lily.jpg") center center no-repeat;
background-size: cover;
overflow: hidden;
}

#lily .section_wrap{
width: 800px;
margin:0 auto;
position: relative;
background: #FFF;
padding:35px;
box-sizing: border-box;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

#lily .section_wrap .txt_box{
position: relative;
}

#lily .section_wrap .txt_box .en_ttl,
#lily .section_wrap .txt_box .ttl{
text-align: center;
}

#lily .section_wrap .txt_box .read_txt{
margin-bottom: 30px;
text-align: center;
}


#lily .section_wrap .illust_img{
width: 100%;
margin: auto;
}

/*recruit
---------------------------------------------*/
#recruit{
position: relative;
max-width: 1180px;
margin: 0 auto;
border-top: 1px solid #444444;
padding: 40px 0;
box-sizing: border-box;
}

#recruit .section_wrap{
width: 100%;
margin: 0 auto;
}

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

#recruit .section_wrap .txt_box .en_ttl,
#recruit .section_wrap .txt_box .ttl,
#recruit .section_wrap .txt_box .sttl{
text-align: center;
}

#recruit .section_wrap .txt_box .txt{
text-align: center;
margin-bottom: 30px;
}

#recruit .section_wrap .img{
width: 60%;
margin:0 auto 20px;
position:relative;
}


}

/*tab*/
@media print, screen and (min-width: 768px) and (max-width: 1024px) {
/* mv
--------------------------------------------*/
#mv {
width: 100%;
position: relative;
margin:0;
overflow: hidden;
padding-top:63px;
box-sizing: border-box;
}

#mv .move {
overflow: hidden;
position: relative;
width: 100%;
height:55vh;
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: 2;
}

#mv .move video {
position: absolute;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}

#mv:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.5);
}

#mv .copy {
position: absolute;
width: auto;
width:1000px;
top:20vw;
left:50%;
margin-left: -500px;
text-align: center;
z-index: 3;
}

#mv .copy h1{
letter-spacing: .04em;
font-size:2.6vw;
font-weight: 300;
color: #FFF;
line-height:1.1;
margin-bottom:20px;
text-shadow:0px 0px 6px rgba(0,0,0,.3);
}

#mv .copy .en_hedttl{
font-size: .9rem;
font-weight:200;
line-height: .8;
color: #FFF;
text-shadow:0px 0px 6px rgba(0,0,0,.2);
letter-spacing: .25rem;
margin-left: 10px;
margin-bottom:60px;
}

#mv .mv_btn {
position:absolute;
bottom:70px;
right:40px;
z-index:2;
border:1px solid #fff;
height:50px;
background:rgba(0,0,0,.4);
width:240px;
transition:all .3s ease;

}

#mv .mv_btn span {
position:absolute;
top:50%;
-ms-transform:translateY(-50%);
transform:translateY(-50%);
left:0;
width:100%;
display:block;
color:#fff;
text-align:center
}

#mv .mv_btn i {
position:absolute;
top:50%;
transform:translateY(-50%);
right:20px;
font-size:10px;
height:10px;
line-height:1;
}

#mv .mv_btn i img{
width: 12px;
transform: rotate(-90deg);
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(183deg) brightness(104%) contrast(106%);
transition: all .2s 
}

#mv .mv_btn:hover{
background:#fff;
}

#mv .mv_btn:hover span{
color: #b40019;
}

#mv .mv_btn:hover i {
filter: invert(8%) sepia(79%) saturate(7278%) hue-rotate(346deg) brightness(60%) contrast(100%);
}



/*strength
--------------------- */
#strength {
width: 100%;
position: relative;
margin: 0 auto 80px;
overflow: hidden;
padding: 60px 0 50px;
box-sizing: border-box;
background: #f9f9f9;
}

#strength .section_wrap{
max-width: 1180px;
margin: 0 auto;
position: relative;
}

#strength .section_wrap .txt_box{
width:100%;
position: relative;
}

#strength .section_wrap .txt_box .en_ttl,
#strength .section_wrap .txt_box .ttl{
text-align: center;
}

#strength .section_wrap .txt_box .read_txt{
letter-spacing: .05rem;
margin-bottom:40px;
text-align: center;
}

#strength .section_wrap .flow_img{
width: 60%;
margin: 0 auto 30px;
}

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

#strength .section_wrap .flow_img ul li{
width: 30%;
position: relative;
}

#strength .section_wrap .flow_img ul li a{
transition: all .5s ease;
}

#strength .section_wrap .flow_img ul li a:hover{
opacity: .5;
}

#strength .section_wrap .img{
width: 48%;
overflow: hidden;
}

#strength .section_wrap .img .image01{
width: 100%;
height: 900px;
position: relative;
border-radius:.6rem;
overflow: hidden;
}


/*business
--------------------------------------------*/
#business{
max-width: 1180px;
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 0 auto 80px;
}


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


#business .section_wrap .txt_box{
width: 100%;
margin:0;
position: relative;
}

#business .section_wrap .en_ttl,
#business .section_wrap .ttl{
text-align: center;
}


#business .section_wrap .idx_list{
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom:1px solid #e7e7e7;
margin: 0 auto 30px;
}

#business .section_wrap .idx_list li{
width:calc(25% - 1px);
position: relative;
display: block;
text-align:center;
border-left:1px solid #e7e7e7;
}

#business .section_wrap .idx_list li:nth-child(1){
border-left:none;
}

#business .section_wrap .idx_list li a{
display: block;
position: relative;
width: 100%;
transition: .5s;
}

#business .section_wrap .idx_list li a:hover{
opacity: .6;
transition: .5s;
}

#business .section_wrap .idx_list li a i{
position:absolute;
top: -40px;
left: 50%;
margin-left:-40px;
width: 80px;
height: 80px;
z-index:1;
padding:18px;
box-sizing:border-box;
display:block;
background:#FFF;
border-radius:50%;
}


#business .section_wrap .idx_list li .txt_box{
width: 100%;
position: relative;
display: block;
font-size: 20px;
font-size: 2rem;
padding:40px 0 30px;
box-sizing: border-box;
}

#business .section_wrap .idx_list li a .txt_box h3{
font-size:2.2rem;
font-weight: normal;
line-height: 1.3;
margin: 0 0 10px;
position: relative;
color: #444;
z-index: 1;
}

#business .section_wrap .idx_list li a .txt_box h3 span{
font-size: 1.6rem;
}

#business .section_wrap .idx_list li .txt_box p{
display: block;
font-size: 1.2rem;
color: #b40019;
position: relative;
z-index: 1;
}

#business .section_wrap .idx_list li .pic{
position: relative;
}

#business .section_wrap .idx_list li:hover .pic{
opacity:.5;
transition: .5s;
}

#business .section_wrap .idx_list li a .pic img{
transition: .5s;
}


/* examples
--------------------------------------------*/
#examples {
position: relative;
margin: 0 auto;
overflow: hidden;
padding:60px 0;
box-sizing: border-box;
background:#f9f9f9;
}

#examples .section_wrap{
max-width: 1180px;
margin:0 auto;
position: relative;
}

#examples .section_wrap .txt_box{
position: relative;
width: 100%;
margin-bottom: 40px;
}

#examples .section_wrap .txt_box .en_ttl,
#examples .section_wrap .txt_box .ttl{
text-align: center;
}

#examples .section_wrap .txt_box .read_txt{
margin-bottom: 30px;
text-align: center;
}


#examples .section_wrap .img{
width: 80%;
margin: auto;
overflow: hidden;
}

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

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

/*lily
--------------------- */
#lily {
position: relative;
margin: 0 auto 80px;
overflow: hidden;
padding:60px 0 50px;
box-sizing: border-box;
background: url("../images/index/bg_lily.jpg") center center no-repeat;
background-size: cover;
overflow: hidden;
}

#lily .section_wrap{
width: 800px;
margin:0 auto;
position: relative;
background: #FFF;
padding:35px;
box-sizing: border-box;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

#lily .section_wrap .txt_box{
position: relative;
}

#lily .section_wrap .txt_box .en_ttl,
#lily .section_wrap .txt_box .ttl{
text-align: center;
}

#lily .section_wrap .txt_box .read_txt{
margin-bottom: 30px;
text-align: center;
}


#lily .section_wrap .illust_img{
width: 100%;
margin: auto;
}

/*recruit
---------------------------------------------*/
#recruit{
position: relative;
width: 100%;
margin: 0 auto;
border-top: 1px solid #444444;
padding: 40px 0;
box-sizing: border-box;
}

#recruit .section_wrap{
width: 100%;
margin: 0 auto;
}

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

#recruit .section_wrap .txt_box .en_ttl,
#recruit .section_wrap .txt_box .ttl,
#recruit .section_wrap .txt_box .sttl{
text-align: center;
}

#recruit .section_wrap .txt_box .txt{
text-align: center;
margin-bottom: 30px;
}

#recruit .section_wrap .img{
width: 60%;
margin:0 auto 20px;
position:relative;
}


}


/*sp*/
@media only screen and (max-width: 767px) {
/* mv
--------------------------------------------*/
#mv {
width: 100%;
position: relative;
margin:0;
overflow: hidden;
padding-top: 59px;
box-sizing: border-box;
}

#mv .move {
overflow: hidden;
position: relative;
width: 100%;
height:460px;
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: 2;
}

#mv .move video {
position: absolute;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}

#mv:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.5);
}

#mv .copy {
position: absolute;
width: auto;
width:90%;
top:220px;
left:50%;
margin-left: -45%;
text-align: center;
z-index: 3;
}

#mv .copy h1{
letter-spacing: .04em;
font-size:4.6vw;
font-weight: 300;
color: #FFF;
line-height:1.1;
margin-bottom:20px;
text-shadow:0px 0px 6px rgba(0,0,0,.3);
}

#mv .copy .en_hedttl{
font-size: .8rem;
font-weight:200;
line-height: .8;
color: #FFF;
text-shadow:0px 0px 6px rgba(0,0,0,.2);
letter-spacing: .25rem;
margin-left: 10px;
margin-bottom:60px;
}

#mv .mv_btn {
position:absolute;
bottom:20px;
right:20px;
z-index:2;
border:1px solid #fff;
height:40px;
background:rgba(0,0,0,.4);
width:160px;
transition:all .3s ease;

}

#mv .mv_btn span {
position:absolute;
top:50%;
-ms-transform:translateY(-50%);
transform:translateY(-50%);
left:0;
width:100%;
display:block;
color:#fff;
text-align:center
}

#mv .mv_btn i {
position:absolute;
top:50%;
transform:translateY(-50%);
right:20px;
font-size:10px;
height:10px;
line-height:1;
}

#mv .mv_btn i img{
width: 12px;
transform: rotate(-90deg);
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(183deg) brightness(104%) contrast(106%);
transition: all .2s 
}

#mv .mv_btn:hover{
background:#fff;
}

#mv .mv_btn:hover span{
color: #b40019;
}

#mv .mv_btn:hover i {
filter: invert(8%) sepia(79%) saturate(7278%) hue-rotate(346deg) brightness(60%) contrast(100%);
}



/*strength
--------------------- */
#strength {
width: 100%;
position: relative;
margin: 0 auto 30px;
overflow: hidden;
padding: 30px 0;
box-sizing: border-box;
background: #f9f9f9;
}

#strength .section_wrap{
position: relative;
width: 90%;
margin: 0 auto;
}

#strength .section_wrap .txt_box{
width:100%;
position: relative;
}

#strength .section_wrap .txt_box .read_txt{
letter-spacing: .05rem;
margin-bottom:40px;
}

#strength .section_wrap .flow_img{
width: 100%;
margin: 0 auto 30px;
}

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

#strength .section_wrap .flow_img ul li{
width: 30%;
position: relative;
}

#strength .section_wrap .flow_img ul li a{
transition: all .5s ease;
}

#strength .section_wrap .flow_img ul li a:hover{
opacity: .5;
}

#strength .section_wrap .img{
width: 48%;
overflow: hidden;
}

#strength .section_wrap .img .image01{
width: 100%;
height: 900px;
position: relative;
border-radius:.6rem;
overflow: hidden;
}


/*business
--------------------------------------------*/
#business{
width: 90%;
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 0;
margin: 0 auto 30px;
}


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


#business .section_wrap .txt_box{
width: 100%;
margin:0;
position: relative;
}

#business .section_wrap .en_ttl,
#business .section_wrap .ttl{
text-align: center;
}


#business .section_wrap .idx_list{
width:100%;
border-bottom:1px solid #e7e7e7;
margin: 0 auto 30px;
}

#business .section_wrap .idx_list li{
width:100%;
position: relative;
display: block;
border-bottom:1px solid #e7e7e7;
}

#business .section_wrap .idx_list li a{
position: relative;
width: 100%;
transition: .5s;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

#business .section_wrap .idx_list li a:hover{
opacity: .6;
transition: .5s;
}

#business .section_wrap .idx_list li a .pic{
width: 30%;
padding: 10px 0;
box-sizing: border-box;
}

#business .section_wrap .idx_list li a i{
position: absolute;
top: 55%;
left: -36%;
width: 30px;
height: 30px;
z-index: 1;
padding: 5px;
box-sizing: border-box;
display: block;
background: #FFF;
border-radius: 50%;
}


#business .section_wrap .idx_list li a i img{
margin-top: -20px;
}

#business .section_wrap .idx_list li .txt_box{
width: 65%;
position: relative;
display: block;
font-size: 20px;
font-size: 2rem;
padding:15px 0;
box-sizing: border-box;
}

#business .section_wrap .idx_list li a .txt_box h3{
font-size:1.6rem;
font-weight: normal;
line-height: 1.3;
margin: 0 0 5px;
position: relative;
color: #444;
z-index: 1;
}

#business .section_wrap .idx_list li a .txt_box h3 span{
font-size: 1rem;
}

#business .section_wrap .idx_list li .txt_box p{
display: block;
font-size: 1.2rem;
color: #b40019;
position: relative;
z-index: 1;
}

#business .section_wrap .idx_list li .pic{
position: relative;
}

#business .section_wrap .idx_list li:hover .pic{
opacity:.5;
transition: .5s;
}

#business .section_wrap .idx_list li a .pic img{
transition: .5s;
}


/* examples
--------------------------------------------*/
#examples {
position: relative;
margin: 0 auto;
overflow: hidden;
padding:30px 0;
box-sizing: border-box;
background:#f9f9f9;
}

#examples .section_wrap{
width: 90%;
margin:0 auto;
position: relative;
}

#examples .section_wrap .txt_box{
position: relative;
width: 100%;
margin-bottom: 40px;
}

#examples .section_wrap .txt_box .en_ttl,
#examples .section_wrap .txt_box .ttl{
text-align: center;
}

#examples .section_wrap .txt_box .read_txt{
margin-bottom: 30px;
}

#examples .section_wrap .img{
width: 90%;
margin: auto;
overflow: hidden;
}

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

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

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

#lily .section_wrap{
width: 100%;
margin:0 auto;
position: relative;
background: #FFF;
padding:25px;
box-sizing: border-box;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

#lily .section_wrap .txt_box{
position: relative;
}

#lily .section_wrap .txt_box .en_ttl,
#lily .section_wrap .txt_box .ttl{
text-align: center;
}

#lily .section_wrap .txt_box .read_txt{
margin-bottom: 30px;
}


#lily .section_wrap .illust_img{
width: 100%;
margin: auto;
}

/*recruit
---------------------------------------------*/
#recruit{
position: relative;
width: 100%;
margin: 0 auto;
border-top: 1px solid #444444;
padding: 30px 0 0;
box-sizing: border-box;
overflow: hidden;
}

#recruit .section_wrap{
width: 100%;
margin: 0 auto;
}

#recruit .section_wrap .txt_box{
width:90%;
margin:0 auto 30px;
position: relative;
}

#recruit .section_wrap .txt_box .en_ttl,
#recruit .section_wrap .txt_box .ttl,
#recruit .section_wrap .txt_box .sttl{
text-align: center;
}

#recruit .section_wrap .txt_box .txt{
margin-bottom: 30px;
}

#recruit .section_wrap .img{
width: 80%;
margin:0 auto 20px;
position:relative;
}

}