@charset "UTF-8";

body {
  display: table;
  overflow: hidden;
  width: 100%;
}
.layout_sub-contents-area-inner {
  padding: 0 0 45px 0;
}

/* -----------------
 上部アンカーリンク
 ---------------- */
.layout_contents-navi-block {
  margin: 0;
}
.contents-navi-box {
  background: #F0F7EC;
  width: 100%;
  z-index: 100px;
}
.contents-navi {
  float: left;
  position: relative;
  color: #579E64;
}
.contents-navi:last-child {
  border: none;
}
.contents-navi a {
  display: block;
  color: #579E64;
  padding: 10px 0 10px 15px;
}
.contents-navi a span {
  border-right: 1px solid #989F9D;
  padding: 0 15px;
}
.contents-navi a:hover {
  color: #579E64;
}
.contents-navi a:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  border-bottom: solid 2px #579E64;
  border-right: solid 2px #579E64;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50% 0px;
  -ms-transform-origin: 50% 50% 0px;
  transform-origin: 50% 50% 0px;
}

/* ------------------
 メインコンテンツ
------------------ */
.layout_sub-contents-area.one-column {
  width: auto;
  float: none;
  margin: 0;
}
.layout_sub-contents-block {
  margin: -100px 0 0 0;
  padding: 140px 0 0 0;
}
.layout_sub-contents-inbox:not(.contact-box) {
  border-bottom: 1px solid #D1D1D1;
  padding: 20px 20px 0 20px;
}
.layout_sub-contents-inbox:nth-child(odd):not(.contact-box) {
  background: #F1F1F1;
}
.contact-block {
  margin: 0;
}
.contact-box .layout_sub-inbox-contents {
  background: #F1F1F1;
}
.sub-contents-inbox-title:not(.contact-title) {
  background: url(../images/bg_faq-question.png) no-repeat 0 0;
  height: 30px;
  margin: 0 0 10px 0;
  padding: 8px 0 0 40px;
}
.sub-contents-inbox-title span {
  background: #fff;
}
.sub-contents-inbox-title:not(.contact-title) span {
  background: none;
  font-size: 16px;
}
/* ----------------
 SUB CONTENTS BOX
---------------- */
.layout_sub-contents-box {
  border-bottom: 1px solid #D1D1D1;
  padding: 0 20px;
}
.layout_sub-contents-box.end {
  padding: 0 0 0 0;
}

.sub-contents-box-title {
  color: #66AA59;
  background: url(https://cloud.sakura.ad.jp/faq/images/bg_inbox_title.jpg) repeat-x left 12px;
  margin: 0 0 20px 0;
}

.sub-contents-box-title span {
  display: inline-block;
  background: #F3F4F6;
  font-size: 22px;
  padding:0 15px 0 0;
}

.lauout_sub-box-contents-text {
  padding: 0 0 20px 0;
}

/* ----------------
 CONTACT
--------------- */
.contact_block.layout_sub-inbox-contents {
  background: #F1F1F1;
}

.contact_area {
  float: left;
  margin: 20px;
}

.contact_area .contact_area-link {
  padding: 13px 28px;
  margin: 20px 0;
  font-size: 15px;
  text-align: center;
  display: block;
  line-height: 1.3;
  color: #515963;
  background: #fdb23a;
  border-radius: 3px;
}

.contact_area .contact_area-link:hover {
  text-decoration: none;
  opacity: 0.9;
}

.contact_contents {
  border-left: 1px solid #989F9D;
  float: left;
  margin: 20px;
  padding: 0 0 0 30px;
}

@media only screen and (max-width: 779px) {
  .layout_contents-navi-block {
    margin: 0;
  }

  /* -----------------
  上部アンカーナビゲーション
  ------------------ */
  .contents-navi {
    float: none;
    border-top: 1px solid #989f9d;
  }

  .contents-navi:last-child {
    border-top: 1px solid #989f9d;
    border-bottom: 1px solid #989f9d;
  }

  .contents-navi a {
    padding: 10px 0 10px 15px;
  }

  .contents-navi a span {
    border: none;
    padding: 0;
  }

  .contents-navi a:hover {
    color: #579e64;
  }

  .contents-navi a::before {
    display: none;
  }

  .contents-navi a::after {
    display: block;
    content: "";
    position: absolute;
    top: 14px;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: 0 auto;
    border-bottom: solid 2px #579e64;
    border-right: solid 2px #579e64;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
  }

  /* --------------
  メインコンテンツ
  -------------- */
  .layout_sub-contents-block {
    margin: 0 0 10px;
    padding: 40px 0 30px;
  }

  .layout_sub-contents-block:nth-child(odd) {
    background: #f3f4f6;
    border-top: 1px solid #c8d8e3;
    border-bottom: 1px solid #c8d8e3;
  }

  .layout_sub-contents-body .sub-title {
    margin: 0 20px 20px;
  }

  .layout_sub-contents-inbox {
    margin: 10px 20px;
    padding: 0;
  }

  .layout_sub-contents-inbox:not(.contact-box) {
    padding: 0;
    border-bottom: none;
  }

  .layout_sub-contents-inbox:nth-child(odd):not(.contact-box) {
    background: #fff;
  }

  .sub-contents-inbox-title {
    background: none;
    height: 30px;
    margin: 0 0 10px;
    padding: 8px 0 0 40px;
  }

  .sub-contents-inbox-title.is-open {
    color: #67aa59;
  }

  .sub-contents-inbox-title span {
    padding: 15px 25px 10px 10px;
  }

  .sub-contents-inbox-title.is-open span::after {
    margin-top: -4px;
    right: 15px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
  }

  .lauout_sub-inbox-contents-text {
    padding: 0 15px 15px;
  }

  .sub-contents-inbox-title {
    background: none;
    margin: 0;
    padding: 0;
    height: auto;
  }

  .sub-contents-inbox-title:not(.contact-title) {
    background: none;
    margin: 0;
    padding: 0;
    height: auto;
  }

  .layout_sub-contents-box {
    margin: 10px 20px;
    padding: 0;
  }

  .sub-contents-box-title {
    background: none;
    height: 30px;
    margin: 0 0 10px;
    padding: 8px 0 0 40px;
  }

  .sub-contents-box-title {
    background: none;
    margin: 0;
    padding: 0;
    height: auto;
  }

  /* ----------------
   CONTACT
  --------------- */
  .contact_area {
    float: none;
    margin: 15px;
  }

  .contact_contents {
    border-top: 1px solid #989f9d;
    border-left: none;
    float: none;
    margin: 0 15px;
    padding: 15px 0;
  }
}