@charset "utf-8";


#service_block{
  font-size: 62.5%;
  line-height: 1.8;

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#service_block div#service_block_in{
  font-size : 1.0rem;
}

    /* ブロック全体 */
    div#service_block section {
      margin: 0 0 50px 0;
    }

    @media only screen and (max-width:640px) {
      div#service_block section {
        margin: 0 0 30px 0;
      }
    }

    /* マーカー */
    .markerUnder_yellow {
      background: linear-gradient(transparent 60%, #ffff00 0%);
      display: inline;
      padding: 0 1px 0px;
    }

    /* 見出し */
    div#service_block h3 {
      border-top: none;
      position: relative;
      margin-bottom: 1em;
      padding-top: 0px;
      color: #004986;
      font-size: 180%;
      line-height: 1.4;
      padding: 0 0 0 10px;
      border-left: solid 10px #004986;
      box-sizing: border-box;
    }

    @media only screen and (max-width:768px) {
      div#service_block h3 {
        font-size: 160%;
      }
    }

    @media only screen and (max-width:640px) {
      div#service_block h3 {
        font-size: 140%;
      }
    }

    /* 見出し部分 */
    div#service_block section#s_title {
      position: relative;
      height: 500px;
    }

    @media only screen and (max-width:640px) {
      div#service_block section#s_title {
        height: 550px;
      }
    }

    div#service_block section#s_title div.photo {
      width: 100%;
      height: 100%;
    }

    div#service_block section#s_title div.photo img {
      aspect-ratio: 1 / 0.455;
      object-fit: cover;
      height: 100%;
      object-position: right top;
    }

    @media only screen and (max-width:640px) {
      div#service_block section#s_title div.photo img {
        object-position: center top;
      }
    }

    div#service_block section#s_title div.comment {
      position: absolute;
      top: 0;
      left: 0;
      line-height: 1.4;
      padding: 30px;
      box-sizing: border-box;
      width: 100%;
    }

    @media only screen and (max-width:640px) {
      div#service_block section#s_title div.comment {
        top: auto;
        bottom: 0;
        padding: 15px;
      }
    }

    div#service_block section#s_title div.comment div.comment01 {
      font-size: 200%;
      font-weight: bold;
      color: #fff;
      text-shadow: 0 0 5px #000, 0 0 5px #000;
      margin: 0 0 30px 0;

    }

    @media only screen and (max-width:640px) {
      div#service_block section#s_title div.comment div.comment01 {
        font-size: 140%;
        text-align: center;
      }
    }

    div#service_block section#s_title div.comment span.big {
      font-size: 140%;
      font-weight: bold;
    }

    div#service_block section#s_title div.comment p.btn {
      margin-bottom: 20px;
    }

    @media only screen and (max-width:640px) {
      div#service_block p.btn {
        text-align: center;
      }
    }

    /* 分割 */
    div#service_block ul.ul_2bukatsu,
    div#service_block ul.ul_4bukatsu {
      list-style: none;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    div#service_block ul.ul_2bukatsu>li {
      width: 48%;
      margin: 0 0 20px 0;
    }

    div#service_block ul.ul_4bukatsu>li {
      width: 23%;
      margin: 0 0 20px 0;
    }

    @media only screen and (max-width:768px) {
      div#service_block ul.ul_4bukatsu>li {
        width: 30%;
      }
    }

    @media only screen and (max-width:640px) {
      div#service_block ul.ul_2bukatsu {
        display: block;
      }

      div#service_block ul.ul_2bukatsu>li {
        width: 100%;
        margin: 0 0 10px 0;
      }

      div#service_block ul.ul_2bukatsu>li:last-child {
        margin: 0;
      }

      div#service_block ul.ul_4bukatsu>li {
        width: 48%;
      }

    }

    /* リストマークつき */
    div#service_block ul.ul_s_listmark {
      list-style: none;
      margin: 0 0 0 0;
    }

    div#service_block ul.ul_s_listmark>li {
      position: relative;
      padding: 0 0 0 1.5em;
      box-sizing: border-box;
    }

    div#service_block ul.ul_s_listmark>li::before {
      content: "◆";
      color: #004986;
      position: absolute;
      top: 0;
      left: 0;
    }

    /* リストの中にアイコンをセット */
    div#service_block ul.ul_icon li {
      background: rgba(0, 73, 134, 0.15);
      padding: 5px;
      box-sizing: border-box;
    }

    div#service_block ul.ul_icon div.photo {
      text-align: center;
    }

    div#service_block ul.ul_icon div.photo img {
      height: 150px;
      object-fit: cover;
    }

    div#service_block ul.ul_icon div.title {
      line-height: 1.2;
      text-align: center;
      font-weight: bold;
      color: #004986;
      font-size: 120%;
    }

    div#service_block ul.ul_icon div.comment {
      line-height: 1.4;
      padding: 5px 5px 0 5px;
      font-weight: bold;
      font-size: 90%;
    }

    /* 当社サポート */
    div#service_block section#s_support {
      border: solid 10px rgba(235, 97, 0, 0.25);
      box-sizing: border-box;
      padding: 10px;
      background: rgba(235, 97, 0, 0.1);
    }

    div#service_block section#s_support div.title {
      background: #eb6100;
      color: #fff;
      font-size: 160%;
      text-align: center;
      line-height: 1.2;
      padding: 5px 0;
      font-weight: bold;
    }

    div#service_block section#s_support p {
      margin: 0;
      padding: 15px 15px 0 15px;
      box-sizing: border-box;
    }

    div#service_block section#s_support p.btn {
      padding-bottom: 15px;
      box-sizing: border-box;
    }

    @media only screen and (max-width:640px) {
      div#service_block section#s_support p.btn {
        text-align: center;
      }
    }

/*=====================================================================

	印刷用

=====================================================================
===================================================================== */
@media print{
	html,
	body{
	overflow-y: visible;
	overflow-x: visible;
	zoom: 98%; 
	}
}