/*
$img1:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/service/eyecatch.jpg");
$img2:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/common/subtop_white.png");
$img3:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/common/subtop_white2.png");
$img4:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/service/photo01.jpg");
$img5:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/service/photo02.jpg");
$img6:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/service/photo03.jpg");
$img7:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/service/photo04.jpg");
$img8:url("https://naganukigroup.co.jp/wp-content/themes/naganukigroup/images/service/photo05.jpg");
*/
#wrapper article {
  overflow-x: hidden; }
  #wrapper article header {
    background-image: url("../../images/service/eyecatch_gwtjzi.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; }
    #wrapper article header > div {
      background-image: url("https://res.cloudinary.com/dzlmfgpj5/image/upload/f_auto,q_auto:low/v1620215426/common/subtop_white_ij9sdo.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: bottom,top;
      height: 0;
      padding-top: 12%;
      padding-bottom: 12.2%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      #wrapper article header > div p {
        text-align: center;
        font-size: 8rem;
        letter-spacing: 2px;
        color: #fff;
        line-height: 1;
        text-shadow: 2px 2px 12px #333;
        font-family: futura-pt, sans-serif;
        font-weight: 700;
        font-style: normal; }
      #wrapper article header > div h2 {
        text-align: center;
        font-size: 3rem;
        font-weight: 700;
        color: #fff;
        text-shadow: 2px 2px 8px #333; }
  #wrapper article section div.img2 {
    width: 900px;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-100px); }
    #wrapper article section div.img2 p {
      aspect-ratio: 1000 / 485;
      background-size: 100%;
      background-repeat: no-repeat;
      text-indent: -9999px; }
  #wrapper article section p.text1 {
    font-size: 2rem;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5; }
  #wrapper article section p.text2 {
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.5; }
  #wrapper article section p.text3 {
    width: 335px; }
    #wrapper article section p.text3 > a {
      display: block;
      width: 100%;
      background-color: #2684c9;
      color: #FFFFFF;
      font-size: 2.6rem;
      font-weight: 500;
      padding-top: 7px;
      padding-bottom: 7px;
      border-radius: 50px;
      text-align: center; }
  #wrapper article .sect1, #wrapper article .sect4, #wrapper article .sect5 {
    position: relative;
    background-color: #f8f4e4; }
    #wrapper article .sect1 div.text, #wrapper article .sect4 div.text, #wrapper article .sect5 div.text {
      width: 1000px;
      max-width: 1000px;
      padding-top: 65px; }
      #wrapper article .sect1 div.text h3, #wrapper article .sect4 div.text h3, #wrapper article .sect5 div.text h3 {
        font-size: 5rem;
        font-weight: 700;
        line-height: 1.3;
        color: #1a3a7c;
        border-bottom: 2px solid #1a3a7c;
        margin-bottom: 10px;
        width: 500px;
        margin-left: 0; }
      #wrapper article .sect1 div.text > div, #wrapper article .sect4 div.text > div, #wrapper article .sect5 div.text > div {
        height: 217px; }
        #wrapper article .sect1 div.text > div p, #wrapper article .sect4 div.text > div p, #wrapper article .sect5 div.text > div p {
          font-size: 2.8rem;
          font-weight: 500;
          color: #1a3a7c;
          line-height: 1.5;
          max-width: 400px;
          margin-left: 0; }
    #wrapper article .sect1 div.img2 p, #wrapper article .sect4 div.img2 p, #wrapper article .sect5 div.img2 p {
      background-image: url("../../images/service/DSC02067.jpg");
      background-position: 50% 34%; }
    #wrapper article .sect1 div.about_kaitori, #wrapper article .sect1 div.rental, #wrapper article .sect1 div.mitumori, #wrapper article .sect4 div.about_kaitori, #wrapper article .sect4 div.rental, #wrapper article .sect4 div.mitumori, #wrapper article .sect5 div.about_kaitori, #wrapper article .sect5 div.rental, #wrapper article .sect5 div.mitumori {
      background-color: #FFFFFF;
      width: 1000px;
      max-width: 1000px;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      padding-top: 80px;
      padding-right: 100px;
      padding-left: 100px;
      padding-bottom: 80px;
      box-sizing: border-box; }
      #wrapper article .sect1 div.about_kaitori > p.photoDefault, #wrapper article .sect1 div.rental > p.photoDefault, #wrapper article .sect1 div.mitumori > p.photoDefault, #wrapper article .sect4 div.about_kaitori > p.photoDefault, #wrapper article .sect4 div.rental > p.photoDefault, #wrapper article .sect4 div.mitumori > p.photoDefault, #wrapper article .sect5 div.about_kaitori > p.photoDefault, #wrapper article .sect5 div.rental > p.photoDefault, #wrapper article .sect5 div.mitumori > p.photoDefault {
        width: 380px;
        aspect-ratio: 380 / 303; }
      #wrapper article .sect1 div.about_kaitori > p.text1, #wrapper article .sect1 div.rental > p.text1, #wrapper article .sect1 div.mitumori > p.text1, #wrapper article .sect4 div.about_kaitori > p.text1, #wrapper article .sect4 div.rental > p.text1, #wrapper article .sect4 div.mitumori > p.text1, #wrapper article .sect5 div.about_kaitori > p.text1, #wrapper article .sect5 div.rental > p.text1, #wrapper article .sect5 div.mitumori > p.text1 {
        width: 380px;
        margin-top: -7px;
        margin-left: 40px; }
      #wrapper article .sect1 div.about_kaitori > p.text2, #wrapper article .sect1 div.rental > p.text2, #wrapper article .sect1 div.mitumori > p.text2, #wrapper article .sect4 div.about_kaitori > p.text2, #wrapper article .sect4 div.rental > p.text2, #wrapper article .sect4 div.mitumori > p.text2, #wrapper article .sect5 div.about_kaitori > p.text2, #wrapper article .sect5 div.rental > p.text2, #wrapper article .sect5 div.mitumori > p.text2 {
        width: 100%;
        margin-top: 30px; }
      #wrapper article .sect1 div.about_kaitori > p.text3, #wrapper article .sect1 div.rental > p.text3, #wrapper article .sect1 div.mitumori > p.text3, #wrapper article .sect4 div.about_kaitori > p.text3, #wrapper article .sect4 div.rental > p.text3, #wrapper article .sect4 div.mitumori > p.text3, #wrapper article .sect5 div.about_kaitori > p.text3, #wrapper article .sect5 div.rental > p.text3, #wrapper article .sect5 div.mitumori > p.text3 {
        margin-top: 40px; }
  #wrapper article .sect1 {
    padding-bottom: 100px;
    margin-top: 150px; }
    #wrapper article .sect1 div.img2 p {
      background-image: url("../../images/service/DSC02067.jpg");
      background-position: 50% 34%; }
    #wrapper article .sect1 div.about_kaitori > p.photoDefault > img, #wrapper article .sect1 div.about_kaitori > p.photoDefault > amp-img {
      width: 125%;
      transform: translateX(-47%) translateY(-50%); }
  #wrapper article .sect3 {
    position: relative;
    margin-top: 170px;
    background-color: #f8f4e4; }
    #wrapper article .sect3 div.text {
      width: 1000px;
      max-width: 1000px;
      position: relative;
      padding-top: 65px;
      padding-bottom: 65px; }
      #wrapper article .sect3 div.text h3 {
        font-size: 5rem;
        font-weight: 700;
        line-height: 1.3;
        color: #1a3a7c;
        border-bottom: 2px solid #1a3a7c;
        margin-bottom: 10px;
        width: 500px;
        margin-left: 0; }
      #wrapper article .sect3 div.text p.txt1 {
        font-size: 2.8rem;
        font-weight: 500;
        color: #1a3a7c;
        line-height: 1.5;
        max-width: 400px;
        margin-left: 0;
        height: 217px; }
      #wrapper article .sect3 div.text div.img2 p {
        background-image: url("../../images/service/DSC00705.jpg");
        background-position: 50% 98%; }
      #wrapper article .sect3 div.text > div.back_white {
        background-color: #FFFFFF;
        width: 1000px;
        max-width: 1000px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 80px;
        padding-right: 100px;
        padding-left: 100px;
        padding-bottom: 80px;
        box-sizing: border-box; }
        #wrapper article .sect3 div.text > div.back_white > div.kokunai {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          padding-bottom: 82px;
          border-bottom: solid 5px #f8f4e4; }
          #wrapper article .sect3 div.text > div.back_white > div.kokunai > p:nth-child(1) {
            width: 380px;
            background-image: url("../../images/service/photo04.jpg");
            aspect-ratio: 380 / 273;
            background-size: 110%;
            background-position: 50% 50%; }
            #wrapper article .sect3 div.text > div.back_white > div.kokunai > p:nth-child(1) > span {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              background-color: rgba(42, 88, 109, 0.4);
              color: #FFFFFF;
              font-size: 5rem; }
          #wrapper article .sect3 div.text > div.back_white > div.kokunai > p.text1 {
            width: 380px;
            text-align: justify;
            text-justify: inter-ideograph;
            margin-top: -10px;
            margin-left: 40px; }
          #wrapper article .sect3 div.text > div.back_white > div.kokunai > p.text2 {
            margin-top: 30px;
            font-weight: 600; }
          #wrapper article .sect3 div.text > div.back_white > div.kokunai > p.text3 {
            margin-top: 40px; }
        #wrapper article .sect3 div.text > div.back_white > div.kokugai {
          margin-top: 82px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center; }
          #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(1) {
            width: 380px;
            background-image: url("../../images/service/AdobeStock_424840272s.jpg");
            aspect-ratio: 380 / 273;
            background-size: 150%;
            background-position: 27% 16%; }
            #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(1) > span {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              background-color: rgba(42, 88, 109, 0.4);
              color: #FFFFFF;
              font-size: 5rem; }
          #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(2) {
            width: 380px;
            margin-top: -5px;
            margin-left: 40px; }
            #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(2) > span:nth-child(1) {
              display: block;
              font-size: 2.2rem;
              font-weight: 500;
              line-height: 1.5; }
            #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(2) > span:nth-child(2) {
              display: block;
              font-size: 2rem;
              text-align: justify;
              text-justify: inter-ideograph;
              line-height: 1.4;
              margin-top: 20px; }
          #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.dubai {
            margin-top: 40px;
            width: 380px; }
            #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.dubai > span.photoDefault {
              aspect-ratio: 380 / 210;
              width: 100%; }
              #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.dubai > span.photoDefault > img, #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.dubai > span.photoDefault > amp-img {
                width: 140%;
                transform: translateX(-44%) translateY(-60%); }
            #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.dubai > span:nth-child(2) {
              display: block;
              margin-top: 15px;
              font-size: 2rem;
              text-align: justify;
              text-justify: inter-ideograph;
              line-height: 1.4; }
          #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.vietnam {
            margin-top: 40px;
            margin-left: 40px;
            width: 380px; }
            #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.vietnam > span.photoDefault {
              aspect-ratio: 380 / 210;
              width: 100%; }
              #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.vietnam > span.photoDefault > img, #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.vietnam > span.photoDefault > amp-img {
                width: 120%;
                transform: translateX(-56%) translateY(-40%); }
            #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.vietnam > span:nth-child(2) {
              display: block;
              margin-top: 15px;
              font-size: 2rem;
              text-align: justify;
              text-justify: inter-ideograph;
              line-height: 1.4; }
          #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.text2 {
            margin-top: 30px;
            margin-left: 0; }
    #wrapper article .sect3 > section {
      background-color: #FFFFFF;
      padding-top: 50px; }
      #wrapper article .sect3 > section > div {
        width: 1000px;
        max-width: 1000px;
        background-color: #f8f4e4;
        padding-top: 65px;
        padding-right: 100px;
        padding-left: 100px;
        padding-bottom: 65px;
        box-sizing: border-box; }
        #wrapper article .sect3 > section > div > h4 > a {
          font-size: 3.4rem;
          font-weight: 600; }
        #wrapper article .sect3 > section > div > p {
          font-size: 2.5rem; }
        #wrapper article .sect3 > section > div > ul {
          margin-top: 20px;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          #wrapper article .sect3 > section > div > ul > li {
            width: 380px;
            height: 445px;
            background-color: #FFFFFF;
            margin: 0; }
            #wrapper article .sect3 > section > div > ul > li > p:nth-child(1) {
              aspect-ratio: 380 / 250; }
            #wrapper article .sect3 > section > div > ul > li > p:nth-child(2) {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              padding-right: 30px;
              padding-left: 30px;
              padding-top: 15px; }
              #wrapper article .sect3 > section > div > ul > li > p:nth-child(2) > span:nth-child(1) {
                font-size: 2.4rem;
                font-weight: 600;
                line-height: 1.4; }
              #wrapper article .sect3 > section > div > ul > li > p:nth-child(2) > span:nth-child(2) {
                font-size: 2rem;
                text-align: justify;
                text-justify: inter-ideograph;
                line-height: 1.4;
                margin-top: 7px; }
          #wrapper article .sect3 > section > div > ul > li:nth-child(1) > p:nth-child(1) > img, #wrapper article .sect3 > section > div > ul > li:nth-child(1) > p:nth-child(1) > amp-img {
            width: 140%;
            transform: translateX(-63%) translateY(-48%); }
          #wrapper article .sect3 > section > div > ul > li:nth-child(2) > p:nth-child(1) > img, #wrapper article .sect3 > section > div > ul > li:nth-child(2) > p:nth-child(1) > amp-img {
            width: 110%;
            transform: translateX(-47%) translateY(-48%); }
          #wrapper article .sect3 > section > div > ul > li:nth-child(3) {
            margin-top: 40px; }
            #wrapper article .sect3 > section > div > ul > li:nth-child(3) > p:nth-child(1) > img, #wrapper article .sect3 > section > div > ul > li:nth-child(3) > p:nth-child(1) > amp-img {
              width: 150%;
              transform: translateX(-44%) translateY(-50%); }
          #wrapper article .sect3 > section > div > ul > li:nth-child(4) {
            margin-top: 40px; }
            #wrapper article .sect3 > section > div > ul > li:nth-child(4) > p:nth-child(1) > img, #wrapper article .sect3 > section > div > ul > li:nth-child(4) > p:nth-child(1) > amp-img {
              width: 125%;
              transform: translateX(-41%) translateY(-43%); }
  #wrapper article .sect4 {
    padding-bottom: 100px;
    margin-top: 170px; }
    #wrapper article .sect4 div.img2 p {
      background-image: url("../../images/service/DSC02016.jpg");
      background-position: 55% 70%;
      background-size: 140%; }
    #wrapper article .sect4 div.rental > p.photoDefault > img, #wrapper article .sect4 div.rental > p.photoDefault > amp-img {
      width: 148%;
      transform: translateX(-52%) translateY(-44%); }
  #wrapper article .sect5 {
    padding-bottom: 100px;
    margin-top: 170px; }
    #wrapper article .sect5 div.img2 p {
      background-image: url("../../images/service/DSC02150s.jpg");
      background-position: 88% 78%;
      background-size: 130%; }
    #wrapper article .sect5 div.mitumori > p.photoDefault > img, #wrapper article .sect5 div.mitumori > p.photoDefault > amp-img {
      width: 140%;
      transform: translateX(-56%) translateY(-50%); }
    #wrapper article .sect5 div.mitumori > p.text3 > a {
      background-color: #00b800; }

body.en-US #wrapper article .sect3 div.text div.frame ul.txt2 li span {
  line-height: 1.3em;
  padding-top: 25%; }

.photoDefault {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto; }
  .photoDefault > img, .photoDefault > amp-img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }