@charset "utf-8";

.sec-box{ padding:100px 0; }

/* mv ------------------ */
#mv { padding:40px 0; background:#feeee6; }
#mv .slick-arrow {
  position:absolute; font-size:0; background:#fff; z-index:1; border-radius:50%; }
#mv .slick-arrow::before { content:""; display:inline-block; transform:rotate(45deg); }
#mv .slick-next::before { transform:rotate(-135deg); }

#slide1 .slick-arrow { bottom:35px; width:60px; height:60px; border:2px solid #f75a0d; }
#slide1 .slick-arrow::before { width:12px; height:12px; margin-left:5px; border:3px solid #f75a0d; border-top:none; border-right:0; }
#slide1 .slick-prev { left:25px; }
#slide1 .slick-next { left:105px; }
#slide1 .slick-next::before { margin-left:-3px; }

#slide2 { margin:1em -7px 0; }
#slide2 .slick-slide { padding:0 7px; }
#slide2 .slick-arrow { top:50%; margin-top:-12px; width:25px; height:25px; border:2px solid #f39a15; }
#slide2 .slick-arrow::before { width:6px; height:6px; margin-left:2px; border:2px solid #f39a15; border-top:none; border-right:0; }
#slide2 .slick-prev { left:-42px; }
#slide2 .slick-next { right:-42px; }
#slide2 .slick-next::before { margin-left:-1px; }

.foundingYear { width:385px; margin:1.5em auto 2em; }
.foundingYear > .fukidashi { width:190px; height:120px; font-size:16px; line-height:1.3; background:url(../img/top/fukidashi.svg) no-repeat top right / contain; order:2; }
.foundingYear .txt { margin-top:.8em; margin-bottom:0; margin-left:35px; color:#000; }
.foundingYear .ar .txt { margin-right:12px; margin-left: 0; }
.foundingYear .year { margin-top:-.3em; margin-right:20px; color:#e60034; font-weight:bold; text-align:right; }
.foundingYear .year > em { margin-right:.5rem; font-size:2.6em; font-weight:700;
  text-shadow    :
       2px  2px 1px #fccdb5,
      -2px  2px 1px #fccdb5,
       2px -2px 1px #fccdb5,
      -2px -2px 1px #fccdb5,
       2px  0px 1px #fccdb5,
       0px  2px 1px #fccdb5,
      -2px  0px 1px #fccdb5,
       0px -2px 1px #fccdb5;        /* 文字の影 */
}
.foundingYear .ar .year > em { margin-left:.5rem; margin-right: 0; }
.foundingYear > .miyakokko { margin-top:50px; order:1; }

section.news { padding: 5em 0 0; }

.bnr-list>li { margin: 10px 0; }

.instagram #sb_instagram { margin-bottom: 2em; }

/* instagram-x-box --------------------- */
.instagram-box{width: 48%;}
.x-box{width: 48%;}
.x-box-item{margin-top: 3.5em; margin-bottom: 3.2em;}

/* contact-box --------------------- */
.contact-box {  width:min(90% , 1077px); margin:4em auto 0.3em; padding:1.5rem 2.5rem; border:#ccc 3px solid; border-radius:7px; }
.contact-box.col1 { width:min(95% , 500px); padding:2rem 2.5rem; }
.contact-box.flex > * { min-width:50%; margin:.9rem 0; }
.contact-box a.tel { display:block; padding-left:6.25em; background:url(../img/common/ico-call-bl.svg) left center no-repeat; background-size:contain; }
.ar.contact-box a.tel { padding-right:6.25em; padding-left: 0; background:url(../img/common/ico-call-bl.svg) right center no-repeat; }
.contact-box a.tel p { margin:0;}
.contact-box a.tel .ttl { line-height:1; font-size:1.37em; color:#014d97; }
.contact-box a.tel .no { font-size:2.5em; letter-spacing:.04em; white-space:nowrap; }
.contact-box a.tel .label { padding:0 .7em; margin-right:.8em; font-size:.94em; border-radius:7px;}
.ar.contact-box a.tel .label { margin-left:.8em; margin-right: 0;}

.contact-box>a.btn-arrow { font-size:1.5em; padding-left:4em; padding-right:2em; }
.contact-box>a.btn-arrow::after { font-size:.9em; right:1em; }
.contact-box>a.ico-estimate { background-image:url(../img/common/ico-estimate-wt.svg); background-position:1.25em center; background-size:2.25em; background-repeat:no-repeat;}

.contact-box a.tel.addr { padding-left:0; background-image:none; }
.contact-box a.tel.addr .addr { margin-top:1em; }
.contact-box a.tel.addr .no::before { content:""; display:inline-block; width:1em; height:1.2em; margin-right:.2em; vertical-align:sub; background:url(../img/common/ico-call-bl.svg) no-repeat center / contain; }
.contact-box a.tel.addr .dept { margin-top:.1em; }

/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

.bnr-list>li { width: 48%; }

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

.news-list { padding: 14px 45px 45px; }

}

@media screen and (min-width: 1300px) {
  /* mv(ミヤコッコの位置) ------------------ */
  .foundingYear { position:absolute; top:230px; left:-100px; width:190px; margin:0; }
  .foundingYear > .fukidashi { margin-left:0; order:1; }
  .foundingYear > .miyakokko { margin-top:10px; }
}


@media screen and (max-width: 1099px) {
  /* mv ------------------ */
  #slide2 { margin-left:-2.6%;  margin-right:-2.6%; }

}


/* ================================================================
  タブレット
=================================================================== */
@media screen and (max-width: 959px) {

  /* お知らせ */
  section.news { padding-top: 3em; }

}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){

  .sec-box{ padding:4em 0; }

  /* mv ------------------ */
  #mv { padding:1em 0 2em; }
  #slide1 .slick-arrow { bottom:12px; width:30px; height:30px; border-width:1px; }
  #slide1 .slick-arrow::before { width:7px; height:7px; margin-left:3px; border-width:2px; border-top:none; border-right:0; }
  #slide1 .slick-prev { left:10px; }
  #slide1 .slick-next { left:50px; }
  #slide1 .slick-next::before { margin-left:-1px; }
  #slide2 { margin-left:-6%;  margin-right:-6%; }
  #slide2 .slick-slide { padding:0 5px; }

  /* instagram-x-box --------------------- */
  .instagram-box{width: 100%;}
  .x-box{margin-top: 3.5em; width: 100%;}
  .x-box-item{margin-top: 2em;}

  .contact-box { padding:1em; font-size:2.5vw; }
  .contact-box a.tel.addr { font-size:3.3vw; }
  .contact-box.col1 { padding:2em; }
  .contact-box .dept { font-size:13px; line-height:1.8; }

}

@media screen and (max-width: 480px){
  /* mv ------------------ */
  .foundingYear { width:80%; }
  .foundingYear > .fukidashi { width:47.5%; height:25vw; }
  .foundingYear .txt { margin-top:.7em; margin-left:1em; font-size:3.5vw; line-height:1.1; }
  .foundingYear .year { margin-top:-.1em; font-size:3.5vw; margin-right:1em; }
  .foundingYear .year > em { font-size:2.2em; }
  .foundingYear > .miyakokko { width:49%; margin-top:10%; }

}