@charset "utf-8";
#header .navArea ul.navi a.p_home:before {background: #ddd;}
#header .navArea ul.navi a.p_home:hover:before {background: transparent;}
/* -----------------------------------------------------------

#topImg

----------------------------------------------------------- */
#topImg {min-height: 100%;min-height: 100vh;width: 100%;z-index: 2;position: relative;background: #fefefe;}
/* ----- .catchArea ----- */ 
#topImg .catchArea {position: absolute;bottom: -60px;right: 0;left: 0;text-align: center;z-index: 2;}
#topImg .catchArea h2 { font-size: 12px; font-family: 'Catamaran', sans-serif; font-weight:300; letter-spacing: 8px; line-height: 50px; }
#topImg .catchArea h2 img{ width: 200px;}
#topImg .catchArea h2 span { font-size: 11px;font-family: 'Open Sans'; vertical-align:0; font-weight:300;}
/* ----- .arrowArea ----- */ 
#topImg .arrowArea {position: absolute;bottom: 100px;right: 0;width: 10%;z-index: 2;}
#topImg .arrowArea a { position: absolute; top: -90px; left: 0; bottom: 0; right: 0; z-index: 3; }
/* span */
#topImg .arrowArea span { display: block; height: 60px; text-align: center; position: relative; z-index: 2; }
#topImg .arrowArea span:before { position: absolute; top: 0; left: 50%; bottom: 0; width: 0; content: ""; border-left: #ddd 1px dotted; z-index: -2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#topImg .arrowArea:hover span:before { border-left: #fff 1px solid; top: 0px; }
/* .dot */
#topImg .arrowArea span .dot {position: absolute;top: 0;left: 50%;width: 1px;height: 20px;/*margin-left:-1px;*/background: #f0f0f0;background: #f0f0f0;z-index: -2;z-index: 1;-webkit-animation: scroll-next 4s infinite;-moz-animation: scroll-next 4s infinite;-o-animation: scroll-next 4s infinite;animation: scroll-next 4s infinite;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#topImg .arrowArea:hover span .dot { background: transparent; }
/* .arrow */
#topImg .arrowArea .arrow { position: absolute; bottom: -15px; left: 50%; margin-left: -3px; width: 7px; height: 7px; border-bottom: #fefefe 1px solid; border-left: #fefefe 1px solid;/*opacity:0; */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; /*font-family: 'themify'; content: "\e64b"*/ z-index: 3; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#topImg .arrowArea:hover .arrow { opacity: 1; bottom: -8.5px; bottom: 0px; border-bottom: #fafafa 1px solid; border-left: #fafafa 1px solid; }
/* .txt */
#topImg .arrowArea span .txt {position: absolute;top: -45px;left: 0;right: 0;width: auto;color: #fff;font-size: 11px;font-family: 'Catamaran', sans-serif;font-weight:300;text-transform: uppercase;letter-spacing: 4px;line-height: 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#topImg .arrowArea:hover span .txt { /*letter-spacing:5px; */ }
/* ----- .img ----- */ 
#topImg .img {position: absolute;top: 0;left: 0;bottom: 0px;right: 0;background-size: cover;z-index: 1;padding-bottom: 00px;}

/* #topImg .bg001 p {padding: 4% 5%;font-size: 25px;color: #fff;margin-top: 10px;text-shadow: 1px 1px 1px #000000;} */

#topImg h2 {
    font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    padding:10px;
    font-size: 30px;
    line-height: 1.7em;
    letter-spacing: 0.08em;
    color: #fff;
    font-weight: 400;
    margin-top: 200px;
}

#topImg .bg001 h2 {
    position: relative;
    text-align: right;
    margin-right:50px;
}

#topImg .bg002 h2 {
    position: absolute;
    bottom: 170px;
    right: 50px;
}
#topImg .bg003 h2 {
    position: relative;
    text-align: right;
    margin-right:50px;
}
#topImg .bg004 h2 {
    position: relative;
    text-align: center;
}


@media only screen and (max-width: 800px) {
    #topImg h2 {
        padding:10px;
        font-size: 15px;
        margin-top: 60px;
    }
    #topImg .bg001 h2 {
        margin-right: 0;
    }

    #topImg .bg002 h2 {
        bottom: 100px;
        right: 50px;
    }
    #topImg .bg003 h2 {
        text-align: left;
        margin-left: 30px;
        margin-top: 170px;
    }
    #topImg .bg004 h2 {
        margin-top: 150px;
    }
}

/* ----- .img ----- */ 
/* 	#topImg .img {position: absolute;top: 60px;left: 2%;bottom: 20px;right: 2%;background-size: cover;z-index: -1;} */






/* ----- .bg ----- */
#topImg .bg001 { background: url(../images/home/mainslider/1.jpg) bottom center no-repeat; }
#topImg .bg002 { background: url(../images/home/mainslider/2.jpg) bottom right no-repeat; }
#topImg .bg003 { background: url(../images/home/mainslider/3.jpg) bottom center no-repeat; }
#topImg .bg004 { background: url(../images/home/mainslider/4.jpg) bottom center no-repeat; }
#topImg .bg005 { background: url(../images/home/mainslider/5.jpg) bottom center no-repeat; }
#topImg .bg006 { background: url(../images/home/mainslider/6.jpg) bottom center no-repeat; }

/* 
#topImg .bg001 img {max-width: 250px;padding:2%;margin: 0 auto;position: relative;top: 250px;}
#topImg .bg002 img {max-width: 250px;padding:2%;margin: 0 auto;position: relative;top: 250px;}
#topImg .bg003 img { max-width: 300px; padding:2%}
#topImg .bg004 img {max-width: 250px;padding:2%;margin: 0 auto;position: relative;top: 180px;}
#topImg .bg005 img {max-width: 250px;padding:2%;margin: 0 auto;position: relative;top: 250px;} */


/* 
#topImg .bg005 { background: url(../images/home/mainslider/5.jpg) bottom center no-repeat; }
#topImg .bg006 { background: url(../images/home/mainslider/6.jpg) center center no-repeat; } */

/* ----- .slick-dots ----- */ 
#topImg .mainImg { min-height: 100%; width: 100%; background-size: cover !important; }
/* ----- .mainSlider ----- */ 
.mainSlider { }
#topImg .slick-list,
#topImg .slick-track { height: 100%; }
/* --- Arrows --- */
#topImg .slick-prev,
#topImg .slick-next { font-size: 0; line-height: 0; position: absolute; /*top: 50%;*/ top: 50%; display: block; width: 55px; height: 55px; padding: 0; margin-top: -25px; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #111; border: #111 1px solid; border: none; outline: none; background: none;/*background: #111;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; }
#topImg .slick-prev:before,
#topImg .slick-next:before { font-family: 'themify'; font-size: 20px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#topImg .slick-prev { left: -5%; border-right: none; }
#topImg .slick-prev:before { content: "\e64a" }
#topImg .slick-next { right: -5%; border-left: none; }
#topImg .slick-next:before { content: "\e628"; }
#topImg .slick-prev:hover,
#topImg .slick-next:hover { color: #fefefe; background: #b09d7c; }
#topImg .slick-prev:hover:before,
#topImg .slick-prev:focus:before,
#topImg .slick-next:hover:before,
#topImg .slick-next:focus:before { opacity: 1; }
/* ----- .slick-dots ----- */ 
#topImg .slick-dots { position: absolute; top: 50%; bottom:auto; left: -5.25%; list-style: none; display: block; text-align: center; padding: 0px; width: 5%; height: auto; z-index: 100; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-top: -25px; }
#topImg .slick-dots li { position: relative; display: block; height: 20px; width: 100%; margin: 25px auto 0; padding: 0; cursor: pointer; text-align: center; }
#topImg .slick-dots li button { border: 0; background: #fefefe; display: block; height: 20px; width: 30px; padding: 0; /*overflow: hidden; */ line-height: 20px; font-size: 0; color: transparent; cursor: pointer; position: relative; z-index: 2; margin: 0 auto; text-align: center; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
#topImg .slick-dots li button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight:300; color: #111; z-index: -1; letter-spacing: 2px; }
#topImg .slick-dots li:first-child button:after { border: #ffffff 2px solid;border-radius: 50%;width: 10px;height: 10px; content: ""; }
#topImg .slick-dots li:nth-child(2) button:after { border: #ffffff 2px solid;border-radius: 50%;width: 10px;height: 10px; content: "";  }
#topImg .slick-dots li:nth-child(3) button:after { border: #ffffff 2px solid;border-radius: 50%;width: 10px;height: 10px; content: ""; }
#topImg .slick-dots li:nth-child(4) button:after { border: #ffffff 2px solid;border-radius: 50%;width: 10px;height: 10px; content: ""; }
#topImg .slick-dots li:nth-child(5) button:after { border: #ffffff 2px solid;border-radius: 50%;width: 10px;height: 10px; content: ""; }
#/*topImg .slick-dots li:nth-child(5) button:after { content: "〇"; }
#topImg .slick-dots li:nth-child(6) button:after { content: "〇"; } */ 

#topImg .slick-dots li button:focus { outline: none; }
#topImg .slick-dots li.slick-active button {outline: none;background: #ffffff;border-radius: 50%;width: 15px;height: 15px;}
/*
#topImg .slick-dots li button:before { position: absolute; top: 45%; right: 100%; left: 0; content: ""; border-top: transparent 2px solid; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0.7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
*/ 
#topImg .slick-dots li button:before { }
#topImg .slick-dots li:hover button:before { right: 0; /* border-top: #1f1b19 2px solid;*/  opacity: 1; }
#topImg .slick-dots li.slick-active button:before { position: absolute; top: 45%; right: 0; left: 0; content: ""; border:none; /* border-top: #1f1b19 2px solid;*/  z-index: 1; opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }


/* ----- .slick-dots ----- */ 
#topImg .slick-dots {position: absolute;top: auto;bottom: 50px;color: #FFF;left: 0;right:0;list-style: none;display: block;text-align: center;padding: 0px;width: 100%;height: auto;z-index: 30000;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);margin-top: 0;}
#topImg .slick-dots li {position: relative;display: inline-block;height: 20px;width: 20px;margin: 0 2%;padding: 0;cursor: pointer;text-align: center;color: #fff;}
#topImg .slick-dots li button { border: 0; background: #fefefe; background:none; display: block; height: 20px; width: 20px; padding: 0; /*overflow: hidden; */ line-height: 20px; font-size: 0; color: transparent; cursor: pointer; position: relative; z-index: 2; margin: 0 auto; text-align: center; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }
#topImg .slick-dots li button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 11px; color: #fefefe; z-index: -1; letter-spacing: 1.5px; }


@media only screen and (max-width: 800px) {
    #topImg {min-height: 90%;/*min-height:70%;*/}
    /* ----- .catchArea ----- */ 
    #topImg .catchArea { position: absolute; bottom: 0; }
    #topImg .catchArea h2 { font-size:12px; letter-spacing: 5px; line-height: 50px; }
    #topImg .catchArea h2 span { vertical-align:0; }
    /* ----- .arrowArea ----- */ 
    #topImg .arrowArea { display:none; }
    /* ----- .img ----- */ 
    /* #topImg .img { position: absolute; top: 50px; left: 0; bottom: 50px; right: 0; background-size: cover; z-index: -1; } */

    /* ----- .slick-dots ----- */ 
    #topImg .mainImg { min-height: 100%; width: 100%; background-size: cover !important; }
    /* ----- .mainSlider ----- */ 
    .mainSlider { }
    #topImg .slick-list,
    #topImg .slick-track {height: 100%;}

    /* ----- .slick-dots ----- */ 
    #topImg .slick-dots {position: absolute;top: auto;bottom: 69px;left: 0;right:0;list-style: none;display: block;text-align: center;padding: 0px;width: 100%;height: auto;z-index: 100;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);margin-top: 0;}
    #topImg .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 2%; padding: 0; cursor: pointer; text-align: center; }
    #topImg .slick-dots li button { border: 0; background: #fefefe; background:none; display: block; height: 20px; width: 20px; padding: 0; /*overflow: hidden; */ line-height: 20px; font-size: 0; color: transparent; cursor: pointer; position: relative; z-index: 2; margin: 0 auto; text-align: center; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }
    #topImg .slick-dots li button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 11px; color: #fefefe; z-index: -1; letter-spacing: 1.5px; }

}

@media only screen and (max-width: 1024px) {
    /* ----- .bg ----- */ 
    #topImg .bg001 { background: url(../images/home/mainslider/1sp.jpg) center center no-repeat; }
    #topImg .bg002 { background: url(../images/home/mainslider/2sp.jpg) bottom center no-repeat; }
    #topImg .bg003 { background: url(../images/home/mainslider/3sp.jpg) bottom center no-repeat; }
    #topImg .bg004 { background: url(../images/home/mainslider/4sp.jpg) bottom center no-repeat; }
    #topImg .bg005 { background: url(../images/home/mainslider/5sp.jpg) bottom center no-repeat; }
    #topImg .bg006 { background: url(../images/home/mainslider/6sp.jpg) bottom center no-repeat; }
    /* #topImg .bg001 img {max-width: 250px;padding:3%;text-align: center;position: absolute;top: 30%;left: 35%;right: 35%;}
    #topImg .bg002 img {width: 54%;padding:3%;position: absolute;top: 30%;left: 20%;right: 20%;}
    #topImg .bg003 img { max-width: 250px; padding:3%} */
}


@media only screen and (max-width: 768px) {
    #topImg .catchArea h2 { font-size:11px; text-indent:10px; }	
    /* #topImg .bg001 img { max-width: 150px; padding:3%}
    #topImg .bg002 img { max-width: 150px; padding:3%}
    #topImg .bg003 img { max-width: 150px; padding:3%}
    */

}
@media only screen and (max-width: 414px) {
    #topImg .catchArea h2 { font-size:10px;}		
    #topImg .slick-dots li button:after { font-weight:600;}

    /* #topImg .bg001 img { max-width: 150px; padding:3%}
    #topImg .bg002 img { max-width: 150px; padding:3%}
    #topImg .bg003 img { max-width: 150px; padding:3%}

    #topImg .bg001 h4 {font-size:20px;} */
}

/* -----------------------------------------------------------

#catchLink

----------------------------------------------------------- */

#catchLink{ padding: 59px 0 0; margin: -59px 0 0; }

/* -----------------------------------------------------------

#catch

----------------------------------------------------------- */

#catch {padding:40px 0 90px;padding: 0;padding-left: 0px;}

#catch span{/* padding: 0 24px; *//* line-height: 2.5; *//* font-size: 23px; */}




#catch .titel_plan:before {
    font-family: 'themify';
    content: "\e642";
    content: url(../images/home/title_plan.png) no-repweat;
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*position: absolute;
    top: 0;
    left: 10px;*/
    z-index: 1;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 10px;
}

#catch .titel_ex:before {
    font-family: 'themify';content: "\e6a8";
    /*content: url(https://img.icons8.com/material-outlined/48/000000/building-with-top-view.png);*/
    font-size: 28px;
    font-style: normal;
    font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/*position: absolute;
    top: 0;
    left: 10px;*/z-index: 1;line-height: 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;padding-right: 10px;}


#catch .titel_about:before {
    font-family: 'themify';
    content: "\e67c";
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*position: absolute;
    top: 0;
    left: 10px;*/
    z-index: 1;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 10px;
}







@media only screen and (max-width: 1024px) { 
    #catch { padding:30px 5% 80px; }
}


@media only screen and (max-width: 800px) { 
    #catch {padding: 10px 5% 5px;}
}
@media only screen and (max-width: 738px) { 
    #catch { padding: 30px 5% 70px;}
}
@media only screen and (max-width: 500px) { 
    #catch {padding: 10px 4%;}
    #catch span {
        /* padding-left: 17px; */
        /* line-height: 2.8; */
        /* font-size: 12px; */
    }

}

/* --- h3 --- */
#catch h3 {line-height:2;margin-top: 20px;font-size: 20px;font-weight: 600;color: #0000fd;letter-spacing: 2px;}
#catch h3 br.spblock { display:none; }



#catch h3.en {font-size: 13px;font-family: 'Catamaran', sans-serif;font-weight:700;letter-spacing:2px;line-height: 1.0;}
#catch h3.jp {font-size: 20px;font-weight: bold;letter-spacing: 3px;line-height: 1.0;}

#catch h3.en img{max-width: 634px;width:100%;}



@media only screen and (max-width: 1024px) { 
    #catch h3 { margin-top:15px; font-size: 22px;}
}

@media only screen and (max-width: 738px) { 
    #catch h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; margin-top:10px;}
    #catch h3 br.spblock { display:block; }
}
@media only screen and (max-width: 414px) { 
    #catch h3 {font-size: 16px;letter-spacing: 2px;line-height: 1.8;}
}

@media only screen and (max-width: 320px) { 
    #catch h3 span{display:block }
}

/* --- .iconIllust --- */
#catch .iconIllust {width: 500px;height: auto;margin: 0 auto;/* background:url(../images/home/illust_logo.png) center center no-repeat; */background-size:200px 196px;position:relative;z-index:0;}
@media only screen and (max-width: 738px) { 
    #catch .iconIllust { width: 150px; height: 150px; background-size:150px 150px;}
}
@media only screen and (max-width: 414px) { 
    #catch .iconIllust { width: 120px; height: 120px; background-size:120px 120px;}
}

/* --- .txtArea --- */
#catch .txtArea { margin:25px auto 0; max-width:700px; }
#catch .txtArea p{font-size:14px; line-height:2.4; letter-spacing:2px; margin-top:1em;}



@media only screen and (max-width: 738px) { 
    #catch .txtArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
    #catch .txtArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
    #catch .txtArea p br { display:none; }
}







/* フレックスボックス
-----------------------------------------------------------------*/

#catch .catch_ex {
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    /* display: flex; */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* border: 1px solid #eee; */
    padding: 0em;
    margin: 0 auto;
}

#catch .catch_ex a{
    width:100%;
    margin: 0 auto;
}

#catch .catch_ex a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



#catch .catch_ex > div {
    flex: 1 0 300px;
}

#catch .catch_ex img{
    /* padding: 10px; */
}
#catch .catch_ex p{
    padding: 5px 0;
    font-size: 18px;
    line-height: 1.1;
}

@media only screen and (max-width: 330px) { 
    #catch .catch_ex > div {
        flex: 1 0 260px;
    }
}







/* -----------------------------------------------------------

#academy_area

----------------------------------------------------------- */

#academy_area {padding:40px 0 90px;padding:30px 0 90px;text-align:center;background:#fefefe;/* width: 1000px; *//* margin: 0 auto; *//* background: url(../images/home/catch_bg.jpg) top right no-repeat; */background-size: cover;}

@media only screen and (max-width: 1024px) { 
    #academy_area { padding:30px 5% 80px; }
}


@media only screen and (max-width: 800px) { 
    #academy_area { padding:30px 5% 80px; }
}
@media only screen and (max-width: 738px) { 
    #academy_area { padding: 30px 5% 70px;}
}
@media only screen and (max-width: 414px) { 
    #academy_area { padding: 20px 5% 60px;}
}

/* --- h3 --- */
#academy_area h3 {/* font-size:25px; *//* font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; *//* letter-spacing:3px; *//* line-height:2; */margin-top: 10px;font-size: 20px;font-family: 'Catamaran', sans-serif;font-weight: 700;letter-spacing: 2px;line-height: 1.2;}
#academy_area h3 br.spblock { display:none; }



#academy_area h3.en {font-size: 13px;font-family: 'Catamaran', sans-serif;font-weight:700;letter-spacing:2px;line-height: 1.0;}
#academy_area h3.jp {font-size: 20px;font-weight: bold;letter-spacing: 3px;line-height: 1.0;}

#academy_area h3.en img{width: 634px;}



@media only screen and (max-width: 1024px) { 
    #academy_area h3 { margin-top:15px; font-size: 22px;}
}

@media only screen and (max-width: 800px) { 
    #academy_area h3 {margin-top:15px;font-size: 30px;font-family: 'Catamaran', sans-serif;font-weight: 600;}
}
@media only screen and (max-width: 738px) { 
    #academy_area h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; margin-top:10px;}
    #academy_area h3 br.spblock { display:block; }
}
@media only screen and (max-width: 414px) { 
    #academy_area h3 { font-size: 16px; letter-spacing: 2px; line-height: 1.8; text-align: center; }
}

/* --- .iconIllust --- */
#academy_area .iconIllust {width: 500px;height: auto;margin: 0 auto;/* background:url(../images/home/illust_logo.png) center center no-repeat; */background-size:200px 196px;position:relative;z-index:0;}
@media only screen and (max-width: 738px) { 
    #academy_area .iconIllust { width: 150px; height: 150px; background-size:150px 150px;}
}
@media only screen and (max-width: 414px) { 
    #academy_area .iconIllust { width: 120px; height: 120px; background-size:120px 120px;}
}

/* --- .txtArea --- */
#academy_area .txtArea { margin:25px auto 0; max-width:700px; }
#academy_area .txtArea p{font-size:14px; line-height:2.4; letter-spacing:2px; margin-top:1em;}



@media only screen and (max-width: 738px) { 
    #academy_area .txtArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
    #academy_area .txtArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
    #academy_area .txtArea p br { display:none; }
}



/* フレックスボックス2
-----------------------------------------------------------------*/


#academy_area .catch_ex2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #eee;
    padding: 0em;
    margin: 0 auto;
}

#academy_area .catch_ex2 a{
    width:100%;
    margin: 0 auto;
}

#academy_area .catch_ex2 a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



#academy_area .catch_ex2 > div {
    flex: 1 0 300px;
}

#academy_area .catch_ex2 img{
    padding: 10px;
}
#academy_area .catch_ex2 p{
    padding: 5px 0;
    font-size:20px;
    line-height: 1.1;
}

@media only screen and (max-width: 330px) { 
    #academy_area .catch_ex2 > div {
        flex: 1 0 260px;
    }
}



@media only screen and (max-width: 414px) { 
    #academy_area .txtArea p { font-size: 12px;}

    #academy_area .catch_ex p{padding-top: 10px;font-size:14px;line-height: 1.5;}

}












/* フレックスボックス
-----------------------------------------------------------------*/

#catch .catch_ex {
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    /* display: flex; */
    -ms-flex-wrap: wrap;
    /* -webkit-flex-wrap: wrap; */
    /* flex-wrap: wrap; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* -webkit-align-items: center; */
    /* align-items: center; */
    /* border: 1px solid #eee; */
    padding: 5px;
    /* margin: 50px auto 0; */
    text-align: left;
    width: 100%;
    padding-top: 30px;
    max-width: 1200px;
}

@media only screen and (max-width: 812px) { 
    #catch .catch_ex {
        padding-top: 0px;
    }
}



#catch .catch_ex a{
    width:100%;
    margin: 10px auto;
}

#catch .catch_ex a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



#catch .catch_ex > div {float: left;}
.w_l_area {
    width: 46%;
    margin: 0 20px;
}
.w_r_area {
    width: 46%;
    margin: 0 20px;

}
#catch .catch_ex img{
    /* padding: 10px; */
}
#catch .catch_ex p{
    /* padding: 2px 0; */
    /* font-size: 15px; */
    line-height: 1.1;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 2px;
    margin-top: 0.2em;
    /* font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
}


/* フレックスボックス2
-----------------------------------------------------------------*/


#catch .catch_ex2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #eee;
    padding: 0em;
    margin: 0 auto;
}

#catch .catch_ex2 a{
    width:100%;
    margin: 0 auto;
}

#catch .catch_ex2 a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



#catch .catch_ex2 > div {

}

#catch .catch_ex2 img{
    padding: 10px;
}
#catch .catch_ex2 p{
    padding: 5px 0;
    font-size:20px;
    line-height: 1.1;
}

@media only screen and (max-width: 330px) { 
    #catch .catch_ex2 > div {
    }
}



@media only screen and (max-width: 414px) { 
    #catch .txtArea p { font-size: 12px;}

    #catch .catch_ex p{padding-top: 10px;font-size:14px;line-height: 1.5;}

}


/* --- .illustArea --- */
.illustArea { margin: 45px auto 0; max-width:650px; height:auto; }
@media only screen and (max-width: 800px) {
    .illustArea { margin: 40px auto 0; }
}
@media only screen and (max-width: 738px) {
    .illustArea { margin: 35px auto 0;}	
}
@media only screen and (max-width: 414px) {
    .illustArea { margin: 30px auto 0;}	
}

.boxInfo{
    border:2px solid #de5252; padding:10px; text-align:center; width:100%; max-width:1000px; margin:0 auto;
}
.boxInfo p{
    font-size:18px;
}

.boxInfo p span{
    font-size:16px;
}

@media only screen and (max-width: 1024px) {
    .boxInfo{
        width:80%; margin:0 10%;
    }
}

@media only screen and (max-width: 500px) {
    .boxInfo p{
        font-size:16px;
    }

    .boxInfo p span{
        font-size:15px;
    }

    .w_l_area {
        width: 100%;
        margin: 0px;
    }
    .w_r_area {
        width: 100%;
        margin: 0px;
    }

}

#catch .catch_ex .bold p {
    font-weight: 600;
    text-align: right;
    padding: 10px 0;
    font-size: 1.1em;
}

@media only screen and (max-width: 500px) {
    #catch .catch_ex .bold p {
        text-align: center;
        padding: 10px 0;
        font-size: 1em;
    }
}

/* -----------------------------------------------------------

#w_about

----------------------------------------------------------- */

#w_about {padding: 0px 0% 5px;position: relative;z-index: 1;text-align: center;}
#w_about h3 {margin: 0 auto;font-size: 25px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;letter-spacing: 2.5px;line-height: 1.8;text-align: left;}
/* --- .conceptArea --- */
#w_about .descriptionArea { margin-top: 20px; position: relative; z-index: 1; margin: 20px auto 0; }
#w_about .descriptionArea p { font-size: 14px; line-height: 2.4; letter-spacing: 2px; margin-top: 1em; }

/* --- .nameArea --- */
#w_about .nameArea {margin: 40px 0;position: relative;z-index: 2;display: inline-block;}
#w_about .nameArea:before { position: absolute; top: 7px; left: 0; bottom: 7px; right:0; content: ""; border: #fff 1px solid; background: #fefefe;z-index: -2; }
#w_about .nameArea:after {position: absolute;top: 0;left: 7px;bottom: 0;right:7px;content: "";/* border: #fff 1px dotted; */z-index: -2;}

/* --- .inner --- */
#w_about .nameArea .inner {padding:70px 5%;}
/* .imgArea */
#w_about .nameArea .imgArea {float:left;width: 95%;position:relative;z-index:1;margin: 1%; margin-bottom:10px}
#w_about .nameArea .imgArea:before { position:absolute; top:10px; right:20px; left:20px; bottom:10px; content:""; border-top:#fefefe 1px solid; border-bottom:#fefefe 1px solid;z-index:2; }
#w_about .nameArea .imgArea:after { position:absolute; top:20px; right:10px; left:10px; bottom:20px; content:""; border-right:#fefefe 1px solid; border-left:#fefefe 1px solid;z-index:2; }

#w_about h3 {
    font-size: 16px;
    /* border-top: 1px solid #eee; */
    /* border-bottom: 1px solid #eee; */
    margin-bottom: 20px;
    text-align: left;
    padding-left: 10px;
}


#w_about h3:before {
    padding-right: 8px;
    font-size:15px;
    text-align:left;
    font-family: 'FontAwesome';
    content: "\f18c";
    /* content: url(../images/icon_mark01.svg); */
    font-weight:normal;
    color: #000;
}




/* .txtArea */
#w_about .nameArea .txtArea {float: left;width:50%;text-align:left;margin-bottom: 20px;}
#w_about .nameArea .txtArea .txtBox {margin:0 auto;/* max-width:450px; */width: 95%;margin: 0 2.5%;}
#w_about .nameArea .txtArea h3 { }
#w_about .nameArea .txtArea h4 { font-size: 30px; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight:normal; letter-spacing: 1px; line-height: 1.6; text-align:center; margin-bottom:25px; padding-bottom:20px; position:relative; z-index:2;  }
#w_about .nameArea .txtArea h4 b { display:block; font-size:15px; font-weight:normal; vertical-align:0; }
#w_about .nameArea .txtArea h4:after { position:absolute; bottom:0; left:50%; width:50px; height:0; margin-left:-25px; content:""; border-top:#ddd double; z-index:-1; }
#w_about .nameArea .txtArea p {font-size: 14px;line-height: 2.5;letter-spacing: 2px;margin-top: 30px;text-align: left;display: inline;}

/* .txtArea */
#w_about .nameArea .txtArea_100 {float: left;width: 100%;text-align:left;}
#w_about .nameArea .txtArea_100 .txtBox {margin:0 auto;/* max-width:450px; */width: 95%;margin: 0 2.5%;}
#w_about .nameArea .txtArea_100 h3 { }
#w_about .nameArea .txtArea_100 h4 { font-size: 30px; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight:normal; letter-spacing: 1px; line-height: 1.6; text-align:center; margin-bottom:25px; padding-bottom:20px; position:relative; z-index:2;  }
#w_about .nameArea .txtArea_100 h4 b { display:block; font-size:15px; font-weight:normal; vertical-align:0; }
#w_about .nameArea .txtArea_100 h4:after { position:absolute; bottom:0; left:50%; width:50px; height:0; margin-left:-25px; content:""; border-top:#ddd double; z-index:-1; }
#w_about .nameArea .txtArea_100 p {font-size: 14px;line-height: 2.4;letter-spacing: 2px;margin-top: 30px;text-align: left;}



#w_about .nameArea .txtArea p:before{

    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f219";
    font-weight: normal;
    color: #A560A3;
}



#w_about .nameArea .txtArea .i_phone:before{

    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f095";
    font-weight: normal;
    color: #FF9800;
}

#w_about .nameArea .txtArea .i_mail:before{padding-right: 10px;font-size: 15px;text-align: left;font-family: 'FontAwesome';content: "\f003";font-weight: normal;color: #A560A3;}



#w_about .nameArea .sign { margin-top:30px; width:100%; height:65px;/* background:url(../images/about/sign.png) center right no-repeat;*/ }


@media only screen and (max-width: 1024px) {
    #w_about {padding: 0px 0% 20px;position: relative;z-index: 1;text-align: center;}
    #w_about .nameArea .txtArea p {font-size: 13px; line-height: 2.2; letter-spacing: 1px;}
}

@media only screen and (max-width: 812px) { 
    #w_about {padding: 0px 5% 40px;}
    #w_about h3 {margin: 0 auto;font-size: 20px;margin-bottom: 20px;}


    /* --- .nameArea --- */
    #w_about .nameArea {margin: 10px 0 0;}

    /* --- .inner --- */
    #w_about .nameArea .inner { padding:60px 6%; }
    /* .imgArea */
    #w_about .nameArea .imgArea {width: 100%;}
    /* .txtArea */
    #w_about .nameArea .txtArea { width:50%;}
    #w_about .nameArea .txtArea h4 { font-size: 25px; margin-bottom:20px; margin-top:-5px; padding-bottom:15px;  }
    #w_about .nameArea .txtArea h4 b { font-size:14px;  }
    #w_about .nameArea .sign { margin-top:25px; width:100%; height:58px; background-size:150px 58px;}
}
@media only screen and (max-width: 738px) { 
    #w_about { padding: 50px 5% 70px;}
    #w_about h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; }
    /* --- .conceptArea --- */
    #w_about .descriptionArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
    #w_about .descriptionArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
    #w_about .descriptionArea p br { display:none; }

    /* --- .nameArea --- */
    #w_about .nameArea { margin: 60px 0 0; }

    /* --- .inner --- */
    #w_about .nameArea .inner { padding:50px 7.5%; }
    /* .imgArea */
    #w_about .nameArea .imgArea {float:none;width: 100%;margin:0 auto;}
    #w_about .nameArea .imgArea:before { top:5px; right:15px; left:15px; bottom:5px;}
    #w_about .nameArea .imgArea:after {  top:15px; right:5px; left:5px; bottom:15px; }
    /* .txtArea */
    #w_about .nameArea .txtArea {  float:none; width:100%; margin-top:30px; }
    #w_about .nameArea .txtArea .txtBox { max-width:1000px; padding:0 2.5%; }
    #w_about .nameArea .txtArea h4 { font-size: 20px;   }
    #w_about .nameArea .txtArea h4 b { display:block; font-size:15px; font-weight:normal; vertical-align:0; }
    #w_about .nameArea .txtArea p {font-size: 12px; line-height: 2; letter-spacing: 1px;}
    #w_about .nameArea .sign { margin-top:10px; width:100%; height:39px; background-size:100px 39px;}

}

@media only screen and (max-width: 500px) { 
    #w_about {padding: 0px 5% 0px;}
    #w_about h3 { font-size: 15px; letter-spacing: 2px; line-height: 1.8; text-align: center; }
    #w_about .descriptionArea p { font-size: 12px;}
    /* --- .nameArea --- */
    #w_about .nameArea {margin: 20px 0 0;}
    #w_about .nameArea .txtArea h4 b { font-size:13px;  }
}

#w_about .nameArea .txtArea_100 h4 {
    font-size: 20px;
    margin-top:10px;
}

.access_map{
    padding: 10px;
    margin: 15px 0;
    background: #f7f7f7;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
    box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
    height: auto;
}










/* -----------------------------------------------------------

#photography

----------------------------------------------------------- */

#photography {padding: 10px 0;position: relative;z-index: 1;/* border-top: #a3d9e0 1px solid; */background:#fefefe;/* background: url(../images/noise.png) repeat #fefefe; */}
#photography:before {position: absolute;top: -1px;left: 0%;right: 0%;height: 0;content: "";border-top: #ededed 1px solid;z-index: 2;}
@media only screen and (max-width: 800px) {
    #photography { padding: 0 0 80px; }
}
@media only screen and (max-width: 738px) { 
    #photography { padding: 0 0 70px; background: url(../images/noise2.png) repeat #fefefe;}
}
@media only screen and (max-width: 414px) { 
    #photography{ padding: 0 0 60px; }
}

/* ----- .headlineImg ----- */ 
#photography .headlineImg { background: url(../images/home/bg_photography.jpg) center center no-repeat; background-size: cover; padding: 200px 0; text-align: center; color: #fefefe; position:relative; z-index:1; }
#photography .headlineImg:before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: #111; opacity: 0.2; z-index: 2; }
#photography .headlineImg h2.en { font-size: 45px; font-family: 'Catamaran', sans-serif; font-weight:800; line-height: 1; letter-spacing: 5px; position: relative; z-index: 3;}
#photography .headlineImg h2.jp { font-size: 15px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin-top: 20px; position: relative; z-index: 3; }

@media only screen and (max-width: 1024px) {
    #photography .headlineImg { padding: 175px 0; } 	
}

@media only screen and (max-width: 800px) {
    #photography .headlineImg { padding: 150px 0;margin: 0; } 
    #photography .headlineImg h2.en { font-size: 35px; letter-spacing: 4px; position: relative; z-index: 3; }
    #photography .headlineImg h2.jp { font-size: 14px; font-weight: bold; letter-spacing: 4px; line-height: 1; margin-top: 15px; position: relative; z-index: 3; }	
}

@media only screen and (max-width: 738px) {
    #photography .headlineImg { background: url(../images/home/bg_photographySp.jpg) center center no-repeat; background-size: cover; padding: 125px 0; } 
    #photography .headlineImg h2.en { font-size: 30px; letter-spacing: 3px; position: relative; z-index: 3; }	
}

@media only screen and (max-width: 414px) {
    #photography .headlineImg { padding: 80px 0; } 
    #photography .headlineImg h2.en { font-size: 23px; letter-spacing: 3px; position: relative; z-index: 3; }	
    #photography .headlineImg h2.jp { font-size: 12px; font-weight: bold; letter-spacing: 3px; line-height: 1; margin-top: 10px; position: relative; z-index: 3; }	
}




/* -----------------------------------------------------------

#instagram

----------------------------------------------------------- */

#photography {padding: 30px 5%;position: relative;z-index: 1;/* border-top: #a3d9e0 1px solid; */}
#photography:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }

@media only screen and (max-width: 800px) {
    #photography { padding: 80px 5%; }
}

@media only screen and (max-width: 738px) { 
    #photography { padding: 70px 5%; }
}

@media only screen and (max-width: 414px) { 
    #photography { padding: 60px 5%; }
}


/* ----- .headline ----- */
#photography .headline { margin-bottom: 45px; text-align: center; }
#photography .headline h2.en {font-size:50px;/* font-family: 'Satisfy', cursive; */letter-spacing:0;line-height: 1;}
#photography .headline h3 { font-size: 14px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing: 2px; line-height:1; margin-top:20px;}
#photography .headline h3 b { font-weight:600;letter-spacing: 2px;}


@media only screen and (max-width: 800px) {
    #photography .headline { margin-bottom: 40px; }
    #photography .headline h2.en { font-size:40px; }
    #photography .headline h3 { margin-top:15px;}
}

@media only screen and (max-width: 738px) {
    #photography .headline { margin-bottom: 30px; }
    #photography .headline h2.en { font-size:35px; }
}

@media only screen and (max-width: 414px) {
    #photography .headline h2.en { font-size:30px; }	
    #photography .headline h3 { font-size: 13px;margin-top:10px;}	
}














/* ----- .photographyArea ----- */ 
#photography .photographyArea { margin: 0; }
/* .photographyBox */
#photography .photographyBox {width: 48%;float: left;/* display: block; */margin: 20px 1% 80px;/* position: relative; */z-index: 2;background:#fefefe;border:#ededed 1px solid;padding: 30px 30px 60px 30px;background: #fafafa;}
/* -#photography .photographyBox:nth-child(even) {padding:30px 0 60px 30px;} */ 

/* ----- .txtArea ----- */ 
#photography .photographyBox .txtArea {/* position:absolute; *//* top:0; *//* left:0; *//* bottom:0; */width: 100%;z-index: 1;display: block;}
/* #photography .photographyBox:nth-child(even) .txtArea { left:auto; right:0; } */ 

/* .photographyhHead */
#photography .photographyhHead {display: block;text-align: center;/* position: absolute; */z-index: 2;margin-top: 50px;-o-transform: translate(-50%, -50%);/* transform: translate(-50%, -50%); */}

/* .iconIllust */
#photography .photographyhHead .iconIllust {width:90px;height:90px;margin:20px auto 0;position:relative;z-index:0;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
#photography .photographyhHead .iconIllust:before {position:absolute;top:0;right:0;bottom:0;left:0;display:block;content:"";border:#f0f0f0 1px solid;z-index:2;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
#photography .photographyhHead .iconIllust_location {/* background: url(../images/photography/location/icon.png) center center no-repeat; *//* background-size:80px 80px; */}
#photography .photographyhHead .iconIllust_wedding { background:url(../images/photography/wedding/icon.png) center center no-repeat; background-size:80px 80px; }
#photography .photographyhHead .iconIllust_family { background:url(../images/photography/family/icon.png) center center no-repeat; background-size:80px 80px; }

/* h2,h3 */
#photography .photographyhHead h2 {font-size: 12px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; }
#photography .photographyhHead h3.en {font-size: 13px;font-family: 'Catamaran', sans-serif;font-weight:700;letter-spacing:2px;line-height: 1.8;}
#photography .photographyhHead h3.jp {font-size: 20px;font-weight: bold;letter-spacing: 3px;line-height: 1.8;}


/* .catchArea */
#photography .catchArea {margin-top: 10px;}
#photography .catchArea h4 { font-size: 13px;  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;letter-spacing: 1px; line-height: 2; }
/* .linkAreaHead */
#photography .photographyhHead .linkAreaHead { margin-top:20px; }
#photography .photographyhHead .linkAreaHead a {width: 160px;font-size:13px;z-index: 1000;}

/* ----- .imgArea ----- */ 
#photography .photographyBox .imgArea {/* float: right; */width: 100%;/* position: relative; */z-index: 2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/*#photography .photographyBox:nth-child(even) .imgArea { float: left; }*/ 



@media only screen and (max-width: 800px) { 
    /* ----- .photographyArea ----- */ 
    #photography .photographyArea { margin: 0 5%; }
    #photography .photographyBox,
    #photography .photographyBox:nth-child(even) {margin: 70px 1% 70px;padding:0;border: #ededed 1px solid;background:#fefefe;overflow:hidden;}

    /* 
    #photography .photographyhHead h3.jp:after {content:''; position: absolute; left:2.5%; top:34px; width:95%; background:#000; 10px;height:1.5px;-webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out}
    */ 

    /* ----- .txtArea ----- */ 
    #photography .photographyBox .txtArea,
    #photography .photographyBox:nth-child(even) .txtArea { position:static; width: 100%; padding:35px 5% 50px; }

    /* .photographyhHead */
    #photography .photographyBox .photographyhHead {display:block;text-align: 
        center;position: 
            static;-moz-transform: 
                /*translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0); transform: translate(0, 0); */}

    #photography .catchArea { display:block; }	
    /* .linkAreaHead */
    #photography .photographyBox .photographyhHead .linkAreaHead { margin-top:20px; }

    #photography .photographyhHead .iconIllust { width:100px; height:100px; }
    #photography .photographyhHead .iconIllust_location,
    #photography .photographyhHead .iconIllust_wedding,
    #photography .photographyhHead .iconIllust_family{background-size:90px 90px; }	

    /* ----- .imgArea ----- */ 
    #photography .photographyBox .imgArea { float: none; width: 100%; padding:30px 5% 0; padding:0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
    #photography .photographyBox:nth-child(even) .imgArea { float: none; }

}
@media only screen and (max-width: 738px) { 
    #photography .photographyBox,
    #photography .photographyBox:nth-child(even) { margin: 60px 0 0; }
    /* ----- .txtArea ----- */ 
    #photography .photographyBox .txtArea,
    #photography .photographyBox:nth-child(even) .txtArea {padding:30px 5% 45px;}
    #photography .photographyhHead .iconIllust { width:70px; height:70px; margin:15px auto 0;}
    #photography .photographyhHead .iconIllust_location,
    #photography .photographyhHead .iconIllust_wedding,
    #photography .photographyhHead .iconIllust_family{background-size:60px 60px; }	
    #photography .catchArea h4 { font-size: 12px; }
    #photography .photographyBox .photographyhHead .linkAreaHead {margin-top:15px;z-index: 100;}
}
@media only screen and (max-width: 500px) { 
    #photography .photographyBox,
    #photography .photographyBox:nth-child(even) { width: 100%; margin: 50px 0 0; }

    #photography .photographyhHead .linkAreaHead a {z-index: 10000;}


}






/* ----- .gallerySlider ----- */ 
.gallerySlider { margin: 0; padding-bottom: 0; }
/* --- li --- */
.gallerySlider li { margin: 0; position: relative; background: #fefefe; z-index:3; }
/* --- .imgArea --- */
.gallerySlider li .imgArea { overflow: hidden; position: relative; z-index: 4; background: #fefefe; }
.gallerySlider li .imgArea:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fefefe; z-index: 5; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.gallerySlider li:hover .imgArea:before { content: ""; background: #e4f5fd; opacity: 0.8; }
.gallerySlider li .imgArea img { -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; }
.gallerySlider li:hover .imgArea img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.5; }

/* Arrow */
.gallerySlider .slick-prev,
.gallerySlider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 60px; height: 60px; padding: 0; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #111; border: #ddd 1px solid; border: none; background: #fefefe; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 2; }
.gallerySlider .slick-prev:before,
.gallerySlider .slick-next:before { font-family: 'themify'; font-size: 12px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.gallerySlider .slick-prev { left: 0; margin-left: -30px; }
.gallerySlider .slick-prev:before { content: "\e64a"; }
.gallerySlider .slick-next { margin-right: -30px; right: 0; }
.gallerySlider .slick-next:before { content: "\e649"; }

/* --- .slick-dots --- */
.gallerySlider .slick-dots { bottom: -33px; }
.gallerySlider .slick-dots li { position: relative; height: 6px; width: 6px; margin: 0 10px; padding: 0; cursor: pointer; text-align: center; }

/* --- .linkArea --- */
#photography .linkArea {margin-bottom: 70px;/* position:relative; */z-index: 0;}


@media only screen and (max-width: 800px) { 
    /* --- Arrows --- */
    .gallerySlider .slick-prev,
    .gallerySlider .slick-next { width: 40px; height: 40px;  }
    .gallerySlider .slick-prev { left: auto; right:46px; }
    .gallerySlider .slick-next { right: 5px; }
    #photography .photographyBox:nth-child(even) .gallerySlider .slick-prev { left: 5px; right:auto; }
    #photography .photographyBox:nth-child(even) .gallerySlider .slick-next { left:46px; right: auto; }
}

@media only screen and (max-width: 800px) { 
    .gallerySlider { margin: 0 -1px 41px; padding-bottom: 0;}
    .gallerySlider .slick-dots { position: absolute; top:auto; bottom: -40px;right:0; left: 0; width: 100%; height: 6px; 
        -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
    .gallerySlider .slick-dots li { position: relative; display: inline-block; height: 6px; width: 6px; margin: 0px 10px; padding: 0; cursor: pointer; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; border:none; }
    /* --- .linkArea --- */
    #photography .linkArea { margin-top:60px; }
}

@media only screen and (max-width: 738px) { 
    .gallerySlider { margin: 0 -1px 31px; }
    .gallerySlider .slick-dots,
    #photography .photographyBox:nth-child(even) .gallerySlider .slick-dots { bottom: -30px;}
    /* --- .linkArea --- */
    #photography .linkArea { margin-top:50px; }
}
@media only screen and (max-width: 414px) { 
    #photography .linkArea { margin-top:40px; }
}




/* -----------------------------------------------------------

#release

----------------------------------------------------------- */


#release {padding: 30px 5%;position: relative;z-index: 1;/* border-top: #a3d9e0 1px solid; *//* background: #eee; */}
#release:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #eee 0px solid; z-index: 2; }

@media only screen and (max-width: 1024px) {
    #release {padding: 30px 0; }
}

@media only screen and (max-width: 800px) {
    #release {padding: 0px 5%;}
}

@media only screen and (max-width: 738px) { 
    #release { padding: 70px 5%; }
}

@media only screen and (max-width: 414px) { 
    #release {padding: 10px 5%;}
}


/* ----- .headline ----- */
#release .headline { margin-bottom: 45px; text-align: center; }
#release .headline h2.en {/* font-size:50px; *//* font-family: 'Satisfy', cursive; *//* letter-spacing:0; *//* line-height: 1; *//* font-size: 36px; *//* font-family: 'Satisfy', cursive; *//* letter-spacing: 0; *//* line-height: 1; *//* font-family: 'Catamaran', sans-serif; */font-size: 35px;font-family: 'Catamaran', sans-serif;font-weight: 700;line-height: 1.8;letter-spacing: 4px;}
#release .headline h2.en  img{max-width: 634px;margin:0 auto;width: 100%;}
#release .headline h3 { font-size: 15px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing: 2px; line-height:1; margin-top:20px;}
#release .headline h3 b { font-weight:600;letter-spacing: 2px;}


@media only screen and (max-width: 800px) {
    #release .headline { margin-bottom: 40px; }
    #release .headline h2.en { font-size:40px; }
    #release .headline h3 { margin-top:15px;}
}

@media only screen and (max-width: 738px) {
    #release .headline {margin-bottom: 10px;}
    #release .headline h2.en { font-size:35px; }
}

@media only screen and (max-width: 414px) {
    #release .headline h2.en {font-size: 24px;}	
    #release .headline h3 { font-size: 13px;margin-top:10px;}	
}




/* --- .nameArea --- */
#release .nameArea { margin: 0; position: relative; z-index: 2; }
#release .nameArea:before { position: absolute; top: 7px; left: 0; bottom: 7px; right:0; content: ""; border: #ddd 1px solid; background: #fefefe;z-index: -2; }
/* #release .nameArea:after { position: absolute; top: 0; left: 7px; bottom: 0; right:7px; content: ""; border: #ddd 1px dotted; z-index: -2; }*/

/* --- .inner --- */
#release .nameArea .inner { padding:70px 5%; }
/* .imgArea */
#release .nameArea .imgArea {float:left;width: 22%;margin: 1%;padding: 40px;position:relative;z-index:1;}
#release .nameArea .imgArea {float:left;width: 22%;margin: 1%;padding: 40px;position:relative;z-index:1;}
#release .nameArea .imgArea:before { position:absolute; top:0; right:10px; left:10px; bottom:0; content:""; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;z-index:2; }
#release .nameArea .imgArea:after { position:absolute; top:10px; right:0; left:0; bottom:10px; content:""; border-right:#ddd 1px solid; border-left:#ddd 1px solid;z-index:2; }
#release .nameArea .imgArea img {/* border:#fafafa 1px solid; */}


#release .nameArea .imgReco  {
    /* display: flex; */
    /* flex-wrap: wrap; */
    border: 1px solid #eee;
    padding: 1em;
    /* background: #fff; */
    /* justify-content: center; */ /* 子要素をflexboxにより中央に配置する */
}




.item_Reco {
    /* background: #f9f9f9; */
    padding: 2%;
    /* border-radius: 5px; */
    /* flex: 1 0 200px; */
    margin: 0 0;
    text-align: center;
    width: 33.333333%;
    float: left;
}

@media only screen and (max-width: 800px) { 
    #release .nameArea:before { border: #eee 0px solid; }

    #release .nameArea .imgReco  {
        /* background: #eee; */
        margin-bottom: 60px;
    }

    .item_Reco {
        /* background: #f9f9f9; */
        padding: 0.5%;
        /* border-radius: 5px; */
        /* flex: 1 0 200px; */
        margin: 0 0;
        text-align: center;
        width: 90%;
        margin: 1% 5% 60px;
        float: left;
        padding-bottom: 60px;
        border-bottom: 1px solid #eee;
    }

}
@media only screen and (max-width: 500px) { 


    .item_Reco {
        /* background: #f9f9f9; */
        padding: 2% 2% 5%;
        /* border-radius: 5px; */
        /* flex: 1 0 200px; */
        margin: 0 0;
        text-align: center;
        width: 98%;
        margin: 1% 1% 50px;
        float: left;
        border: 1px solid #ddd;
    }


    #release .nameArea .imgReco {border: 0px solid #eee;margin-bottom: 30px;}


}



.item_Reco a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

}

.item_Reco h3 {font-size: 12px;font-family: 'Catamaran', sans-serif;font-weight: 500;letter-spacing: 2.5px;line-height: 1.8;text-align: center;position: relative;z-index: 4;margin-top: 20px;}

.item_Reco h4 {
    font-size: 20px;
    font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.6;
    text-align: center;
    margin: 5px 0 25px;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}
.item_Reco h4 b {display:block;font-size:15px;font-weight:normal;vertical-align:0;margin-top:2px;font-family: 'Catamaran', sans-serif;}

.item_Reco h4:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 0;
    margin-left: -25px;
    content: "";
    /* border-top: #ddd double; */
    z-index: -1;
    border-top: #ddd solid 1px;
}


.item_Reco .linkAreaHead {
    margin-top: 20px;
}

.item_Reco .linkAreaHead a{
    width: 160px;
    font-size: 13px;
}

























/* コース; */


#release .nameArea .imgCourse  {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* border: 1px solid #eee; */
    padding: 1em;
    /* background: #fff; */
    /* justify-content: center; */ /* 子要素をflexboxにより中央に配置する */
}




.item_Course {
    background: #f9f9f9;
    padding: 2%;
    /* border-radius: 5px; */
    /* flex: 1 0 200px; */
    margin: 0 0;
    text-align: center;
    width: 48%;
    float: left;
    border: 1px solid #eee;
    margin: 1%;
}


.item_Course:hover {
    background: #f1f1f1;

}




.item_Course img{
    width: 200px;
}

@media only screen and (max-width: 800px) { 
    #release .nameArea:before { border: #eee 0px solid; }

    #release .nameArea .imgCourse  {
        background: #eee;
    }

    .item_Course {
        /* background: #f9f9f9; */
        padding: 2%;
        /* border-radius: 5px; */
        /* flex: 1 0 200px; */
        margin: 0 0;
        text-align: center;
        width: 48%;
        margin: 1%;
        float: left;
        border:1px solid #eee;
    }

}
@media only screen and (max-width: 500px) { 


    .item_Course {
        /* background: #f9f9f9; */
        padding: 2%;
        /* border-radius: 5px; */
        /* flex: 1 0 200px; */
        margin: 0 0;
        text-align: center;
        width: 98%;
        margin: 1% 1% 4%;
        float: left;
        border:1px solid #eee;
    }

}



.item_Course a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

}

.item_Course h3 {font-size: 12px;font-family: 'Catamaran', sans-serif;font-weight: 500;letter-spacing: 2.5px;line-height: 1.8;text-align: center;position: relative;z-index: 4;margin-top: 20px;}

.item_Course h4 {
    font-size: 20px;
    font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.6;
    text-align: center;
    margin: 5px 0 25px;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}
.item_Course h4 b {display:block;font-size:15px;font-weight:normal;vertical-align:0;margin-top:2px;font-family: 'Catamaran', sans-serif;}

.item_Course h4:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 0;
    margin-left: -25px;
    content: "";
    /* border-top: #ddd double; */
    z-index: -1;
    border-top: #ddd solid 1px;
}


.item_Course .linkAreaHead {
    margin-top: 20px;
}

.item_Course .linkAreaHead a{
    width: 160px;
    font-size: 13px;
}





/* -----------------------------------------------------------

#newsarea

----------------------------------------------------------- */


#newsarea {padding: 30px 5%;/* position: relative; *//* top: 0px; */z-index: 3;/* border-top: #009688 1px solid; *//* background: #f5f2ec; */margin-bottom: 0px;/* overflow: auto; *//* background: url(../images/home/news_bg.png) repeat; *//* background-size: cover; */margin: 0;padding: 0;}
#newsarea:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #eee 0px solid; z-index: 2; }

@media only screen and (max-width: 800px) {
    #newsarea {padding: 10px 5% 10px;}
}

@media only screen and (max-width: 738px) { 
    #newsarea { padding: 70px 5%; }
}

@media only screen and (max-width: 414px) { 
    #newsarea {padding: 50px 5% 0;}
}




/* ----- .headline ----- */
#newsarea .headline {margin-bottom: 10px;text-align: center;margin-top: 10px;}
#newsarea .headline h2.en {
    font-size: 36px;
    /* font-family: 'Satisfy', cursive; */
    letter-spacing:0;
    line-height: 1;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 4px;
}
#newsarea .headline h3 {font-size: 15px;font-family: 'Catamaran', sans-serif;font-weight:300;letter-spacing: 2px;line-height:1;margin-top:20px;font-size: 15px;font-weight: bold;letter-spacing: 5px;line-height: 1;margin-top: 20px;position: relative;z-index: 3;}
#newsarea .headline h3 b { font-weight:600;letter-spacing: 2px;}


@media only screen and (max-width: 800px) {
    #newsarea .headline { margin-bottom: 40px; }
    #newsarea .headline h2.en { font-size:40px; }
    #newsarea .headline h3 { margin-top:15px;}
}

@media only screen and (max-width: 738px) {
    #newsarea .headline { margin-bottom: 30px; }
    #newsarea .headline h2.en { font-size:35px; }
}

@media only screen and (max-width: 414px) {
    #newsarea .headline h2.en {font-size: 24px;}	
    #newsarea .headline h3 { font-size: 13px;margin-top:10px;}	
}






#newsarea .nameArea .top_news  {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* border: 1px solid #eee; */
    padding: 1em;
    /* background: #fff; */
    /* justify-content: center; */ /* 子要素をflexboxにより中央に配置する */
    /* margin-top: 50px; */
}
@media only screen and (max-width: 414px) {
    #newsarea .nameArea .top_news  {
        margin-top: 0px;
    }
}


#w_about{width: 100%;/* max-width: 1200px; */margin: 0 auto;}



#w_about .item_news h2 {
    font-size: 18px;
    /* border-top: 1px solid #eee; */
    border-bottom: 1px solid #eee;
    /* margin-bottom: 60px; */
    text-align: left;
    padding-left: 10px;
}


#w_about .item_news h2:before {
    padding-right:10px;
    font-size:15px;
    text-align:left;

    font-family: 'FontAwesome';
    content: "\f003";
    content: url(../images/icon_mark01.svg);
    font-weight:normal;
    color: #000;
}

#w_about .item_news h2 span {
    font-size: 12px;
    /* border-top: 1px solid #eee; */
    /* border-bottom: 1px solid #eee; */
    /* margin-bottom: 60px; */
    position: relative;
    color: #016c6e;
    padding-left: 150px;
}


#w_about .item_news h2 span:after {
    padding-left:10px;
    font-family: 'FontAwesome';
    content: "\f054";
}



#w_about .item_news {
    background: #fff;
    padding: 2%;
    /* border-radius: 5px; */
    /* flex: 1 0 350px; */
    margin: 1%;
    text-align: center;
    float: left;
    border: 1px solid #eee;
    /* min-height: 400px; */
    width: 100%;
}




/*================ 各コンテンツ メニュー （施設・観光・イベント）=================*/
#sub_contents {
    /* margin-top: 40px; */
    margin: 40px 0;
    overflow: auto;
}

#sub_contents h2 {/*	display:none;*/padding-top: 5px;text-align: center;/* font-size:25px; */color: #fff;}

#sub_contents .news_post_wrapper { width:33.33%; float:left;}

@media only screen and (max-width: 812px) {
    #sub_contents .news_post_wrapper { width:50%; float:left;}
    #sub_contents h2 {/* font-size: 16px; */color: #fff;}
}



#sub_contents .news_post_wrapper .figure { width:100%; height:auto; position:relative; padding:63.5% 0 0; /*padding:63.5% 0 0;*/ overflow:hidden;}
#sub_contents .news_post_wrapper img { position:absolute;top:0; left:0; width:100%; height:auto; vertical-align:top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}
#sub_contents a:hover .news_post_wrapper img {
    -webkit-transform:  scale(1.05);
    -moz-transform:  scale(1.05);
    -ms-transform:  scale(1.05);
    transform:  scale(1.05);
}

#sub_contents .news_post_wrapper .figure .overlay {
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-size: 1.1rem;
    /*  font-family: "Brandon Grot W01 Bold";*/

    font-weight: normal;
    color: #FFF;
    letter-spacing: 0.08em;
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.50);
    opacity: 0.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

#sub_contents .news_post_wrapper .figure .overlay:after {
    z-index: 1;
    border-top: 1px solid #FFF;
    position: absolute;
    width: 20px;
    content: "";
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -18px;
    -webkit-transform: scaleX(0.0);
    transform: scaleX(0.0);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}


#sub_contents .news_post_wrapper .figure .overlay span {
    width: 120px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -14px;
}


#sub_contents .news_txt_wrapper { display: none; padding:0px 30px; margin:20px 0 40px; border-right: #e6e6e6 1px solid;height: 150px;}
#sub_contents .news_box:nth-child(4n) .news_txt_wrapper { border-right:none;}
#sub_contents .news_txt_wrapper dl { margin-bottom:10px;}
#sub_contents .news_txt_wrapper dl dt { color:#0e2c44; display:inline-block; font-size:11px; text-decoration:none;}　/*　d93600　→　ffffff*/
#sub_contents .news_txt_wrapper dl dd {display:inline-block; font-size:11px; text-decoration:none;}
#sub_contents .news_txt_wrapper h3 { font-size:14px; color:#0e2c44; margin-bottom:5px; text-decoration:none;word-break: break-all;word-wrap: break-word; /*white-space: pre;*/ }
#sub_contents .news_txt_wrapper p { font-size:12px; /*text-align:justify;*/word-break: break-all;word-wrap: break-word; text-decoration:none;}


.txt-en{
    position: absolute;
    top: 30%;
    left: 30px;
    right: 30px;
    font-size: 25px;
    line-height: 1.2;
    color: #fff;
    z-index: 10;
    font-weight: 400;
    text-align: center;
    margin: 0 10%;
    bottom: 30%;
}


@media only screen and (max-width: 800px) {
    .txt-en{font-size: 20px;}
}

@media only screen and (max-width: 500px) {
    .txt-en{
        font-size: 15px;
        position: absolute;
        top: 30%;
        left: 10px;
        right: 10px;
        text-align: center;
        margin: 0 5%;
    }

}

/* -----------------------------------------------------------

#newsarea

----------------------------------------------------------- */


#newsarea {padding: 30px 5%;position: relative;z-index: 1;/* border-top: #a3d9e0 1px solid; *//* background: #f5f2ec; */}
#newsarea:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #eee 0px solid; z-index: 2; }

@media only screen and (max-width: 800px) {
    #newsarea {padding: 10px 5% 10px;}
}

@media only screen and (max-width: 738px) { 
    #newsarea { padding: 70px 5%; }
}

@media only screen and (max-width: 414px) { 
    #newsarea {padding: 0px 5% 0;}
}




/* ----- .headline ----- */
#newsarea .headline { margin-bottom: 45px; text-align: center; }
#newsarea .headline h2.en {
    font-size: 36px;/* font-family: 'Satisfy', cursive; */letter-spacing:0;line-height: 1;font-family: 'Catamaran', sans-serif;
    font-size: 35px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 4px;

}
#newsarea .headline h3 {font-size: 15px;font-family: 'Catamaran', sans-serif;font-weight:300;letter-spacing: 2px;line-height:1;margin-top:20px;font-size: 15px;font-weight: bold;letter-spacing: 5px;line-height: 1;margin-top: 20px;position: relative;z-index: 3;}
#newsarea .headline h3 b { font-weight:600;letter-spacing: 2px;}


@media only screen and (max-width: 800px) {
    #newsarea .headline { margin-bottom: 40px; }
    #newsarea .headline h2.en { font-size:40px; }
    #newsarea .headline h3 { margin-top:15px;}
}

@media only screen and (max-width: 738px) {
    #newsarea .headline { margin-bottom: 30px; }
    #newsarea .headline h2.en { font-size:35px; }
}

@media only screen and (max-width: 414px) {
    #newsarea .headline h2.en {font-size: 24px;}	
    #newsarea .headline h3 { font-size: 13px;margin-top:10px;}	
}






#newsarea .nameArea .top_news  {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* border: 1px solid #eee; */
    padding: 1em;
    /* background: #fff; */
    /* justify-content: center; */ /* 子要素をflexboxにより中央に配置する */
    /* margin-top: 50px; */
}
@media only screen and (max-width: 414px) {
    #newsarea .nameArea .top_news  {
        margin-top: 0px;
    }
}



.item_news h2 {
    font-size: 24px;
    /* border-top: 1px solid #eee; */
    /* border-bottom: 1px solid #eee; */
    /* margin-bottom: 60px; */
    text-align: left;
    padding-left: 10px;
    margin-bottom: 30px;
    font-family: none;
    font-family: sans-serif;
}


.item_news h2:before {
    padding-right:10px;
    font-size:15px;
    text-align:left;
    font-family: 'FontAwesome';
    content: "\f18c";
    /* content: url(../images/icon_mark01.svg);*/
    font-weight:normal;
    color: #000;
    font-family: 'themify';
    content: "\e67c";
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 10px;
}

.item_news h2 span {
    font-size: 12px;
    /* border-top: 1px solid #eee; */
    /* border-bottom: 1px solid #eee; */
    /* margin-bottom: 60px; */
    position: relative;
    color: #a560a3;
    padding-left: 150px;
}


.item_news h2 span:after {
    padding-left:10px;
    font-family: 'FontAwesome';
    content: "\f054";
}



.item_news {
    /* background: #f9f9f9; */
    padding: 2%;
    /* border-radius: 5px; */
    flex: 1 0 350px;
    margin: 0 1%;
    text-align: center;
    float: left;
    border: 1px solid #eee;
    min-height: 500px;
    width: 48%;
}

@media only screen and (max-width: 1024px) { 
    .item_news { min-height: 450px;}
}



.title_news:before {
    padding-right:10px;
    font-size:15px;
    text-align:left;
    font-family: 'FontAwesome';
    content: "\f18c";
    /* content: url(../images/icon_mark01.svg);*/
    font-weight:normal;
    color: #000;
    font-family: 'themify';
    content: "\e67c";
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 10px;
}





@media only screen and (max-width: 800px) { 
    #release .nameArea:before { border: #eee 0px solid; }

    #release .nameArea .top_news  {
        background: #e9ebee;
    }

    .item_news {
        /* background: #f9f9f9; */
        /* padding: 2%; */
        /* border-radius: 5px; */
        /* flex: 1 0 200px; */
        /* margin: 0 0; */
        /* text-align: center; */
        width: 100%;
        margin: 1% 0.5% 50px;
        /* float: left; */
        /* border:1px solid #eee; */
    }

}


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

    .item_news {width: 100%;margin: 0% 0.5% 20px;min-height: 200px;}

}









/* .txtArea */
#release .nameArea .txtArea { float:right; width:50%; text-align:left;}
#release .nameArea .txtArea .txtBox { margin:0 auto; max-width:450px; }
#release .nameArea .txtArea h3 {font-size: 12px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; text-align:center;position:relative; z-index:4; }
#release .nameArea .txtArea h4 { font-size: 25px; font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight:400; letter-spacing: 2px; line-height: 1.6; text-align:center; margin:5px 0 25px; padding-bottom:25px; position:relative; z-index:2;  }
#release .nameArea .txtArea h4 b { display:block; font-size:15px; font-weight:normal; vertical-align:0; margin-top:2px; }
#release .nameArea .txtArea h4:after { position:absolute; bottom:0; left:50%; width:50px; height:0; margin-left:-25px; content:""; border-top:#ddd double; z-index:-1; }
#release .nameArea .txtArea p {font-size: 14px; line-height: 2.4; letter-spacing: 2px;}
#release .nameArea .sign { margin-top:30px; width:100%; height:65px; background:url(/*../images/about/sign.png) center right no-repeat; */}

@media only screen and (max-width: 1024px) { 
    #release .nameArea .imgArea { padding: 30px; }
    #release .nameArea .txtArea p {font-size: 13px; line-height: 2.2; letter-spacing: 1px;}
}

@media only screen and (max-width: 800px) { 
    #release .nameArea .inner { padding:60px 6%; }
    #release .nameArea .imgArea { width:40%; padding:15px; }
    #release .nameArea .txtArea { width:55%;}
    #release .nameArea .txtArea h4 { font-size: 22px;margin:0 0 20px; padding-bottom:20px;  }
    #release .nameArea .txtArea h4 b { font-size:14px; margin-top:0; }
}

@media only screen and (max-width: 738px) { 
    #release .nameArea .inner { padding:50px 7.5%; }
    /* .imgArea */
    #release .nameArea .imgArea { float:none; width:65%; margin:0 auto; padding:10px; }
    /* .txtArea */
    #release .nameArea .txtArea {  float:none; width:100%; margin-top:30px; }
    #release .nameArea .txtArea .txtBox { max-width:1000px; padding:0 2.5%; }
    #release .nameArea .txtArea h4 { font-size: 20px; }
    #release .nameArea .txtArea h4 b { display:block; font-size:15px; font-weight:normal; vertical-align:0; }
    #release .nameArea .txtArea p {font-size: 12px; line-height: 2; letter-spacing: 1px;}

}







/* -----------------------------------------------------------


#top_contents

----------------------------------------------------------- */

#top_contents {padding: 50px 5%;position: relative;z-index: 1;}
@media only screen and (max-width: 800px) {
    #top_contents { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) { 
    #top_contents { padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
    #top_contents { padding: 60px 5%; }
}







/* .imgArea */
#top_contents .imgArea { float:left; width:30%; }
#top_contents .imgArea .inner { position:relative; z-index:2; }
#top_contents .imgArea .inner:before {position: absolute;top: 7px;left: 0;bottom: 7px;right:0;content: "";border: #ddd 1px solid;background:#fefefe;z-index: -2;}
#top_contents .imgArea .inner:after {position: absolute;top: 0;left: 7px;bottom: 0;right:7px;content: "";border: #ddd 1px dotted;z-index: 1;}
/* .txtArea */
#top_contents .txtArea { float:right; width:65%; }

/* --- #map_canvas --- */
#map_canvas { width:100%; margin-top:70px; height:400px;position: relative; z-index: 1; border: #ededed 1px solid;}



@media only screen and (max-width: 950px) {
    table.company th {width:30%;padding:20px;}
    table.company td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
    table.company { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
    #top_contents .imgArea { float:none; width:100%; }
    #top_contents .txtArea { float:none; width:100%; margin-top:25px; }
    table.company { font-size:12px;}	
    /*	#map_canvas { display:none; }*/
}
@media only screen and (max-width: 414px) {
    table.company th {width:30%;padding:15px;}
    table.company td {padding:15px;}		
}



#box_pickup{/* padding: 59px 0 0; *//* margin: -59px 0 0; */width: 100%;max-width: 1200px;margin: 0 auto;/* margin-top: 300px; */}

.box_senior {
    position: relative;
    margin: 50px 2em;
    padding: 0px 10px 7px;
    border: solid 1px #1f1b19;
}
.box_senior .box-title {
    FONT-VARIANT: JIS83;
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0;
    padding: 9px 14px;
    /* height: 30px; */
    line-height: 30px;
    font-size: 20px;
    background: #1f1b19;
    color: #ffffff;
    font-weight: bold;
}
.box_senior p {
    margin: 0; 
    padding: 0;
}

@media only screen and (max-width: 414px) {
    .box_senior .box-title {
        padding: 5px 14px;
        font-size: 15px;
    }
}


.item_60 img{width: 100%;padding:3%;}

.item_60 {
    width: 100%;
    padding: 2%;
    text-align: center;
}
.item_60 img{width: 100%;}
.item_40 .tTaisho {
    font-size: 25px;
    margin-bottom:20px;
    font-weight:600;
    margin-top: 50px;
}
.item_100 .tTaisho{
    font-size: 25px;
    margin-bottom:20px;
    font-weight:600;
    margin-top: 50px;
}

.item_60 .kyu {font-size:16px;color:#000;
    font-weight:500;border:0px solid #ddd; padding:1%; margin:1%;background:#f0d174;
}

.linkInfo {
    display: inline-block;
    padding-top: 50px;
    text-align: center;
    width: 100%;
    /* max-width: 1000px; */
    margin: 0 auto;
}

.linkInfo h2 span{
    color: #ffffff;
    border-bottom: 1px dashed;
    font-weight: 600;
}

@media only screen and (max-width: 1024px) {
    .linkInfo {
        /* padding: 20px 0; */
    }
    .linkInfo h2{
        font-size: 14px;
    }
}




@media ( min-width : 600px ){
    .flexbox {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        /* max-width: 1200px; */
        justify-content: center; /* 子要素をflexboxにより中央に配置する */
        /* align-items: center; */  /* 子要素をflexboxにより中央に配置する */
        /* margin-bottom: 100px; */
    }
    .item_40 {
        width: 40%;
        padding: 2%;
    }
    .item_40 img{width: 100%;padding:3%;}

    .item_100 {
        width: 92%;
        padding: 2%;
        text-align: center;
    }

    .item_60 {
        width: 50%;
        padding: 2%;
        text-align: center;
    }
    .item_60 img{width: 100%;}
    .item_40 .tTaisho, {
        font-size: 20px;
        margin-bottom:20px;
        font-weight:600;
        margin-top: 70px;
    }
    .item_100 .tTaisho{
        font-size: 25px;
        margin-bottom:20px;
        font-weight:600;
        margin-top: 50px;
    }

    .item_60 .kyu {font-size:16px;color:#000;
        font-weight:500;border:0px solid #ddd; padding:1%; margin:1%;background:#f0d174;
    }


    .item2 {width: 100%;}
    .item2 img{width: 50%;}
    .item p,
    .item2 p{/* text-align:left; *//* font-size: 17px; *//* font-weight:600; *//* line-height: 1.7; *//* padding: 2%; */}
    .item2_pic{background:#000;color:#fff;padding:3px;position:absolute;top: -35px;padding: 1%;font-size: 18px;left: 40px;} 
    .item2_picA{background:#ffb03f;color:#000;padding:3px;position:absolute;top: -15px;padding: 2%;font-size: 18px;} 
    .item2_txt{text-align:left;font-size: 16px;font-weight: 500;line-height: 2;padding: 2%;padding-top: 3%;}
    /* 	.item2_title span color:#fff; padding:5px;} */

}

.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.box_img {
    margin: 50px 2em;
    padding: 10px 7px;
    line-height: 2;
}

.box_text {
    margin: 50px 2em;
    padding: 10px 7px;
    line-height: 2;
}

.box_text p {
    font-size: 17px;
}

.box_text .link {
    text-align: center;
    margin-top: 30px;
}

.box_text .btn2{
    margin: 20px;
}
.box_text .bold{
    text-align: right;
    margin-top: 10px;
}

@media only screen and (max-width: 750px) {
    .box_text .link {
        margin-top: 20px;
    }
    .box_text .btn2{
        margin: 10px 0;
        float: none;
    }
}

@media only screen and (max-width: 500px){
    .box_img {
        padding: 0px 4% 0px;
        margin: 50px 0;
    }
    .box_text {
        padding: 0px 4% 0px;
        margin: 50px 0;
    }
}

span.red {
    color: #ea0000;
}
span.bold {
    font-weight: 600;
}
span.sen {
    text-decoration: underline
}

/* -----------------------------------------------------------

#イベント　news

----------------------------------------------------------- */

#news_event {padding: 10px 5% 20px;position: relative;z-index: 1;/* border-top: #016c6e 1px solid; */background: #fff;}
#news_event:before {position: absolute;top: -1px;left: 5%;right: 5%;height: 0;content: "";/* border-top: #ededed 1px solid; */z-index: 2;}

@media only screen and (max-width: 738px) {
    #news_event {padding: 30px 5%;}
}

@media only screen and (max-width: 738px) { 
    #news_event { padding: 70px 5%; }
}

@media only screen and (max-width: 500px) { 
    #news_event {padding: 0px 5%;margin-bottom: 30px;}
}


/* ----- .headline ----- */
#news_event .headline {margin-bottom: 10px;text-align: center;margin-top: 0;}
#news_event .headline h2.en {/* font-size:50px; *//* font-family: 'Satisfy', cursive; *//* letter-spacing:0; *//* line-height: 1; */font-size: 18px;font-family: 'Catamaran', sans-serif;font-weight: 700;line-height: 1.8;letter-spacing: 4px;}
#news_event .headline h3 { font-size: 14px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing: 2px; line-height:1; margin-top:20px;}
#news_event .headline h3 b { font-weight:600;letter-spacing: 2px;}


@media only screen and (max-width: 800px) {
    #news_event .headline { margin-bottom: 40px; }
    #news_event .headline h2.en {font-size: 30px;}
    #news_event .headline h3 { margin-top:15px;}
}

@media only screen and (max-width: 738px) {
    #news_event .headline {margin-bottom: 20px;margin-top: 20px;}
    #news_event .headline h2.en { font-size:35px; }
}

@media only screen and (max-width: 414px) {
    #news_event .headline h2.en {font-size: 18px;}	
    #news_event .headline h3 { font-size: 13px;margin-top:10px;}	
}

















/* -----------------------------------------------------------

#instagram

----------------------------------------------------------- */

#instagram {padding: 10px 5% 20px;position: relative;z-index: 1;/* border-top: #016c6e 1px solid; */background: #fff;}
#instagram:before {position: absolute;top: -1px;left: 5%;right: 5%;height: 0;content: "";/* border-top: #ededed 1px solid; */z-index: 2;}

@media only screen and (max-width: 738px) {
    #instagram {padding: 30px 5%;}
}

@media only screen and (max-width: 738px) { 
    #instagram { padding: 70px 5%; }
}

@media only screen and (max-width: 500px) { 
    #instagram {padding: 0px 5%;margin-bottom: 30px;}
}


/* ----- .headline ----- */
#instagram .headline {margin-bottom: 10px;text-align: center;margin-top: 0;}
#instagram .headline h2.en {/* font-size:50px; *//* font-family: 'Satisfy', cursive; *//* letter-spacing:0; *//* line-height: 1; */font-size: 18px;font-family: 'Catamaran', sans-serif;font-weight: 700;line-height: 1.8;letter-spacing: 4px;}
#instagram .headline h3 { font-size: 14px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing: 2px; line-height:1; margin-top:20px;}
#instagram .headline h3 b { font-weight:600;letter-spacing: 2px;}


@media only screen and (max-width: 800px) {
    #instagram .headline { margin-bottom: 40px; }
    #instagram .headline h2.en {font-size: 30px;}
    #instagram .headline h3 { margin-top:15px;}
}

@media only screen and (max-width: 738px) {
    #instagram .headline {margin-bottom: 20px;margin-top: 20px;}
    #instagram .headline h2.en { font-size:35px; }
}

@media only screen and (max-width: 414px) {
    #instagram .headline h2.en {font-size: 18px;}	
    #instagram .headline h3 { font-size: 13px;margin-top:10px;}	
}



#instagram  .titel_info:before {
    font-family: 'themify';
    content: "\e6d3";
    font-size: 28px;
    font-style: normal;
    color: #b82c2c;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*position: absolute;
    top: 0;
    left: 10px;*/
    z-index: 1;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 10px;
}


#instagram  .titel_menu:before {font-family: 'FontAwesome';content: "\f0f4";font-size: 28px;font-style: normal;font-weight: normal;color: #1f1b19;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/*position: absolute;
    top: 0;
    left: 10px;*/z-index: 1;line-height: 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;padding-right: 10px;}





/* ----- ul.imageInstagram ----- */
ul.imageInstagram {margin: 5px -8px 0;padding: 0;font-size: 0;margin: 5px -8px 0; */padding: 0;width: 100%;font-size: 0;max-width: 1200px;margin: 0 auto;}
ul.imageInstagram li {list-style: none;margin: 0;padding: 0;display: inline-block;width: 33.333%;position: relative;border: transparent 8px solid;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;overflow: hidden;z-index: 0;}
/*ul.imageInstagram li { list-style: none; margin: 0; padding: 0; float: left; width: 20%; position: relative; border: transparent 8px solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; z-index: 0; }*/
ul.imageInstagram li .imgArea {border: #ededed 1px solid;padding: 1px;background: #fefefe;position: relative;z-index: 1;}
ul.imageInstagram li .imgArea .inner { overflow: hidden; position:relative; z-index:1; }
ul.imageInstagram li .imgArea:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fefefe; z-index: 2; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
ul.imageInstagram li:hover .imgArea:before { content: ""; background: #ededed; z-index: 2; opacity: 0.8; }
ul.imageInstagram li .imgArea:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 50px;height: 50px;font-family: 'themify';font-family: 'FontAwesome';font-size: 25px;content: "\f16d";/* content: "\e73d"; */color: #fefefe;background: #fefefe;z-index: 3;opacity: 0;text-align: center;line-height: 50px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-webkit-transform: /*rotate(-60deg)*/scale(0.8, 0.8);-moz-transform: /*rotate(-60deg)*/ scale(0.8, 0.8);-o-transform: /*rotate(-60deg)*/scale(0.8, 0.8);-ms-transform: /*rotate(-60deg)*/ scale(0.8, 0.8);transform: /*rotate(-60deg)*/scale(0.8, 0.8);}
ul.imageInstagram li:hover .imgArea:after { color:#999; opacity: 1; -webkit-transform: rotate(0deg) scale(1, 1); -moz-transform: rotate(0deg) scale(1, 1); -o-transform: rotate(0deg) scale(1, 1); -ms-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1); }
ul.imageInstagram li img { display: block; width: 100%; height: auto; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; background: #fefefe; }
ul.imageInstagram li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/*ul.imageInstagram li:first-child { width: 40%; }
ul.imageInstagram li:first-child .imgArea { padding: 15px; }
ul.imageInstagram li:nth-child(8) { display: none; }*/

/* ----- .il-photo__likes ----- */
.il-photo__likes { position: absolute; bottom: 3px; left: 7px; color: #7eccd6; font-size: 11px;font-family: 'Catamaran', sans-serif; font-weight:300; height: 20px; line-height: 20px; padding: 0; letter-spacing:1px; z-index: 11; }
.il-photo__likes:before { font-size: 11px; font-family: 'themify'; content: "\e634"; padding-right: 5px; }
#instagram .linkArea .btn:after {font-size: 10px;font-size: 18px;/* content: "\e73d"; */right: auto;left:15px;}





@media only screen and (max-width: 800px) {
    /* ----- ul.imageInstagram ----- */
    ul.imageInstagram { margin: 3px -3px 0; padding: 0; }
    ul.imageInstagram li { width: 50%; border: transparent 3px solid; }
    ul.imageInstagram li .imgArea { padding: 10px; }
    ul.imageInstagram li .imgArea .inner { overflow: hidden; }
    ul.imageInstagram li .imgArea:before { display:none; }
    ul.imageInstagram li .imgArea:after { display:none; }
    ul.imageInstagram li:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    ul.imageInstagram li:first-child { width: 50%; }
    ul.imageInstagram li:first-child .imgArea { padding: 10px; }
    ul.imageInstagram li:nth-child(8) { display: inline-block; }

}


/* -----------------------------------------------------------

keyframes

----------------------------------------------------------- */


@-webkit-keyframes scroll-next {
    0% {
        -ms-transform:translateX(0)translateY(0px);
        -webkit-transform:translateX(0)translateY(0px);
        -moz-transform:translateX(0)translateY(0px);
        transform:translateX(0)translateY(0px);
        opacity:0
    }
    80% {
        opacity:0.7
    }
    90% {
        opacity:0
    }
    100% {
        -ms-transform:translateX(0)translateY(40px);
        -webkit-transform:translateX(0)translateY(40px);
        -moz-transform:translateX(0)translateY(40px);
        transform:translateX(0)translateY(40px);
        opacity:1
    }
}
@-moz-keyframes scroll-next {
    0% {
        -ms-transform:translateX(0)translateY(0px);
        -webkit-transform:translateX(0)translateY(0px);
        -moz-transform:translateX(0)translateY(0px);
        transform:translateX(0)translateY(0px);
        opacity:1
    }
    80% {
        opacity:0.7
    }
    90% {
        opacity:0
    }
    100% {
        -ms-transform:translateX(0)translateY(40px);
        -webkit-transform:translateX(0)translateY(40px);
        -moz-transform:translateX(0)translateY(40px);
        transform:translateX(0)translateY(40px);
        opacity:0
    }
}
@-ms-keyframes scroll-next {
    0% {
        -ms-transform:translateX(0)translateY(0px);
        -webkit-transform:translateX(0)translateY(0px);
        -moz-transform:translateX(0)translateY(0px);
        transform:translateX(0)translateY(0px);
        opacity:1
    }
    80% {
        opacity:0.7
    }
    90% {
        opacity:0.5
    }
    100% {
        -ms-transform:translateX(0)translateY(40px);
        -webkit-transform:translateX(0)translateY(40px);
        -moz-transform:translateX(0)translateY(40px);
        transform:translateX(0)translateY(40px);
        opacity:0
    }
}
@keyframes scroll-next {
    0% {
        -ms-transform:translateX(0)translateY(0px);
        -webkit-transform:translateX(0)translateY(0px);
        -moz-transform:translateX(0)translateY(0px);
        transform:translateX(0)translateY(0px);
        opacity:1
    }
    80% {
        opacity:0.7
    }
    90% {
        opacity:0
    }
    100% {
        -ms-transform:translateX(0)translateY(40px);
        -webkit-transform:translateX(0)translateY(40px);
        -moz-transform:translateX(0)translateY(40px);
        transfor