@charset "utf-8";

/* 共通
---------------------------------------------------------------------------*/
/* メイン画像
---------------------------------------------------------------------------*/
.mainimg{ height: 260px; background-image: url(../image/access/bg-mainvis.png); }
@media screen and (max-width: 480px){
  .mainimg{ height: 120px; }
}

/* top02
---------------------------------------------------------------------------*/
.top02{
  background-image: url(../image/top/bg-top02.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
}
.top02 .cnts-wrap{ min-height: 741px; padding-bottom: 20px; }
.top02 .bg{
  max-width: 535px;
  padding: 40px;
  background-image: url(../image/top/bg-top02-txt.png);
}
.headline-top02{
  font-size: 40px;
  line-height: 160%;
  color: #335f97;
}
.lead-top02{
  font-size: 18px;
  line-height: 166%;
}
.lst-top02{ margin-top: 20px; }
.lst-top02 > li{
  font-size: 16px;
  line-height: 163%;
}
.lst-top02 > li img{
  margin-right: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 480px){
  .headline-top02{
    padding-top: 0;
    font-size: 20px;
  }
  .top02{
    min-height: auto;
    margin-top: 0;
    background-image: none
  }
  .lead-top02{
    padding: 250px 0 30px 0;
    font-size: 14px;
  }
  .top02 .cnts-wrap{ min-height: initial; }
  .top02 .bg{
    padding: 10px;
    border: 1px solid #335f97;
  }
  .lead-top02{ padding: 0 0 10px 0; }
  .lst-top02{ margin-top: 0; }
  .lst-top02 > li{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}

/* 導入
---------------------------------------------------------------------------*/
.intro{ padding-top: 0; }
.intro .lead-cnts{ max-width: 780px; margin: 0 auto; }
.intro .lead-cnts.attr{ margin-top: 10px; }
.lead-cnts span,
span.clr{ color: #d64147; }
.intro .tel{ color: #d64147; font-size: 25px; margin-top: 10px; font-weight: 700; }
.intro .tel a{ color: #d64147; }

/* 01
---------------------------------------------------------------------------*/
.cnts01{ background-color: #505a60; padding: 40px 0 60px; }
.cnts01 .inner-wrap{ margin-bottom: 30px; }
.gmap iframe{ width: 100%!important; height: 550px!important; }
.cnts01 .btn a{ display: block; width: 380px; margin: 40px auto 0; border: 1px solid #FFFFFF; font-size: 20px; color: #FFFFFF; font-weight: 700; border-radius: 5px; line-height: 42px; text-align: center; }
.block-data .lead-cnts,
.block-data .lead-cnts a{ color: #FFFFFF; }
.cmn-headline{ background-color: #cacdcf; line-height: 66px; color: #283035; font-size: 30px; margin-bottom: 40px; }

@media screen and (max-width: 480px){
  .cnts01{ padding-bottom: 10px; }
  .cnts01 .btn a{ width: 100%; }
  .block-data > *{ margin-bottom: 10px; }
  .block-data.flex.f-between.f-middle{
    width: 95%;
    margin: 30px auto;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .gmap iframe{ height: 275px!important; }

  .cmn-headline{ font-size: 24px; line-height: 140%; padding: 5px; margin-bottom: 30px; }
}

/* anchors
---------------------------------------------------------------------------*/
.lst-anchors > li a{ width: 200px; }
@media screen and (max-width: 480px){
  .lst-anchors > li a{ width: 100%; }
}

/* anc01
---------------------------------------------------------------------------*/
.anc01{ color: #505a60; margin-bottom: 100px; }
.headline-cnts img{ margin-right: 20px; }
.anc01 .item{ width: 310px; text-align: center; }
.anc01 .item .fig{ margin-bottom: 10px; }
.anc01 .cmn-headline{ margin-top: 40px; }
.anc01 .bdr{ width: 1000px; margin: 40px auto; padding: 40px; border: 1px solid #a7acaf; }
.anc01 .bdr .txt{ margin-right: 50px; }
.anc01 .bdr .headline{ font-size: 26px; line-height: 120%; margin-bottom: 20px; }
.anc01 .bdr .headline img{ margin-right: 20px; }
.anc01 .bdr .tel{ margin-top: 10px; font-size: 25px; font-weight: 700; }
@media screen and (max-width: 480px){
  .anc01{ margin-bottom: 40px; }
  .anc01 .bdr{ width: 95%; padding: 10px; }
  .anc01 .bdr .txt{ margin-right: 0; margin-top: 10px; }
  .anc01 .bdr.flex.f-between{
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .anc01 .bdr .headline img{ width: 30px; margin-right: 5px; }
  .anc01 .bdr .headline{ font-size: 22px; margin-top: 10px; }
  .anc01 .cnts-wrap.flex.f-center{
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .anc01 .item{ width: 100%; text-align: center; margin-bottom: 20px; }
}

/* anc02
---------------------------------------------------------------------------*/
.anc02{ color: #505a60; margin-bottom: 100px; }
.headline-cnts img{ margin-right: 20px; }
.anc02 .cmn-headline{ margin-top: 40px; }
.anc02 .block{ margin-top: 40px; }
.anc02 .lft{ width: 390px; }
.anc02 .bdr{ width: 470px; padding: 0px; border: 1px solid #a7acaf; }
.anc02 .bdr .hd{ background-color: #a7acaf; color: #FFFFFF; padding: 5px 10px; }
.anc02 .bdr .bdy{ padding: 20px; }
.anc02 .bdr .tel{ margin-top: 10px; font-size: 25px; font-weight: 700; }
table.bdr{ width: 100%; }
table.bdr th,
table.bdr td{ font-size: 16px; line-height: 140%; padding: 10px; border: 1px solid #a7acaf; }
table.bdr th{ background-color: #505a60; color: #FFFFFF; }
.btn-def a{ display: block; width: 480px; margin: 40px auto 0; border: 1px solid #505a60; color: #505a60; font-size: 20px; font-weight: 700; border-radius: 5px; line-height: 42px; text-align: center; }
.str{ font-weight: 700; }

.arrow{ font-size: 22px; line-height: 140%; margin-bottom: 40px; }
@media screen and (max-width: 480px){
  .anc02{ margin-bottom: 40px; }
  .btn-def a{ width: 95%; font-size: 18px; line-height: 120%; padding: 5px; }
  .block.flex.f-between{
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .block.flex.f-between > *:first-of-type{ margin-bottom: 10px; }
  .block.flex.f-between > *{ width: 100%; }
  .anc02 .block{ margin-top: 0; }
}

/* anc03
---------------------------------------------------------------------------*/
.anc03{ color: #505a60; margin-bottom: 100px; }
@media screen and (max-width: 480px){
  .anc03{ margin-bottom: 40px; }
}

/* anc04
---------------------------------------------------------------------------*/
.anc04{ color: #505a60; margin-bottom: 100px; }
.headline-cnts img{ margin-right: 20px; }
.anc04 .cmn-headline{ margin-top: 40px; }
.anc04 .block{ margin-top: 40px; }
.anc04 .lft{ width: 390px; }
.anc04 .bdr{ width: 470px; padding: 0px; border: 1px solid #a7acaf; }
.anc04 .bdr .hd{ background-color: #a7acaf; color: #FFFFFF; padding: 5px 10px; }
.anc04 .bdr .bdy{ padding: 20px; }
.anc04 .bdr .tel{ margin-top: 10px; font-size: 25px; font-weight: 700; }
@media screen and (max-width: 480px){
  .anc04{ margin-bottom: 40px; }
  .btn-def a{ width: 95%; font-size: 18px; line-height: 120%; padding: 5px; }
  .block.flex.f-between{
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .block.flex.f-between > *:first-of-type{ margin-bottom: 10px; }
  .block.flex.f-between > *{ width: 100%; }
}
.block-def{ margin-top: 40px; }
@media screen and (max-width: 480px){
  .block-def{ margin-top: 0; }
  .anc04 .block{ margin-top: 0; }
}

.anc01 .block .lft .lead-cnts,
.anc02 .block .lft .lead-cnts,
.anc03 .block .lead-cnts,
.anc04 .block .lft .lead-cnts{ font-size: 14px; }


/* 05
---------------------------------------------------------------------------*/
.anc05{ color: #505a60; margin-bottom: 100px; }
.lst-lnk{ width: 820px; margin: 40px auto; }
.lst-lnk > li{ width: 400px; margin-bottom: 10px; }
.lst-lnk > li .btn-def a{ width: 100%; margin: 0; color: #747c7f; }


@media screen and (max-width: 480px){
  .anc05{ margin-bottom: 40px; }
  .lst-lnk,
  .lst-lnk > li{ width: 100%; }
}



.lst-top07{

}
.lst-top07 > li{
  position: relative;
  width: 255px;
  height: 255px;
  margin: 0 5px;
}
.lst-top07 > li .hover,
.lst-top07 > li .txt{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.lst-top07 > li .txt .icon{
  padding-top: 78px;
}
.lst-top07 > li .txt .season{
  padding-top: 10px;
  font-size: 22px;
  line-height: 140%;
  color: #FFFFFF;
  text-shadow: black 1px 1px 3px, black -1px 1px 3px, black 1px -1px 3px, black -1px -1px 3px;
}
.lst-top07 > li .hover .txt{ background-image: url(../image/top/bg-top07-list.png); }
.lst-top07 > li .hover{ opacity: 0; }
.lst-top07 > li:hover .hover{
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  cursor: pointer;
}
.lst-top07 > li .hover .season{ text-shadow: none; }
.lst-top07 > li:nth-of-type(1) .hover .season{ color: #de676c; }
.lst-top07 > li:nth-of-type(2) .hover .season{ color: #0f78c8; }
.lst-top07 > li:nth-of-type(3) .hover .season{ color: #fb641c; }
.lst-top07 > li:nth-of-type(4) .hover .season{ color: #524640; }
@media screen and (max-width: 480px){
  .lst-top07{ position: relative; top: 0; margin: 20px auto 0; width: 90%;  }
  .lst-top07 > li{ width: 25%; height: auto; }
  .lst-top07 > li .txt .icon{ padding-top: 25px; }
  .lst-top07 > li .txt .icon img{ width: 30%; }
  .lst-top07 > li .hover{ display: none; }
  .lst-top07 > li .txt .season{
    padding-top: 25px;
    font-size: 14px;
    text-shadow: none;
  }
   .lst-top07 > li:nth-of-type(1) .season{ color: #de676c; }
   .lst-top07 > li:nth-of-type(2) .season{ color: #0f78c8; }
   .lst-top07 > li:nth-of-type(3) .season{ color: #fb641c; }
   .lst-top07 > li:nth-of-type(4) .season{ color: #524640; }
}



.anc01 .headline-cnts,
.anc02 .headline-cnts,
.anc03 .headline-cnts,
.anc04 .headline-cnts{ margin-bottom: 40px; }

.anc01 .fig01,
.anc02 .fig01,
.anc03 .fig01,
.anc04 .fig01{ margin-bottom: 20px; }

.fig-pich{ margin: 10px 0 20px 0; text-align: center; }
.fig-pich img{ width: 60%; }