/* ---------------------------- */
/* Base
/* ---------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700;800&display=swap");

*{ box-sizing: border-box; color: #1D1E27; }

.en{ font-family: 'EB Garamond', serif; }
.ja{ font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.ja-sub{font-family: "游明朝体+36ポかな", YuMin_36pKn-Medium, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

html {
  font-size: 62.5%;
}
main .l-inner{ margin: 0 auto; }
main .l-inner article {
  width: 100%;
  font-size: 1.6rem;
  letter-spacing: .05em;
  font-family: 'Montserrat', sans-serif;
  color: #313242;
  background-color: #fff;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.ftool-wrapper {
  background-color: #fff;
}

.ftool-wrapper .col--02--C{
  width: auto;
}

body{ margin: 0; }

img {
  vertical-align: bottom;
  width: 100%;
}

.fv {
  margin: 0 auto;
  max-width: 1400px;
}

img {
  vertical-align: bottom;
  width: 100%;
}
 /*fix*/
.pc { display: block; }
.sp { display: none!important; }
.container { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 2; }
.container1 { width: 100%; max-width: 1000px; margin: 0 auto; }
 
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: space-between; justify-content: space-between; margin: 0 auto; }

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{ opacity: 0; }
.fadeIn{ animation-name: fadeInAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; }
  @keyframes fadeInAnime{
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }

.fvbox1{ align-items:center; }
.fvbox2{ margin-top:10px; } 
.fvboxl{ width:50%; }
.fvboxr{ width:50%; padding: 0 35px 0 140px; }
.fvboxl1{ width:33%; }
.fvboxl2{ display:flex; flex-wrap:wrap; }

/*.fv-img2{ margin-bottom:30px; text-align:center; }
.fv-img2 img{ max-width:185px; }*/
.fv-img3{ margin-bottom:50px; text-align:left; }
.fv-img3 img{ max-width:463px; }
.fv-img4{ margin-bottom:40px; text-align:left; }
.fv-img4 img{ max-width:463px; }
.fv-img5{ margin-bottom:30px; text-align:left; }
.fv-img5 img{ max-width:409px; }
/*.fv-img6{}
.fv-img7{}
.fv-img8{ margin-top:5%; }	*/

.ftool-wrapper .description{ margin-bottom: 0; letter-spacing: normal; line-height: 1em; }
.credit ul li a::after{ position: absolute; content: ''; top: 87%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: -90px; display: block; width: 75px; height: 40px; background-image: url(../images/buy.svg); background-size: contain; background-repeat: no-repeat; }
.credit ul{ padding: 0; }
.credit ul li a{ text-decoration: underline; }
.credit ul li{ letter-spacing: normal; line-height: 1em; list-style: none; margin-bottom: 20px; margin-top: 20px; font-family: 'EB Garamond', serif; color: #1D1E27; font-size: 16px; position: relative; /*padding-right: 110px;*/ }
.credit ul li span{ letter-spacing: normal; line-height: 1em; font-size: 18px; }

.credit ul li a{ position: relative; }
.credit ul li  p { margin-bottom: 0; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.4rem; margin-top: 8px; color: #878787; }
							
.box-wrapper{ margin-bottom:130px; }

.box-wrapper .box{ position: relative; }
.box-wrapper .box .inbox{ position:relative; }
.box-wrapper .box .inboxl{ float:right; }
.box-wrapper .box1{ max-width: none; padding-bottom: 80px; margin: 130px 0 185px 0; background: url(../images/bg1-1.jpg) left 53px no-repeat; background-size: 62% 100%; }
.box-wrapper .box1 .inboxl{ float: unset; padding-left: 75px; }
.box-wrapper .box1 .top .text{ line-height: 2.6em; }

.box-wrapper .box3{ max-width: none; padding-bottom: 80px; margin: 130px 0 185px 0; background: url(../images/bg1-1.jpg) right 216px no-repeat; background-size: 65% 100%; }
.box-wrapper .box3 .inboxl{ float: unset; padding: 0 70px 0 15px; }
.box-wrapper .box3 .top .text{ line-height: 2.6em; }
.box-wrapper .box3 ul{ margin: 65px 0 0 0; }

.box-wrapper .box h2{ font-family: "FOT-筑紫オールド明朝 Pro R", "TsukuOldMinPro-R", serif; margin-top:0px; margin-bottom:20px; font-size:5rem; font-weight:500; }
.box-wrapper .box h2 img{ max-width: 372px; }
.box-wrapper .box h3{ display: flex; align-items: flex-end; font-family: "FOT-筑紫オールド明朝 Pro R", "TsukuOldMinPro-R", serif; margin-bottom:10px; font-size:3.2rem; font-weight:500; }
.box-wrapper .box h3 .name{ max-height: 30px; width: auto; }
.box-wrapper .box .left{ width:50%; z-index: 2; }
.box-wrapper .box .right{ width:50%; }
.box-wrapper .box .text{ font-size:1.4rem; }
.box-wrapper .box .text18{ margin-bottom:30px; font-size:1.8rem; }
.box-wrapper .box .text20{ font-family: itc-avant-garde-gothic-pro, sans-serif; margin-bottom:10px; font-size:2rem; }
.box-wrapper .box .ptext a{ display: block; text-decoration: none; }
.box-wrapper .box .ptext p{ margin: 0; }
.box-wrapper .box .ptext p:not(:last-child),
.box-wrapper .box .ptext a:not(:last-child){ margin-bottom: 15px; }
/*.box-wrapper .box .ptext a:after{ content: "ARRIVAL NOTICE→"; display: inline; font-family: itc-avant-garde-gothic-pro, sans-serif; text-decoration: underline; padding-left: 20px; }*/
.box-wrapper .box0{ margin-top:70px; }
.box-wrapper .box .top0 .text{ text-align:center; line-height:3em; }
	
.box-wrapper .box1{ margin-top:155px; }
.box-wrapper .box .top1{ align-items:center; }
.box-wrapper .box .top1 h2{ margin-bottom:40px; }
.box-wrapper .box .top1 .bbox{ width:100%; position:relative; }
/*.box-wrapper .box .top1 .bbox:before{ content: ''; position: absolute; left: 8px; top: 8px; transform: translate(-50%, -50%); width: 30px; height: 30px; background-color: #000; clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}*/
.box-wrapper .box .top1 small{ font-size:1.7rem; }
.box-wrapper .box .top1 .subtitle{ line-height: 1em; font-family: itc-avant-garde-gothic-pro, sans-serif; display:inline-block; font-size:1.8rem; font-weight:400; }
.box-wrapper .box .top1 .slash{ padding: 0 20px; line-height: 1em;  display:inline-block; color:#EAEAEA; font-size:1.8rem; }
		
/*.box-wrapper .box2{ margin-top:130px; background: url(../images/bg1.jpg) 0 340px no-repeat; background-size: 68% 38%; }*/
.box-wrapper .box .top2{ align-items:center; }
.box-wrapper .box .top2 h3{ margin-bottom:60px; }
.box-wrapper .box .top2 h3 img{ max-width:312px; }
.box-wrapper .box .top2 .text{ font-size:1.5rem; line-height:1.8em; }
.box-wrapper .box .top2 .right{ padding:0px 50px 0px 100px; }
	
.box-wrapper .box .top3{ margin-top:110px; }
.box-wrapper .box .top3 .img-box:nth-child(1){ padding-bottom:20px; }
.box-wrapper .box .top3 .img-box{ max-width: 377px; margin: 0 auto; }
.box-wrapper .box .top3 .left{ width: 100%; margin-bottom: 125px; }
.box-wrapper .box .top3 .right{ width:100%; display:flex; flex-wrap:wrap; }

/*.box-wrapper .box4{ margin-top:130px; background: url(../images/bg1.jpg) right 330px no-repeat; background-size: 68% 38%; }*/
/*.box-wrapper .box .top4{ align-items:center; }*/
.box-wrapper .box .top4 .left{ width: 100%; text-align: center; }
.box-wrapper .box .top4 h3{ margin-bottom:60px; }
.box-wrapper .box .top4 h3 img{ max-width:457px; }
.box-wrapper .box .top4 .h3sp img{ position: relative; z-index: 2; margin-top:-35px; max-width:137px!important; }
.box-wrapper .box .top4 .text{ font-size:1.5rem; line-height:1.8em; }
.box-wrapper .box .top4 .img-box{ margin: 0 auto; }

.box-wrapper .box .top5{ margin-top:110px; }
.box-wrapper .box .top5 .left{ width: calc( 100% / 3 ); }
.box-wrapper .box .top5 .middle{ width: calc( 100% / 3 ); }
.box-wrapper .box .top5 .right{ width: calc( 100% / 3 ); }
.box-wrapper .box .top.top5.flex{ gap: 25px; }
.box-wrapper .box .top5 .img-box:not(:last-child){ padding-bottom:20px; }
.box-wrapper .box .top5 .img-box img{ max-width: 315px; }
.box-wrapper .box5 .text{ padding-top:30px; }

.box-wrapper .top6{ margin-top:130px; }
.box-wrapper .box .top6{ align-items:center; }
.box-wrapper .box .top6 .left{ width:45%; }
.box-wrapper .box .top6 .right{ z-index: 2; width:55%; }
.box-wrapper .box .top6 .bbox1{ width:105%; right:30px; background:#fff; position:relative; padding:60px 70px 45px; border:1px solid #000; }
.box-wrapper .box .top6 h3{ margin-bottom:24px;  }
.box-wrapper .box .top6 h3 img{ max-width:268px; }
.box-wrapper .box .top6 .authortext{ margin-top:25px; font-family: itc-avant-garde-gothic-pro, sans-serif; font-size:1.7rem; text-align:right; }

.box-wrapper .top7{ margin-top:250px; }
		
.box-wrapper .box8{ margin-top:130px; background: url(../images/bg1.jpg) 0 340px no-repeat; background-size: 68% 38%; }
	
.box-wrapper .box .top9{ margin-top:110px; }

.box-wrapper .box10{ margin-top:130px; background: url(../images/bg1.jpg) right 330px no-repeat; background-size: 68% 38%; }

.box-wrapper .box .top11{ margin-top:110px; }
.box-wrapper .box .top11a{ margin-top:10px; }
.box-wrapper .box .top11a .left{ width:49%; display:flex; flex-wrap:wrap; }
.box-wrapper .box .top11a .img-box:nth-child(1){ padding-bottom:20px; }
.box-wrapper .box .top11a .right{ width:48.5%; }
.box-wrapper .box11 .text{ padding-top:30px; }

.box-wrapper .top12{ margin-top:130px;  }

.box-wrapper .top13{ margin-top:250px; }
		
.box-wrapper .box14{ margin-top:130px; background: url(../images/bg1.jpg) 0 340px no-repeat; background-size: 68% 38%; }

.box-wrapper .top15{ margin-top:110px; }

.box-wrapper .box16{ margin-top:130px; background: url(../images/bg1.jpg) right 330px no-repeat; background-size: 68% 38%; }

.box-wrapper .top17{ margin-top:110px; }
.box-wrapper .box .top17a{ margin-top:10px; }
.box-wrapper .box .top17a .left{ width:49%; }
.box-wrapper .box .top17a .right{ width:49%; }

.box-wrapper .top18{ margin-top:130px;  }

.box-wrapper .box .top19{ margin-top:225px;  }		
.box-wrapper .box .top19 h2{ margin-bottom:50px; text-align:center; }
.box-wrapper .box .top19 h2 img{ width:127px; }
.box-wrapper .box .top19 .staff{ margin-bottom:15px; text-align:center; font-size: 1.4rem; }

.box-wrapper .box .slider{ margin-top:0px; position: relative; }
.box-wrapper .slick-dotted.slick-slider{ margin-bottom: 20px; }
.box-wrapper .box .slider1{ margin:0px 40px 40px; z-index: 0; }
.box-wrapper .box .top1 .slider1,
.box-wrapper .box .top9 .slider1,
.box-wrapper .box .top17 .slider1{ margin-bottom: 0; }

.box-wrapper .box .top4 .slick-dots,
.box-wrapper .box .top7 .slick-dots,
.box-wrapper .box .top13 .slick-dots,
.box-wrapper .box .top16 .slick-dots{ margin-right: 20px; }
.box-wrapper .box .mimg-box{ margin:-5px 20px 0; }
.box-wrapper .box .top13 .mimg-box img{ max-width: 196px; }
.slick-dots li{ margin:0; }
.slick-dots li:not(:last-child){ margin-right: 7px; }
.slick-dots{ margin-right:20px; text-align:right; right:0px; }
.slick-dots{ margin-right: 0; }
.box-wrapper .box h3{ font-size: 2.5rem; }
.box-wrapper .box .top1 small { font-size: 1.4rem; }
.box-wrapper .box .top1 .subtitle{ font-size: 1.7rem; }
.box-wrapper .box .text20{ font-size: 1.8rem; }
.box-wrapper .box .text,
.box-wrapper .box .top .text,
.box-wrapper .box .ptext p{ font-size: 1.4rem!important; line-height: 1.7em; }

.box-wrapper .box .top .text{ line-height: 2.2em; }
.box-wrapper .box .top0 .text{ line-height: 3em; }
.slick-dots li{ width: 10px; height: 10px; }
.slick-dots li button{ width: 10px; height: 10px; }
.slick-dots li button:before{ content: ""; background: #000; border-radius: 20px; width: 10px; height: 10px; }
.instagram_text{margin-top: 20px; text-decoration: underline;}

/* footer */
.footer-box{ margin-top: 200px; }
.footer-box #sns-account .inner .group.line{ margin: 0 0 60px;}
.footer-img { max-width: 270px; margin-bottom: 70px; }
.footer-box #sns-account .inner .group h4{ text-align: center; font-size: 22px; margin: 0 0 17px; }
.footer-box p.link-btn{ text-align: center; }
.footer-box #sns-account .inner .group.line .text{ text-align: center; font-weight: 400; font-size: 18px!important; line-height: 2.21; }
.footer-box #sns-account .inner .group.line .imagearea{ width: 100px; margin: 0 auto 20px; }
.footer-box #sns-account .inner .group.instagram .imagearea{ width: 32px; margin: 0 auto; }


@media screen and (min-width: 1700px) {

}

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

  br.pc { display: none; }

}

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

.container{ padding: 0 20px; }

.box-wrapper{ overflow: hidden; }
/*.box-wrapper .box .item-box{ padding:40px 20px 0px; }*/
.box-wrapper .box .ptext{ font-size:1.4rem; }  
.box-wrapper .box .text18{ margin-bottom:20px; }
.box-wrapper .box .left{ width:100%; }
.box-wrapper .box .right{ width:100%; }
.box-wrapper .box .top{ flex-wrap:wrap; }

.box-wrapper .box3 .top1{ flex-direction: column-reverse; }
.box-wrapper .box3 ul{ margin: 25px 0 0 0; }
.box-wrapper .box3 .top1 .slide1 img{ margin-left: 20px; }
.box-wrapper .box3 .inboxl{ padding: 0 0 0 20px; }
.box-wrapper .box3{ margin: 130px 0 80px 0; background-size: 95% 91%!important; background: url(../images/bg1-1.jpg) right 65px no-repeat; }

.box-wrapper .box0{ margin-top:45px; }
.box-wrapper .box1{ margin: 80px 0; padding-bottom: 55px; background: url(../images/bg1-1.jpg) left 109px no-repeat; background-size: 95% 100%; }
.box-wrapper .box1 .top1 .slider img{ width: 100%; margin-left: -20px; }
.box-wrapper .box2, .box-wrapper .box8, .box-wrapper .box14{ margin-top:40px; }
.box-wrapper .box .top3, .box-wrapper .box .top9, .box-wrapper .box .top15,.box-wrapper .box16{ margin-top:40px; }
.box-wrapper .box4, .box-wrapper .box10{ margin-top:75px; }
.box-wrapper .box .top5, .box-wrapper .box .top11, .box-wrapper .box .top17{ margin-top:40px; }
.box-wrapper .top6,.box-wrapper .top12 ,.box-wrapper .top18{ margin:75px 20px 0px; }
.box-wrapper .top7, .box-wrapper .top13{ margin-top:95px; }

.box-wrapper .box .top1 h2{ font-size:3rem; margin: 45px 0 20px 0; }
.box-wrapper .box .top1 .bbox{ width:100%; /*padding:25px;*/ }
/*.box-wrapper .box .top1 .left{ margin:0px 20px 50px; }*/
.box-wrapper .box1 .inboxl{ padding-left: 0; padding-right: 20px; }

.box-wrapper .box .top2 .right{ padding:0 20px; }

.box-wrapper .box .top3 .right{ width:100%; display:none; }
.box-wrapper .box .top3 .left{ width:100%; }
.box-wrapper .box .top3 .left{ margin-bottom: 80px; }
.box-wrapper .box .top3 .left img.img03{ max-width: 177px; display: flex; margin: 0 auto 25px; }
.box-wrapper .box .top3 .left img.img04, .box-wrapper .box .top3 .left img.img05{ max-width: 155px; }

.box-wrapper .box .top4 .left{ width: 100%; }
.box-wrapper .box .top4 h3{ margin-bottom:40px; }
.box-wrapper .box .top4 .slider .flex{ flex-wrap: wrap; gap: 10px; margin-bottom: 40px;}
.box-wrapper .box .top4 .slider .flex > *{ width: calc(100% / 2 - ( 7.5px) ); }

.box-wrapper .box .top4,
.box-wrapper .box .top16{ flex-direction:column-reverse; }
.box-wrapper .box .top16 .h3sp img{ max-width: 145px; }
.box-wrapper .box .top16 h3{ margin-bottom:40px; }

.box-wrapper .box .top10 .h3sp img{ width: 100%; max-width: 100%!important; }
.box-wrapper .box .top10 .h3sp{ margin-bottom: 15px; }

/*.box-wrapper .box .box4 .container{ padding: 0; }*/
.box-wrapper .box4 .top5.sp .item-box{ padding-top: 0; }
.box-wrapper .box .top5 .big-img{ width: 112%; margin-left: -6%; }
.box-wrapper .box .top5{ margin-top: 50px; }
.box-wrapper .box .top5 .right{ width:100%; }
.box-wrapper .box .top5 .left{ width:100%; }
.box-wrapper .box .top5 .middle{ width: 100%; }
.box-wrapper .box .top5 .img-box img{ max-width: 380px; }
.box-wrapper .box .top5 .img-box:not(:last-child){ padding: 0; margin-bottom: 50px; }
.box-wrapper .box .top5 .left, .box-wrapper .box .top5 .middle{ margin-bottom: 50px; }
.box-wrapper .box .top5 .credit ul{ margin-top: 20px; }
.box-wrapper .box .top5 .credit ul li{ margin-bottom: 0; }

.box-wrapper .box .top6 .bbox1{ width:100%; right:0; padding:40px 0px 0px; border:none; }
.box-wrapper .box .top6 .left{ width:100%; }
.box-wrapper .box .top6 .right{ width:100%; }
.box-wrapper .box .top6 .h3boom img{ width:148px; }
.box-wrapper .box .top6 .h3boom{ margin-bottom:20px; text-align:center; }
.box-wrapper .box .top6 .authortext{ text-align: left; }
/*.box-wrapper .box .slider1{ margin: 0 20px 40px; }*/
.box-wrapper .box .slider1{ margin: 0; }
.box-wrapper .box .top0 .text{ font-size: 1.3rem!important; }
.box-wrapper .box .top6 .authortext{ font-size: 1.2rem; }

.box-wrapper .box .top1 .mimg-box{ margin: -0 20px -10px; position: relative; z-index: 1; }
.box-wrapper .box .top7 .mimg-box{ margin: -30px 20px 0; }
.box-wrapper .box .top7 .mimg-box img{ max-width: 145px; }

.box-wrapper .box .top15 .slider .flex{ gap: 15px; margin-bottom: 40px; }

.box-wrapper .box .pop{ cursor: pointer; position: relative; } 
.box-wrapper .box .pop:before{ content: ""; position: absolute; right: 5px; bottom: 5px; background: url(../images/toggle.svg) center/contain no-repeat; width: 10px; height: 10px; }

.box-wrapper .box .top19 h2 img { width: 105px; }
#modal-container { display: none; position: fixed; background: rgba(0, 0, 0, .6); top: 0; bottom: 0; left: 0; right: 0; z-index: 99; }
#modal-container:before,
#modal-container:after{ content: ""; position: absolute; height: 20px; width: 1px; background: #fff; top: 20px; right: 25px; transform: rotate(-45deg); }
#modal-container:before{ transform: rotate(45deg); }
#modal-container > div { display: flex; height: 100vh; justify-content: center; align-items: center; }
#modal-container div img{max-width: calc(100vw - 40px); max-height: calc(100vh - 40px); }

.box-wrapper .box .top19,
.f-staff-box{ margin-top: 150px; }
.box-wrapper .box .top19 .staff,
.f-staff-box .eng{ font-size: 1.3rem; }

.box-wrapper .box h2 img{ max-height: 80px; }
.box-wrapper .box1 h2 img{ max-width: 260px; }
.box-wrapper .box h3{ margin-top: 9px; }
.box-wrapper .box h3 .name{ max-height: 24px; }

.fvboxl{ width:100%; position: relative; }
.fvboxr{ width:100%; padding-left:15px; position: absolute; bottom: 5%; z-index: 1; }
.fvbox.fvbox1.flex{ display: block; position: relative; }
.fv-img2{ margin-bottom:20px; text-align:left; }
.fv-img2 img{ max-width:50%; }
.fv-img3{ margin-bottom:20px; text-align:left; }
.fv-img3 img{ max-width:298px; }
.fv-img4{ margin-bottom:20px; text-align:left; }
.fv-img4 img{ max-width:298px; }
.fv-img5{ margin-bottom:20px; text-align:left; }
.fv-img5 img{ max-width:193px; }
.fvboxl1{ width:49%; }
.fv-img6{ margin-top:5%; }
.fv-img8{ margin-top:5%; }

.footer-box{ margin-top: 130px; }
.footer-box #sns-account .inner .group h4{ font-size: 16px; }
.footer-box #sns-account .inner .group.line .text{ font-size: 16px!important; }

.delay-time2{ animation-delay: .5s; }
.delay-time3{ animation-delay: 1s; }
.delay-time4{ animation-delay: 1.5s; }
.delay-time5{ animation-delay: 2s; }
.delay-time6{ animation-delay: 2.5s; }
.delay-time7{ animation-delay: 3s; }
.delay-time8{ animation-delay: 3.5s; }
.delay-time9{ animation-delay: 4s; }
.delay-time10{ animation-delay: 4.5s; }

}

.delay-time2{ animation-delay: .5s; }
.delay-time3{ animation-delay: .7s; }
.delay-time4{ animation-delay: .9s; }
.delay-time5{ animation-delay: 1.1s; }
.delay-time6{ animation-delay: 1.3s; }
.delay-time7{ animation-delay: 1.5s; }
.delay-time8{ animation-delay: 1.7s; }
.delay-time9{ animation-delay: 1.8s; }
.delay-time10{ animation-delay: 2s; }

.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


@media only screen and (min-width: 768px){
.f-staff-box .title-logo {
    width: 216px;
    margin-bottom: 40px;
}
.f-staff-box .text-logo {
  margin-bottom: 65px;
  font-size: 14px;
}
.f-staff-box .ico-instagram {
    width: 56px;
}
.f-staff-box{ margin-top: 225px; }
}
.f-staff-box .text-logo {
  font-family: "utopia-std", serif;
  font-size: 10px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.f-staff-box .title-logo {
    width: 158px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.f-staff-box .ico-instagram {
  width: 46px;
  margin-left: auto;
  margin-right: auto;
}
.f-staff-box .eng { margin-bottom: 15px; display: inline-block; text-decoration: none; font-size: 1.4rem; }

/*# sourceMappingURL=style.css.map */