@charset "utf-8";

/* ================================================================================
top
================================================================================= */
#main {
  padding-top:50px;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
#main {
  padding-top:30px;
}
}


/* ================================================================================
sec_lead
================================================================================= */
#sec_lead {
  margin-bottom:15px;
  font-family:"Sawarabi Mincho", serif;
  line-height:1.7;
  text-align:center;
}
#sec_lead h2 img {
  max-width:260px;
}
#sec_lead .txt_lead {
  margin:20px 0 50px;
  color:#898989;
  font-size:28px;
  letter-spacing:.05em;
}
#sec_lead strong {
  font-weight:normal;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
#sec_lead h2 img {
  max-width:180px;
}
#sec_lead .txt_lead {
  margin:15px 0 40px;
  font-size:18px;
}
}


/* ================================================================================
bnr_area
================================================================================= */
.bnr_area .box {
  margin-top:25px;
}
.bnr_area .box a {
  display:block;
  position:relative;
  min-height:280px;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  color:#fff;
  font-size:22px;
  letter-spacing:.1em;
  transition:all .3s;
}
.bnr_area .box a:hover {
  color:#fff;
  opacity:.8;
}
.bnr_area .detail {
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.bnr_area .box ul {
  margin-top:5px;
  font-size:14px;
  letter-spacing:0;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
.bnr_area .box {
  margin-top:10px;
}
.bnr_area .box a {
  min-height:220px;
  font-size:18px;
}
.bnr_area .box a:hover {
  opacity:1;
}
.bnr_area .detail {
  left:0;
  width:100%;
  padding:20px;
  transform:translate(0, -50%);
}
.bnr_area .box ul {
  font-size:12px;
}
}


/* ================================================================================
bnr_greeting
================================================================================= */
.bnr_area #bnr_greeting a {
  background-image:url(../img/bg_bnr_greeting.jpg);
}
.bnr_area #bnr_greeting .detail {
  left:5%;
  transform:translate(0, -50%);
  text-shadow:1px 1px 1px #666;
}
.bnr_area #bnr_greeting .sp_only {
  display:none;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
.bnr_area #bnr_greeting .detail {
  left:0;
  transform:translate(0, -50%);
}
.bnr_area #bnr_greeting .sp_only {
  display:inline;
}
.bnr_area #bnr_greeting br {
  display:none;
}
}


/* ================================================================================
bnr_business
================================================================================= */
.bnr_area #bnr_business a {
  background:#61b5be url(../img/bg_bnr_business.png) center bottom no-repeat;
  background-size:1200px auto;
}
.bnr_area #bnr_business .detail {
  top:45%;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
.bnr_area #bnr_business a {
  background-size:100% auto;
}
}


/* ================================================================================
bnr_contact_1
================================================================================= */
.bnr_area #bnr_contact_1 a {
  color:#787577;
}
.bnr_area #bnr_contact_1 a:hover {
  background-color:#f2f9fa;
  opacity:1;
}


/* ================================================================================
bnr_contact_2
================================================================================= */
.bnr_area #bnr_contact_2 a {
  background-image:url(../img/bg_bnr_contact.jpg);
}
.bnr_area #bnr_contact_2 .detail {
  width:50%;
  height:50%;
  top:auto;
  left:auto;
  right:0;
  bottom:0;
  transform:translate(0, 0);
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
.bnr_area #bnr_contact_2 .detail {
  width:100%;
  height:auto;
  top:auto;
  left:auto;
  right:0;
  bottom:0;
  transform:translate(0, -50%);
  text-shadow:1px 1px 1px #666;
}
}