@charset "UTF-8";
.page_advantage img {
  width: 100%; }

.page_advantage .head_ttl {
  background-image: url("../images/advantage_hd.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.advantage .info {
  margin: 0 auto 40px auto;
  width: 90%; }
  .advantage .info h3 {
    margin: 0 auto 20px auto;
    text-align: center;
    line-height: 2;
    font-weight: bold;
    font-size: 18px;
    color: #0054a7; }
  .advantage .info p {
    line-height: 1.9;
    font-size: 14px; }

/* advantage */
.secBox {
  /* figArea */
  /* taskListArea */
  /* serviceList */ }
  .secBox h3 {
    margin: 0 auto 30px auto;
    padding: 0 0 5px 0;
    border-bottom: 2px solid #0054A7;
    width: 90%;
    line-height: 1.5;
    font-weight: bold;
    font-size: 15px;
    color: #0054a7; }
    .secBox h3:before {
      content: "\f21f";
      font-family: "Ionicons";
      font-size: 1.4rem;
      padding-right: 8px; }
  .secBox p {
    margin: 0 auto 40px auto;
    width: 90%;
    line-height: 1.9;
    font-size: 14px; }
  .secBox .figArea {
    /* listArea */ }
    .secBox .figArea .listArea .listBox {
      margin: 0 0 5px 0; }
      .secBox .figArea .listArea .listBox h4 {
        padding: 20px 0 20px 20px; }
        .secBox .figArea .listArea .listBox h4 span {
          display: block;
          position: relative;
          font-weight: bold;
          font-size: 15px; }
          .secBox .figArea .listArea .listBox h4 span:after {
            content: "";
            display: block;
            position: absolute;
            top: 4px;
            right: 10px;
            width: 8px;
            height: 8px;
            background-image: url(../images/ico_arrow.svg);
            background-size: contain;
            background-repeat: no-repeat;
            transition: 0.3s; }
      .secBox .figArea .listArea .listBox ul {
        display: none;
        position: relative;
        padding: 0 0 20px 0; }
      .secBox .figArea .listArea .listBox li {
        opacity: 0;
        transition: 0.5s; }
        .secBox .figArea .listArea .listBox li a {
          display: block;
          position: relative;
          padding: 7px 0 7px 20px;
          font-size: 13px;
          color: #231815; }
          .secBox .figArea .listArea .listBox li a:after {
            content: "";
            display: block;
            position: absolute;
            top: 22px;
            right: 10px;
            width: 6px;
            height: 6px;
            background-image: url(../images/ico_arrow.svg);
            background-size: contain;
            background-repeat: no-repeat; }
      .secBox .figArea .listArea .listBox.open h4 span:after {
        transform: rotate(90deg); }
      .secBox .figArea .listArea .listBox.open li {
        opacity: 1; }
      .secBox .figArea .listArea .listBox.facility {
        background-color: #e5f6f5; }
        .secBox .figArea .listArea .listBox.facility h4 {
          color: #00a199; }
      .secBox .figArea .listArea .listBox.promotion {
        background-color: #eaf6fc; }
        .secBox .figArea .listArea .listBox.promotion h4 {
          color: #2ea6df; }
      .secBox .figArea .listArea .listBox.relief {
        background-color: #fdf0f2; }
        .secBox .figArea .listArea .listBox.relief h4 {
          color: #ec6d81; }
      .secBox .figArea .listArea .listBox.care {
        background-color: #f4f9e9; }
        .secBox .figArea .listArea .listBox.care h4 {
          color: #8ec21f; }
      .secBox .figArea .listArea .listBox.disasterPrevention {
        background-color: #fef8ea; }
        .secBox .figArea .listArea .listBox.disasterPrevention h4 {
          color: #f7b52d; }
    .secBox .figArea .figImg {
      position: relative;
      margin: 0 0 30px 0;
      padding: 10px 0 9vw 0; }
      .secBox .figArea .figImg:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/fig_arrow-up-sp.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center bottom; }
      .secBox .figArea .figImg img {
        position: relative;
        z-index: 9; }
  .secBox .taskListArea {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 40vw 0;
    /* taskbox */ }
    .secBox .taskListArea:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      width: 90%;
      height: 30%;
      background-image: url(../images/fig_arrow-down-sp.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center bottom; }
    .secBox .taskListArea .taskbox {
      margin: 0 auto 15px auto;
      width: 90%;
      background-color: #ebecec; }
      .secBox .taskListArea .taskbox h4 {
        position: relative;
        padding: 20px 0 0px 80px;
        box-sizing: border-box;
        height: 64px;
        font-size: 19px;
        color: #ffffff; }
        .secBox .taskListArea .taskbox h4 img {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: auto;
          height: 64px; }
      .secBox .taskListArea .taskbox ul {
        padding: 20px 15px;
        box-sizing: border-box; }
      .secBox .taskListArea .taskbox li {
        margin: 0 0 15px 0; }
        .secBox .taskListArea .taskbox li a {
          pointer-events: none;
          display: block;
          position: relative;
          padding: 0 0 0 15px;
          font-size: 14px; }
          .secBox .taskListArea .taskbox li a:before {
            content: "■";
            display: block;
            position: absolute;
            top: 2px;
            left: 0;
            font-size: 10px; }
      .secBox .taskListArea .taskbox.task1 h4 {
        background-color: #a58464; }
      .secBox .taskListArea .taskbox.task1 li a:before {
        color: #7f4f21; }
      .secBox .taskListArea .taskbox.task2 h4 {
        background-color: #4c9671; }
      .secBox .taskListArea .taskbox.task2 li a:before {
        color: #006934; }
      .secBox .taskListArea .taskbox.task3 h4 {
        background-color: #d45665; }
      .secBox .taskListArea .taskbox.task3 li a:before {
        color: #d70051; }
  .secBox .serviceList {
    margin: 0 0 40px 0; }
    .secBox .serviceList h3 {
      margin-bottom: 10px;
      border-bottom: 0;
      text-align: center;
      line-height: 2;
      font-size: 18px; }
      .secBox .serviceList h3::before {
        content: ""; }
    .secBox .serviceList .listArea {
      margin: 0 auto;
      width: 90%; }
      .secBox .serviceList .listArea li {
        margin: 0 0 20px 0;
        border: 2px solid #0054a7; }
        .secBox .serviceList .listArea li div {
          padding: 0 0 30px 0;
          background-color: #0054a7; }
        .secBox .serviceList .listArea li p {
          margin: 0 auto;
          padding: 20px 0;
          text-align: center;
          font-weight: bold;
          font-size: 18px;
          color: #ffffff; }
        .secBox .serviceList .listArea li a {
          display: block;
          margin: 0 auto;
          padding: 10px 0px;
          border-radius: 50px;
          background-color: #ffffff;
          width: 207px;
          text-align: center;
          font-weight: bold;
          color: #0054a7; }
  .secBox.supply h3 {
    margin-bottom: 20px; }
  .secBox.supply ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%; }
    .secBox.supply ul li {
      margin: 0 0 15px 0;
      width: 45%; }

/* secBox */
@media only screen and (min-width: 999px) {
  .inner {
    padding-top: 70px; }
  .page_advantage .head_ttl {
    background-position: top 35% center; }
  .advantage .info {
    margin: 0 auto 65px auto;
    max-width: 1000px;
    width: 100%; }
    .advantage .info h3 {
      margin-bottom: 40px;
      font-size: 24px;
      color: #231815; }
      .advantage .info h3 span {
        color: #0054a7; }
        .advantage .info h3 span br {
          display: none; }
    .advantage .info p {
      font-size: 16px; }
  /* advantage */
  .secBox {
    margin: 0 auto;
    width: 1000px;
    /* figArea */
    /* taskListArea */
    /* serviceList */ }
    .secBox h3 {
      margin-bottom: 20px;
      width: 100%;
      font-size: 24px; }
      .secBox h3:before {
        padding-right: 18px; }
    .secBox p {
      margin-bottom: 35px;
      width: 100%;
      font-size: 16px; }
    .secBox .figArea {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      position: relative;
      padding-bottom: 95px;
      width: 1000px;
      /* listArea */ }
      .secBox .figArea::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 24px;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        background-image: url(../images/fig_arrow-up-pc.png?0624);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center bottom; }
      .secBox .figArea .listArea {
        position: relative;
        z-index: 9; }
        .secBox .figArea .listArea .listBox {
          margin: 0 0 5px 0;
          padding: 5px 0; }
          .secBox .figArea .listArea .listBox h4 {
            padding: 20px 0 20px 20px; }
            .secBox .figArea .listArea .listBox h4 span {
              font-size: 15px; }
              .secBox .figArea .listArea .listBox h4 span:after {
                content: none; }
          .secBox .figArea .listArea .listBox ul {
            display: block;
            padding-bottom: 0px; }
          .secBox .figArea .listArea .listBox li {
            opacity: 1; }
            .secBox .figArea .listArea .listBox li a {
              display: block;
              position: relative;
              padding: 5px 0 5px 20px;
              font-size: 13px;
              font-feature-settings: 'palt';
              color: #231815; }
              .secBox .figArea .listArea .listBox li a:after {
                top: 12px;
                right: 15px; }
          .secBox .figArea .listArea .listBox.promotion {
            padding-bottom: 10px; }
            .secBox .figArea .listArea .listBox.promotion li {
              margin-bottom: 10px; }
          .secBox .figArea .listArea .listBox.relief {
            padding-bottom: 10px; }
          .secBox .figArea .listArea .listBox.care {
            padding: 0 0 15px 0; }
          .secBox .figArea .listArea .listBox.disasterPrevention {
            padding-bottom: 28px; }
            .secBox .figArea .listArea .listBox.disasterPrevention li {
              margin-bottom: 5px; }
        .secBox .figArea .listArea.leftArea {
          width: 23%; }
        .secBox .figArea .listArea.rightArea {
          width: 23%;
          order: 3; }
      .secBox .figArea .figImg {
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        margin: 0 auto 40px auto;
        padding: 0px 0 100px 0;
        width: 501px; }
        .secBox .figArea .figImg:after {
          content: none; }
        .secBox .figArea .figImg img {
          position: relative;
          z-index: 9; }
    .secBox .taskListArea {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 0 27px 0;
      padding: 0 0 180px 0;
      /* taskbox */ }
      .secBox .taskListArea:after {
        width: 100%;
        background-image: url(../images/fig_arrow-down-pc.png);
        background-size: 100%; }
      .secBox .taskListArea .taskbox {
        margin: 0 auto 0px auto;
        width: 32%;
        background-color: #ebecec; }
        .secBox .taskListArea .taskbox h4 {
          padding: 20px 0 0px 80px; }
        .secBox .taskListArea .taskbox ul {
          padding: 20px 15px;
          box-sizing: border-box; }
        .secBox .taskListArea .taskbox li {
          margin: 0 0 17px 0; }
          .secBox .taskListArea .taskbox li:last-of-type {
            margin-bottom: 0; }
          .secBox .taskListArea .taskbox li a {
            pointer-events: none;
            display: block;
            position: relative;
            padding: 0 0 0 15px;
            font-size: 14px; }
            .secBox .taskListArea .taskbox li a:before {
              content: "■";
              display: block;
              position: absolute;
              top: 2px;
              left: 0;
              font-size: 10px; }
    .secBox .serviceList h3 {
      margin-bottom: 46px;
      font-size: 24px; }
      .secBox .serviceList h3 br {
        display: none; }
    .secBox .serviceList .listArea {
      margin: 0 auto 106px auto;
      width: 100%; }
      .secBox .serviceList .listArea ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
      .secBox .serviceList .listArea li {
        margin: 0 0 0px 0;
        width: 32%; }
        .secBox .serviceList .listArea li div {
          padding: 0 0 30px 0; }
        .secBox .serviceList .listArea li p {
          padding: 18px 0;
          font-size: 18px; }
        .secBox .serviceList .listArea li a {
          padding: 12px 0;
          width: 197px;
          font-size: 15px; }
    .secBox.supply p {
      margin-bottom: 45px; }
    .secBox.supply ul {
      margin: 0 auto;
      width: 100%; }
      .secBox.supply ul li {
        margin: 0 25px 25px 0;
        width: 14%; }
  /* secBox */ }

/* min-width: 999px */

/*# sourceMappingURL=style.css.map */