@charset "UTF-8";
/* CSS Document */
@font-face{font-family:"OSW";src:url("../font/Oswald/static/Oswald-Regular.ttf") format("truetype")}
.en{font-family:"OSW";letter-spacing:0.05em}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}*{margin:0;padding:0;box-sizing:border-box}*::selection{background:#E1D7AB;color:#000}.highlight_blk *::selection{background:#000;color:#E1D7AB}html{box-sizing:border-box}*:before,*:after{box-sizing:inherit}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle;outline:0}ul,li{list-style:none}body{-webkit-text-size-adjust:100%}

.sp{
display:none;
}
@media screen and (max-width: 896px){
.sp{display:block;
}
}
@media screen and (max-width: 896px){
.pc{
display:none;
}
}
body,html{
width:100%;
background-color:#F9F8EE;
font-size:62.5%;
font-family:"Noto Sans JP", sans-serif;
font-weight:400;
font-feature-settings:"palt";
letter-spacing:0.05em;
color:#050505;
}
.mos-green{color:#1E501F}
.green{color:#286433}
.beige{color:#F0EBD5}
.brown{color:#E1D7AB}
.txt-bold{font-weight:900}
.txt-semibold{font-weight:700}
.txt-24{font-size:2.4rem}
.txt-16{font-size:1.6rem}
.txt-12{font-size:1.2rem}
.mgn-l-16{margin-left:16px}

.side_fix{
position:fixed;
right:0;
top:50%;
transform:translate(100%, -50%);
z-index:10001;
transition:0.4s;
}
.side_fix.on{
transform:translate(0, -50%);
}
.side_fix .fix_btn{
transition:0.4s;
}
.side_fix .fix_btn img{
width:50px;
}
.side_fix .fix_btn.pararel{
margin-top:20px;
}
.side_fix .fix_btn a{
width:60px;
height:60px;
background-color:#E1D7AB;
display:flex;
/*border:solid 2px #1E501F;*/
/*border-radius: 10px 0 0 10px;*/
cursor:pointer;
justify-content:center;
align-items:center;
padding:5px;
opacity:1;

}
/*.side_fix .fix_btn a:hover{
border:solid 2px #1E501F;
transition:0.4s;
}*/
@media screen and (max-width: 896px){
.side_fix .fix_btn img{
}
}
@media screen and (max-width: 896px){
.side_fix .fix_btn a{
}
}
@media screen and (max-width: 896px){
.side_fix{
position:fixed;
right:0;
top:85%;
}
}



.btnlinestretches{
position:relative;
    text-decoration: none;
    outline: none;
}

.btnlinestretches::before,
.btnlinestretches::after {
opacity: 0.8;
content:'';
position:absolute;
border:solid #286433;
width:0;
height:0;
transition:all 0.2s ease-in-out;
}

.btnlinestretches::before{
top:0;
left:0;
  border-width:30px 0 0 0;
}

.btnlinestretches::after{
bottom:0;
left:0;
border-width:0 0 30px 0;
}

.btnlinestretches:hover::before,
.btnlinestretches:hover::after{
width:calc(100% - 1px);
height:calc(100% - 1px);
border-color:#286433
}






.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}





header{}

.header{
position:fixed;
z-index:10003;
top:0;
left:0;
padding:15px 5%;
transition:0.4s;
width:100%;
background:rgba(30,80,31,0.95);
}
@media screen and (max-width: 896px){
.header{
padding:20px 5%;
}
.header.fix_visibility{
opacity:1 !important;transform:translateY(0) !important;
background:#1E501F;
}
}
.header:not(.visibility){
opacity:0;transform:translateY(-100px);
}
.header.visibility{
opacity:1;transform:cubic-bezier(0.1, 0.2, 0.3, 1);
}
.header.no_bg{
background:none;
}
.header--inner{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
}
.header--inner .logo{
width:180px;
position:relative;
z-index:10003;
}
.header--inner .logo .head_logo{
width:100%;
fill:#F0EBD5;
}
@media screen and (max-width: 896px){
.header--inner .logo{
width:160px;
}
}

@media screen and (max-width: 896px){
.header--inner .nav{
display:none;
}
}
.header--inner .nav--inner{
display:flex;
justify-content:flex-end;
align-items:center;
}
.header--inner .nav--inner .mainmenu{
display:flex;
align-items:center;
}
.header--inner .nav--inner .mainitem:not(:first-child){
margin-left:30px;
}
.header--inner .nav--inner .mainlink{
position:relative;
color:#F0EBD5;
font-size:1.4rem;
letter-spacing:.04em;
z-index:2;
font-weight:500;
}
.header--inner .nav--inner .mainlink::after{
content:"";
background:#1E501F;
width:100%;
height:14px;
position:absolute;
bottom:2px;
z-index:3;
left:0;
transform:scale(0, 1);
transition:transform 0.2s;
transform-origin:right top;
opacity:0.8;
}
@media screen and (min-width: 897px){
.header--inner .nav--inner .mainlink:hover::after{
transform-origin:left top;
transform:scale(1, 1);
}
}


.header--inner .trigger{
cursor:pointer;
}
.header--inner .trigger span{
width:30px;
height:2px;
background-color:#F0EBD5;
display:block;
min-height:0%;
transition:0.3s;
}
.header--inner .trigger span:nth-of-type(2){
margin:6px 0;
}
.header--inner .trigger.close span{
transform:rotate(45deg);
}
.header--inner .trigger.close span:nth-of-type(1){
margin-top:10px;
}
.header--inner .trigger.close span:nth-of-type(2){
width:30px;
margin-top:-2px;
transform:rotate(-45deg);
}
.header--inner .trigger.close span:last-child{
opacity:0;
}




/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
.header--inner .mainmenu .has-child ul{
font-size:1.2rem;
    /*絶対配置で位置を指定*/
  position: absolute;
  right:160px;
  top:64px;
  z-index: 4;
    /*形状を指定*/
  background:rgba(30,80,31,0.95);
  width:200px;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
    /*アニメーション設定*/
  transition: all .4s;
}

/*hoverしたら表示*/
.header--inner .mainmenu .has-child:hover > ul,
.header--inner .mainmenu .has-child ul li:hover > ul,
.header--inner .mainmenu .has-child:active > ul,
.header--inner .mainmenu .has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}


/*ナビゲーションaタグの形状*/
.header--inner .mainmenu .has-child ul li a{
display: block;
padding:20px;
transition:all .4s;
color: #F0EBD5;
border-bottom:solid 1px #F0EBD5;
}

.header--inner .mainmenu .has-child ul li:last-child a{
border-bottom:none;
}

.header--inner .mainmenu .has-child ul li a:hover,
.header--inner .mainmenu .has-child ul li a:active{
  background:#286433;
}










.head_menu{
background-color:#1E501F;
z-index:10002;
position:fixed;
top:0;left:0;
width:100%;
height:100vh;
padding:60px 0;
opacity:0;
transition:0.4s;
overflow:hidden;
}
.head_menu.off{
display:none;
}
.head_menu.on{
opacity:1;
}
.head_menu.on .head_menu_inner .first_list .first_list_child{
opacity:1;
transform:translateY(0%);
transition-delay:0.3s;
}
.head_menu .head_menu_inner{
height:100%;
overflow-y:scroll;
padding:0 5% 80px;
}
@media screen and (max-width: 896px){
.head_menu .head_menu_inner{
padding:0 5% 150px;
}
}
.head_menu .head_menu_inner a{
color:#F0EBD5;
}
.head_menu .head_menu_inner .spaclink{
color:#F0EBD5;
font-size:1.6rem;
display:block;
font-weight:500;
}
.head_menu .head_menu_inner .spaclink.ac_trigger{
position:relative;
}
.head_menu .head_menu_inner .spaclink.ac_trigger .smtxt{
font-size:1.2rem;
color:#F0EBD5;
margin-left:10px;
opacity: 0.4;
}
.head_menu .head_menu_inner .spaclink.ac_trigger::before,.head_menu .head_menu_inner .spaclink.ac_trigger::after{
content:"";
width:15px;
height:2px;
background-color:#dadada;
position:absolute;
top:50%;
right:0;
transition:0.4s;
}
.head_menu .head_menu_inner .spaclink.ac_trigger::after{
transform:rotate(90deg);
}
.head_menu .head_menu_inner .spaclink.ac_trigger.show::after{
transform:rotate(0deg);
}
.head_menu .head_menu_inner .first_list .first_list_child{
padding:32px 20px;
border-top:1px solid #286433;
transition:0.4s;
transform:translateY(10%);
opacity:0;
}
.head_menu .head_menu_inner .first_list .first_list_child:last-child{
border-bottom:1px solid #286433}
.head_menu .head_menu_inner .first_list .first_list_child:last-child .spaclink{
width:113px;
margin:0 auto;
}
.head_menu .head_menu_inner .first_list .first_list_child:last-child .spaclink.blkcom{
width:100%;
}
.head_menu .head_menu_inner .first_list .first_list_child a{
font-size:1.6rem;
font-weight:500;
}
.head_menu .head_menu_inner .first_list .first_list_child a .smtxt{
font-size:1.2rem;
color:#F0EBD5;
margin-left:10px;
opacity: 0.4;
}
.head_menu .head_menu_inner .first_list .first_list_child .second_list{
display:none;
margin:25px 0 5px;
}
.head_menu .head_menu_inner .first_list .first_list_child .second_list .second_list_child:not(:first-child){
margin-top:27px;
}
.head_menu .head_menu_inner .first_list .first_list_child .second_list .second_list_child a{
color:#F0EBD5;
font-size:1.4rem;
font-weight:500;
}
.head_menu .head_menu_inner .first_list .first_list_child .second_list .second_list_child .third_list{
margin-top:18px;
padding-left:30px;
}
.head_menu .head_menu_inner .first_list .first_list_child .second_list .second_list_child .third_list .third_list_child:not(:first-child){
margin-top:20px;
}
.head_menu .head_menu_inner .first_list .first_list_child .second_list .second_list_child .third_list .third_list_child a{
font-size:1.4rem;
font-weight:500;
}
.head_menu .head_menu_inner .sns_list{
padding:0 5%;
margin-top:40px;
}
.head_menu .head_menu_inner .sns_list li:nth-of-type(1){
margin-right:25px;
width:28px;
}
.head_menu .head_menu_inner .sns_list li:nth-of-type(2){
width:26px;
}
.head_menu .head_menu_inner .sns_list li a{
display:block;
}
.head_menu .contact_fix_sp{
position:fixed;
bottom:0;
left:0;
width:100%;
border-top:1px solid #2b2b2b;
}
.head_menu .contact_fix_sp ul{
display:flex;
justify-content:space-between;
}
.head_menu .contact_fix_sp ul li:nth-of-type(1),
.head_menu .contact_fix_sp ul li:nth-of-type(2){
/*width:41.5%;*/
width:83%;
border-right:1px solid #2b2b2b;
}
.head_menu .contact_fix_sp ul li:nth-of-type(1) a,
.head_menu .contact_fix_sp ul li:nth-of-type(2) a{
font-size:1.6rem;
color:#dadada;
display:block;
text-align:center;
padding:23px 0;
font-weight:500;
background:#050505;
width:100%;
height:100%;
}
.head_menu .contact_fix_sp ul li:last-child{
width:17%;
}
.head_menu .contact_fix_sp ul li:last-child a{
background:#050505;
display:block;
width:100%;
height:100%;
text-align:center;
padding:16px;
}





footer{
text-align:center;
background:#F0EBD5;
}
footer .logo{
width:260px;
fill:#286433;
margin:0 auto;
padding:32px 0 8px;
}
footer .p-mark{
display:inline-block;
width:70px;
vertical-align:middle;
}
footer .corp-info{
display:inline-block;
text-align:left;
padding:0;
margin:0 0 0 24px;
vertical-align:middle;
}
@media screen and (max-width: 896px){
footer .corp-info{
padding:20px;
margin:0;
}
}
footer .corp-info .corp-name{
font-size:1.4rem;
font-weight:700;
margin-bottom:8px;
}
footer .corp-info .corp-add{
font-size:1.2rem;
font-weight:400;
line-height:1.6;
}
footer .copyright{
margin-top:20px;
text-align:center;
background:#050505;
padding:16px;
font-size:1.2rem;
color:#F0EBD5;
}








#contents{
}
@media screen and (max-width: 896px){
#contents{
}
}
#contents p{
font-size:1.4rem;
}



.top_main{
position:relative;
width:100vw;
height:100vh;
background:#286433;
}
@media screen and (max-width: 896px){
.top_main{
}
}
/*#main_top_catch{
z-index:3;
position:absolute;
top:100px;
right:30px;
text-align:center;
width:65%;
padding:50px 0;
border:8px solid #F0EBD5;
background:#fff;
font-size:3.2rem;
font-weight:700;
}*/
#main_top_catch{
color:#F0EBD5;
z-index:3;
position:absolute;
top:10%;
width:100%;
display:flex;
font-size:3.2rem;
/* テキストを縦書きに指定 */
writing-mode: vertical-rl;
/* 左右中央揃え */
align-items: center;
font-weight:700;
}
#main_top_catch .brackets{
font-size:6.4rem;
vertical-align:-0%;
font-weight:300;
}
@media screen and (max-width: 896px){
/*#main_top_catch{
top:160px;
right:10px;
width:80%;
padding:20px 0;
border:6px solid #F0EBD5;
font-size:1.6rem;
}*/
#main_top_catch{
top:20%;
font-size:2.4rem;
}
#main_top_catch .brackets{
font-size:4rem;
}
}


#main_top{
}
#main_top img{
opacity: 0.2;
width:60%;
position:absolute;
top:25%;
left:20%;
}
@media screen and (max-width: 896px){
#main_top img{
width:80%;
top:40%;
left:10%;
}
}












.top_info{
margin-top:40px;
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.top_info{
padding:0 20px;
}
}
.top_info .top_info_title{
font-size:1.6rem;
color:#F0EBD5;
background:#286433;
padding: 10px 16px;
}
.top_info .mv_news{
padding-bottom:16px;
margin-top:24px;
border-bottom:1px solid #E1D7AB;
}
.top_info .mv_news .top-news{
display:flex;
align-items:center;
}
@media screen and (max-width: 896px){
.top_info .mv_news .top-news{
display:block;
text-align:left
}
}
.top_info .mv_news .top-news .time{
margin-right:16px;
margin-bottom:-1px;
overflow:hidden;
display:inline-block;
}
@media screen and (max-width: 896px){
.top_info.mv_news .top-news .time{
margin-right:0;
}
}
.top_info .mv_news .top-news .time span{
display:inline-block;
font-size:1.2rem;
letter-spacing:0.1em;
color:#1E501F;
font-weight:700;
}
@media screen and (max-width: 896px){
.top_info.mv_news .top-news .time span{
font-size:1rem;
}
}
.top_info .mv_news .top-news h4{
position:relative;
color:#050505;
font-size:1.4rem;
line-height:1.4;
font-weight:400;
}
.top_info .mv_news .top-news h4::after{
content:"";
background:#F9F8EE;
width:100%;
height:15px;
position:absolute;
bottom:2px;
left:0;
transform:scale(0, 1);
transition:transform 0.3s;
transform-origin:right top;
opacity:0.8;

}
@media screen and (min-width: 897px){
.top_info .mv_news .top-news h4:hover::after{
transform-origin:left top;
transform:scale(1, 1);
}
}
@media screen and (max-width: 896px){
.top_info .mv_news .top-news h4{
font-size:1.2rem;
margin-top:8px; 
}
}







.cont-01,
.cont-02{
margin-top:40px;
max-width:1024px;
margin:100px auto 40px;
}
@media screen and (max-width: 896px){
.cont-01,
.cont-02{
padding:0 20px;
}
}
.cont-01 .arrow_box{
    position:relative;
    padding:24px;
    text-align:center;
    border-top:6px solid #F0EBD5;
    border-bottom:6px solid #F0EBD5;
    color:#1E501F;
    font-size:2.4rem;
    font-weight:700;
}
.cont-01 .arrow_box .brackets{
font-size:6.4rem;
vertical-align:-25%;
font-weight:300;
}
.cont-01 .arrow_box::after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.cont-01 .arrow_box::after{
    border-color:rgba(255, 255, 255, 0);
    border-top-width:22px;
    border-bottom-width:22px;
    border-left-width:20px;
    border-right-width:20px;
    margin-left:-20px;
    border-top-color:#F9F8EE;
}
.cont-01 .arrow_box:before{
    border-color:rgba(249, 248, 238, 0);
    border-top-width:27px;
    border-bottom-width:27px;
    border-left-width:25px;
    border-right-width:25px;
    margin-left:-25px;
    margin-top:5px;
    border-top-color:#F0EBD5;
}
@media screen and (max-width: 896px){
.cont-01 .arrow_box{
text-align:left;
width:100%;
padding:0;
display:flex;
font-size:2.4rem;
/* テキストを縦書きに指定 */
writing-mode: vertical-rl;
/* 左右中央揃え */
align-items: center;
font-weight:700;
}
.cont-01 .arrow_box .brackets{
font-size:7.2rem;
vertical-align:-25%;
font-weight:300;
}
}
.cont-01 .sentence{
margin-top:40px;
padding:40px 20px;
border:5px solid #F0EBD5;
text-align:center;
background:#fff;
}
.cont-01 .sentence h4{
font-size:1.4rem;
line-height:1.4;
font-weight:400;

}
@media screen and (max-width: 896px){
.cont-01 .sentence{
padding:32px;
}
.cont-01 .sentence h4{
font-size:1.2rem;
}
}





.cont-02 .point-list{
}
.cont-02 .point-list .point-list-inner{
display:flex;
width:100%;
}
@media screen and (max-width: 896px){
.cont-02 .point-list .point-list-inner{
display:block;
}
}
.cont-02 .point-list .point-list-inner .point-box-inner{
    width:100%;
margin-right:5%;
align-items:stretch;
}
@media screen and (max-width: 896px){
.cont-02 .point-list .point-list-inner .point-box-inner{
margin-bottom:32px;
}
}
.cont-02 .point-list .point-list-inner .point-box-inner:last-child{
margin-right:0;
}
.cont-02 .point-list .point_box{
    position:relative;
    background:#fff;
    padding:10px;
    text-align:center;
    border:5px solid #286433;
    color:#050505;
    font-size:1.6rem;
    font-weight:700;
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_box::after,.point_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_box:before{
    border-color:rgba(40, 100, 51, 0);
    border-top-width:21px;
    border-bottom-width:21px;
    border-left-width:23px;
    border-right-width:23px;
    margin-left:-23px;
    margin-top:5px;
    border-top-color:#286433;
}

/*@keyframes move-stripe1 {
    0% {  background-position-x: 0;  }
    100% {  background-position-x: -54px;  }
}*/
.cont-02 .point-list .point-list-inner .point-box-inner .point_box .point_num{
color:#1E501F;
padding:24px 0;
background:repeating-linear-gradient(-46deg, #F0EBD5, #F0EBD5 20px, #fff 20px, #fff 40px);
    /*animation: move-stripe1 .8s infinite linear*/
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_box .point_catch{
padding:32px 0;
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_sentence{
margin-top:16px;
background:#F0EBD5;
border-radius:10px;
padding:20px;
font-size:1.4rem;
line-height:1.4;
}
@media screen and (max-width: 896px){
.cont-02 .point-list .point-list-inner .point-box-inner .point_sentence{
font-size:1.2rem;
}
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_sentence img{
border-radius:10px;
width:100%;
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_img{
margin-top:16px;
}
@media screen and (max-width: 896px){
.cont-02 .point-list .point-list-inner .point-box-inner .point_img{
font-size:1.2rem;
}
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_img img{
border-radius:10px;
width:100%;
}

.cont-02 .point-list .point-list-inner .point-box-inner .point_sentence-bg01{
background: linear-gradient(-45deg, rgba(225, 215, 171, .2), rgba(240, 235, 213, .8)) fixed, url("../img/top/sv-sushi.jpg") fixed no-repeat center center;
background-size:cover;
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_sentence-bg02{
background: linear-gradient(-45deg, rgba(225, 215, 171, .2), rgba(240, 235, 213, .8)) fixed, url("../img/top/sv-spice.jpg") fixed no-repeat center center;
background-size:cover;
}
.cont-02 .point-list .point-list-inner .point-box-inner .point_sentence-bg03{
background: linear-gradient(-45deg, rgba(225, 215, 171, .2), rgba(240, 235, 213, .8)) fixed, url("../img/top/sv-onestop.jpg") fixed no-repeat center center;
background-size:cover;
}




button{
width:100%;
margin:40px 0;
}
.service_btn{
font-size:1.6rem;
width:100%;
position: relative;
overflow: hidden;
text-decoration: none;
display: block;
/*border: 1px solid #286433;*/
background:#286433;
padding: 16px 40px;
    text-align: center;
    outline: none;
    transition: ease .2s;
}

.service_btn span {
  position: relative;
  z-index: 3;
  color:#F0EBD5;
}

.service_btn:hover span{
  color:#050505;
}

.bgleft:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background:#E1D7AB;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}






.cont-01 .arrow_box span.cont-rubi {
  position: relative;
}
.cont-01 .arrow_box span.cont-rubi::after {
  position: absolute;
  content: "アンサー";
  font-size: 1.2rem;
  letter-spacing: 0.4em;
  white-space: nowrap;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
}





.deco-line {
display:flex;
} 
.deco-line:before {
margin-right:10px;
content:'';
width:20px;
height:7px;
border-bottom:solid 1px;
}
.deco-arrow {
display:flex;
} 
.deco-arrow:before {
content:'';
width:40px;
height:8px;
border-bottom:1px solid;
border-right:1px solid;
transform:skew(45deg);
}







.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
} 
.fadeUpTrigger{
    opacity: 0;
}
.delay_02{
animation-delay: 0.2s;
}
.delay_03{
animation-delay: 0.3s;
}
.delay_04{
animation-delay: 0.4s;
}
.delay_05{
animation-delay: 0.5s;
}
.delay_06{
animation-delay: 0.6s;
}
.delay_07{
animation-delay: 0.7s;
}
.delay_08{
animation-delay: 0.8s;
}
.delay_09{
animation-delay: 0.9s;
}
.delay_10{
animation-delay: 1s;
}
.delay_11{
animation-delay: 1.1s;
}
.delay_12{
animation-delay: 1.2s;
}
.delay_13{
animation-delay: 1.3s;
}
.delay_14{
animation-delay: 1.4s;
}
.delay_15{
animation-delay: 1.5s;
}
.delay_16{
animation-delay: 1.6s;
}







.mv_textarea{
color:#F0EBD5;
background:#286433;
}
@media screen and (min-width: 897px){
.mv_textarea{
padding:240px 10% 80px;
}
}
@media screen and (max-width: 896px){
.mv_textarea{
padding:140px 5% 40px
}
}
.mv_textarea .entxt{
display:block;
margin-bottom:20px;
font-size:4rem;
letter-spacing:0.1em;
}
@media screen and (max-width: 896px){
.mv_textarea .entxt{
margin-bottom:11px;
font-size:2.8rem
}
}
.mv_textarea .jptxt{
font-size:1.4rem;
letter-spacing:0.08em;
}
.mv_title{
    display:inline-block;
}



.corp_info{
margin-top:40px;
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.corp_info{
padding:0 20px;
}
}
.corp_info .corp_list{
padding-bottom:16px;
margin-top:24px;
border-bottom:4px solid #F0EBD5;
}
.corp_info .corp_list:last-child{
border-bottom:none;
}
.corp_info .corp_list .corp_item{
display:flex;
align-items:center;
}
@media screen and (max-width: 896px){
.corp_info .corp_list .corp_item{
display:block;
text-align:left
}
}
.corp_info .corp_list .corp_item .corp_item_name{
width:20%;
margin-right:16px;
overflow:hidden;
display:inline-block;
}
@media screen and (max-width: 896px){
.corp_info .corp_list .corp_item .corp_item_name{
width:80%;
margin-right:0;
}
}
.corp_info .corp_list .corp_item .corp_item_name span{
display:inline-block;
font-size:1.4rem;
letter-spacing:0.1em;
color:#1E501F;
font-weight:700;
}
@media screen and (max-width: 896px){
.corp_info.corp_list .corp_item .corp_item_name span{
font-size:1.2rem;
}
}
.corp_info .corp_list .corp_item h4{
color:#050505;
font-size:1.4rem;
line-height:1.4;
font-weight:400;
}
@media screen and (max-width: 896px){
.top_info .corp_list .corp_item h4{
font-size:1.2rem;
}
}
.corp_info .corp_list .corp_item img{
width:100px;
margin-left:16px;
}
@media screen and (max-width: 896px){
.corp_info .corp_list .corp_item img{
margin-left:0;
margin-top: 8px;
}
}
.corp_info .corp_list .corp_item .articlelink{
position:relative;
color:#050505;
font-size:1.4rem;
letter-spacing:.04em;
z-index:2;
font-weight:700;
}
.corp_info .corp_list .corp_item .articlelink::after{
content:"";
background:#F9F8EE;
width:100%;
height:16px;
position:absolute;
bottom:1px;
z-index:3;
left:0;
transform:scale(0, 1);
transition:transform 0.2s;
transform-origin:right top;
opacity:0.8;
}
@media screen and (min-width: 897px){
.corp_info .corp_list .corp_item .articlelink:hover::after{
transform-origin:left top;
transform:scale(1, 1);
}
}
.corp_info .corp_list .corp_item ul li{
padding:8px 0;
border-bottom:dotted 2px #E1D7AB;
}
.corp_info .google-map {
width:100%;
margin-top:40px;
}

.corp_info .google-map iframe {
width:100%;
height:300px;
}



.arrow {
position: relative;
display: inline-block;
padding: 10px;
}

.arrow::before {
content: '';
width: 8px;
height: 8px;
border-top: solid 1px #050505;
border-right: solid 1px #050505;
position: absolute;
left: 6px;
top: 11px;
}
.arrow.arrow-right::before {
transform: rotate(45deg);
}





.service_cont-title{
margin-top:40px;
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.service_cont-title{
padding:0 20px;
}
}
.service_cont-title .catch-01{
    color:#1E501F;
    font-size:3.2rem;
margin-bottom:24px;
}
.service_cont-title .catch-01 h2{
    font-weight:700;
}
.service_cont-title .catch-01 .brackets{
font-size:6.4rem;
vertical-align:-20%;
font-weight:300;
}
.service_cont-title .catch-02{
    color:#1E501F;
    font-size:2.4rem;
margin-bottom:48px;
}
.service_cont-title .catch-02 h3{
    font-weight:700;
}
.service_cont-title .body-copy{
    color:#050505;
    font-size:1.4rem;
line-height:1.4;
margin-bottom:0;
}

@media screen and (max-width: 896px){
.service_cont-title .catch-01{
text-align:left;
width:100%;
padding:0;
display:flex;
font-size:2.4rem;
writing-mode: vertical-rl;
align-items:center;
margin-bottom:16px;
}
.service_cont-title .catch-01 .brackets{
font-size:7.2rem;
vertical-align:-5%;
}
.service_cont-title .catch-02{
text-align:center;
font-size:1.6rem;
line-height:1.4;
margin-bottom:32px;
}
.service_cont-title .body-copy{
font-size:1.2rem;
margin-bottom:0;
}
}
.service_cont-title .arrow_box{
    position:relative;
    padding:16px;
    border-bottom:6px solid #F0EBD5;
}
.service_cont-title .arrow_box::after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.service_cont-title .arrow_box::after{
    border-color:rgba(255, 255, 255, 0);
    border-top-width:22px;
    border-bottom-width:22px;
    border-left-width:20px;
    border-right-width:20px;
    margin-left:-20px;
    border-top-color:#F9F8EE;
}
.service_cont-title .arrow_box:before{
    border-color:rgba(249, 248, 238, 0);
    border-top-width:27px;
    border-bottom-width:27px;
    border-left-width:25px;
    border-right-width:25px;
    margin-left:-25px;
    margin-top:5px;
    border-top-color:#F0EBD5;
}




.service_cont-01{
margin-top:40px;
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.service_cont-01{
padding:0 20px;
}
}
.service_cont-01 .detail-list .detail-list-inner{
display:flex;
width:100%;
}
@media screen and (max-width: 896px){
.service_cont-01 .detail-list .detail-list-inner{
display:block;
}
}
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner{
    width:100%;
margin-right:5%;
align-items:center;
}
@media screen and (max-width: 896px){
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner{
margin-bottom:32px;
}
}
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner:last-child{
margin-right:0;
}
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner .detail_title{
text-align:center;
font-size:1.6rem;
color:#1E501F;
}
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner .detail_sentence{
margin-top:16px;
background:#fff;
border:solid 6px #F0EBD5;
border-radius:10px;
padding:12px 20px;
font-size:1.4rem;
line-height:1.4;
}
@media screen and (max-width: 896px){
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner .detail_sentence{
font-size:1.2rem;
}
}
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner .detail_sentence ul li{
padding:8px 0;
border-bottom:dotted 2px #F0EBD5;
}
.service_cont-01 .detail-list .detail-list-inner .detail-box-inner .detail_sentence ul li:last-child{
border-bottom:none;
}



.mv_textarea_in{
color:#286433;
}
@media screen and (min-width: 897px){
.mv_textarea_in{
padding:40px 10%;
}
}
@media screen and (max-width: 896px){
.mv_textarea_in{
padding:40px 5%;
}
}
.mv_textarea_in .entxt{
display:block;
margin-bottom:20px;
font-size:4rem;
letter-spacing:0.1em;
}
@media screen and (max-width: 896px){
.mv_textarea_in .entxt{
margin-bottom:11px;
font-size:2.8rem
}
}
.mv_textarea_in .jptxt{
font-size:1.4rem;
letter-spacing:0.08em;
}



.service_cont-02{
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.service_cont-02{
padding:0 20px;
}
}





/* achievement */

#achievement{
    margin:0 0 50px 0;
}
.achievement-area{
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.achievement-area .achievement-block{
    width:100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.achievement-area .achievement-block article{
     margin:0 0 3vh 0;
border:6px solid #286433;
}

.achievement-area .achievement-block article:nth-of-type(1){ 
    width:42%;
    animation-delay: 0.5s;
}
.achievement-area .achievement-block article:nth-of-type(2){ 
    width:20%;
    animation-delay: 1.5s;
}
.achievement-area .achievement-block article:nth-of-type(3){
    width:32%;
    animation-delay: 1s;
}

.achievement-area .achievement-block article:nth-of-type(4){ 
    width:32%;
    animation-delay: .8s;
}
.achievement-area .achievement-block article:nth-of-type(5){
    width:20%; 
    animation-delay: 1.8s;
}
.achievement-area .achievement-block article:nth-of-type(6){
    width:42%;
    animation-delay: 1.5s;
}

.achievement-area .achievement-block article:nth-of-type(n+1){ 
width:48%;
animation-delay: .5s;
}

@media screen and (max-width: 896px){
.achievement-area .achievement-block article:nth-of-type(n+1) {
    width:100%;
    animation-delay: 0s!important;
    }
}

.achievement-area h3{
color:#F0EBD5;
    font-size:1.6rem;
    margin: 0 0 32px 0;
font-weight:700;
}

@media screen and (max-width: 896px){

  .achievement-area h3{
    font-size:1.4rem;
}
    
  .achievement-area p{
  display: none;
    }
}

.achievement-area figcaption{
     font-size: 1.4rem;
line-height:1.4;
}

.achievement-area img{
    width:100%;
    height:auto;   
}
  
@media screen and (max-width: 896px){
.achievement-area img,
.achievement-area .achievement-block article:nth-of-type(1) img{
    width:100%;
    height:auto;
}
}

.achievement-area figure figcaption{
    position: absolute;
    bottom:0;
    left:0;
    background:linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
display: block;
    width:100%;
    padding:24px 10px;
    color: #fff;
}

.achievement-area p{
color:#F0EBD5;
     margin:0 0 20px 0; 
    text-align: left;
    font-size: 1rem;
line-height: 1.4;
}

.achievement-area span{
     border:1px solid rgba(240,235,213,0.9);
    display: inline-block;
    padding:5px 10px;
    text-align: center;
    font-size: 1rem;
    white-space: nowrap;
}






/* 7-11 背景が出現＋テキスト（上から） */

.bgDU,
.bgDU .mask{
    display: block;
position:relative;/*背景色とテキストの基点となる位置を定義*/
    overflow: hidden;
}

.bgDU .mask::before{
content:'';
position: absolute;
z-index: 2;
left:0;
top:0;
opacity:0;/*透過0*/
transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
    transform: translateY(100%);
background:#286433;/*背景色*/
width:100%;
height: 100%;
}

.bgDU:hover .mask::before{/*hoverした時の変化*/
opacity:1;/*透過なしに変化*/
transform: translateY(0);
}

.bgDU .cap{/*画像の上のテキスト*/
position: absolute;
opacity:0;/*透過0*/
transition: .4s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
z-index:3;/*テキストを前面に出す*/
top: 50%;
    left: 50%;
transform: translate(-50%,-50%);/*テキストの位置中央指定*/
color: #F0EBD5;/*テキストの色を変えたい場合はここを修正*/
}

.bgDU:hover .cap{/*hoverした時の変化*/
opacity:1;/*透過なしに変化*/
}




.privacy-cont{
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.privacy-cont{
padding:0 20px;
}
}
.privacy-cont .privacy-cont-inner{
font-size:1.4rem;
line-height:1.4;
}
@media screen and (max-width: 896px){
.privacy-cont .privacy-cont-inner{
font-size:1.2rem;
}
}
.privacy-cont .privacy-cont-inner .privacy-cont-title{
margin:24px 0;
}
.privacy-cont .privacy-cont-inner .privacy-cont-title h3{
font-size:2.4rem;
font-weight:700;
}
.privacy-cont .privacy-cont-inner .privacy-cont-list{
margin:24px 0;
}
.privacy-cont .privacy-cont-inner .privacy-cont-list ul li.privacy-cont-list-article{
padding:16px 0;
border-top:4px solid #F0EBD5;
}
.privacy-cont .privacy-cont-inner .privacy-cont-list ul li.privacy-cont-list-article dt{
margin-bottom:16px;
font-weight:700;
color:#1E501F;
}
.privacy-cont .privacy-cont-inner .privacy-cont-list ul li.privacy-cont-list-article dt h4{
font-weight:700;
}
.privacy-cont .privacy-cont-inner .privacy-cont-list-detail{
padding:0 24px 16px;
}
.privacy-cont .privacy-cont-inner .privacy-cont-list-detail a{
color:#286433;
border-bottom:1px solid #286433;
}








.mv_textarea_achievement{
color:#F0EBD5;
}
@media screen and (min-width: 897px){
.mv_textarea_achievement{
padding:240px 10% 80px;
}
}
@media screen and (max-width: 896px){
.mv_textarea_achievement{
padding:140px 5% 40px
}
}
.mv_textarea_achievement .entxt{
display:block;
margin-bottom:20px;
font-size:4rem;
letter-spacing:0.1em;
}
@media screen and (max-width: 896px){
.mv_textarea_achievement .entxt{
margin-bottom:11px;
font-size:2.8rem
}
}
.mv_textarea_achievement .jptxt{
font-size:1.4rem;
letter-spacing:0.08em;
}



.achievement-title{
text-align:center;
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.achievement-title{
padding:0 20px;
}
}
.achievement-title .achievement-title-logo{
max-width:400px;
margin:24px auto;
}
.achievement-title h3{
color:#1E501F;
font-size:2.4rem;
font-weight:700;
margin-bottom:32px;
}
.achievement-title h4{
font-size:1.4rem;
line-height:1.4;
}
@media screen and (max-width: 896px){
.achievement-title h4{
font-size:1.2rem;
}
}

.achievement_bg-001{
background: linear-gradient(-45deg, rgba(40, 100, 51, .8), rgba(30, 80, 31, .8)) fixed, url("../img/service/service-achievement-001.jpg") fixed no-repeat center center;
background-size:cover;
}
.achievement_bg-002{
background: linear-gradient(-45deg, rgba(40, 100, 51, .8), rgba(30, 80, 31, .8)) fixed, url("../img/service/service-achievement-002.jpg") fixed no-repeat center center;
background-size:cover;
}
.achievement_bg-003{
background: linear-gradient(-45deg, rgba(40, 100, 51, .8), rgba(30, 80, 31, .8)) fixed, url("../img/service/service-achievement-003.jpg") fixed no-repeat center center;
background-size:cover;
}
.achievement_bg-004{
background: linear-gradient(-45deg, rgba(40, 100, 51, .8), rgba(30, 80, 31, .8)) fixed, url("../img/service/service-achievement-004.jpg") fixed no-repeat center center;
background-size:cover;
}



.achievement_info{
margin-top:40px;
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.achievement_info{
padding:0 20px;
}
}
.achievement_info h3{
font-size:1.6rem;
margin:24px 0 0;
padding:16px;
/*border:1px #1E501F solid;*/
color:#1E501F;
font-weight:700;
/**/background:repeating-linear-gradient(-46deg, #F0EBD5, #F0EBD5 20px, #F9F8EE 20px, #F9F8EE 40px);
}
@media screen and (max-width: 896px){
.achievement_info h3{
font-size:1.4rem;
}
}
.achievement_info .achievement_list{
padding-bottom:16px;
margin-top:24px;
border-bottom:4px solid #F0EBD5;
}
.achievement_info .achievement_list:last-child{
border-bottom:none;
}
.achievement_info .achievement_list .achievement_item{
display:flex;
align-items:center;
}
@media screen and (max-width: 896px){
.achievement_info .achievement_list .achievement_item{
display:block;
text-align:left;
}
}
.achievement_info .achievement_list .achievement_item .achievement_item_time{
width:20%;
margin-right:16px;
overflow:hidden;
display:inline-block;
}
@media screen and (max-width: 896px){
.achievement_info .achievement_list .achievement_item .achievement_item_time{
width:80%;
margin-right:0;
margin-bottom:16px;
}
}
.achievement_info .achievement_list .achievement_item .achievement_item_time span{
display:inline-block;
font-size:1.4rem;
letter-spacing:0.1em;
color:#1E501F;
font-weight:700;
}
@media screen and (max-width: 896px){
.achievement_info.achievement_list .achievement_item .achievement_item_time span{
font-size:1.2rem;
}
}
.achievement_info .achievement_list .achievement_item h4{
color:#050505;
font-size:1.4rem;
line-height:1.4;
font-weight:400;
}
@media screen and (max-width: 896px){
.top_info .achievement_list .achievement_item h4{
font-size:1.2rem;
}
}
.achievement_info .achievement_list .achievement_item img{
height: 20px;
margin-left:0;
}
@media screen and (max-width: 896px){
.achievement_info .achievement_list .achievement_item img{
margin-left:0;
margin-top: 0;
}
}
.achievement_info .achievement_list .achievement_item .articlelink{
position:relative;
color:#050505;
font-size:1.4rem;
letter-spacing:.04em;
z-index:2;
font-weight:700;
}
.achievement_info .achievement_list .achievement_item .articlelink::after{
content:"";
background:#F9F8EE;
width:100%;
height:16px;
position:absolute;
bottom:1px;
z-index:3;
left:0;
transform:scale(0, 1);
transition:transform 0.2s;
transform-origin:right top;
opacity:0.8;
}
@media screen and (min-width: 897px){
.achievement_info .achievement_list .achievement_item .articlelink:hover::after{
transform-origin:left top;
transform:scale(1, 1);
}
}
.achievement_info .achievement_list .achievement_item ul li{
padding:8px 0;
border-bottom:dotted 2px #E1D7AB;
}
.achievement_venue{
font-size:1.2rem;
color:#F0EBD5;
padding:8px 16px;
margin-right:16px;
background:#1E501F;
margin-bottom:16px;
}




#contents .privacy-cont ol li{
list-style:lower-alpha;
}

#contents .contact-form dl{
font-size:1.4rem;
}






.information_cont-title,
.information_cont-01,
.information_cont-02{
max-width:1024px;
margin:40px auto;
}
@media screen and (max-width: 896px){
.information_cont-title,
.information_cont-01,
.information_cont-02{
padding:0 20px;
}
}
.information_cont-title .catch-01{
display:flex;
align-items:center;
}
@media screen and (max-width: 896px){
.information_cont-title .catch-01{
display:block;
}
}
.information_cont-title .catch-01 h2{
font-size:1.6rem;
line-height:1.6;
font-weight:700;
color:#1E501F;
}
@media screen and (max-width: 896px){
.information_cont-title .catch-01 h2{
font-size:1.4rem;
margin:32px 0 0;
}
}
.information_cont-title .catch-01 time{
font-size:1.4rem;
padding:8px;
border:1px #1E501F solid;
margin:0 16px 0 0
}
@media screen and (max-width: 896px){
.information_cont-title .catch-01 time{
padding:16px;
}
}
.information_cont-01 .body-copy h4{
font-size:1.4rem;
line-height:1.6;
}
@media screen and (max-width: 896px){
.information_cont-01 .body-copy h4{
font-size:1.2rem;
}
}
.information_cont-02{
display:flex;
}
@media screen and (max-width: 896px){
.information_cont-02{
display:block;
}
}
.information_cont-02 .body-copy{
width:50%;
}
@media screen and (max-width: 896px){
.information_cont-02 .body-copy{
width:100%;
}
}
.information_cont-02 .body-copy h4{
font-size:1.4rem;
line-height:1.6;
padding:16px;
}
@media screen and (max-width: 896px){
.information_cont-02 .body-copy h4{
font-size:1.2rem;
padding:0;
}
}
.information_cont-02 .body-copy figure{
font-size:1.4rem;
font-weight:700;
line-height:1.6;
padding:16px;
margin:0;
}
.information_cont-02 .body-copy figure img{
width:100%;
}
@media screen and (max-width: 896px){
.information_cont-02 .body-copy figure{
font-size:1.2rem;
}
}



.fix-achievement-img{
position:fixed;
right:0;
top:80%;
transform:translate(100%, -50%);
z-index:10001;
transition:0.4s;
}
.fix-achievement-img.on{
transform:translate(0, -50%);
}
.fix-achievement-img .fix-img{
transition:0.4s;
}
.fix-achievement-img .fix-img img{
width:50px;
}
.fix-achievement-img .fix-img.pararel{
margin-top:20px;
}
.fix-achievement-img .fix-img.pararel-02{
margin-top:20px;
}
.fix-achievement-img .fix-img a{
width:60px;
height:60px;
background-color:#E1D7AB;
display:flex;
/*border:solid 2px #1E501F;*/
/*border-radius: 10px 0 0 10px;*/
cursor:pointer;
justify-content:center;
align-items:center;
padding:5px;
opacity:1;

}
/*.side_fix .fix_btn a:hover{
border:solid 2px #1E501F;
transition:0.4s;
}*/
@media screen and (max-width: 896px){
.fix-achievement-img .fix-img img{
}
}
@media screen and (max-width: 896px){
.fix-achievement-img .fix-img a{
}
}
@media screen and (max-width: 896px){
.fix-achievement-img{
position:fixed;
right:0;
top:85%;
}
}










/*==================================================
背景色が伸びて出現
===================================*/

/*全共通*/

.bgextend{
  animation-name:bgextendAnimeBase;
  animation-duration:1.6s;
  animation-fill-mode:forwards;
  position: relative;
  overflow: hidden;/*　はみ出た色要素を隠す　*/
  opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
  animation-name:bgextendAnimeSecond;
  animation-duration:1.6s;
  animation-delay: 0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes bgextendAnimeSecond{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}


/*下から上*/
.bgDUextend::before{
  animation-name:bgDUextendAnime;
  animation-duration:1.6s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #050505;/*伸びる背景色の設定*/
}
@keyframes bgDUextendAnime{
  0% {
    transform-origin:bottom;
    transform:scaleY(0);
  }
  50% {
    transform-origin:bottom;
    transform:scaleY(1);
  }
  50.001% {
    transform-origin:top;
  }
  100% {
    transform-origin:top;
    transform:scaleY(0);
  }
}

/*下から上*/
.bgDUextend-02::before{
  animation-name:bgDUextend-02Anime;
  animation-duration:1.6s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1E501F;/*伸びる背景色の設定*/
}
@keyframes bgDUextend-02Anime{
  0% {
    transform-origin:bottom;
    transform:scaleY(0);
  }
  50% {
    transform-origin:bottom;
    transform:scaleY(1);
  }
  50.001% {
    transform-origin:top;
  }
  100% {
    transform-origin:top;
    transform:scaleY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgDUextendTrigger,
.bgDUextend-02Trigger{
    opacity: 0;
}




.mosaic{
-ms-filter: blur(6px);
filter: blur(6px);
}


.blur {
color: transparent;
text-shadow: 0 0 10px rgba(0,0,0,0.8);
}


.ifram{
   filter: grayscale(100%);
   transition: all 0.7s ease;
}



.txt-oblique {
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}