@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ トップページ ◇◆◇
  
  
========================================================================================================================*/

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

  slide
  
----------------------------------------------------------------------------------------------------*/

#mainSlide {
  width:100%;
  position:relative;
}

#mainSlide__slider {
  list-style:none;
}

#mainSlide__slider li {
  width:100%;
  height:100%;
  box-sizing:border-box;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
}

#mainSlide__slider li.company { background-image:url(../image/top/slide/company.jpg?v=3); }
#mainSlide__slider li.aqua { background-image:url(../image/top/slide/aqua.jpg); }

#mainSlide__slider li p {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

@media print,screen and (min-width:641px) {
  #mainSlide {
    overflow:hidden;
  }

  #mainSlide,
  #mainSlide__slider li,
  #mainSlide__slider li a {
    height:600px;
  }
  
  #mainSlide__slider li.linkBox {
    -webkit-transition:opacity 0.1s ease;
    transition:opacity 0.1s ease;
  }
  
  #mainSlide__slider li.linkBox:hover {
    opacity:0.6 !important;
  }

  #mainSlide__slider {
    width:2000px;
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0);
  }
}

@media screen and (max-width:640px) {
  #mainSlide__slider {
    width:100%;
  }
  
  #mainSlide__slider li {
    height:0;
    padding-top:25%;
  }
}


/*-----------------------------------------------------------------------------------
  arrows
-----------------------------------------------------------------------------------*/

#mainSlide__slider_arrow .slick-prev,
#mainSlide__slider_arrow .slick-next {
  font-size:0;
  line-height:0;
  color:#fff;
  display:inline-block;
  z-index:9;
  border-radius:100%;
  box-sizing:border-box;
  border-width:2px;
  border-style:solid;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  vertical-align:middle;
  background:url(../image/icon/ar-white.png) no-repeat center center;
  background-size:52% auto;
  background-color:#40b1dd;
  border-color:#40b1dd;
  position:absolute;
  top:50%;
}

#mainSlide__slider_arrow .slick-prev {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}

@media print,screen and (min-width:641px) {
  #mainSlide__slider_arrow .slick-prev,
  #mainSlide__slider_arrow .slick-next {
    width:50px;
    height:50px;
    margin-top:-25px;
    -webkit-transition:left ease 0.2s, right ease 0.2s;
    transition:left ease 0.2s, right ease 0.2s;
  }
  
  #mainSlide__slider_arrow .slick-prev:hover,
  #mainSlide__slider_arrow .slick-next:hover {
    background:url(../image/icon/ar-rblue.png) no-repeat center center;
    background-size:52% auto;
    background-color:#fff;
  }

  #mainSlide__slider_arrow .slick-prev { left:-50px; }
  #mainSlide__slider_arrow .slick-next { right:-50px; }
  
  #mainSlide:hover #mainSlide__slider_arrow .slick-prev { left:0.75rem; }
  #mainSlide:hover #mainSlide__slider_arrow .slick-next { right:0.75rem; }
}

@media screen and (max-width:640px) {
  #mainSlide__slider_arrow { display:none; }
  
  /*
  #mainSlide__slider_arrow .slick-prev,
  #mainSlide__slider_arrow .slick-next {
    width:2rem;
    height:2rem;
    margin-top:-1rem;
  }
  
  #mainSlide__slider_arrow .slick-prev { left:0; margin-left:0.75rem; }
  #mainSlide__slider_arrow .slick-next { right:0; margin-right:0.75rem; }
  */
}


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

  お知らせ
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .info {
    padding-top:60px;
    padding-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .info {
    padding-top:2rem;
    padding-bottom:2.25rem;
  }
}

.info_hd .en { background-image:url(../image/top/info_hd.png); }


/*-----------------------------------------------------------------------------------
  slide
-----------------------------------------------------------------------------------*/

#infoSlide {
  position:relative;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}

#infoSlide__slider {
  list-style:none;
  display:inline-block;
}

#infoSlide__slider li {
  float:left;
  text-align:left;
  box-sizing:border-box;
}

#infoSlide__slider li p a { display:block; }
#infoSlide__slider li a,
#infoSlide__slider li a:visited,
#infoSlide__slider li a:hover { color:inherit; text-decoration:none; }

#infoSlide__slider li p { padding-top:0.75rem; }

#infoSlide__slider li .date {
  color:#78848c;
  font-size:87.5%;
  display:block;
}

@media print,screen and (min-width:641px) {
  #infoSlide__slider {
    width:1180px;
  }
  
  #infoSlide__slider li {
    width:275px;
    margin-left:10px;
    margin-right:10px;
  }
  
  #infoSlide__slider li:hover a { color:#38a4ce; text-decoration:underline; }
}

@media screen and (max-width:640px) {
  #infoSlide__slider {
    width:100%;
    padding-bottom:2rem;
    padding-left:0.375rem;
    padding-right:0.375rem;
    box-sizing:border-box;
  }
  
  #infoSlide__slider li {
    width:50%;
    padding-left:0.375rem;
    padding-right:0.375rem;
  }
}


/*-----------------------------------------------------------------------------------
  arrows
-----------------------------------------------------------------------------------*/

#infoSlide__slider_arrow .slick-prev,
#infoSlide__slider_arrow .slick-next {
  font-size:0;
  line-height:0;
  color:#fff;
  display:inline-block;
  z-index:9;
  border-radius:100%;
  box-sizing:border-box;
  border-width:2px;
  border-style:solid;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  vertical-align:middle;
  background:url(../image/icon/ar-rblue.png) no-repeat center center;
  background-size:52% auto;
  background-color:#fff;
  border-color:#40b1dd;
  position:absolute;
  top:50%;
}

#infoSlide__slider_arrow .slick-prev {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}

@media print,screen and (min-width:641px) {
  #infoSlide__slider_arrow .slick-prev,
  #infoSlide__slider_arrow .slick-next {
    width:40px;
    height:40px;
    margin-top:-20px;
  }
  
  #infoSlide__slider_arrow .slick-prev:hover,
  #infoSlide__slider_arrow .slick-next:hover {
    background:url(../image/icon/ar-white.png) no-repeat center center;
    background-size:52% auto;
    background-color:#40b1dd;
  }

  #infoSlide__slider_arrow .slick-prev { left:-48px; }
  #infoSlide__slider_arrow .slick-next { right:-48px; }
}

@media screen and (max-width:640px) {
  #infoSlide__slider_arrow {
    width:100%;
    position:relative;
  }
  
  #infoSlide__slider_arrow .slick-prev,
  #infoSlide__slider_arrow .slick-next {
    width:2rem;
    height:2rem;
    margin-top:-1rem;
  }
  
  #infoSlide__slider_arrow .slick-prev { left:0; margin-left:0.75rem; }
  #infoSlide__slider_arrow .slick-next { right:0; margin-right:0.75rem; }
}


/*-----------------------------------------------------------------------------------
  dots
-----------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  #infoSlide__slider_dot { display:none; }
}

@media screen and (max-width:640px) {
  #infoSlide__slider_dot {
    position:absolute;
    top:-1.5rem;
    left:50%;
    transform:translate(-50%,0);
  }
}


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

  歳時記新聞
  
----------------------------------------------------------------------------------------------------*/

.press-warp {
  box-sizing:border-box;
  background-color:#fef8dc;
}

.press_hd {
  position:relative;
}

.press_hd h3 {
  background:url(../image/top/press_hd.png) no-repeat left top;
  background-size:contain;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.commingsoon .press_hd h3 {
  width:100%;
  background-position:center center;
}

.press_hd .cal {
  position:absolute;
}

.press_hd .cal:before {
  content:"";
  display:block;
  width:100%;
  height:18px;
  background:url(../image/top/press_hd-cal.png) no-repeat center top;
  background-size:cover;
}
  
.press_hd .cal-date {
  min-width:5rem;
  display:block;
  line-height:1.2;
  box-sizing:border-box;
  padding:0.25rem 0.5rem 0.75rem 0.5rem;
  background-color:#fff;
  font-size:137.5%;
}

.press_hd .cal-date small { font-size:62.5%; }

@media print,screen and (min-width:641px) {
  .press-warp {
    width:50%;
    float:left;
    text-align:right;
    padding-right:40px;
    position:relative;
  }
  
  .press-warp:after {
    content:"";
    display:block;
    width:600px;
    height:100%;
    background:url(../image/top/press_bg.png) no-repeat right bottom;
    background-size:600px auto;
    position:absolute;
    right:40px;
    bottom:0;
  }
  
  .press {
    width:540px;
    display:inline-block;
    text-align:center;
    position:relative;
    z-index:2;
    padding-bottom:70px;
  }
  
  .press_hd { margin-top:1.75rem; margin-bottom:30px; }
  
  .commingsoon .press_hd h3 {
    margin-left:-1rem;
  }
  
  .press_hd h3 {
    width:412px;
    height:130px;
  }

  .press_hd .cal {
    right:20px;
    top:40px;
  }
  
  .press .data {
    margin-left:40px;
    display:inline-block;
    background-color:#fff;
  }
  .press .data img { width:240px; }
}

@media screen and (max-width:640px) {
  .press-warp {
    background:url(../image/top/press_bg.png) no-repeat center bottom;
    background-size:96% auto;
    background-color:#fef8dc;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .press {
    padding-top:1rem;
    padding-bottom:2.75rem;
  }
  
  .press_hd {
    width:540px;
    margin-left:auto;
    margin-right:auto;
  }
  
  .press_hd h3 {
    width:78%;
    height:0;
    padding-top:25%;
  }
  
  .commingsoon .press_hd h3 {
    margin-left:-2rem;
  }

  .press_hd .cal {
    right:0.5rem;
    top:30%;
  }
  
  .press .data { padding-top:1.5rem; }
  .press .data img { width:240px; }
}


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

  私たちがお届け
  
----------------------------------------------------------------------------------------------------*/

.staff-warp {
  background-color:#d8f3fd;
  box-sizing:border-box;
  position:relative;
}

.staff-warp:after {
  content:"";
  display:block;
  width: 100%;
  height:100%;
  background:url(../image/top/staff_bg.png) no-repeat center bottom;
  position:absolute;
  bottom:0;
}
  
.staff {
  position:relative;
  z-index:1;
}

.staff_hd:after {
  content:"";
  display:block;
  width:100%;
  background:url(../image/top/staff_photo.png) no-repeat center top;
  background-size:contain;
}

@media print,screen and (min-width:641px) {
  .staff-warp {
    width:50%;
    float:left;
    padding-top:55px;
    padding-left:40px;
  }
  
  .staff {
    width:580px;
  }
  
  .staff_hd:after {
    height:320px;
    margin-top:2rem;
  }
  
  .staff-warp:after {
    width:582px;
    left:40px;
    background-size:contain;
  }
}

@media screen and (max-width:640px) {
  .staff-warp {
    padding:2.25rem 1rem 13% 1rem;
    margin-top:0.75rem;
  }
  
  .staff_hd:after {
    height:0;
    padding-top:55%;
    margin-top:1rem;
  }
  
  .staff-warp:after {
    width:100%;
    left:0;
    background-size: 96% auto;
  }
}


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

  事業内容
  
----------------------------------------------------------------------------------------------------*/

.services-hd .en { background-image:url(../image/top/services_hd.png); }

.services {
  position:relative;
  overflow:hidden;
}

.services:after {
  content:"";
  width:100%;
  background-color:#cfe69c;
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
}

@media print,screen and (min-width:641px) {
  .services-warp {
    padding-top:60px;
    clear:both;
  }
  
  .services {
    margin-top:-60px;
  }
  
  .services:after {
    height:30px;
  }
}

@media screen and (max-width:640px) {
  .services-warp {
    padding-top:2.75rem;
  }
  
  .services {
    padding-left:0.75rem;
    padding-right:0.75rem;
    margin-top:-5%;
  }
  
  .services:after {
    height:6.5%;
  }
}

.services_illust {
  width:1200px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  box-sizing:border-box;
  z-index:2;
}

.services_illust .btn {
  list-style:none;
}

.services_illust .btn li {
  display:inline-block;
  position:absolute;
}

.services_illust .btn li.aqua { left:507px; bottom:42px; }
.services_illust .btn li.bento { left:70px; bottom:97px; }
.services_illust .btn li.touyu { right:70px; bottom:97px; }
.services_illust .btn li.reform { right:272px; bottom:172px; }

@media print,screen and (min-width:641px) {
  .services_illust .btn li img { opacity:0; }
  
  .services_illust .btn li a {
    display:block;
    height:100%;
    position:relative;
  }
  
  .services_illust .btn li a:after {
    content:"";
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    right:0;
    top:0;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    -webkit-transition:opacity 0.1s ease;
    transition:opacity 0.1s ease;
  }
  
  .services_illust .btn li a:hover:after { opacity:0; }
  
  .services_illust .btn li.aqua { background-image:url(../image/top/services_aqua_on.png); }
  .services_illust .btn li.bento { background-image:url(../image/top/services_bento_on.png); }
  .services_illust .btn li.touyu { background-image:url(../image/top/services_touyu_on.png); }
  .services_illust .btn li.reform { background-image:url(../image/top/services_reform_on.png); }
  
  .services_illust .btn li.aqua a:after { background-image:url(../image/top/services_aqua.png); }
  .services_illust .btn li.bento a:after { background-image:url(../image/top/services_bento.png); }
  .services_illust .btn li.touyu a:after { background-image:url(../image/top/services_touyu.png); }
  .services_illust .btn li.reform a:after { background-image:url(../image/top/services_reform.png); }
}


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

  footer
  
----------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
  map tel
-----------------------------------------------------------------------------------*/

.ft-contact-warp { margin-top:0; }
.ft-contact-warp:before { display:none; }

@media print,screen and (min-width:641px) {
  .ft-contact-warp {
    padding-top:30px;
  }
}

@media screen and (max-width:640px) {
  .ft-contact-warp {
    padding:1.5rem 0.75rem;
  }
}