@charset "UTF-8";

br.sp { display: none !important; }
span.sp { display: none !important; }
img.sp { display: none !important; }
div.sp { display: none !important; }

@media screen and (max-width: 768px) {
  br.sp { display: inline-block !important; }
  br.pc { display: none !important; }
  span.sp { display: block !important; }
  span.pc { display: none !important; }
  img.sp { display: block !important; }
  img.pc { display: none !important; }
  div.sp { display: block !important; }
  div.pc { display: none !important; }
}

a.u_line { text-decoration: underline; }
a.u_line:hover { text-decoration: none; }

.c-font-roboto {
  font-family: 'Roboto'!important;
}

/* content-wrapper */
.content-wrapper {
	background: #D9FFFF;
	overflow: hidden;
}


.section {
  margin: 0 0 0 0;
  padding: 0 0 55px 0;
  text-align: center;
}

.section .kiyaku-view-btn {
  margin: 0 auto;
  padding: 40px 0 40px 0;
  width: 369px;
}
.section .kiyaku-view-btn .btn {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 94px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Noto Sans JP';
  color: #fff;

  background: #001E62;
  border-radius: 23px;
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  transition: all 0.6s 0s ease-in-out;
}
.section .kiyaku-view-btn .btn:hover {
  opacity: 0.7;
}
.section .kiyaku-view-btn .btn::before {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 15px;
  height: 1px;
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translate(0,-50%);
}
.section .kiyaku-view-btn .btn::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 15px;
  height: 1px;
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translate(0,-50%) rotate(90deg);
  transition: all 0.5s 0s ease-in-out;
}
.section .kiyaku-view-btn .btn.active::after {
  transform: translate(0,-50%) rotate(0deg);
}
.section .kiyaku-box {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 92%;
  max-width: 900px;
  text-align: left;
  
  max-height: 0;
  overflow: hidden;
  transition: max-height 1.2s ease;
}
.section .kiyaku-box dl {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  width: 100%;
}
.section .kiyaku-box dl dt {
  margin: 0 0 0 0;
  padding: 0 0 5px 0;
  width: 100%;
  line-height: 1.6em;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Noto Sans JP';

	color:#001E62;
}
.section .kiyaku-box dl dd {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  line-height: 1.6em;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans JP';

	color:#001E62;
}
.section .kiyaku-box dl dd a {

		color:#001E62;
}
.section .kiyaku-box dl dd ul {
  list-style: none !important;
}
.section .kiyaku-box dl dd li {
  margin-left: 1.2em !important;
  line-height: 1.6em;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans JP';

  position: relative !important;
		color:#001E62;
}

.section .kiyaku-box dl dd ul > li::before {
  content: "・" !important;
  position: absolute !important;
  top: 0 !important;
  left: -1.2em !important;
}


@media all and (min-width: 769px) and (max-width: 1100px) {

  .section {
    margin: 0 0 0 0;
    padding: 0 0 3.691vw 0;
    text-align: center;
  }

  .section .kiyaku-view-btn {
    margin: 0 auto;
    padding: 2.685vw 0 2.685vw 0;
    width: 24.765vw;
  }
  .section .kiyaku-view-btn .btn {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 6.309vw;
    font-size: 1.074vw;
    font-weight: 700;
    font-family: 'Noto Sans JP';
    color: #fff;

  background: #001E62;
    border-radius: 1.544vw;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    transition: all 0.6s 0s ease-in-out;
  }
  .section .kiyaku-view-btn .btn:hover {
    opacity: 0.7;
  }
  .section .kiyaku-view-btn .btn::before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 1.007vw;
    height: 0.067vw;
    content: "";
    background: #fff;
    position: absolute;
    top: 50%;
    right: 1.141vw;
    transform: translate(0,-50%);
  }
  .section .kiyaku-view-btn .btn::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 1.007vw;
    height: 0.067vw;
    content: "";
    background: #fff;
    position: absolute;
    top: 50%;
    right: 1.141vw;
    transform: translate(0,-50%) rotate(90deg);
    transition: all 0.5s 0s ease-in-out;
  }
  .section .kiyaku-view-btn .btn.active::after {
    transform: translate(0,-50%) rotate(0deg);
  }
  .section .kiyaku-box {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 92%;
    max-width: 60.403vw;
    text-align: left;

    max-height: 0;
    overflow: hidden;
    transition: max-height 1.2s ease;
  }
  .section .kiyaku-box dl {
    margin: 0 0 0 0;
    padding: 0 0 2.685vw 0;
    width: 100%;
  }
  .section .kiyaku-box dl dt {
    width: 100%;
    font-weight: 700;
    font-family: 'Noto Sans JP';

    
    line-height: 1.4em;
    font-size: 1.273vw;
    text-align: left;
    margin: 0 0 0.455vw 0 !important;
    padding: 0 0 0 0 !important;
    
  }
  .section .kiyaku-box dl dd {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    line-height: 1.4em;
    font-size: 1.273vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';

  }
  .section .kiyaku-box dl dd a {

  }
  .section .kiyaku-box dl dd li {
    line-height: 1.4em;
    font-size: 1.273vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';

  }

}
@media screen and (max-width: 768px) {

  .section {
    margin: 0 0 0 0;
    padding: 0 0 8.929vw 0;
    text-align: center;
  }

  .section .kiyaku-view-btn {
    margin: 0 auto;
    padding: 7.143vw 0 7.143vw 0;
    width: 59.643vw;
  }
  .section .kiyaku-view-btn .btn {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 15vw;
    font-size: 2.857vw;
    font-weight: 700;
    font-family: 'Noto Sans JP';
    color: #fff;

  background: #001E62;
    border-radius: 4.107vw;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    transition: all 0.6s 0s ease-in-out;
  }
  .section .kiyaku-view-btn .btn:hover {
    opacity: 0.7;
  }
  .section .kiyaku-view-btn .btn::before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 2.679vw;
    height: 1px;
    content: "";
    background: #fff;
    position: absolute;
    top: 50%;
    right: 3.036vw;
    transform: translate(0,-50%);
  }
  .section .kiyaku-view-btn .btn::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 2.679vw;
    height: 1px;
    content: "";
    background: #fff;
    position: absolute;
    top: 50%;
    right: 3.036vw;
    transform: translate(0,-50%) rotate(90deg);
    transition: all 0.5s 0s ease-in-out;
  }
  .section .kiyaku-view-btn .btn.active::after {
    transform: translate(0,-50%) rotate(0deg);
  }
  .section .kiyaku-box {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 89.286vw;
    max-width: 89.286vw;
    text-align: left;

    max-height: 0;
    overflow: hidden;
    transition: max-height 1.2s ease;
  }
  .section .kiyaku-box dl {
    margin: 0 0 0 0;
    padding: 0 0 7.143vw 0;
    width: 100%;
  }
  .section .kiyaku-box dl dt {
    margin: 0 0 0.893vw 0 !important;
    padding: 0 0 0 0 !important;
    width: 100%;
    line-height: 1.4em;
    font-size: 2.5vw;
    font-weight: 700;
    font-family: 'Noto Sans JP';

  }
  .section .kiyaku-box dl dd {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    text-align: left;
    line-height: 1.4em;
    font-size: 2.5vw;
    font-family: 'Noto Sans JP';

  }
  .section .kiyaku-box dl dd a {

  }
  .section .kiyaku-box dl dd li {
    line-height: 1.4em;
    font-size: 2.5vw;
    font-family: 'Noto Sans JP';

  }



a.u_line { text-decoration: underline; }
a.u_line:hover { text-decoration: none; }
	}
.section .kiyaku-box dl dd ol.circle-list {
  list-style: none !important;
  padding-left: 0 !important;
}
.section .kiyaku-box dl dd ol.circle-list li {
  line-height: 1.6em;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans JP';

		color:#001E62;
  position: relative !important;
  list-style: none !important;
  padding-left: .25em !important;
}
.section .kiyaku-box dl dd ol.circle-list li::before {
  position: absolute !important;
  left: -1.25em !important;
  top: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
	
.section .kiyaku-box dl dd ol.circle-list li:nth-child(1)::before {
  content: "\2460" !important; /* 1 */
}
.section .kiyaku-box dl dd ol.circle-list li:nth-child(2)::before {
  content: "\2461" !important; /* 2 */
}

@media all and (min-width: 769px) and (max-width: 1100px) {
	.section .kiyaku-box dl dd ol.circle-list li { font-size:1.273vw; }
}
@media screen and (max-width: 768px) {
	.section .kiyaku-box dl dd ol.circle-list li { font-size:2.5vw; }
}
	
	












.nanji-main-visual {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
}
.nanji-main-visual-title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
}
.nanji-main-visual-title img {
  width: 100%;
  display: block;
}
.nanji-introduction {
  margin: 0 0 0 0;
  padding: 40px 0 80px 0;
  width: 100%;
  background: #d9ffff;
}
.nanji-introduction-title {
  margin: 0 0 0 0;
  padding: 0 0 55px 0;
  line-height: 1.8em;
  font-size: 27px;
  font-weight: 500;
  font-family: 'Noto Sans JP';
  color: #001e61;
  text-align: center;
}
.nanji-introduction-youtube-thumb {
  margin: 0 auto 20px;
  width: 90%;
  max-width: 586px;
}
.nanji-introduction-youtube-thumb img {
  width: 100%;
  display: block;
}
.nanji-introduction-youtube-thumb iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  border: 0;
}
.nanji-introduction-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 19px;
  font-weight: normal;
  font-family: 'Noto Sans JP';
  color: #001e61;
  text-align: center;
}
.nanji-gallery {
  margin: 0 0 0 0;
  padding: 103px 0 72px 0;
  width: 100%;
  background: #40c3c3;
}
.nanji-gallery-title {
  margin: 0 0 0 0;
  padding: 0 0 85px 0;
  line-height: 1.8em;
  font-size: 37px;
  font-weight: bold;
  font-family: 'Noto Sans JP';
  color: #001e61;
  text-align: center;
}
.nanji-gallery-title .sub {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  line-height: 1.8em;
  font-size: 30px;
  font-weight: bold;
  font-family: 'Noto Sans JP';
  text-align: center;
  display: block;
}
.nanji-main-image {
  margin: 0 auto 70px;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 719px;
}
.nanji-main-image img {
  width: 100%;
  display: block;
}
.nanji-photo-image-box {
  margin: 0 auto 152px;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 706px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nanji-photo-image-box img {
  margin: 0 0 61px 0;
  width: 27.9%;
  max-width: 197px;
  display: block;
}
.nanji-photo-image-box img:nth-of-type(4) {
  margin: 0 0 0 0;
  width: 43.62%;
  max-width: 308px;
}
.nanji-photo-image-box img:nth-of-type(5) {
  margin: 0 0 0 0;
  width: 43.62%;
  max-width: 308px;
}
.nanji-gallery-message {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
.nanji-gallery-catch {
  margin: 0 0 0 0;
  padding: 0 0 36px 0;
  line-height: 1.8em;
  font-size: 23px;
  font-weight: bold;
  font-family: 'Noto Sans JP';
  color: #001e61;
}
.nanji-gallery-text {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  line-height: 1.8em;
  font-size: 18px;
  font-weight: normal;
  font-family: 'Noto Sans JP';
  color: #001e61;
}
.nanji-gallery-line {
  margin: 30px auto 72px auto;
  width: 90%;
  max-width: 984px;
  height: 0;
  background: none;
  border: none;
  border-top: 1px solid #d9ffff;
  clear: both;
}
.nanji-gallery-outline {
}
.nanji-gallery-outline-sub-title {
  margin: 0 0 30px 0;
  padding: 0 0 17px 0;
  line-height: 1.8em;
  font-size: 27px;
  font-weight: 500;
  font-family: 'Noto Sans JP';
  color: #001e61;
  text-align: center;
  position: relative;
}
.nanji-gallery-outline-sub-title::after {
  width: 28px;
  height: 1px;
  content: "";
  background: #001e61;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
}
.nanji-gallery-outline-info {
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 538px;
  display: flex;
}
.nanji-gallery-outline-info-label {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 67px;
  line-height: 1.6em;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Noto Sans JP';
  color: #001e61;
}
.nanji-gallery-outline-info-detail {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 471px;
  line-height: 1.8em;
  font-size: 18px;
  font-weight: normal;
  font-family: 'Noto Sans JP';
  color: #001e61;
}
.nanji-gallery-outline-info-detail a {
  color: #001e61;
}
.nanji-gallery-outline-info-detail a:hover {
  text-decoration: none;
}
.nanji-gallery-outline-info--access .nanji-gallery-outline-info-label {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 97px;
}
.nanji-gallery-outline-info--access .nanji-gallery-outline-info-detail {
  width: 441px;
}
.nanji-gallery-outline-info--access .nanji-gallery-outline-info-detail a {
  margin-top: 1.4em;
  display: inline-block;
  border-bottom: 1px solid #001e61;
  text-decoration: none;
}
.nanji-gallery-outline-info--access .nanji-gallery-outline-info-detail a:hover {
  opacity: 0.7;
}


.nanji-gallery-outline-note {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  line-height: 1.6em;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Noto Sans JP';
}
.official-link-box {
  margin: 0 0 0 0;
  padding: 30px 0 0 0;
}
.official-link {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 346px;
  height: 60px;
  line-height: 1.4em;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Noto Sans JP';
  text-decoration: none;
  color: #001e61;
  background: #d9ffff;
  border: 1px solid #001e61;
  border-radius: 180px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s 0s ease;
  position: relative;
}
.official-link:hover {
  opacity: 0.6;
}
.official-link::after {
  width: 7px;
  height: 14px;
  content: "";
  background: url("../img/arrow_01.svg") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translate(0,-50%);
}
.nanji-campaign-photo-image-box {
  margin: 0 auto 138px;
  width: 90%;
  max-width: 865px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nanji-campaign-photo-image-box img {
  width: 35.6%;
  max-width: 308px;
  height: auto;
}
.nanji-campaign-photo-image-box img:nth-of-type(3) {
  width: 22.774%;
  max-width: 197px;
}
.nanji-campaign-detail {
  margin: 0 0 0 0;
  padding: 108px 0 0 0;
  background: #d9ffff;
}
.nanji-campaign-detail-title {
  margin: 0 0 0 0;
  padding: 0 0 62px 0;
  line-height: 1.8em;
  font-size: 33px;
  font-weight: 700;
  font-family: 'Noto Sans JP';
  color: #001e61;
  text-align: center;
}
.nanji-campaign-detail-sub-title {
  margin: 0 0 60px 0;
  padding: 0 0 17px 0;
  line-height: 1.8em;
  font-size: 27px;
  font-weight: 500;
  font-family: 'Noto Sans JP';
  color: #001e61;
  text-align: center;
  position: relative;
}
.nanji-campaign-detail-sub-title::after {
  width: 28px;
  height: 1px;
  content: "";
  background: #001e61;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
}
.nanji-step-list {
  margin: 0 auto 88px;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 860px;
  list-style: none;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.nanji-step-list-item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 50%;
}
.nanji-step-list-item-label {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  width: 138px;
  height: 36px;
  line-height: 1.2em;
  font-size: 26px;
  font-weight: 300;
  color: #fff;
  background: #001e61;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nanji-step-list-item-text {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  min-height: 130px;
  line-height: 2.0em;
  font-size: 16px;
  font-weight: normal;
  font-family: 'Noto Sans JP';
  color: #001e61;
}
.nanji-step-list-item-text a {
  color: #001e61;
  text-decoration: underline;
}
.nanji-step-list-item-text em {
  font-style: normal;
  font-weight: bold;
}
.nanji-step-list-item-image {
  margin: 0 0 0 0;
  width: 348px;
}
.nanji-step-list-item:nth-of-type(2) .nanji-step-list-item-image {
  margin: 0 0 0 0;
}

.nanji-bnr {
  margin: 0 auto 65px;
  width: 90%;
  max-width: 712px;
}
.nanji-bnr:last-child {
  margin: 0 auto 128px;
}
.nanji-bnr img {
  width: 100%;
  display: block;
}
@media all and (min-width: 769px) and (max-width: 1100px) { /* 1300px */
  .nanji-main-visual {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .nanji-main-visual-title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .nanji-main-visual-title img {
    width: 100%;
    display: block;
  }
  .nanji-introduction {
    margin: 0 0 0 0;
    padding: 3.077vw 0 6.154vw 0;
    width: 100%;
    background: #d9ffff;
  }
  .nanji-introduction-title {
    margin: 0 0 0 0;
    padding: 0 0 4.231vw 0;
    line-height: 1.8em;
    font-size: 2.077vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-introduction-youtube-thumb {
    margin: 0 auto 1.538vw;
    width: 90%;
    max-width: 45.077vw;
  }
  .nanji-introduction-youtube-thumb img {
    width: 100%;
    display: block;
  }
  .nanji-introduction-youtube-thumb iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    border: 0;
  }
  .nanji-introduction-text {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.8em;
    font-size: 1.462vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-gallery {
    margin: 0 0 0 0;
    padding: 7.923vw 0 5.538vw 0;
    width: 100%;
    background: #40c3c3;
  }
  .nanji-gallery-title {
    margin: 0 0 0 0;
    padding: 0 0 6.538vw 0;
    line-height: 1.8em;
    font-size: 2.846vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-gallery-title .sub {
    margin: 0 0 0 0;
    padding: 0.769vw 0 0 0;
    line-height: 1.8em;
    font-size: 2.308vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    text-align: center;
    display: block;
  }
  .nanji-main-image {
    margin: 0 auto 5.385vw;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 55.308vw;
  }
  .nanji-main-image img {
    width: 100%;
    display: block;
  }
  .nanji-photo-image-box {
    margin: 0 auto 11.692vw;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 54.308vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .nanji-photo-image-box img {
    margin: 0 0 4.692vw 0;
    width: 27.9%;
    max-width: 15.154vw;
    display: block;
  }
  .nanji-photo-image-box img:nth-of-type(4) {
    margin: 0 0 0 0;
    width: 43.62%;
    max-width: 23.692vw;
  }
  .nanji-photo-image-box img:nth-of-type(5) {
    margin: 0 0 0 0;
    width: 43.62%;
    max-width: 23.692vw;
  }
  .nanji-gallery-message {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
  }
  .nanji-gallery-catch {
    margin: 0 0 0 0;
    padding: 0 0 2.769vw 0;
    line-height: 1.8em;
    font-size: 1.769vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-text {
    margin: 0 0 0 0;
    padding: 0 0 3.077vw 0;
    line-height: 1.8em;
    font-size: 1.385vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-line {
    margin: 2.308vw auto 5.538vw auto;
    width: 90%;
    max-width: 75.692vw;
    height: 0;
    background: none;
    border: none;
    border-top: 1px solid #d9ffff;
    clear: both;
  }
  .nanji-gallery-outline {
  }
  .nanji-gallery-outline-sub-title {
    margin: 0 0 2.308vw 0;
    padding: 0 0 1.308vw 0;
    line-height: 1.8em;
    font-size: 2.077vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
    position: relative;
  }
  .nanji-gallery-outline-sub-title::after {
    width: 2.154vw;
    height: 0.077vw;
    content: "";
    background: #001e61;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
  
  .nanji-gallery-outline-info {
    margin: 0 auto;
    padding: 0 0 1.538vw 0;
    width: 41.385vw;
    display: flex;
  }
  .nanji-gallery-outline-info-label {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 5.154vw;
    line-height: 1.6em;
    font-size: 1.385vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-outline-info-detail {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 36.231vw;
    line-height: 1.8em;
    font-size: 1.385vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-outline-info-detail a {
    color: #001e61;
  }
  .nanji-gallery-outline-info-detail a:hover {
    text-decoration: none;
  }
  .nanji-gallery-outline-info--access .nanji-gallery-outline-info-label {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 7.462vw;
  }
  .nanji-gallery-outline-info--access .nanji-gallery-outline-info-detail {
    width: 33.923vw;
  }

  
  
  .nanji-gallery-outline-note {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    line-height: 1.6em;
    font-size: 1.077vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
  }
  .official-link-box {
    margin: 0 0 0 0;
    padding: 2.308vw 0 0 0;
  }
  .official-link {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 26.615vw;
    height: 4.615vw;
    line-height: 1.4em;
    font-size: 1.231vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    text-decoration: none;
    color: #001e61;
    background: #d9ffff;
    border: 1px solid #001e61;
    border-radius: 13.846vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s 0s ease;
    position: relative;
  }
  .official-link:hover {
    opacity: 0.6;
  }
  .official-link::after {
    width: 0.538vw;
    height: 1.077vw;
    content: "";
    background: url("../img/arrow_01.svg") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 1.769vw;
    transform: translate(0,-50%);
  }
  .nanji-campaign-photo-image-box {
    margin: 0 auto 10.615vw;
    width: 90%;
    max-width: 66.538vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .nanji-campaign-photo-image-box img {
    width: 35.6%;
    max-width: 23.692vw;
    height: auto;
  }
  .nanji-campaign-photo-image-box img:nth-of-type(3) {
    width: 22.774%;
    max-width: 15.154vw;
  }
  .nanji-campaign-detail {
    margin: 0 0 0 0;
    padding: 8.308vw 0 0 0;
    background: #d9ffff;
  }
  .nanji-campaign-detail-title {
    margin: 0 0 0 0;
    padding: 0 0 4.769vw 0;
    line-height: 1.8em;
    font-size: 2.577vw;
    font-weight: 700;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-campaign-detail-sub-title {
    margin: 0 0 4.615vw 0;
    padding: 0 0 1.308vw 0;
    line-height: 1.8em;
    font-size: 2.077vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
    position: relative;
  }
  .nanji-campaign-detail-sub-title::after {
    width: 2.154vw;
    height: 0.077vw;
    content: "";
    background: #001e61;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
  .nanji-step-list {
    margin: 0 auto 6.769vw;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 66.154vw;
    list-style: none;
    text-align: left;
    display: flex;
    justify-content: space-between;
  }
  .nanji-step-list-item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 50%;
  }
  .nanji-step-list-item-label {
    margin: 0 0 1.154vw 0;
    padding: 0 0 0 0;
    width: 10.615vw;
    height: 2.769vw;
    line-height: 1.2em;
    font-size: 2vw;
    font-weight: 300;
    color: #fff;
    background: #001e61;
    border-radius: 0.462vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nanji-step-list-item-text {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-height: 10vw;
    line-height: 2.0em;
    font-size: 1.231vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-step-list-item-text a {
    color: #001e61;
  }
  .nanji-step-list-item-text em {
    font-style: normal;
    font-weight: bold;
  }
  .nanji-step-list-item-image {
    margin: 0 0 0 0;
    width: 26.769vw;
  }
  .nanji-step-list-item:nth-of-type(2) .nanji-step-list-item-image {
    margin: 0 0 0 0;
  }

  .nanji-bnr {
    margin: 0 auto 5vw;
    width: 90%;
    max-width: 54.769vw;
  }
  .nanji-bnr:last-child {
    margin: 0 auto 128px;
  }
  .nanji-bnr img {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 768px) { /* 560px */
  .nanji-main-visual {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .nanji-main-visual-title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .nanji-main-visual-title img {
    width: 100%;
    display: block;
  }
  .nanji-introduction {
    margin: 0 0 0 0;
    padding: 8.929vw 0 7.143vw 0;
    width: 100%;
    background: #d9ffff;
  }
  .nanji-introduction-title {
    margin: 0 0 0 0;
    padding: 0 0 9.821vw 0;
    line-height: 1.8em;
    font-size: 4vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-introduction-youtube-thumb {
    margin: 0 auto 3.571vw;
    width: 90%;
    max-width: 89.643vw;
  }
  .nanji-introduction-youtube-thumb img {
    width: 100%;
    display: block;
  }
  .nanji-introduction-youtube-thumb iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    border: 0;
  }
  .nanji-introduction-text {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.8em;
    font-size: 3.393vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-gallery {
    margin: 0 0 0 0;
    padding: 12.5vw 0 12.857vw 0;
    width: 100%;
    background: #40c3c3;
  }
  .nanji-gallery-title {
    margin: 0 0 0 0;
    padding: 0 0 10.357vw 0;
    line-height: 1.8em;
    font-size: 6.607vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-gallery-title .sub {
    margin: 0 0 0 0;
    padding: 1.786vw 0 0 0;
    line-height: 1.8em;
    font-size: 5.357vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    text-align: center;
    display: block;
  }
  .nanji-main-image {
    margin: 0 auto 11.607vw;
    padding: 0 0 0 0;
    width: 91.071vw;
    max-width: 91.071vw;
  }
  .nanji-main-image img {
    width: 100%;
    display: block;
  }
  .nanji-photo-image-box {
    margin: 0 auto 14.286vw;
    padding: 0 0 0 0;
    width: 89.643vw;
    max-width: 89.643vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .nanji-photo-image-box img {
    margin: 0 0 4.821vw 0;
    width: 27.857vw;
    max-width: 27.857vw;
    display: block;
  }
  .nanji-photo-image-box img:nth-of-type(4) {
    margin: 0 0 0 0;
    width: 43.393vw;
    max-width: 43.393vw;
  }
  .nanji-photo-image-box img:nth-of-type(5) {
    margin: 0 0 0 0;
    width: 43.393vw;
    max-width: 43.393vw;
  }
  .nanji-gallery-message {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
  }
  .nanji-gallery-catch {
    margin: 0 0 0 0;
    padding: 0 0 6.429vw 0;
    line-height: 1.8em;
    font-size: 3.75vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-text {
    margin: 0 0 0 0;
    padding: 0 0 6.25vw 0;
    line-height: 1.8em;
    font-size: 3.214vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-line {
    margin: 5.357vw auto 12.857vw auto;
    width: 88.571vw;
    max-width: 88.571vw;
    height: 0;
    background: none;
    border: none;
    border-top: 1px solid #d9ffff;
    clear: both;
  }
  .nanji-gallery-outline {
  }
  .nanji-gallery-outline-sub-title {
    margin: 0 0 5.357vw 0;
    padding: 0 0 3.036vw 0;
    line-height: 1.8em;
    font-size: 4.821vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
    position: relative;
  }
  .nanji-gallery-outline-sub-title::after {
    width: 5vw;
    height: 0.179vw;
    content: "";
    background: #001e61;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
  .nanji-gallery-outline-info {
    margin: 0 auto;
    padding: 0 0 3.571vw 0;
    width: 80.357vw;
    display: block;
  }
  .nanji-gallery-outline-info-label {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 10.286vw;
    line-height: 1.6em;
    font-size: 3.357vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-outline-info-detail {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*width: 70.071vw;*/
    line-height: 1.8em;
    font-size: 3.357vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-gallery-outline-info--access .nanji-gallery-outline-info-label {
    width: 17.786vw;
  }
  .nanji-gallery-outline-info--access .nanji-gallery-outline-info-detail {
   /* width: 62.571vw;*/
  }
  
  
  
  
  
  
  
  .nanji-gallery-outline-note {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    line-height: 1.6em;
    font-size: 2.5vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
  }
  .official-link-box {
    margin: 0 0 0 0;
    padding: 7.143vw 0 0 0;
  }
  .official-link {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 61.786vw;
    height: 10.714vw;
    line-height: 1.4em;
    font-size: 2.857vw;
    font-weight: bold;
    font-family: 'Noto Sans JP';
    text-decoration: none;
    color: #001e61;
    background: #d9ffff;
    border: 1px solid #001e61;
    border-radius: 32.143vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s 0s ease;
    position: relative;
  }
  .official-link:hover {
    opacity: 0.6;
  }
  .official-link::after {
    width: 1.25vw;
    height: 2.5vw;
    content: "";
    background: url("../img/arrow_01.svg") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 4.107vw;
    transform: translate(0,-50%);
  }
  .nanji-campaign-photo-image-box {
    margin: 0 auto 16.429vw;
    width: 90.714vw;
    max-width: 90.714vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .nanji-campaign-photo-image-box img {
    width: 43.393vw;
    max-width: 43.393vw;
    height: auto;
  }
  .nanji-campaign-photo-image-box img:nth-of-type(3) {
    margin: 4.643vw 0 0 31.429vw;
    width: 27.857vw;
    max-width: 27.857vw;
  }
  .nanji-campaign-detail {
    margin: 0 0 0 0;
    padding: 19.286vw 0 0 0;
    background: #d9ffff;
  }
  .nanji-campaign-detail-title {
    margin: 0 0 0 0;
    padding: 0 0 7.5vw 0;
    line-height: 1.8em;
    font-size: 5.321vw;
    font-weight: 700;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
  }
  .nanji-campaign-detail-sub-title {
    margin: 0 0 10.714vw 0;
    padding: 0 0 3.036vw 0;
    line-height: 1.8em;
    font-size: 4.821vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
    position: relative;
  }
  .nanji-campaign-detail-sub-title::after {
    width: 5vw;
    height: 0.179vw;
    content: "";
    background: #001e61;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
  .nanji-step-list {
    margin: 0 0 0 0;
    padding: 0 0 3.571vw 0;
    width: 100%;
    max-width: 100%;
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .nanji-step-list-item {
    margin: 0 0 0 0;
    padding: 0 0 9.464vw 0;
    width: 100%;
  }
  .nanji-step-list-item-label {
    margin: 0 auto 2.679vw auto;
    padding: 0 0 0 0;
    width: 24.643vw;
    height: 6.429vw;
    line-height: 1.2em;
    font-size: 4.643vw;
    font-weight: 300;
    color: #fff;
    background: #001e61;
    border-radius: 1.071vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nanji-step-list-item-text {
    margin: 0 0 0 0;
    padding: 0 0 3.571vw 0;
    min-height: 0px;
    line-height: 2.0em;
    font-size: 3.214vw;
    font-weight: normal;
    font-family: 'Noto Sans JP';
    color: #001e61;
  }
  .nanji-step-list-item-text a {
    color: #001e61;
  }
  .nanji-step-list-item-text em {
    font-style: normal;
    font-weight: bold;
  }
  .nanji-step-list-item-image {
    margin: 0 auto 0 auto;
    width: 62.143vw;
  }
  .nanji-step-list-item:nth-of-type(2) .nanji-step-list-item-image {
    margin: 0 auto 0 auto;
  }

  .nanji-bnr {
    margin: 0 auto 7.5vw;
    width: 89.286vw;
    max-width: 127.143vw;
  }
  .nanji-bnr:last-child {
    margin: 0 auto 14.643vw;
  }
  .nanji-bnr img {
    width: 100%;
    display: block;
  }
}









/* nanji-story */
.nanji-story {
  margin: 0 auto 62px;
  padding: 65px 0 65px 0;
  width: 90%;
  max-width: 984px;
  border-top: 1px solid #001e61;
  border-bottom: 1px solid #001e61;
}
.nanji-story .nanji-bnr {
  margin-bottom: 0px;
}
.nanji-story-title {
  margin: 0 0 20px 0;
  padding: 0 0 17px 0;
  line-height: 1.8em;
  font-size: 27px;
  font-weight: 500;
  font-family: 'Noto Sans JP';
  color: #001e61;
  text-align: center;
  position: relative;
}
.nanji-story-title::after {
  width: 28px;
  height: 1px;
  content: "";
  background: #001e61;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
}
.nanji-story-description {
  
}
.nanji-story-text {
  margin: 0 0 0 0;
  padding: 0 0 23px 0;
  line-height: 2.0em;
  font-size: 18px;
  font-weight: normal;
  color: #001e61;
  font-family: 'Noto Sans JP';
}
.nanji-story-copy {
  margin: 0 0 0 0;
  padding: 0 0 45px 0;
  line-height: 2.0em;
  font-size: 12px;
  font-weight: normal;
  color: #001e61;
  font-family: 'Noto Sans JP';
}
.nanji-movie-trailer {
  margin: 0 auto 65px;
  width: 90%;
  max-width: 715px;
  aspect-ratio: 16 / 9;
}
.nanji-movie-trailer iframe {
  width: 100%;
  height: 100%;
}
@media all and (min-width: 769px) and (max-width: 1100px) { /* 1300px */
  .nanji-story {
    margin: 0 auto 5vw;
    padding: 5vw 0 5vw 0;
    width: 90%;
    max-width: 75.692vw;
    border-top: 1px solid #001e61;
    border-bottom: 1px solid #001e61;
  }
  .nanji-story .nanji-bnr {
    margin-bottom: 0px;
  }
  .nanji-story-title {
    margin: 0 0 1.538vw 0;
    padding: 0 0 1.308vw 0;
    line-height: 1.8em;
    font-size: 2.077vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
    position: relative;
  }
  .nanji-story-title::after {
    width: 2.154vw;
    height: 0.077vw;
    content: "";
    background: #001e61;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
  .nanji-story-description {

  }
  .nanji-story-text {
    margin: 0 0 0 0;
    padding: 0 0 1.769vw 0;
    line-height: 2.0em;
    font-size: 1.385vw;
    font-weight: normal;
    color: #001e61;
    font-family: 'Noto Sans JP';
  }
  .nanji-story-copy {
    margin: 0 0 0 0;
    padding: 0 0 3.462vw 0;
    line-height: 2.0em;
    font-size: 0.923vw;
    font-weight: normal;
    color: #001e61;
    font-family: 'Noto Sans JP';
  }
  .nanji-movie-trailer {
    margin: 0 auto 5vw;
    width: 90%;
    max-width: 55vw;
    aspect-ratio: 16 / 9;
  }
  .nanji-movie-trailer iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .nanji-story {
    margin: 0 auto 11.607vw;
    padding: 11.607vw 0 11.607vw 0;
    width: 89.286vw;
    max-width: 89.286vw;
    border-top: 1px solid #001e61;
    border-bottom: 1px solid #001e61;
  }
  .nanji-story .nanji-bnr {
    margin-bottom: 0px;
  }
  .nanji-story-title {
    margin: 0 0 3.571vw 0;
    padding: 0 0 3.036vw 0;
    line-height: 1.8em;
    font-size: 4.821vw;
    font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #001e61;
    text-align: center;
    position: relative;
  }
  .nanji-story-title::after {
    width: 5vw;
    height: 0.179vw;
    content: "";
    background: #001e61;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
  .nanji-story-description {

  }
  .nanji-story-text {
    margin: 0 0 0 0;
    padding: 0 0 4.107vw 0;
    line-height: 2.0em;
    font-size: 3.214vw;
    font-weight: normal;
    color: #001e61;
    font-family: 'Noto Sans JP';
  }
  .nanji-story-copy {
    margin: 0 0 0 0;
    padding: 0 0 5.357vw 0;
    line-height: 2.0em;
    font-size: 2.143vw;
    font-weight: normal;
    color: #001e61;
    font-family: 'Noto Sans JP';
  }
  .nanji-movie-trailer {
    margin: 0 auto 6.25vw;
    width: 89.286vw;
    max-width: 89.286vw;
    aspect-ratio: 16 / 9;
  }
  .nanji-movie-trailer iframe {
    width: 100%;
    height: 100%;
  }

}

 .access-tight {
    display: inline-block !important;
    line-height: 1.35 !important;
  }