@charset "UTF-8";
@media screen and (min-width: 769px), print {
  a[href^=tel] {
    pointer-events: none;
    text-decoration: none;
    cursor: default !important;
  }
  .show_sp {
    display: none !important;
  }
  .container {
    min-width: 1000px;
    overflow: hidden;
  }
  .row {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  body {
    padding-top: 94px;
  }
  body p {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  .hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
         transform: perspective(1px) translateZ(0);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
         box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    -moz-animation-name: hvr-pop;
         animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
         animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
         animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
         animation-iteration-count: 1;
  }
  .hvz {
    overflow: hidden;
  }
  .hvz figure {
    overflow: hidden;
  }
  .hvz img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
  }
  .hvz:hover {
    opacity: 1;
  }
  .hvz:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
    z-index: 99;
    padding: 0 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 94px;
    background: #fff;
  }
  .header .header_l h1 {
    font-size: 0;
    line-height: 0;
  }
  .header .header_l h1 a {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 29px;
    color: #0098DB;
  }
  .header .header_nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .header .header_nav ul {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .header_nav ul li {
    height: 100%;
  }
  .header .header_nav ul li:not(:last-child) {
    margin-right: 30px;
  }
  .header .header_nav ul li:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .header_nav ul li:last-child a {
    width: 184px;
    height: 39px;
    -moz-border-radius: 20px;
         border-radius: 20px;
    background: #0098DB;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 1;
  }
  .header .header_nav ul li a {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .header .header_nav ul li a small {
    font-family: "Noto Serif JP", serif;
    font-size: 10px;
    color: #797979;
  }
  .header .header_nav ul li a span {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
  }
  .footer {
    background: #0098DB;
  }
  .footer > p {
    font-size: 12px;
    font-family: "Noto Serif JP", serif;
    color: #fff;
    text-align: center;
    padding-bottom: 15px;
  }
  .footer_top {
    padding: 40px 0 30px;
  }
  .footer_top .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer_top_left {
    width: 530px;
  }
  .footer_top_left > a {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 29px;
    color: #fff;
  }
  .footer_top_left p {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    color: #fff;
    line-height: 1.4375;
    margin: 10px 0 20px;
  }
  .footer_top_left p a {
    color: #fff;
    margin-top: 2px;
    display: inline-block;
  }
  .footer_top_right {
    width: -webkit-calc(100% - 530px);
    width: -moz-calc(100% - 530px);
    width: calc(100% - 530px);
  }
  .footer_top_right ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .footer_top_right ul li:not(:first-child) {
    margin-left: 30px;
  }
  .footer_top_right ul li a {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    color: #fff;
  }
  .ttl {
    padding: 0 35px;
    margin-bottom: 40px;
    position: relative;
  }
  .ttl .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ttl .txt h2 {
    text-align: center;
  }
  .ttl .txt h2 span {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    display: block;
    line-height: 1.2;
  }
  .ttl .txt h2 small {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
  }
  .ttl figure, .ttl picture {
    position: relative;
  }
  .ttl figure::after, .ttl picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(36, 96, 160, 0.5);
    display: block;
    -moz-border-radius: 25px;
         border-radius: 25px;
    overflow: hidden;
  }
  .ttl figure img, .ttl picture img {
    display: block;
    width: 100%;
    height: auto;
    -moz-border-radius: 25px;
         border-radius: 25px;
    overflow: hidden;
  }
  .t_ttl {
    margin-bottom: 15px;
  }
  .t_ttl span {
    display: block;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 32px;
    color: #0086C1;
    line-height: 1;
  }
  .t_ttl small {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    color: #797979;
  }
  a.btn, button.btn {
    width: 262px;
    height: 51px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    background: #0098DB;
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    color: #fff;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-top: 20px;
    border: 0;
    padding: 0;
  }
  a.btn:hover::after, button.btn:hover::after {
    right: 10px;
  }
  a.btn.st4, button.btn.st4 {
    width: 372px;
    height: 72px;
    font-size: 22px;
    margin-top: 55px;
    border: 1px solid #0098DB;
    color: #0098DB;
    background-color: transparent;
  }
  a.btn.st4::after, button.btn.st4::after {
    color: #0098DB;
    font-size: 23px;
    right: 20px;
  }
  a.btn.st4:hover::after, button.btn.st4:hover::after {
    right: 10px;
  }
  a.btn.st2, button.btn.st2 {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
  }
  a.btn.st3, button.btn.st3 {
    border: 1px solid #0086C1;
    color: #0086C1;
    background-color: transparent;
  }
  a.btn.st3::after, button.btn.st3::after {
    color: #0086C1;
  }
  a.btn::after, button.btn::after {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "→";
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    color: #fff;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
  }
  .p_top .mv {
    padding: 0 35px;
    margin-bottom: 45px;
    position: relative;
  }
  .p_top .mv .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    padding-left: 90px;
  }
  .p_top .mv .txt h2 {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 45px;
    line-height: 1.71111;
    color: #fff;
  }
  .p_top .mv figure, .p_top .mv picture {
    -moz-border-radius: 30px;
         border-radius: 30px;
    overflow: hidden;
    position: relative;
  }
  .p_top .mv figure::after, .p_top .mv picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(36, 96, 160, 0.19);
  }
  .p_top .mv figure img, .p_top .mv picture img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p_top .concept {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .p_top .concept > picture {
    width: 53.2%;
  }
  .p_top .concept > picture img {
    display: block;
    width: 100%;
    height: auto;
    -moz-border-radius: 20px 0px 0px 20px;
         border-radius: 20px 0px 0px 20px;
    overflow: hidden;
    height: 448px;
    object-fit: cover;
  }
  .p_top .concept .txt {
    margin-top: 57px;
    margin-right: -107px;
    width: -webkit-calc(46.8% + 107px);
    width: -moz-calc(46.8% + 107px);
    width: calc(46.8% + 107px);
    -moz-border-radius: 0px 20px 20px 0px;
         border-radius: 0px 20px 20px 0px;
    background: #fff;
    -moz-box-shadow: 0px 0px 37px rgba(33, 53, 136, 0.09);
         box-shadow: 0px 0px 37px rgba(33, 53, 136, 0.09);
  }
  .p_top .concept .txt .txt_inner {
    width: 562px;
    margin-left: auto;
    padding: 60px 100px 60px 0;
  }
  .p_top .concept .txt .txt_inner h3 {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.65385;
    margin-bottom: 15px;
  }
  .p_top .service {
    text-align: center;
    padding: 65px 0 60px;
  }
  .p_top .service ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 80px;
    margin: 26px 0 16px;
  }
  .p_top .service ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 390px;
    margin: 12px 0;
  }
  .p_top .service ul li figure {
    width: 96px;
    height: 96px;
    background: #f1f0f8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .p_top .service ul li .txt {
    width: -webkit-calc(100% - 96px);
    width: -moz-calc(100% - 96px);
    width: calc(100% - 96px);
    text-align: left;
    padding-left: 20px;
  }
  .p_top .service ul li .txt h3 {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .p_top .service ul li .txt p {
    font-size: 12px;
    line-height: 1.5;
  }
  .company_cm {
    position: relative;
  }
  .company_cm .row {
    width: 100%;
  }
  .company_cm figure img, .company_cm picture img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 341px;
    object-fit: cover;
  }
  .company_cm .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    text-align: center;
  }
  .company_cm .txt .t_ttl span, .company_cm .txt .t_ttl small {
    color: #fff;
  }
  .company_cm .txt p {
    color: #fff;
    margin: 35px 0 5px;
  }
  .contact_cm {
    text-align: center;
    padding: 50px 0 60px;
  }
  .contact_cm .df {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 35px;
  }
  .contact_cm .df > div:nth-of-type(1) {
    padding-right: 70px;
    border-right: 1px solid #bebebe;
  }
  .contact_cm .df > div:nth-of-type(1) a {
    font-family: "Noto Serif JP", serif;
    font-size: 36px;
  }
  .contact_cm .df > div:nth-of-type(1) a small {
    font-size: 19px;
  }
  .contact_cm .df > div:nth-of-type(1) p {
    font-size: 14px;
    line-height: 20px;
    font-family: "Noto Serif JP", serif;
  }
  .contact_cm .df > div:nth-of-type(2) {
    padding-left: 70px;
  }
  .p_contact .contact_complete {
    padding-bottom: 80px;
    text-align: center;
  }
  .p_contact .contact_complete p:not(:last-child) {
    margin-bottom: 30px;
  }
  .p_contact .contact_complete a {
    margin-top: 45px;
  }
  .p_contact .contact_top {
    text-align: center;
  }
  .p_contact .contact_top .box {
    width: 678px;
    margin: 20px auto 5px;
    padding: 20px;
    background: rgba(58, 127, 201, 0.05);
  }
  .p_contact .contact_top .box dl dt {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
  }
  .p_contact .contact_top .box dl dd a {
    display: inline-block;
  }
  .p_contact .contact_top .box dl dd a span {
    position: relative;
    padding-left: 67px;
    font-weight: bold;
    font-size: 49px;
    line-height: 1;
  }
  .p_contact .contact_top .box dl dd a span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 57px;
    height: 46px;
    background: url(../img/ic_tel.svg) center/contain no-repeat;
    display: block;
  }
  .p_contact .contact_top .box dl dd a small {
    font-size: 15px;
    display: block;
    text-align: left;
    padding-left: 67px;
  }
  .p_contact .contact_bot {
    text-align: center;
    padding-bottom: 80px;
  }
  .p_contact .contact_bot dl {
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #e2e2e2;
  }
  .p_contact .contact_bot dl.ait {
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .p_contact .contact_bot dl.ait dt {
    padding-top: 20px;
  }
  .p_contact .contact_bot dl dt {
    width: 300px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #0b0b0b;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 60px;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p_contact .contact_bot dl dt span {
    width: 69px;
    height: 25px;
    background: #0098DB;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p_contact .contact_bot dl dd {
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);
  }
  .p_contact .contact_bot dl dd input {
    border: 0;
    width: 100%;
    padding: 0 30px;
    outline: none;
    font-size: 18px;
    color: #000;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -moz-border-radius: 0;
         border-radius: 0;
    height: 66px;
    background: #eaedf1;
  }
  .p_contact .contact_bot dl dd input::-webkit-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd input::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd input:-ms-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd input::placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea {
    border: 0;
    width: 100%;
    padding: 15px 30px;
    outline: none;
    font-size: 18px;
    color: #000;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -moz-border-radius: 0;
         border-radius: 0;
    height: 260px;
    background: #eaedf1;
  }
  .p_contact .contact_bot dl dd textarea::-webkit-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea:-ms-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea::placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  img {
    width: 100%;
    height: auto;
  }
  .container {
    overflow: hidden;
  }
  .show_pc {
    display: none !important;
  }
  .inner, .row {
    padding-left: 3.62319vw;
    padding-right: 3.62319vw;
  }
  body {
    padding-top: 16.90821vw;
  }
  body p {
    font-size: 3.86473vw;
    line-height: 2;
  }
  .header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 0 3.62319vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 16.90821vw;
    background: #fff;
  }
  .header h1, .header .header__logo {
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header h1 a, .header .header__logo a {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 5.7971vw;
    color: #0098DB;
  }
  .header .row {
    padding: 0;
  }
  .header .header_nav {
    position: fixed;
    height: 100%;
    right: 0;
    opacity: 0;
    top: 0;
    visibility: hidden;
    padding: 18.11594vw 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    width: 87.43961vw;
    background: #0098DB;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
  .header .header_nav.active {
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    visibility: visible;
  }
  .header .header_nav ul li:nth-of-type(1) a {
    border-top: 1px solid #fff;
  }
  .header .header_nav ul li a {
    border-bottom: 1px solid #fff;
    padding: 3.62319vw 4.83092vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .header_nav ul li a span {
    font-family: "Noto Serif JP", serif;
    font-size: 5.55556vw;
    color: #fff;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 2.41546vw;
  }
  .header .header_nav ul li a small {
    font-family: "Noto Serif JP", serif;
    font-weight: normal;
    font-size: 3.38164vw;
    color: #a5c9f0;
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .header .menu_icon {
    width: 7.97101vw;
    height: 4.83092vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    top: 6.03865vw;
    right: 3.62319vw;
    z-index: 99;
    cursor: pointer;
  }
  .header .menu_icon i {
    font-style: normal;
    font-size: 2.41546vw;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .header .menu_icon.active i {
    color: #fff;
    margin-top: 1.20773vw;
  }
  .header .menu_icon.active .menu-trigger span {
    background-color: #fff;
  }
  .header .menu_icon.active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(2.17391vw) rotate(-45deg);
       -moz-transform: translateY(2.17391vw) rotate(-45deg);
        -ms-transform: translateY(2.17391vw) rotate(-45deg);
            transform: translateY(2.17391vw) rotate(-45deg);
  }
  .header .menu_icon.active .menu-trigger span:nth-of-type(2) {
    opacity: 0;
  }
  .header .menu_icon.active .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-2.17391vw) rotate(45deg);
       -moz-transform: translateY(-2.17391vw) rotate(45deg);
        -ms-transform: translateY(-2.17391vw) rotate(45deg);
            transform: translateY(-2.17391vw) rotate(45deg);
    width: 100%;
  }
  .header .menu_icon_in {
    width: 7.97101vw;
    height: 4.83092vw;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header .menu_icon_in .menu-trigger,
  .header .menu_icon_in .menu-trigger span {
    display: inline-block;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  }
  .header .menu_icon_in .menu-trigger {
    position: relative;
    width: 100%;
    height: 11.11111vw;
  }
  .header .menu_icon_in .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.48309vw;
    min-height: 1px;
    background-color: #0098DB;
  }
  .header .menu_icon_in .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .header .menu_icon_in .menu-trigger span:nth-of-type(2) {
    top: 2.17391vw;
    right: 0;
    left: inherit;
  }
  .header .menu_icon_in .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    right: 0;
    left: inherit;
  }
  .footer {
    background: #0098DB;
  }
  .footer > p {
    font-size: 2.89855vw;
    font-family: "Noto Serif JP", serif;
    color: #fff;
    text-align: center;
    padding-bottom: 3.62319vw;
  }
  .footer_top {
    padding: 9.66184vw 0 12.07729vw;
  }
  .footer_top_left {
    margin-bottom: 8.45411vw;
  }
  .footer_top_left > a {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 7.00483vw;
    color: #fff;
  }
  .footer_top_left p {
    font-family: "Noto Serif JP", serif;
    font-size: 3.86473vw;
    color: #fff;
    line-height: 1.4375;
    margin: 2.41546vw 0 4.83092vw;
  }
  .footer_top_left p a {
    color: #fff;
  }
  .footer_top_left .map iframe {
    width: 100%;
    height: 40.82126vw;
  }
  .footer_top_right ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 10.86957vw;
  }
  .footer_top_right ul li {
    margin: 1.93237vw 3.1401vw;
  }
  .footer_top_right ul li a {
    font-family: "Noto Serif JP", serif;
    font-size: 3.86473vw;
    color: #fff;
  }
  .ttl {
    padding: 0 3.62319vw;
    margin-bottom: 7.24638vw;
    position: relative;
  }
  .ttl .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ttl .txt h2 {
    text-align: center;
  }
  .ttl .txt h2 span {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 8.45411vw;
    color: #fff;
    display: block;
    line-height: 1.2;
  }
  .ttl .txt h2 small {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 4.34783vw;
    color: #fff;
  }
  .ttl figure, .ttl picture {
    position: relative;
  }
  .ttl figure::after, .ttl picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(36, 96, 160, 0.5);
    display: block;
    -moz-border-radius: 4.83092vw;
         border-radius: 4.83092vw;
    overflow: hidden;
  }
  .ttl figure img, .ttl picture img {
    display: block;
    width: 100%;
    height: auto;
    -moz-border-radius: 4.83092vw;
         border-radius: 4.83092vw;
    overflow: hidden;
  }
  .t_ttl {
    margin-bottom: 3.62319vw;
  }
  .t_ttl span {
    display: block;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 7.72947vw;
    color: #0086C1;
    line-height: 1;
  }
  .t_ttl small {
    font-family: "Noto Serif JP", serif;
    font-size: 3.86473vw;
    color: #797979;
  }
  a.btn, button.btn {
    width: 63.28502vw;
    height: 12.31884vw;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    background: #0098DB;
    font-family: "Noto Serif JP", serif;
    font-size: 3.86473vw;
    color: #fff;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-top: 4.83092vw;
    padding-bottom: 0;
    border: 0;
  }
  a.btn.st4, button.btn.st4 {
    width: 89.85507vw;
    height: 17.3913vw;
    font-size: 5.31401vw;
    margin-top: 8.45411vw;
    border: 1px solid #0098DB;
    color: #0098DB;
    background-color: transparent;
  }
  a.btn.st4::after, button.btn.st4::after {
    color: #0098DB;
    font-size: 23px;
    right: 20px;
  }
  a.btn.st4:hover::after, button.btn.st4:hover::after {
    right: 10px;
  }
  a.btn.st2, button.btn.st2 {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
  }
  a.btn.st3, button.btn.st3 {
    border: 1px solid #0086C1;
    color: #0086C1;
    background-color: transparent;
  }
  a.btn.st3::after, button.btn.st3::after {
    color: #0086C1;
  }
  a.btn::after, button.btn::after {
    position: absolute;
    top: 50%;
    right: 3.62319vw;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "→";
    font-family: "Noto Serif JP", serif;
    font-size: 3.86473vw;
    color: #fff;
  }
  .p_top .mv {
    padding: 0 3.62319vw;
    margin-bottom: 10.86957vw;
    position: relative;
  }
  .p_top .mv .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 16.90821vw;
    padding-left: 9.66184vw;
  }
  .p_top .mv .txt h2 {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 8.45411vw;
    line-height: 1.71429;
    color: #fff;
  }
  .p_top .mv figure, .p_top .mv picture {
    -moz-border-radius: 4.83092vw;
         border-radius: 4.83092vw;
    overflow: hidden;
  }
  .p_top .mv figure img, .p_top .mv picture img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p_top .concept > picture {
    width: 84.54106vw;
    margin-left: auto;
    display: block;
  }
  .p_top .concept > picture img {
    -moz-border-radius: 4.83092vw 0vw 0vw 4.83092vw;
         border-radius: 4.83092vw 0vw 0vw 4.83092vw;
    overflow: hidden;
  }
  .p_top .concept .txt {
    -moz-border-radius: 0vw 4.83092vw 4.83092vw 0vw;
         border-radius: 0vw 4.83092vw 4.83092vw 0vw;
    background: #fff;
    -moz-box-shadow: 0vw 0vw 8.9372vw rgba(33, 53, 136, 0.09);
         box-shadow: 0vw 0vw 8.9372vw rgba(33, 53, 136, 0.09);
    margin-top: -7.72947vw;
    position: relative;
    z-index: 1;
    width: 96.61836vw;
  }
  .p_top .concept .txt .txt_inner {
    padding: 8.45411vw 10.86957vw 10.86957vw 3.62319vw;
  }
  .p_top .concept .txt .txt_inner h3 {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 6.28019vw;
    line-height: 1.65385;
    margin-bottom: 3.62319vw;
  }
  .p_top .service {
    text-align: center;
    padding: 15.70048vw 0 14.49275vw;
  }
  .p_top .service ul {
    margin: 6.28019vw 0 3.86473vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p_top .service ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 94.2029vw;
    margin: 2.89855vw 0;
  }
  .p_top .service ul li:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p_top .service ul li:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .p_top .service ul li:nth-of-type(2) figure img {
    width: 16.18357vw;
  }
  .p_top .service ul li:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p_top .service ul li:nth-of-type(4) {
    -webkit-box-ordinal-group: 5;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .p_top .service ul li:nth-of-type(4) figure img {
    width: 13.28502vw;
  }
  .p_top .service ul li figure {
    width: 23.18841vw;
    height: 23.18841vw;
    background: #f1f0f8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .p_top .service ul li figure img {
    width: 9.90338vw;
  }
  .p_top .service ul li .txt {
    width: -webkit-calc(100% - 23.18841vw);
    width: -moz-calc(100% - 23.18841vw);
    width: calc(100% - 23.18841vw);
    text-align: left;
    padding-left: 4.83092vw;
  }
  .p_top .service ul li .txt h3 {
    font-family: "Noto Serif JP", serif;
    font-size: 3.86473vw;
    margin-bottom: 1.20773vw;
  }
  .p_top .service ul li .txt p {
    font-size: 2.89855vw;
    line-height: 1.5;
  }
  .company_cm {
    position: relative;
  }
  .company_cm figure img, .company_cm picture img {
    display: block;
    width: 100%;
    height: auto;
  }
  .company_cm .row {
    width: 100%;
  }
  .company_cm .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    text-align: center;
  }
  .company_cm .txt .t_ttl span, .company_cm .txt .t_ttl small {
    color: #fff;
  }
  .company_cm .txt p {
    color: #fff;
    margin: 8.45411vw 0 1.20773vw;
  }
  .contact_cm {
    text-align: center;
    padding: 12.07729vw 0 14.49275vw;
  }
  .contact_cm .df {
    margin-top: 4.22705vw;
  }
  .contact_cm .df > div:nth-of-type(1) {
    border-bottom: 1px solid #bebebe;
    padding-bottom: 6.03865vw;
  }
  .contact_cm .df > div:nth-of-type(1) a {
    font-family: "Noto Serif JP", serif;
    font-size: 8.69565vw;
  }
  .contact_cm .df > div:nth-of-type(1) a small {
    font-size: 4.58937vw;
  }
  .contact_cm .df > div:nth-of-type(1) p {
    font-size: 3.38164vw;
    line-height: 4.8309vw;
    font-family: "Noto Serif JP", serif;
  }
  .contact_cm .df > div:nth-of-type(2) {
    padding-top: 2.41546vw;
  }
  .p_contact .contact_complete {
    padding-bottom: 19.32367vw;
    text-align: center;
  }
  .p_contact .contact_complete p {
    text-align: left;
  }
  .p_contact .contact_complete p:not(:last-child) {
    margin-bottom: 7.24638vw;
  }
  .p_contact .contact_complete a {
    margin-top: 10.86957vw;
  }
  .p_contact .contact_top {
    text-align: center;
  }
  .p_contact .contact_top .box {
    margin: 7.24638vw auto 3.62319vw;
    padding: 4.83092vw;
    background: rgba(58, 127, 201, 0.05);
  }
  .p_contact .contact_top .box dl dt {
    font-weight: bold;
    font-size: 4.83092vw;
    margin-bottom: 3.62319vw;
  }
  .p_contact .contact_top .box dl dd a {
    display: inline-block;
  }
  .p_contact .contact_top .box dl dd a span {
    position: relative;
    padding-left: 13.48631vw;
    font-weight: bold;
    font-size: 9.66184vw;
    line-height: 1;
  }
  .p_contact .contact_top .box dl dd a span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 11.47343vw;
    height: 9.25926vw;
    background: url(../img/ic_tel.svg) center/contain no-repeat;
    display: block;
  }
  .p_contact .contact_top .box dl dd a small {
    font-size: 3.38164vw;
    display: block;
    text-align: left;
    padding-left: 13.48631vw;
  }
  .p_contact .contact_bot {
    text-align: center;
    padding-bottom: 19.32367vw;
  }
  .p_contact .contact_bot dl {
    text-align: left;
    padding: 6.03865vw 0;
    border-bottom: 1px solid #e2e2e2;
  }
  .p_contact .contact_bot dl dt {
    font-weight: bold;
    font-size: 4.34783vw;
    letter-spacing: 0.05em;
    color: #0b0b0b;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 3.62319vw;
  }
  .p_contact .contact_bot dl dt span {
    width: 16.66667vw;
    height: 6.03865vw;
    background: #0098DB;
    font-weight: normal;
    font-size: 3.86473vw;
    letter-spacing: 0.05em;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 3.62319vw;
  }
  .p_contact .contact_bot dl dd input {
    border: 0;
    width: 100%;
    padding: 0 4.83092vw;
    outline: none;
    font-size: 15px;
    color: #000;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -moz-border-radius: 0;
         border-radius: 0;
    height: 12.80193vw;
    background: #eaedf1;
  }
  .p_contact .contact_bot dl dd input::-webkit-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd input::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd input:-ms-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd input::placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea {
    border: 0;
    width: 100%;
    padding: 2.41546vw 4.83092vw;
    outline: none;
    font-size: 16px;
    color: #000;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -moz-border-radius: 0;
         border-radius: 0;
    height: 90.33816vw;
    background: #eaedf1;
  }
  .p_contact .contact_bot dl dd textarea::-webkit-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea:-ms-input-placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
  .p_contact .contact_bot dl dd textarea::placeholder {
    color: #c3c3c3;
    opacity: 1;
  }
}

.error {
  color: #ff0000;
}

/* CONCEPT */
.concept-container {
  width: 100%;
  max-width: 1000px;
  width: 0 auto;
}
.hero {
  width: 95.5%;
  margin: 0 auto;
  position: relative;
}
.hero p {
  text-align: center;
  font-size: 2.35em;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif ;
  color: #fff;
  line-height: .9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.hero span {
  font-size: .51em;
}
.greeting {
  text-align: center;
  margin-top: 3.5em;
}
.greeting h2 {
  display: inline-block;
  font-size: 2.15em;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif ;
  color: #0098DB;
  border-bottom: #0098DB 8px double;
  margin-bottom: 1.5em;
}
.greeting p {
  font-size: .99em;
}
.promise {
  margin-top: 4.5em;
  text-align: center;
  padding-bottom: 3em;
}
.promise h2 {
  display: inline-block;
  font-size: 2.15em;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif ;
  color: #0098DB;
  border-bottom: #0098DB 8px double;
  margin-bottom: 2em;
}
.promise-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2em;
}
.promise-img {
  width: 36%;
}
.promise-img img {
  width: 100%;
  max-width: 360px;
}
.promise-box p {
  width: 62%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .greeting h2  {
    margin-bottom: 1em;
  }
  .promise {
    margin-top: 1em;
  }
  .promise h2 {
    margin: 1em;
  }
  .promise-img {
    width: 100%;
  }
  .promise-box p {
    width: 100%;
    margin-top: .25em
    ;
  }
  .swap {
    position: relative;
  }
  .swap p {
    margin-top: 257px;
  }
  .swap img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
  }
}
@media screen and (max-width: 375px) {
  .swap p {
    margin-top: 249px;
  }
}
@media screen and (max-width: 320px) {
  .swap p {
    margin-top: 215px;
  }
}

/* SERVICE */
.service2 {
  margin-top: 5em;
  padding-bottom: 5em;
}
.service-box {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border: #0098DB 3px solid;
  border-radius: 10px;
  padding: 1em .5em;
  margin-bottom: .87em;
}
.service-box .service-img {
  width: 31%;
  text-align:center;
}
.service-box .service-img img {
  width: 100%;
  max-width: 310px;
  vertical-align:top;
}
.service-box .service-text {
  width: 65%;
  margin-top: 1em;
}
.service-box .service-text h3 {
  display: inline-block;
  padding: .2em .65em;
  font-size: 1.5em;
  color: #fff;
  background-color: #0098DB;
  border-radius: 10px;
  font-family: 'Noto Serif JP', serif ;
  margin-left: -2em;
}
.service-box .service-text p {
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  .service2 {
    margin-top: 3em;
  }
  .service-box .service-img {
    width: 100%;
  }
  .service-box .service-img img {
    max-width: 414px;
  }
  .service-box .service-text {
    width: 100%;
  }
  .service-box .service-text h3 {
    margin-left: 0;
    font-size: 1.25em;
  }
  .service2 {
    padding-bottom: 3em;
  }
}

/* company */
.comapany {
  margin-bottom: 5em;
}
.company-text {
  margin-top: 2.5em;
  margin-bottom: 4em;
  text-align: center;
}
.company-text-p {
  margin-top: 1em;
}
.dl-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: #E5E5E5 1px solid;
  padding: 1.5em 0;
}
.comapany dt {
  width: 20%;
  font-weight: bold;
}
.comapany dd {
  width: 80%;
  line-height: 1.5;
}
.comapany .map iframe {
  width: 100%;
  height: 13vw;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  .comapany dt {
    width: 30%;
  }
  .comapany dd {
    width: 70%;
  }
  .comapany .map iframe {
    height: 50vw;
  }
}
@media screen and (max-width: 414px) {
  .company-text {
    margin-bottom: 1em;
  }
  .comapany .map iframe {
    height: 50vw;
    margin-left: -7.6em;
    width: 142%;
  }
}
@media screen and (max-width: 390px) {
  .comapany .map iframe {
    margin-left: -7.2em;
  }
}
@media screen and (max-width: 375px) {
  .comapany .map iframe {
    margin-left: -6.9em;
  }
}
@media screen and (max-width: 320px) {
  .comapany .map iframe {
    margin-left: -5.9em;
  }
}