/*
$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 header {
  background-image: url("../../images/service/eyecatch_gwtjzi.webp");
  background-size: 130%;
  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: 16%;
    padding-bottom: 16.2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    #wrapper article header > div p {
      text-align: center;
      font-size: 3rem;
      letter-spacing: 2px;
      color: #fff;
      line-height: 1;
      text-shadow: 2px 2px 4px #333;
      font-family: futura-pt, sans-serif;
      font-weight: 700;
      font-style: normal; }
    #wrapper article header > div h2 {
      text-align: center;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      text-shadow: 2px 2px 4px #333; }
#wrapper article section div.img2 p {
  aspect-ratio: 1000 / 485;
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px; }
#wrapper article section div.text > h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1a3a7c;
  border-bottom: 2px solid #1a3a7c;
  margin-bottom: 5px; }
#wrapper article section div.text > div p {
  font-size: 1.6rem;
  font-weight: 500;
  color: #1a3a7c;
  line-height: 1.5; }
#wrapper article section p.text1 {
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph; }
#wrapper article section p.text2 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5; }
#wrapper article section p.text3 {
  width: 200px; }
  #wrapper article section p.text3 > a {
    display: block;
    width: 100%;
    background-color: #2684c9;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 500;
    padding-top: 4px;
    padding-bottom: 4px;
    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 {
    padding-top: 40px;
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 20px; }
  #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;
    padding-top: 40px;
    padding-right: 6%;
    padding-left: 6%;
    padding-bottom: 40px;
    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 {
      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 {
      margin-top: 20px; }
    #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;
      text-align: justify; }
    #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 {
  margin-top: 20px;
  background-color: #f8f4e4; }
  #wrapper article .sect1 div.text h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a3a7c;
    border-bottom: 2px solid #1a3a7c;
    margin-bottom: 5px; }
  #wrapper article .sect1 div.text p {
    font-weight: 500;
    color: #1a3a7c;
    line-height: 1.5;
    max-width: 400px;
    margin-left: 0; }
  #wrapper article .sect1 div.img2 p {
    width: 100%;
    background-image: url("../../images/service/DSC02067.jpg");
    background-position: 50% 34%;
    text-indent: -9999px; }
  #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;
  background-color: #f8f4e4; }
  #wrapper article .sect3 div.text {
    padding-top: 40px; }
    #wrapper article .sect3 div.text h3 {
      margin-right: 6%;
      margin-left: 6%; }
    #wrapper article .sect3 div.text p.txt1 {
      margin-right: 6%;
      margin-left: 6%;
      margin-bottom: 20px;
      font-weight: 500;
      color: #1a3a7c;
      line-height: 1.5;
      max-width: 400px; }
    #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;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-top: 30px;
      padding-right: 6%;
      padding-left: 6%;
      padding-bottom: 30px;
      box-sizing: border-box; }
      #wrapper article .sect3 div.text > div.back_white > div.kokunai {
        padding-bottom: 50px;
        border-bottom: solid 3px #f8f4e4; }
        #wrapper article .sect3 div.text > div.back_white > div.kokunai > p:nth-child(1) {
          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: 3rem; }
        #wrapper article .sect3 div.text > div.back_white > div.kokunai > p.text1 {
          margin-top: 20px;
          font-weight: 400;
          line-height: 1.6; }
        #wrapper article .sect3 div.text > div.back_white > div.kokunai > p.text2 {
          font-size: 1.8rem;
          font-weight: 600;
          margin-top: 30px;
          text-align: justify;
          text-justify: inter-ideograph; }
        #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: 50px; }
        #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(1) {
          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: 3rem; }
        #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(2) {
          margin-top: 20px; }
          #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(2) > span:nth-child(1) {
            display: block;
            font-size: 2rem;
            font-weight: 500;
            line-height: 1.5;
            text-align: justify;
            text-justify: inter-ideograph; }
          #wrapper article .sect3 div.text > div.back_white > div.kokugai > p:nth-child(2) > span:nth-child(2) {
            display: block;
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 1.6;
            margin-top: 20px;
            text-align: justify;
            text-justify: inter-ideograph; }
        #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.dubai > span.photoDefault {
          margin-top: 20px;
          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: 5px;
          font-size: 1.6rem;
          font-weight: 400;
          line-height: 1.4;
          text-align: justify;
          text-justify: inter-ideograph; }
        #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.vietnam {
          margin-top: 50px; }
          #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: 5px;
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 1.4;
            text-align: justify;
            text-justify: inter-ideograph; }
        #wrapper article .sect3 div.text > div.back_white > div.kokugai > p.text2 {
          margin-top: 30px;
          font-size: 1.8rem;
          font-weight: 600;
          text-align: justify; }
  #wrapper article .sect3 > section {
    background-color: #FFFFFF; }
    #wrapper article .sect3 > section > div {
      background-color: #f8f4e4;
      padding-top: 40px;
      padding-right: 6%;
      padding-left: 6%;
      padding-bottom: 40px; }
      #wrapper article .sect3 > section > div > h4 > a {
        font-size: 2rem;
        font-weight: 600; }
      #wrapper article .sect3 > section > div > p {
        font-size: 1.6rem;
        line-height: 1.5; }
      #wrapper article .sect3 > section > div > ul {
        margin-top: 20px; }
        #wrapper article .sect3 > section > div > ul > li {
          background-color: #FFFFFF;
          padding-bottom: 25px; }
          #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) {
            padding-right: 25px;
            padding-left: 25px;
            padding-top: 15px; }
            #wrapper article .sect3 > section > div > ul > li > p:nth-child(2) > span:nth-child(1) {
              display: block;
              font-size: 1.8rem;
              font-weight: 600;
              line-height: 1.4;
              text-align: center; }
            #wrapper article .sect3 > section > div > ul > li > p:nth-child(2) > span:nth-child(2) {
              display: block;
              font-size: 1.6rem;
              line-height: 1.4;
              text-align: justify;
              text-justify: inter-ideograph;
              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 .sect3 > section > div > ul > li + li {
          margin-top: 30px; }
#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: 80px; }
  #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; }

.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%); }