@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline; }



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block; }



body {

  line-height: 1; }



ol, ul {

  list-style: none; }



blockquote, q {

  quotes: none; }



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



html {

  font-size: 62.5%; }



body {

  line-height: 1.6;

	font-family: 'Noto Sans JP' ,"DM Sans", dnp-shuei-gothic-gin-std, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  /*font-family: "DM Sans", dnp-shuei-gothic-gin-std, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/

  letter-spacing: .05em;

  font-size: 15px;

  color: #222;

  font-weight: 400; }



.sp {

  display: none; }



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

  .pc {

    display: none; }



  .sp {

    display: block; } }

::selection {

  background: #333;

  color: #fff; }



a {

  color: #000; }

  a:hover {

    color: #0d0d0d; }



img {

  vertical-align: top; }



ul, ol {

  list-style: none; }



.cf {

  zoom: 1; }

  .cf:before, .cf:after {

    content: '';

    display: table; }

  .cf:after {

    clear: both; }



h1, h2, h3, h4, h5, h6 {

  font-weight: 600; }



html {

  background: #ebc546; }



body {

  background: #ebc546; }



#cover {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #fff;

  z-index: 999999;

  transition: opacity 0.35s ease; }

  #cover.remove {

    opacity: 0; }



.margin-1 span:nth-child(1) {

  margin-right: 6px; }



.margin-2 span:nth-child(2) {

  margin-right: 6px; }



.margin-3 span:nth-child(3) {

  margin-right: 6px; }



.margin-4 span:nth-child(4) {

  margin-right: 6px; }



.margin-5 span:nth-child(5) {

  margin-right: 6px; }



.margin-6 span:nth-child(6) {

  margin-right: 6px; }



.margin-7 span:nth-child(7) {

  margin-right: 6px; }



.margin-8 span:nth-child(8) {

  margin-right: 6px; }



.margin-9 span:nth-child(9) {

  margin-right: 6px; }



.margin-10 span:nth-child(10) {

  margin-right: 6px; }



.margin-11 span:nth-child(11) {

  margin-right: 6px; }



.margin-12 span:nth-child(12) {

  margin-right: 6px; }



body:not(.home) header {

  position: fixed; }

  body:not(.home) header.fixed {

    position: fixed;

    top: 0px; }

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

      body:not(.home) header.fixed {

        top: 0px; } }



header {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  overflow: hidden;

  z-index: 99999;

  background: #fff; }

  header.fixed {

    position: fixed;

    top: -50px; }

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

      header.fixed {

        top: -30px; } }

  header .loop-box {

    position: relative;

    width: 100%;

    height: 50px;

    background: #e2dfdc;

    width: 100%;

    overflow: hidden; }

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

      header .loop-box {

        height: 30px; } }

    header .loop-box .inner {

      position: relative;

      top: 13px;

      letter-spacing: -0.4em;

      white-space: nowrap; }

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

        header .loop-box .inner {

          top: 3px; } }

      header .loop-box .inner ul {

        position: relative;

        display: inline-block;

        letter-spacing: -0.4em;

        white-space: nowrap; }

        header .loop-box .inner ul li {

          position: relative;

          display: inline-block;

          letter-spacing: 0.05em;

          font-size: 15px;

          font-weight: bold;

          padding-right: 50px; }

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

            header .loop-box .inner ul li {

              height: 30px; } }

          header .loop-box .inner ul li.en {

            letter-spacing: 0.1em; }

          header .loop-box .inner ul li:before {

            position: absolute;

            content: "";

            top: 4px;

            right: 20px;

            background: url("../img/_common/icon_u_small.svg") center center no-repeat;

            width: 15px;

            height: 15px;

            background-size: contain; }

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

              header .loop-box .inner ul li:before {

                width: 12px;

                height: 12px;

                top: 6px; } }

  header .head-box {

    position: relative;

    width: calc(100% - 100px);

    height: 80px;

    margin: 0 auto;

    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

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

      header .head-box {

        width: calc(100% - 40px);

        height: 54px; } }

    header .head-box .btn-contact {

      position: absolute;

      top: 17px;

      left: 0;

      width: 46px; }

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

        header .head-box .btn-contact {

          width: 32px;

          top: 11px; } }

      header .head-box .btn-contact a {

        display: block;

        width: 100%; }

        header .head-box .btn-contact a svg {

          width: 100%;

          height: auto; }

      @media screen and (min-width: 769px) {

        header .head-box .btn-contact {

          transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

          header .head-box .btn-contact:hover {

            transform: scale(1.15); } }

    header .head-box h1 {

      position: relative;

      /*top: 23px;

      width: 245px;

      margin: 0 auto;*/ }

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

        header .head-box h1 {

          top: 16px;

          width: 162px; } }

      header .head-box h1 a {

        display: block;

        width: 100%; }

        @media screen and (min-width: 769px) {

          header .head-box h1 a {

            transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

            header .head-box h1 a:hover {

              transform: scale(1.15); } }

        header .head-box h1 a svg {

          width: 100%;

          height: auto; }

    header .head-box .btnNavi {

      position: absolute;

      top: 0px;

      right: 0px;

      width: 50px;

      height: 80px;

      padding: 30px 0;

      box-sizing: border-box;

      margin-left: 40px;

      cursor: pointer;

      transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);

      z-index: 10; }

      @media screen and (min-width: 769px) {

        header .head-box .btnNavi {

          transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

          header .head-box .btnNavi:hover {

            animation: 0.25s flash 1 forwards linear; } }

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

        header .head-box .btnNavi {

          width: 28px;

          height: 54px;

          padding: 19px 0; } }

      header .head-box .btnNavi span {

        position: relative;

        display: block;

        width: 40px;

        height: 2px;

        background: #000;

        transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);

        margin: 0 auto; }

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

          header .head-box .btnNavi span {

            width: 28px; } }

        header .head-box .btnNavi span:nth-child(n+2) {

          margin: 16px auto 0; }

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

            header .head-box .btnNavi span:nth-child(n+2) {

              margin: 12px auto 0; } }

      header .head-box .btnNavi.active span:nth-child(1) {

        transform: translate(0px, 9px) rotate(45deg); }

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

          header .head-box .btnNavi.active span:nth-child(1) {

            transform: translate(0px, 9px) rotate(30deg); } }

      header .head-box .btnNavi.active span:nth-child(2) {

        transform: translate(0px, -9px) rotate(-45deg); }

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

          header .head-box .btnNavi.active span:nth-child(2) {

            transform: translate(0px, -9px) rotate(-30deg); } }



#wrap {

  position: relative;

  width: 100%;

  padding-top: 130px;

  background-color: #fff; }

  #wrap main {

    position: relative;

    width: 100%;

    display: block;

    overflow: hidden; }

    #wrap main.top-page section.sec-main {

      position: relative;

      width: 100%;

      padding: 40px 0 80px; }

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

        #wrap main.top-page section.sec-main {

          padding: 30px 0 64px; } }

      #wrap main.top-page section.sec-main .container {

        position: relative;

        width: calc(100% - 200px);

        height: 650px;

        margin: 0 auto;

        background: #272727;

        border-radius: 20px;

       /* overflow: hidden;*/ }

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

          #wrap main.top-page section.sec-main .container {

            width: calc(100% - 40px);

            border-radius: 10px;

            height: 455px; } }

        #wrap main.top-page section.sec-main .container .icon {

          position: absolute;

          top: 50%;

          left: 50%;

          transform: translate(-50%, -50%);

          width: 245px; }

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

            #wrap main.top-page section.sec-main .container .icon {

              width: 160px; } }

          #wrap main.top-page section.sec-main .container .icon .inner {

            position: relative;

            width: 100%; }

            #wrap main.top-page section.sec-main .container .icon .inner svg {

              width: 100%;

              height: auto;

              animation-name: spinner;

              -webkit-animation-duration: 5s;

              animation-duration: 8s;

              -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);

              animation-iteration-count: infinite;

              animation-direction: normal; }

@keyframes spinner {

  0% {

    transform: rotate(0deg); }

  10% {

    transform: rotate(0deg); }

  20% {

    transform: rotate(0deg); }

  50% {

    transform: rotate(360deg); }

  65% {

    transform: rotate(360deg); }

  80% {

    transform: rotate(360deg); }

  to {

    transform: rotate(0deg); } }

      #wrap main.top-page section.sec-main .scrolldown {

        position: absolute;

        bottom: 24px;

        right: 55px;

        font-size: 12.5px;

        font-weight: 600;

        letter-spacing: 0.1em; }

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

          #wrap main.top-page section.sec-main .scrolldown {

            font-size: 13px;

            right: 20px;

            bottom: 14px; } }

        #wrap main.top-page section.sec-main .scrolldown .inner {

          position: relative;

          display: flex; }

          #wrap main.top-page section.sec-main .scrolldown .inner p.ttl {

            position: relative;

            top: 8px;

            margin-right: 24px; }

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

              #wrap main.top-page section.sec-main .scrolldown .inner p.ttl {

                margin-right: 20px; } }

          #wrap main.top-page section.sec-main .scrolldown .inner p.icon {

            position: relative;

            width: 28px;

            border-bottom: 2px solid #000;

            text-align: center;

            padding: 4px 0 4px; }

            #wrap main.top-page section.sec-main .scrolldown .inner p.icon svg {

              width: 12px;

              height: auto; }

    #wrap main.top-page section.sec-concept {

      position: relative;

      width: 100%;

      background: #f5f5f5;

      padding: 92px 0 74px; }

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

        #wrap main.top-page section.sec-concept {

          padding: 60px 0 44px; } }

      #wrap main.top-page section.sec-concept .container {

        position: relative;

        width: calc(100% - 200px);

        margin: 0 auto;

        display: flex; }

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

          #wrap main.top-page section.sec-concept .container {

            display: block;

            width: calc(100% - 40px); } }

        #wrap main.top-page section.sec-concept .container h2 {

          position: relative;

          width: 215px;

          font-size: 17.5px;

          letter-spacing: 0.12em; }

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

            #wrap main.top-page section.sec-concept .container h2 {

              font-size: 13px; } }

        #wrap main.top-page section.sec-concept .container .text-box {

          position: relative;

          font-size: 20px;

          font-weight: 600; }

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

            #wrap main.top-page section.sec-concept .container .text-box {

              font-size: 4.1vw;

              margin-top: 18px;

              letter-spacing: 0.02em;

              line-height: 2.05; } }

          #wrap main.top-page section.sec-concept .container .text-box p {

            position: relative; }

            #wrap main.top-page section.sec-concept .container .text-box p:nth-child(n+2) {

              margin-top: 28px; }

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

                #wrap main.top-page section.sec-concept .container .text-box p:nth-child(n+2) {

                  margin-top: 0; } }

            #wrap main.top-page section.sec-concept .container .text-box p.encatch {

              margin-top: 40px;

              letter-spacing: 0.12em; }

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

                #wrap main.top-page section.sec-concept .container .text-box p.encatch {

                  margin-top: 15px; } }

    #wrap main.top-page section.sec-nondesign {

      position: relative;

      width: 100%;

      padding: 80px 0 80px; }

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

        #wrap main.top-page section.sec-nondesign {

          padding: 30px 0 30px; } }

      #wrap main.top-page section.sec-nondesign .mod-framebox {

        width: calc(100% - 200px); }

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

          #wrap main.top-page section.sec-nondesign .mod-framebox {

            width: calc(100% - 40px); } }

        #wrap main.top-page section.sec-nondesign .mod-framebox > .ttl-box {

          padding: 29px 100px 29px; }

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

            #wrap main.top-page section.sec-nondesign .mod-framebox > .ttl-box {

              padding: 22px 28px 22px; } }

          #wrap main.top-page section.sec-nondesign .mod-framebox > .ttl-box svg, #wrap main.top-page section.sec-nondesign .mod-framebox > .ttl-box img {

            display: block;

            width: 180px;

            height: auto; }

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

              #wrap main.top-page section.sec-nondesign .mod-framebox > .ttl-box svg, #wrap main.top-page section.sec-nondesign .mod-framebox > .ttl-box img {

                width: 128px; } }

        #wrap main.top-page section.sec-nondesign .mod-framebox .image-main {

          position: relative;

          padding: 60px 100px 60px;

          box-sizing: border-box;

          width: 100%; }

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

            #wrap main.top-page section.sec-nondesign .mod-framebox .image-main {

              padding: 30px 28px 56px; } }

          #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image {

            position: relative;

            width: 100%;

            height: 53vw;

            background: #f2c12c;

            border-radius: 20px; }

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

              #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image {

                height: 75vw;

                border-radius: 10px; } }

            #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image .image-house {

              position: absolute;

              top: 50%;

              left: 50%;

              transform: translate(-50%, -50%);

              width: 38%; }

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

                #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image .image-house {

                  width: 58%; } }

              #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image .image-house img {

                display: block;

                width: 100%;

                height: auto; }

#wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image-new{

	border-radius: 20px;

	overflow: hidden;

}

#wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image-new img{

	width: 100%;

}

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

	#wrap main.top-page section.sec-nondesign .mod-framebox .image-main .image-new{

		border-radius: 10px;

	}

}



          #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .text-box {

            position: relative;

            margin: 35px 0 0; }

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

              #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .text-box {

                margin: 26px 0 0; } }

            #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .text-box h3 {

              font-size: 20px; }

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

                #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .text-box h3 {

                  font-size: 15px;

                  line-height: 2; } }

            #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .text-box .p-box {

              margin: 15px 0 0;

              font-size: 15px;

              line-height: 2; }

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

                #wrap main.top-page section.sec-nondesign .mod-framebox .image-main .text-box .p-box {

                  margin: 8px 0 0;

                  line-height: 2.05; } }

        #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box {

          position: relative;

          padding: 38px 0px 0;

          box-sizing: border-box;

          width: 100%; }

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

            #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box {

              padding: 16px 0px 0; } }

          #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box:before {

            position: absolute;

            content: "";

            top: 0;

            left: 100px;

            width: calc(100% - 100px);

            height: 1px;

            background: #000; }

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

              #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box:before {

                left: 28px;

                width: calc(100% - 28px); } }

          #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .ttl-box {

            position: relative;

            padding: 0 100px 0;

            display: flex;

            justify-content: space-between; }

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

              #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .ttl-box {

                padding: 0 28px 0; } }

            #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .ttl-box h4 {

              font-size: 17.5px;

              letter-spacing: 0.1em; }

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

                #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .ttl-box h4 {

                  font-size: 13px; } }

            #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .ttl-box .pager {

              font-weight: bold;

              font-size: 17.5px;

              letter-spacing: 0.1em; }

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

                #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .ttl-box .pager {

                  top: 15px;

                  font-size: 12.5px; } }

          #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box {

            position: relative;

            width: calc(100% - 200px);

            margin: 95px auto 0; }

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

              #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box {

                width: 100%;

                margin: 24px auto 0; } }

            #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner {

              white-space: nowrap;

              letter-spacing: -0.4em;

              width: 38%; }

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

                #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner {

                  width: 48%;

                  margin: 24px auto 0; } }

              #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner .flickity-viewport {

                overflow: visible; }

              #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner .flickity-page-dots {

                bottom: -58px;

                left: -8px;

                text-align: left; }

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

                  #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner .flickity-page-dots {

                    display: none; } }

                #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner .flickity-page-dots li {

                  width: 16px;

                  height: 16px;

                  background-color: #fff;

                  border: 1px solid #808080;

                  box-sizing: border-box;

                  opacity: 1; }

                  #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner .flickity-page-dots li.is-selected {

                    background-color: #000;

                    border: 1px solid #000; }

              #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner article {

                position: relative;

                width: 100%;

                border-radius: 20px;

                overflow: hidden;

                display: inline-block;

                margin-right: 30px; }

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

                  #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner article {

                    border-radius: 5px;

                    margin-right: 15px;

                    width: 100%; } }

                #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box .inner article img {

                  display: block;

                  width: 100%;

                  height: auto; }

          #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .mod-textlink {

            margin-top: 113px;

            padding: 0 100px 0; }

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

              #wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .mod-textlink {

                margin-top: 32px;

                padding: 0 28px 0; } }

    #wrap main.top-page section.sec-movie {

      position: relative;

      width: 100%;

      padding: 80px 0 80px;

      background: #f5f5f5; }

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

        #wrap main.top-page section.sec-movie {

          padding: 30px 0 30px; } }

      #wrap main.top-page section.sec-movie .mod-framebox {

        width: calc(100% - 200px); }

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

          #wrap main.top-page section.sec-movie .mod-framebox {

            width: calc(100% - 40px); } }

        #wrap main.top-page section.sec-movie .mod-framebox .movie-box {

          position: relative;

          padding: 60px 100px 0;

          box-sizing: border-box;

          width: 100%; }

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

            #wrap main.top-page section.sec-movie .mod-framebox .movie-box {

              padding: 30px 28px 0; } }

          #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie {

            position: relative;

            width: 100%;

            border-radius: 20px;

            overflow: hidden;

            cursor: pointer; }

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

              #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie {

                border-radius: 10px; } }

            #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .image {

              width: 100%; }

              @media screen and (min-width: 769px) {

                #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .image {

                  transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

                  #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .image:hover {

                    transform: scale(1.05); } }

              #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .image img {

                display: block;

                width: 100%;

                height: auto; }

            #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .icon {

              position: absolute;

              top: 50%;

              left: 50%;

              width: 180px;

              transform: translate(-50%, -50%); }

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

                #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .icon {

                  width: 36px; } }

              #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .icon img, #wrap main.top-page section.sec-movie .mod-framebox .movie-box .movie .icon svg {

                width: 100%;

                height: auto; }

          #wrap main.top-page section.sec-movie .mod-framebox .movie-box .text-box {

            position: relative;

            margin: 35px 0 0; }

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

              #wrap main.top-page section.sec-movie .mod-framebox .movie-box .text-box {

                margin: 26px 0 0; } }

            #wrap main.top-page section.sec-movie .mod-framebox .movie-box .text-box h3 {

              font-size: 20px; }

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

                #wrap main.top-page section.sec-movie .mod-framebox .movie-box .text-box h3 {

                  font-size: 13px;

                  line-height: 2; } }

            #wrap main.top-page section.sec-movie .mod-framebox .movie-box .text-box .p-box {

              margin: 15px 0 0;

              font-size: 15px;

              line-height: 2; }

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

                #wrap main.top-page section.sec-movie .mod-framebox .movie-box .text-box .p-box {

                  font-size: 13px;

                  line-height: 2;

                  margin: 9px 0 0; } }

    #wrap main.top-page section.sec-media {

      position: relative;

      width: 100%;

      padding: 80px 0 80px; }

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

        #wrap main.top-page section.sec-media {

          padding: 30px 0 48px; } }

      #wrap main.top-page section.sec-media .mod-framebox {

        width: calc(100% - 200px); }

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

          #wrap main.top-page section.sec-media .mod-framebox {

            width: calc(100% - 40px); } }

      #wrap main.top-page section.sec-media .media-box {

        position: relative;

        padding: 60px 100px 0;

        box-sizing: border-box;

        display: flex;

        flex-wrap: wrap; }

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

          #wrap main.top-page section.sec-media .media-box {

            display: block;

            padding: 30px 28px 0; } }

        #wrap main.top-page section.sec-media .media-box article {

          position: relative;

          width: calc(50% - 15px); }

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

            #wrap main.top-page section.sec-media .media-box article {

              width: 100%; } }

          #wrap main.top-page section.sec-media .media-box article a {

            display: block;

            width: 100%;

            text-decoration: none; }

            @media screen and (min-width: 769px) {

              #wrap main.top-page section.sec-media .media-box article a .image-box {

                transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

              #wrap main.top-page section.sec-media .media-box article a:hover .image-box {

                transform: scale(1.05); } }

            #wrap main.top-page section.sec-media .media-box article a .image-box {

              position: relative;

              width: 100%;

              border-radius: 20px;

              overflow: hidden; }

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

                #wrap main.top-page section.sec-media .media-box article a .image-box {

                  border-radius: 10px; } }

              #wrap main.top-page section.sec-media .media-box article a .image-box .image {

                width: 100%; }

                #wrap main.top-page section.sec-media .media-box article a .image-box .image img {

                  display: block;

                  width: 100%;

                  height: auto; }

              #wrap main.top-page section.sec-media .media-box article a .image-box .label-category {

                position: absolute;

                top: 0;

                left: 0;

                width: 105px;

                height: 40px;

                background: #272727;

                text-align: center;

                color: #fff;

                font-weight: 400;

                line-height: 40px;

                font-size: 15px; }

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

                  #wrap main.top-page section.sec-media .media-box article a .image-box .label-category {

                    width: 72px;

                    height: 28px;

                    font-size: 12px;

                    line-height: 30px; } }

            #wrap main.top-page section.sec-media .media-box article a .text-box {

              position: relative;

              margin: 14px 0 0; }

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

                #wrap main.top-page section.sec-media .media-box article a .text-box {

                  margin: 12px 0 0; } }

              #wrap main.top-page section.sec-media .media-box article a .text-box p.date {

                text-align: right;

                font-size: 12.5px;

                font-weight: 600; }

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

                  #wrap main.top-page section.sec-media .media-box article a .text-box p.date {

                    font-size: 10.5px; } }

              #wrap main.top-page section.sec-media .media-box article a .text-box h3 {

                position: relative;

                margin-top: 20px;

                font-size: 15px;

                font-weight: 600; }

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

                  #wrap main.top-page section.sec-media .media-box article a .text-box h3 {

                    font-size: 13px;

                    margin-top: 20px;

                    line-height: 2; } }

              #wrap main.top-page section.sec-media .media-box article a .text-box p.body {

                margin-top: 8px;

                font-size: 15px;

                line-height: 2; }

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

                  #wrap main.top-page section.sec-media .media-box article a .text-box p.body {

                    font-size: 13px;

                    margin-top: 8px;

                    line-height: 2; } }

          #wrap main.top-page section.sec-media .media-box article:nth-child(2n) {

            margin-left: 30px; }

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

              #wrap main.top-page section.sec-media .media-box article:nth-child(2n) {

                margin-left: 0px; } }

          #wrap main.top-page section.sec-media .media-box article:nth-child(n+3) {

            margin-top: 54px; }

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

              #wrap main.top-page section.sec-media .media-box article:nth-child(n+3) {

                margin-top: 0px; } }

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

            #wrap main.top-page section.sec-media .media-box article:nth-child(n+2) {

              display: none; } }

      #wrap main.top-page section.sec-media .mod-textlink {

        margin-top: 60px;

        padding: 0 100px 0; }

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

          #wrap main.top-page section.sec-media .mod-textlink {

            padding: 0 28px 0;

            margin-top: 40px; } }

    #wrap main.top-page section.sec-instagram {

      position: relative;

      width: 100%;

      padding: 72px 0 110px;

      background: #f5f5f5; }

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

        #wrap main.top-page section.sec-instagram {

          padding: 41px 0 53px; } }

      #wrap main.top-page section.sec-instagram .container {

        width: calc(100% - 200px);

        margin: 0 auto; }

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

          #wrap main.top-page section.sec-instagram .container {

            width: calc(100% - 40px); } }

        #wrap main.top-page section.sec-instagram .container h2 {

          position: relative;

          font-size: 25px;

          letter-spacing: 0.1em;

          padding-left: 40px; }

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

            #wrap main.top-page section.sec-instagram .container h2 {

              font-size: 21px;

              padding-left: 28px; } }

          #wrap main.top-page section.sec-instagram .container h2:before {

            position: absolute;

            content: "";

            top: 9px;

            left: 0;

            background: url("../img/_common/icon_instagram.svg") center center no-repeat;

            width: 20px;

            height: 20px;

            background-size: contain; }

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

              #wrap main.top-page section.sec-instagram .container h2:before {

                width: 18px;

                height: 18px;

                top: 7px; } }

        #wrap main.top-page section.sec-instagram .container .instagram-box {

          position: relative;

          width: 100%;

          margin: 70px auto 0; }

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

            #wrap main.top-page section.sec-instagram .container .instagram-box {

              margin: 16px auto 0; } }

          #wrap main.top-page section.sec-instagram .container .instagram-box .image-box {

            position: relative;

            width: 100%; }

            #wrap main.top-page section.sec-instagram .container .instagram-box .image-box img {

              width: 100%;

              height: auto; }

          #wrap main.top-page section.sec-instagram .container .instagram-box .instagram-link {

            position: relative;

            text-align: right;

            margin-top: 34px;

            font-size: 15px; }

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

              #wrap main.top-page section.sec-instagram .container .instagram-box .instagram-link {

                margin-top: 12px;

                font-size: 13px; } }

            #wrap main.top-page section.sec-instagram .container .instagram-box .instagram-link a {

              font-weight: 400; }

        #wrap main.top-page section.sec-instagram .container .link-box {

          position: relative;

          margin: 56px auto 0;

          display: flex; }

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

            #wrap main.top-page section.sec-instagram .container .link-box {

              margin: 4px 0 0 0;

              width: 75%;

              flex-wrap: wrap; } }

          #wrap main.top-page section.sec-instagram .container .link-box li {

            position: relative;

            display: block;

            text-decoration: none;

            padding: 7px 12px 7px;

            font-size: 15px;

            border: 1px solid #808080;

            border-radius: 5px;

            box-sizing: border-box;

            font-weight: 400; }

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

              #wrap main.top-page section.sec-instagram .container .link-box li {

                margin: 0 10px 10px 0px; } }

            #wrap main.top-page section.sec-instagram .container .link-box li:nth-child(n+2) {

              margin-left: 10px; }

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

                #wrap main.top-page section.sec-instagram .container .link-box li:nth-child(n+2) {

                  margin-left: 0px; } }

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

              #wrap main.top-page section.sec-instagram .container .link-box li {

                padding: 3px 12px 1px;

                font-size: 13px; } }

    #wrap main.nondesign-index-page section.sec-main {

      width: calc(100% - 200px);

      max-width: 1028px;

      margin: 0 auto; }

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

        #wrap main.nondesign-index-page section.sec-main {

          width: calc(100% - 40px); } }

      #wrap main.nondesign-index-page section.sec-main h2 {

        width: 210px; }

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

          #wrap main.nondesign-index-page section.sec-main h2 {

            width: 188px; } }

        #wrap main.nondesign-index-page section.sec-main h2 img {

          width: 100%;

          height: auto; }

      #wrap main.nondesign-index-page section.sec-main .image-main {

        position: relative;

        box-sizing: border-box;

        width: 100%;

        margin-top: 60px; }

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

          #wrap main.nondesign-index-page section.sec-main .image-main {

            margin-top: 45px; } }

        #wrap main.nondesign-index-page section.sec-main .image-main .image {

          position: relative;

          width: 100%;

          height: 53vw;

          background: #f2c12c;

          border-radius: 20px; }

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

            #wrap main.nondesign-index-page section.sec-main .image-main .image {

              height: 88vw;

              border-radius: 10px; } }

          #wrap main.nondesign-index-page section.sec-main .image-main .image .image-house {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 38%; }

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

              #wrap main.nondesign-index-page section.sec-main .image-main .image .image-house {

                width: 58%; } }

            #wrap main.nondesign-index-page section.sec-main .image-main .image .image-house img {

              display: block;

              width: 100%;

              height: auto; }

        #wrap main.nondesign-index-page section.sec-main .image-main .text-box {

          position: relative;

          margin: 56px 0 0; }

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

            #wrap main.nondesign-index-page section.sec-main .image-main .text-box {

              margin: 26px 0 0; } }

          #wrap main.nondesign-index-page section.sec-main .image-main .text-box h3 {

            font-size: 20px; }

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

              #wrap main.nondesign-index-page section.sec-main .image-main .text-box h3 {

                font-size: 15px;

                line-height: 2; } }

          #wrap main.nondesign-index-page section.sec-main .image-main .text-box .p-box {

            margin: 15px 0 0;

            font-size: 15px;

            line-height: 2; }

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

              #wrap main.nondesign-index-page section.sec-main .image-main .text-box .p-box {

                margin: 8px 0 0;

                line-height: 2.05; } }

        #wrap main.nondesign-index-page section.sec-main .image-main .mod-textlink {

          margin-top: 50px; }

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

            #wrap main.nondesign-index-page section.sec-main .image-main .mod-textlink {

              margin-top: 32px; } }

    #wrap main.nondesign-index-page section.other-series-box {

      width: calc(100% - 200px);

      max-width: 1028px;

      margin: 94px auto 0;

      border-top: 1px solid #000;

      padding: 36px 0 110px; }

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

        #wrap main.nondesign-index-page section.other-series-box {

          width: calc(100% - 40px);

          margin: 98px auto 0;

          padding: 17px 0 52px; } }

      #wrap main.nondesign-index-page section.other-series-box h2 {

        font-size: 17.5px; }

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

          #wrap main.nondesign-index-page section.other-series-box h2 {

            font-size: 15px; } }

      #wrap main.nondesign-index-page section.other-series-box div.series-box {

        position: relative;

        width: 100%;

        display: flex;

        margin-top: 74px;

        justify-content: space-between; }

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

          #wrap main.nondesign-index-page section.other-series-box div.series-box {

            display: block;

            margin-top: 36px; } }

        #wrap main.nondesign-index-page section.other-series-box div.series-box ul {

          position: relative;

          width: calc(50% - 16px); }

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

            #wrap main.nondesign-index-page section.other-series-box div.series-box ul {

              width: 100%;

              margin-top: -1px; } }

          #wrap main.nondesign-index-page section.other-series-box div.series-box ul:nth-child(2n) {

            margin-left: 32px; }

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

              #wrap main.nondesign-index-page section.other-series-box div.series-box ul:nth-child(2n) {

                margin-left: 0; } }

          #wrap main.nondesign-index-page section.other-series-box div.series-box ul li {

            position: relative;

            width: 100%;

            border-bottom: 1px solid #e2dfdc; }

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

              #wrap main.nondesign-index-page section.other-series-box div.series-box ul li {

                width: 100%; } }

            #wrap main.nondesign-index-page section.other-series-box div.series-box ul li:nth-child(1) {

              border-top: 1px solid #e2dfdc; }

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

              #wrap main.nondesign-index-page section.other-series-box div.series-box ul li:nth-child(2) {

                border-top: none; } }

            #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a {

              position: relative;

              display: block;

              display: flex;

              align-items: center;

              text-decoration: none;

              padding: 16px 0 16px; }

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

                #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a {

                  padding: 9px 0 9px; } }

              @media screen and (min-width: 769px) {

                #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a {

                  transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

                  #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a:hover .image {

                    transform: scale(1.1); }

                  #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a:hover:before {

                    transform: translate(10px, -50%); } }

              #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a:before {

                position: absolute;

                content: "";

                top: 50%;

                right: 20px;

                transform: translateY(-50%);

                background: url("../img/_common/icon_arrow_link.svg") center center no-repeat;

                width: 20px;

                height: 12px;

                background-size: contain;

                transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

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

                  #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a:before {

                    right: 10px; } }

              #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .image {

                width: 180px;

                flex-shrink: 0;

                transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

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

                  #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .image {

                    width: 110px; } }

                #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .image img {

                  width: 100%;

                  height: auto; }

              #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .text-box {

                margin-left: 32px; }

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

                  #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .text-box {

                    margin-left: 12px; } }

                #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .text-box h3 {

                  font-size: 17.5px;

                  font-weight: bold; }

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

                    #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .text-box h3 {

                      font-size: 15px; } }

                #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .text-box p {

                  position: relative;

                  margin-top: 6px;

                  font-size: 15px;

                  line-height: 2; }

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

                    #wrap main.nondesign-index-page section.other-series-box div.series-box ul li a .text-box p {

                      font-size: 12.5px;

                      letter-spacing: 0em;

                      margin-top: 4px;

                      line-height: 1.7; } }

    #wrap main.nondesign-detail-page {

      padding-top: 70px; }

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

        #wrap main.nondesign-detail-page {

          padding-top: 62px; } }

      #wrap main.nondesign-detail-page section.sec-main {

        width: calc(100% - 200px);

        max-width: 1028px;

        margin: 0 auto;

        padding-bottom: 90px; }

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

          #wrap main.nondesign-detail-page section.sec-main {

            width: calc(100% - 40px);

            padding-bottom: 52px; } }

        #wrap main.nondesign-detail-page section.sec-main h2 {

          width: 210px; }

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

            #wrap main.nondesign-detail-page section.sec-main h2 {

              width: 188px; } }

          #wrap main.nondesign-detail-page section.sec-main h2 img {

            width: 100%;

            height: auto; }

        #wrap main.nondesign-detail-page section.sec-main .image-main {

          position: relative;

          box-sizing: border-box;

          width: 100%;

          margin-top: 60px; }

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

            #wrap main.nondesign-detail-page section.sec-main .image-main {

              margin-top: 45px; } }

          #wrap main.nondesign-detail-page section.sec-main .image-main .image {

            position: relative;

            width: 100%;

            height: 53vw;

            background: #f2c12c;

            border-radius: 20px; }

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

              #wrap main.nondesign-detail-page section.sec-main .image-main .image {

                height: 88vw;

                border-radius: 10px; } }

            #wrap main.nondesign-detail-page section.sec-main .image-main .image .image-house {

              position: absolute;

              top: 50%;

              left: 50%;

              transform: translate(-50%, -50%);

              width: 38%; }

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

                #wrap main.nondesign-detail-page section.sec-main .image-main .image .image-house {

                  width: 58%; } }

              #wrap main.nondesign-detail-page section.sec-main .image-main .image .image-house img {

                display: block;

                width: 100%;

                height: auto; }

          #wrap main.nondesign-detail-page section.sec-main .image-main .text-box {

            position: relative;

            margin: 56px 0 0; }

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

              #wrap main.nondesign-detail-page section.sec-main .image-main .text-box {

                margin: 26px 0 0; } }

            #wrap main.nondesign-detail-page section.sec-main .image-main .text-box h3 {

              font-size: 20px; }

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

                #wrap main.nondesign-detail-page section.sec-main .image-main .text-box h3 {

                  font-size: 15px;

                  line-height: 2; } }

            #wrap main.nondesign-detail-page section.sec-main .image-main .text-box .p-box {

              margin: 15px 0 0;

              font-size: 15px;

              line-height: 2; }

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

                #wrap main.nondesign-detail-page section.sec-main .image-main .text-box .p-box {

                  margin: 8px 0 0;

                  line-height: 2.05; } }

      #wrap main.nondesign-detail-page section.sec-about {

        position: relative;

        width: 100%;

        background: #f5f5f5;

        padding: 60px 0 0; }

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

          #wrap main.nondesign-detail-page section.sec-about {

            padding: 32px 0 0; } }

        #wrap main.nondesign-detail-page section.sec-about .container {

          width: calc(100% - 200px);

          max-width: 1028px;

          margin: 0 auto;

          padding-top: 36px;

          padding-bottom: 90px;

          border-top: 1px solid #000; }

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

            #wrap main.nondesign-detail-page section.sec-about .container {

              width: calc(100% - 40px);

              padding-top: 13px;

              padding-bottom: 52px; } }

          #wrap main.nondesign-detail-page section.sec-about .container .ttl-box {

            margin-bottom: 80px; }

            #wrap main.nondesign-detail-page section.sec-about .container .ttl-box h2 {

              font-size: 17.5px; }

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

                #wrap main.nondesign-detail-page section.sec-about .container .ttl-box h2 {

                  font-size: 12.5px; } }

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

              #wrap main.nondesign-detail-page section.sec-about .container .ttl-box {

                margin-bottom: 60px; } }

          #wrap main.nondesign-detail-page section.sec-about .container .color-box {

            position: relative;

            width: 100%;

            margin-top: 85px;

            border-radius: 20px;

            overflow: hidden; }

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

              #wrap main.nondesign-detail-page section.sec-about .container .color-box {

                border-radius: 10px;

                margin-top: 60px; } }

            #wrap main.nondesign-detail-page section.sec-about .container .color-box .image {

              width: 100%; }

              #wrap main.nondesign-detail-page section.sec-about .container .color-box .image img {

                width: 100%;

                height: auto; }

            #wrap main.nondesign-detail-page section.sec-about .container .color-box ul {

              display: flex;

              flex-wrap: wrap; }

              #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li {

                position: relative;

                width: 25%;

                height: 255px;

                background: #fff; }

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

                  #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li {

                    height: 22.5vw; } }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(1) {

                  background-color: #ffe113; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(2) {

                  background-color: #df1a2c; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(3) {

                  background-color: #009fc7; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(4) {

                  background-color: #c56e1c; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(5) {

                  background-color: #ec99a7; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(6) {

                  background-color: #6bb44f; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(7) {

                  background-color: #939190; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(8) {

                  background-color: #d6d5cb; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(9) {

                  background-color: #0d9857; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(10) {

                  background-color: #ec6811; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(11) {

                  background-color: #8e4693; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li:nth-child(12) {

                  background-color: #005392; }

                #wrap main.nondesign-detail-page section.sec-about .container .color-box ul li img {

                  position: absolute;

                  top: 50%;

                  left: 50%;

                  transform: translate(-50%, -50%);

                  width: 70%;

                  height: auto; }

          #wrap main.nondesign-detail-page section.sec-about .container .text-box {

            position: relative;

            margin: 56px 0 0; }

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

              #wrap main.nondesign-detail-page section.sec-about .container .text-box {

                margin: 26px 0 0; } }

            #wrap main.nondesign-detail-page section.sec-about .container .text-box h3 {

              font-size: 20px; }

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

                #wrap main.nondesign-detail-page section.sec-about .container .text-box h3 {

                  font-size: 15px;

                  line-height: 2; } }

            #wrap main.nondesign-detail-page section.sec-about .container .text-box .p-box {

              margin: 15px 0 0;

              font-size: 15px;

              line-height: 2; }

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

                #wrap main.nondesign-detail-page section.sec-about .container .text-box .p-box {

                  margin: 8px 0 0;

                  line-height: 2.05; } }

      #wrap main.nondesign-detail-page section.sec-styling-index {

        position: relative;

        width: 100%;

        padding: 60px 0 0; }

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

          #wrap main.nondesign-detail-page section.sec-styling-index {

            padding: 32px 0 0; } }

        #wrap main.nondesign-detail-page section.sec-styling-index .container {

          width: calc(100% - 200px);

          max-width: 1028px;

          margin: 0 auto;

          padding-top: 36px;

          padding-bottom: 120px;

          border-top: 1px solid #000; }

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

            #wrap main.nondesign-detail-page section.sec-styling-index .container {

              width: calc(100% - 40px);

              padding-top: 13px;

              padding-bottom: 52px; } }

          #wrap main.nondesign-detail-page section.sec-styling-index .container .ttl-box {

            margin-bottom: 56px; }

            #wrap main.nondesign-detail-page section.sec-styling-index .container .ttl-box h2 {

              font-size: 17.5px; }

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

                #wrap main.nondesign-detail-page section.sec-styling-index .container .ttl-box h2 {

                  font-size: 12.5px; } }

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

              #wrap main.nondesign-detail-page section.sec-styling-index .container .ttl-box {

                margin-bottom: 48px; } }

          #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box {

            display: flex;

            align-items: center;

            justify-content: space-between; }

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

              #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box {

                display: block; } }

            #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .text-box h3 {

              font-size: 40px;

              line-height: 1.5;

              letter-spacing: 0.05em; }

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

                #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .text-box h3 {

                  font-size: 20px;

                  line-height: 1.6; } }

            #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .text-box h4 {

              margin-top: 22px;

              font-size: 20px; }

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

                #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .text-box h4 {

                  font-size: 15px;

                  margin-top: 4px; } }

            #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .text-box .p-box {

              margin-top: 36px;

              width: 380px;

              line-height: 2; }

              #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .text-box .p-box p {

                font-size: 15px; }

            #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box {

              position: relative;

              width: 48.6%;

              flex-shrink: 0; }

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

                #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box {

                  width: 100%;

                  margin-top: 44px; } }

              #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box ul {

                position: relative;

                display: flex;

                flex-wrap: wrap;

                border-radius: 10px;

                overflow: hidden; }

                #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box ul li {

                  position: relative;

                  width: 50%;

                  height: 340px;

                  overflow: hidden; }

                  #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box ul li .inner {

                    position: absolute;

                    top: 0;

                    left: 0;

                    width: 100%;

                    height: 100%;

                    background: url("../img/_nondesign/img_people_index_1.jpg") center center no-repeat;

                    background-size: cover; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box ul li {

                      height: 60.5vw; } }

                  #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box ul li:nth-child(2) .inner {

                    background: url("../img/_nondesign/img_people_index_2.jpg") center center no-repeat;

                    background-size: cover; }

                  #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box ul li:nth-child(3) .inner {

                    background: url("../img/_nondesign/img_people_index_3.jpg") center center no-repeat;

                    background-size: cover; }

                  #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box ul li:nth-child(4) .inner {

                    background: url("../img/_nondesign/img_people_index_4.jpg") center center no-repeat;

                    background-size: cover; }

              #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box .p-box {

                margin-top: 25px;

                width: 100%;

                line-height: 2.1; }

                #wrap main.nondesign-detail-page section.sec-styling-index .container .styling-box .image-box .p-box p {

                  font-size: 15px; }

      #wrap main.nondesign-detail-page section.sec-styling-detail {

        position: relative;

        width: 100%; }

        #wrap main.nondesign-detail-page section.sec-styling-detail .container {

          position: relative;

          width: 100%; }

          #wrap main.nondesign-detail-page section.sec-styling-detail .container > article {

            position: relative;

            width: 100%; }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(1) {

              top: 10%;

              left: 17.5%;

              width: 18%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(1) {

                  width: 20%;

                  left: 21%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(2) {

              top: 9.2%;

              left: 81%;

              width: 25.5%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(2) {

                  width: 27%;

                  top: 8.5%;

                  left: 78%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(3) {

              top: 23.5%;

              left: 88.5%;

              width: 22.5%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(3) {

                  top: 23%;

                  left: 84%;

                  width: 24%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(4) {

              top: 51%;

              left: 86%;

              width: 22.5%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(4) {

                  left: 82.5%;

                  top: 51%;

                  width: 24%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(5) {

              top: 69%;

              left: 24%;

              width: 22.5%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(5) {

                  width: 24%;

                  left: 25.9%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(6) {

              top: 85%;

              left: 14%;

              width: 18.6%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .back li:nth-child(6) {

                  width: 20%;

                  left: 18%;

                  top: 84.5%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .front li:nth-child(1) {

              top: 26.8%;

              left: 25%;

              width: 30%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .front li:nth-child(1) {

                  top: 27.3%;

                  width: 32%;

                  left: 27.6%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .front li:nth-child(2) {

              top: 78%;

              left: 77.5%;

              width: 36%; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(1) .sec-main .kv-box .front li:nth-child(2) {

                  top: 78.5%;

                  width: 39%;

                  left: 75%; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main {

              background: #f6e2bb; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main {

                  background: #fff; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box {

                order: 2; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box {

                    background: #f6e2bb; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(1) {

                  top: 16%;

                  left: 17.5%;

                  width: 24.5%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(1) {

                      width: 27%;

                      top: 16.2%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(2) {

                  top: 23%;

                  left: 52%;

                  width: 84%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(2) {

                      width: 90%;

                      left: 48.2%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(3) {

                  top: 23.5%;

                  left: 84.5%;

                  width: 11.8%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(3) {

                      width: 12.8%;

                      top: 23.4%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(4) {

                  top: 52.5%;

                  left: 88.5%;

                  width: 72%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(4) {

                      width: 77%;

                      top: 52.6%;

                      left: 85%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(5) {

                  top: 67%;

                  left: 22.5%;

                  width: 29.5%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(5) {

                      width: 30.5%;

                      left: 24%;

                      top: 69.5%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(6) {

                  top: 88%;

                  left: 15.5%;

                  width: 23%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(6) {

                      width: 25%;

                      top: 89%;

                      left: 16.2%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .back li:nth-child(7) {

                  top: 84.8%;

                  left: 83%;

                  width: 69%; }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .front li:nth-child(1) {

                  top: 26.8%;

                  left: 25%;

                  width: 30%; }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .ttl {

                  top: 50%;

                  left: 3%;

                  width: 74%;

                  transform: translateY(-50%); }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .ttl {

                      left: 20px;

                      width: 78%; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .kv-box .ttl img {

                    width: 100%;

                    height: auto; }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .profile-box {

                order: 1; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .profile-box .profile .image {

                    background: url("../img/_nondesign/thumb_people_2_sp.jpg") top center no-repeat;

                    background-size: cover; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(2) .sec-main .profile-box .txt-profile {

                  color: #000; }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main {

              background: #1290b5; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main {

                  background: #fff; } }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box {

                  background: #1290b5; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(1) {

                top: 10%;

                left: 24%;

                width: 20.5%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(1) {

                    top: 9.6%;

                    width: 21.5%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(2) {

                top: 14.5%;

                left: 85%;

                width: 25%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(2) {

                    width: 26.5%;

                    left: 84%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(3) {

                top: 24.7%;

                left: 15%;

                width: 30.5%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(3) {

                    width: 33%;

                    top: 24.3%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(4) {

                top: 70.5%;

                left: 81%;

                width: 41.5%;

                z-index: 2; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(4) {

                    width: 45%;

                    z-index: 1;

                    left: 78.5%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(5) {

                top: 77.1%;

                left: 24.5%;

                width: 29%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(5) {

                    left: 26%;

                    top: 76.5%;

                    width: 30.5%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(6) {

                top: 87.8%;

                left: 15%;

                width: 21.5%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(6) {

                    width: 23%;

                    top: 88%;

                    left: 16%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(7) {

                top: 86.8%;

                left: 87.7%;

                width: 26%;

                z-index: 1; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .back li:nth-child(7) {

                    z-index: 1;

                    top: 87.5%;

                    left: 82.5%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .front li:nth-child(1) {

                top: 33.1%;

                left: 78%;

                width: 37%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .front li:nth-child(1) {

                    width: 39.5%;

                    left: 76.2%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .ttl {

                top: 50%;

                left: 4%;

                width: 72.5%;

                transform: translateY(-50%);

                z-index: 3; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .ttl {

                    left: 20px;

                    width: 76.5%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .kv-box .ttl img {

                  width: 100%;

                  height: auto; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(3) .sec-main .profile-box .profile .image {

                  background: url("../img/_nondesign/thumb_people_3_sp.jpg") top center no-repeat;

                  background-size: cover; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main {

              background: #00654b; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main {

                  background: #fff; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box {

                order: 2; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box {

                    background: #00654b; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(1) {

                  top: 9.6%;

                  left: 22.5%;

                  width: 16.5%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(1) {

                      width: 17.8%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(2) {

                  top: 15%;

                  left: 83%;

                  width: 26%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(2) {

                      width: 27.5%;

                      left: 77.5%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(3) {

                  top: 28.7%;

                  left: 15.2%;

                  width: 44%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(3) {

                      width: 46%;

                      top: 28.6%;

                      left: 16%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(4) {

                  top: 35.2%;

                  left: 89.5%;

                  width: 19.5%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(4) {

                      width: 20.5%;

                      left: 83%;

                      top: 35%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(5) {

                  top: 55.5%;

                  left: 90%;

                  width: 20%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(5) {

                      width: 21.5%;

                      top: 57.5%;

                      left: 85%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(6) {

                  top: 80.2%;

                  left: 87.5%;

                  width: 16.5%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(6) {

                      width: 17.2%;

                      left: 79.2%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(7) {

                  top: 91%;

                  left: 5%;

                  width: 9.5%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .back li:nth-child(7) {

                      top: 91.2%;

                      left: 11%;

                      width: 10.5%; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .front li:nth-child(1) {

                  top: 76%;

                  left: 31%;

                  width: 55.3%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .front li:nth-child(1) {

                      left: 25.5%;

                      top: 76%;

                      width: 59.5%; } }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .people {

                    left: -18px; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .ttl {

                  top: 50%;

                  left: 6.5%;

                  width: 66.5%;

                  transform: translateY(-50%); }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .ttl {

                      left: 20px;

                      width: 70.5%; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .kv-box .ttl img {

                    width: 100%;

                    height: auto; }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .profile-box {

                order: 1; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container > article:nth-child(4) .sec-main .profile-box .profile .image {

                    background: url("../img/_nondesign/thumb_people_4_sp.jpg") top center no-repeat;

                    background-size: cover; } }

          #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main {

            position: relative;

            width: 100%;

            background: #d93434; }

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

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main {

                background: #fff; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box {

              position: relative;

              width: calc(100% - 200px);

              max-width: 1028px;

              margin: 0 auto;

              display: flex;

              justify-content: space-between;

              align-items: center; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box {

                  display: block;

                  width: 100%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box {

                position: relative;

                width: 62.25%;

                min-width: 560px;

                flex-shrink: 0;

                padding: 40px 0 40px; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box {

                    width: 100%;

                    background: #d93434;

                    min-width: 0;

                    padding: 24px 0 24px; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box ul.item {

                  position: absolute;

                  top: 0;

                  left: 0;

                  width: 100%;

                  height: 100%; }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box ul.item li {

                    position: absolute;

                    transform: translate(-50%, -50%);

                    top: 50%;

                    left: 50%;

                    width: 400px; }

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

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box ul.item li {

                        width: 100px; } }

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box ul.item li img {

                      width: 100%;

                      height: auto; }

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box ul.item li img.katakata {

                        animation-name: yurayura;

                        animation-duration: 5s;

                        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);

                        animation-iteration-count: infinite;

                        animation-direction: normal; }

@keyframes yurayura {

  0% {

    transform: rotate(0deg); }

  25% {

    transform: rotate(15deg); }

  50% {

    transform: rotate(0deg); }

  75% {

    transform: rotate(15deg); }

  100% {

    transform: rotate(0deg); } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box .people {

                  position: relative;

                  width: 49.5%;

                  margin: 0 auto; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box .people {

                      width: 53%; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box .people img {

                    width: 100%;

                    height: auto; }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box .ttl {

                  position: absolute;

                  top: 50%;

                  left: 5%;

                  width: 66%;

                  transform: translateY(-50%); }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box .ttl {

                      left: 20px;

                      width: 69.5%; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .kv-box .ttl img {

                    width: 100%;

                    height: auto; }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box {

                position: relative;

                width: 286px;

                flex-shrink: 0; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box {

                    width: calc(100% - 40px);

                    margin: 0 auto;

                    padding: 30px 0 0; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile {

                  position: relative;

                  border-radius: 10px;

                  overflow: hidden; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile {

                      border: 1px solid #000;

                      display: flex; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .image {

                    width: 100%; }

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

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .image {

                        width: 100px;

                        flex-shrink: 0;

                        background: url("../img/_nondesign/thumb_people_1_sp.jpg") top center no-repeat;

                        background-size: cover; } }

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .image img {

                      width: 100%;

                      height: auto; }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box {

                    position: relative;

                    width: 100%;

                    background: #fff; }

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box .box {

                      border-top: 1px solid #E6E6E6; }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box .box {

                          display: flex;

                          border-top: 0px solid #E6E6E6; } }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box .box dl {

                          display: block; } }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box .box dt {

                          background-color: #f5f5f5;

                          line-height: 28px; } }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box .box dd {

                          font-size: 12.5px;

                          line-height: 40px; } }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box .box dt, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box .box dd {

                          padding-left: 15px; } }

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl {

                      letter-spacing: -0.4em;

                      border-top: 1px solid #E6E6E6;

                      display: flex; }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl {

                          border-top: 0px solid #000;

                          width: 100%; } }

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl:first-child {

                        border: none; }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl.name {

                          border-bottom: 1px solid #000; } }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl.name dt {

                          border-bottom: 0px solid #000;

                          width: 60px;

                          text-align: center;

                          padding: 0; } }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl.name dt, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl.name dd {

                          padding: 0; } }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl.name dd {

                          padding-left: 15px;

                          width: calc(100% - 60px);

                          font-size: 20px;

                          height: 100%; } }

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dt, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dd {

                        display: block;

                        letter-spacing: 0.03em;

                        box-sizing: border-box;

                        height: 44px;

                        padding: 0;

                        margin: 0;

                        line-height: 44px; }

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

                          #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dt, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dd {

                            height: auto; } }

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dt {

                        width: 75px;

                        height: 100%;

                        padding-left: 11px;

                        font-size: 10px;

                        border-right: 1px solid #E6E6E6; }

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

                          #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dt {

                            border-right: 0px solid #000;

                            border-left: 1px solid #000;

                            width: 100%;

                            border-bottom: 1px solid #000; } }

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dd {

                        width: calc(100% - 75px);

                        padding-left: 30px;

                        font-size: 15px;

                        font-weight: bold;

                        letter-spacing: 0.1em; }

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

                          #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dd {

                            border-right: 0px solid #000;

                            border-left: 1px solid #000;

                            width: 100%;

                            height: 100%; }

                            #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .profile .text-box dl dd.column-2 {

                              line-height: 1.25;

                              padding-top: 6px; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .txt-profile {

                  position: relative;

                  margin-top: 32px;

                  color: #fff;

                  font-size: 15px;

                  line-height: 2; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-main .main-box .profile-box .txt-profile {

                      color: #000;

                      margin-top: 26px; } }

          #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place {

            position: relative;

            width: 100%;

            padding: 60px 0 0; }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article {

              position: relative;

              width: calc(100% - 200px);

              max-width: 1028px;

              margin: 0 auto;

              border-top: 1px solid #000;

              padding: 37px 0 100px; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article {

                  width: calc(100% - 40px);

                  padding: 15px 0 58px; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article h3 {

                font-size: 17.5px;

                letter-spacing: 0.1em; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article h3 {

                    font-size: 12.5px; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.wall .text-photo .text {

                order: 2; }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.wall .text-photo .image {

                order: 1; }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.hall .text-photo .text {

                width: 18%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.hall .text-photo .text {

                    width: 100%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.hall .text-photo .image {

                width: 69%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.hall .text-photo .image {

                    width: 100%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.bedroom .text-photo .text, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.balcony .text-photo .text, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.door .text-photo .text {

                order: 2; }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.bedroom .text-photo .image, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.balcony .text-photo .image, #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.door .text-photo .image {

                order: 1; }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.living .text-photo .text {

                width: 29%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.living .text-photo .text {

                    width: 100%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.living .text-photo .image {

                width: 59%; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article.living .text-photo .image {

                    width: 100%; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article .text-photo {

                position: relative;

                width: 100%;

                display: flex;

                justify-content: space-between;

                margin-top: 50px; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article .text-photo {

                    flex-wrap: wrap;

                    margin-top: 40px; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article .text-photo .text {

                  width: 27.8%;

                  font-size: 15px;

                  line-height: 2; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article .text-photo .text {

                      width: 100%;

                      order: 2;

                      margin-top: 28px; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article .text-photo .image {

                  width: 58.75%;

                  border-radius: 10px;

                  overflow: hidden; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article .text-photo .image {

                      width: 100%;

                      order: 1;

                      border-radius: 5px; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-place article .text-photo .image img {

                    width: 100%;

                    height: auto; }

          #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others {

            position: relative;

            width: 100%;

            padding: 0 0 60px; }

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

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others {

                padding: 0 0 5px; } }

            #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner {

              position: relative;

              width: calc(100% - 200px);

              max-width: 1028px;

              margin: 0 auto;

              border-top: 1px solid #000;

              padding: 37px 0 100px; }

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

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner {

                  width: calc(100% - 40px);

                  padding: 15px 0 58px; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner h3 {

                font-size: 17.5px;

                letter-spacing: 0.1em; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner h3 {

                    font-size: 12.5px; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .pager {

                position: absolute;

                top: 37px;

                right: 0;

                font-weight: bold;

                font-size: 17.5px;

                letter-spacing: 0.1em; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .pager {

                    top: 15px;

                    font-size: 12.5px; } }

              #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box {

                position: relative;

                margin-top: 60px; }

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

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box {

                    margin-top: 40px; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box:before {

                  position: absolute;

                  content: "";

                  top: 0;

                  right: -1000px;

                  width: 1000px;

                  height: 100%;

                  background: #fff;

                  opacity: 0.8;

                  z-index: 100; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box:before {

                      content: none; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box:after {

                  position: absolute;

                  content: "";

                  top: 0;

                  left: -1000px;

                  width: 1000px;

                  height: 100%;

                  background: #fff;

                  opacity: 0.8;

                  z-index: 100; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box:after {

                      content: none; } }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .container {

                  position: relative;

                  width: 38.1%; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .container {

                      width: 73%; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .container article {

                    width: 100%;

                    border-radius: 10px;

                    overflow: hidden; }

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

                      #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .container article {

                        width: 100%;

                        border-radius: 5px; } }

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .container article:nth-child(n+2) {

                      margin-left: 32px; }

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

                        #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .container article:nth-child(n+2) {

                          margin-left: 16px; } }

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .container article img {

                      width: 100%;

                      height: auto; }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .flickity-viewport {

                  overflow: visible; }

                #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .flickity-page-dots {

                  bottom: -58px;

                  left: -8px;

                  text-align: left; }

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

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .flickity-page-dots {

                      display: none; } }

                  #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .flickity-page-dots li {

                    width: 16px;

                    height: 16px;

                    background-color: #fff;

                    border: 1px solid #808080;

                    box-sizing: border-box;

                    opacity: 1; }

                    #wrap main.nondesign-detail-page section.sec-styling-detail .container .sec-others .inner .slider-box .flickity-page-dots li.is-selected {

                      background-color: #000;

                      border: 1px solid #000; }

      #wrap main.nondesign-detail-page section.sec-3dbanner {

        position: relative;

        width: calc(100% - 200px);

        max-width: 1028px;

        margin: 80px auto 0;

        padding-bottom: 90px; }

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

          #wrap main.nondesign-detail-page section.sec-3dbanner {

            width: calc(100% - 40px);

            margin: 0px auto 0;

            padding-bottom: 65px; } }

        #wrap main.nondesign-detail-page section.sec-3dbanner .image-box {

          position: relative;

          width: 100%;

          border-radius: 20px;

          overflow: hidden; }

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

            #wrap main.nondesign-detail-page section.sec-3dbanner .image-box {

              border-radius: 10px; } }

          #wrap main.nondesign-detail-page section.sec-3dbanner .image-box a {

            display: block;

            width: 100%; }

            #wrap main.nondesign-detail-page section.sec-3dbanner .image-box a img {

              width: 100%;

              height: auto; }

      #wrap main.nondesign-detail-page section.sec-product {

        position: relative;

        width: 100%;

        background: #f5f5f5;

        padding: 80px 0 100px; }

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

          #wrap main.nondesign-detail-page section.sec-product {

            padding: 32px 0 60px; } }

        #wrap main.nondesign-detail-page section.sec-product .mod-framebox {

          position: relative;

          width: calc(100% - 200px);

          max-width: 1240px;

          margin: 80px auto 0; }

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

            #wrap main.nondesign-detail-page section.sec-product .mod-framebox {

              width: calc(100% - 40px);

              margin: 0 auto 0; } }

          #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box {

            display: flex;

            padding: 60px 0 0 100px;

            box-sizing: border-box;

            justify-content: space-between; }

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

              #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box {

                display: block;

                padding: 30px 0 0; } }

            #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box {

              width: 44%; }

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

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box {

                  width: 100%; } }

              #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image {

                width: 100%;

                padding-bottom: 92px; }

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

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image {

                    padding-bottom: 54px; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider {

                  position: relative;

                  width: 100%; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider {

                      width: calc(100% - 50px);

                      margin: 0 auto; } }

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider article {

                    width: 100%; }

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider article img {

                      width: 100%;

                      height: auto; }

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider .flickity-viewport {

                    position: relative;

                    z-index: 1;

                    border-radius: 20px;

                    overflow: hidden; }

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

                      #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider .flickity-viewport {

                        border-radius: 10px; } }

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider .flickity-page-dots {

                    bottom: -58px;

                    left: -8px;

                    text-align: left; }

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

                      #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider .flickity-page-dots {

                        display: none; } }

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider .flickity-page-dots li {

                      width: 16px;

                      height: 16px;

                      background-color: #fff;

                      border: 1px solid #808080;

                      box-sizing: border-box;

                      opacity: 1; }

                      #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .product-slider .flickity-page-dots li.is-selected {

                        background-color: #000;

                        border: 1px solid #000; }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .thumb-wrap {

                  width: calc(100% - 50px);

                  margin: 21px auto 0; }

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .thumb-wrap .flickity-viewport {

                    overflow: visible; }

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .thumb-wrap ul.thumb-box {

                    letter-spacing: -0.4em;

                    white-space: nowrap;

                    padding: 0 0;

                    box-sizing: border-box; }

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .thumb-wrap ul.thumb-box li {

                      width: 72px;

                      height: 100px;

                      border-radius: 5px;

                      overflow: hidden; }

                      #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .thumb-wrap ul.thumb-box li:nth-child(n+2) {

                        margin-left: 14px; }

                      #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .thumb-wrap ul.thumb-box li:last-child {

                        margin-right: 25px; }

                      #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .thumb-wrap ul.thumb-box li img {

                        width: 100%;

                        height: auto; }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .p-box {

                  position: relative;

                  margin-top: 110px;

                  font-size: 15px;

                  line-height: 2; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .product-image .p-box {

                      width: calc(100% - 50px);

                      margin: 30px auto 0;

                      line-height: 2.1; } }

              #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .info {

                position: relative;

                width: 100%;

                border-top: 1px solid #000;

                padding: 40px 0 0; }

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

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .info {

                    width: calc(100% - 50px);

                    margin: 0 auto 0;

                    padding: 16px 0 0; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .info h3 {

                  font-size: 17.5px;

                  font-weight: bold;

                  letter-spacing: 0.1em; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .info h3 {

                      font-size: 12.5px; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .info .p-box {

                  position: relative;

                  margin-top: 48px;

                  font-size: 15px;

                  line-height: 2; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .l-box .info .p-box {

                      margin-top: 22px;

                      line-height: 2.1; } }

            #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box {

              width: 44%; }

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

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box {

                  width: calc(100% - 25px);

                  margin: 0 0 0 auto; } }

              #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-box, #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .info {

                width: 100%;

                padding: 0px 100px 92px 0;

                box-sizing: border-box; }

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

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-box, #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .info {

                    border-top: 1px solid #000;

                    padding: 16px 25px 36px 0; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-box h3, #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .info h3 {

                  font-size: 17.5px;

                  margin-bottom: 48px;

                  letter-spacing: 0.1em; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-box h3, #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .info h3 {

                      font-size: 12.5px;

                      margin-bottom: 0; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-box .p-box, #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .info .p-box {

                  position: relative;

                  font-size: 15px;

                  line-height: 2; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-box .p-box, #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .info .p-box {

                      margin-top: 22px;

                      line-height: 2.1; } }

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

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .info {

                  padding: 16px 0 0; } }

              #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image {

                width: 100%;

                border-top: 1px solid #000;

                padding: 40px 100px 100px 0;

                box-sizing: border-box; }

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

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image {

                    border-top: 1px solid #000;

                    padding: 16px 0 60px; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image.no-paddingbottom {

                  padding-bottom: 0px; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image.no-paddingbottom {

                      padding-bottom: 60px; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image h3 {

                  font-size: 17.5px;

                  margin-bottom: 40px;

                  letter-spacing: 0.1em; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image h3 {

                      font-size: 12.5px;

                      margin-bottom: 0; } }

                #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image .image {

                  width: 100%; }

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

                    #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image .image {

                      margin-top: 22px;

                      padding-right: 25px;

                      box-sizing: border-box;

                      text-align: center; } }

                  #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image .image img {

                    width: 100%;

                    height: auto; }

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

                      #wrap main.nondesign-detail-page section.sec-product .mod-framebox .product-box .r-box .plan-image .image img {

                        width: 60%; } }

        #wrap main.nondesign-detail-page section.sec-product .note-content {

          position: relative;

          width: calc(100% - 200px);

          max-width: 1240px;

          margin: 68px auto 0; }

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

            #wrap main.nondesign-detail-page section.sec-product .note-content {

              width: 240px;

              white-space: nowrap;

              margin: 38px auto 0; } }

    #wrap main.notfound-page {

      padding-bottom: 100px; }

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

        #wrap main.notfound-page {

          padding-bottom: 56px; } }

      #wrap main.notfound-page section.sec-h1 {

        padding: 64px 0 86px; }

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

          #wrap main.notfound-page section.sec-h1 {

            padding: 74px 0 30px; } }

      #wrap main.notfound-page .sec-main {

        width: calc(100% - 200px);

        max-width: 1280px;

        margin: 0 auto; }

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

          #wrap main.notfound-page .sec-main {

            width: calc(100% - 40px);

            font-size: 20px;

            padding: 0 0 0; } }

        #wrap main.notfound-page .sec-main p {

          line-height: 2;

          font-size: 15px; }

        #wrap main.notfound-page .sec-main .mod-textlink {

          margin-top: 216px; }

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

            #wrap main.notfound-page .sec-main .mod-textlink {

              margin-top: 150px; } }

    #wrap main.privacypolicy-page {

      padding-bottom: 100px; }

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

        #wrap main.privacypolicy-page {

          padding-bottom: 56px; } }

      #wrap main.privacypolicy-page section.sec-h1 {

        padding: 64px 0 86px; }

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

          #wrap main.privacypolicy-page section.sec-h1 {

            padding: 74px 0 30px; } }

      #wrap main.privacypolicy-page .sec-contents {

        width: calc(100% - 200px);

        max-width: 1280px;

        margin: 0 auto; }

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

          #wrap main.privacypolicy-page .sec-contents {

            width: calc(100% - 40px);

            font-size: 20px;

            padding: 0 0 0; } }

        #wrap main.privacypolicy-page .sec-contents .lead {

          line-height: 2;

          font-size: 15px; }

        #wrap main.privacypolicy-page .sec-contents ul.outline-box {

          position: relative;

          margin-top: 32px;

          font-size: 15px;

          line-height: 2; }

          #wrap main.privacypolicy-page .sec-contents ul.outline-box li:nth-child(n+2) {

            margin-top: 32px; }

          #wrap main.privacypolicy-page .sec-contents ul.outline-box li a {

            text-decoration: none; }

    #wrap main.merchant-page section.sec-h1 {

      padding: 64px 0 90px; }

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

        #wrap main.merchant-page section.sec-h1 {

          padding: 74px 0 36px; } }

    #wrap main.merchant-page section.sec-nav {

      width: calc(100% - 200px);

      max-width: 1280px;

      margin: 0 auto;

      padding-bottom: 80px; }

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

        #wrap main.merchant-page section.sec-nav {

          width: calc(100% - 40px);

          font-size: 20px;

          padding: 0 0 42px; } }

      #wrap main.merchant-page section.sec-nav a {

        display: inline-block;

        border: 1px solid #000;

        border-radius: 5px;

        box-sizing: border-box;

        text-decoration: none;

        padding: 7px 12px 7px;

        font-size: 15px;

        text-align: center;

        box-sizing: border-box; }

        @media screen and (min-width: 769px) {

          #wrap main.merchant-page section.sec-nav a {

            transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

            #wrap main.merchant-page section.sec-nav a:hover {

              transform: scale(1.1); } }

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

          #wrap main.merchant-page section.sec-nav a {

            font-size: 12.5px;

            padding: 2px 9px 2px;

            display: block; } }

      #wrap main.merchant-page section.sec-nav .headquarters {

        position: relative;

        width: 180px; }

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

          #wrap main.merchant-page section.sec-nav .headquarters {

            width: 100px; } }

        #wrap main.merchant-page section.sec-nav .headquarters a {

          width: 100%; }

      #wrap main.merchant-page section.sec-nav .area-box {

        position: relative;

        margin-top: 20px;

        display: flex;

        flex-wrap: wrap; }

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

          #wrap main.merchant-page section.sec-nav .area-box {

            margin-top: 15px; } }

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

          #wrap main.merchant-page section.sec-nav .area-box li {

            margin-bottom: 15px;

            margin-right: 15px;

            display: block; } }

        #wrap main.merchant-page section.sec-nav .area-box li:nth-child(n+2) {

          margin-left: 20px; }

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

            #wrap main.merchant-page section.sec-nav .area-box li:nth-child(n+2) {

              margin-left: 0; } }

    #wrap main.merchant-page section.sec-merchant {

      position: relative;

      width: 100%;

      background: #f5f5f5;

      padding: 70px 0 100px; }

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

        #wrap main.merchant-page section.sec-merchant {

          padding: 32px 0 64px; } }

      #wrap main.merchant-page section.sec-merchant .merchant-box {

        width: calc(100% - 200px);

        max-width: 1028px;

        margin: 0 auto; }

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

          #wrap main.merchant-page section.sec-merchant .merchant-box {

            width: calc(100% - 40px); } }

        #wrap main.merchant-page section.sec-merchant .merchant-box article:nth-child(n+2) {

          margin-top: 40px; }

        #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox {

          padding: 0; }

          #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox .ttl-box {

            font-size: 20px;

            padding: 20px 40px 20px; }

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

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox .ttl-box {

                font-size: 15px;

                padding: 20px 30px 20px; } }

          #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li {

            position: relative;

            padding: 30px 30px 30px;

            box-sizing: border-box;

            display: flex; }

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

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li {

                display: block;

                padding: 30px 25px 36px; } }

            #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li:nth-child(n+2) {

              position: relative;

              border-top: 1px solid #000; }

            #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .image {

              width: 48%; }

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

                #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .image {

                  width: 100%; } }

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .image img {

                width: 100%;

                height: auto;

                border-radius: 10px;

                overflow: hidden; }

            #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box {

              margin-left: 13.5%;

              padding: 5px 0 0; }

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

                #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box {

                  margin: 0;

                  padding: 28px 0 0; } }

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box h3 {

                font-size: 15px; }

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box .address {

                position: relative;

                margin-top: 8px;

                line-height: 2; }

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

                  #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box .address {

                    font-size: 12.5px;

                    margin-top: 20px; } }

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box .tel {

                font-size: 15px;

                margin-top: 6px; }

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

                  #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box .tel {

                    font-size: 12.5px; } }

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box ul.category {

                position: relative;

                display: flex;

                margin-top: 22px; }

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

                  #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box ul.category {

                    margin-top: 24px; } }

                #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box ul.category li {

                  padding: 7px 12px 7px;

                  border: 1px solid #000;

                  border-radius: 5px;

                  margin-right: 16px; }

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

                    #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box ul.category li {

                      font-size: 12.5px;

                      padding: 3px 9px 3px; } }

              #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box .mod-textlink {

                margin-top: 35px; }

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

                  #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box .mod-textlink {

                    margin-top: 42px; }

                    #wrap main.merchant-page section.sec-merchant .merchant-box article .mod-framebox > ul > li .text-box .mod-textlink a {

                      font-size: 15px;

                      line-height: 1.9; } }

    #wrap main.contact-page section.sec-h1 {

      padding: 64px 0 90px; }

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

        #wrap main.contact-page section.sec-h1 {

          padding: 74px 0 52px; } }

    #wrap main.contact-page.end section.sec-h1 {

      padding: 64px 0 280px; }

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

        #wrap main.contact-page.end section.sec-h1 {

          padding: 74px 0 230px; } }

    #wrap main.contact-page.confirm section.sec-contactform .form-box h4 {

      font-weight: 400;

      margin: 72px 0 22px; }

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

        #wrap main.contact-page.confirm section.sec-contactform .form-box h4 {

          font-size: 15px;

          margin: 20px 0 0px; } }

    #wrap main.contact-page.confirm section.sec-contactform .form-box form dl {

      padding-bottom: 80px;

      border-bottom: 1px solid #E2DFDC; }

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

        #wrap main.contact-page.confirm section.sec-contactform .form-box form dl {

          padding-bottom: 44px; } }

      #wrap main.contact-page.confirm section.sec-contactform .form-box form dl > div {

        border-top: 0px;

        display: flex;

        padding: 20px 0 20px; }

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

          #wrap main.contact-page.confirm section.sec-contactform .form-box form dl > div {

            display: block;

            padding: 16px 0 16px; } }

        #wrap main.contact-page.confirm section.sec-contactform .form-box form dl > div dt {

          width: 420px;

          margin: 0;

          padding: 0; }

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

            #wrap main.contact-page.confirm section.sec-contactform .form-box form dl > div dt {

              width: 100%;

              font-size: 15px; } }

        #wrap main.contact-page.confirm section.sec-contactform .form-box form dl > div dd {

          width: calc(100% - 420px);

          margin: 0;

          padding: 0; }

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

            #wrap main.contact-page.confirm section.sec-contactform .form-box form dl > div dd {

              width: 100%;

              font-size: 15px;

              margin-top: 15px !important; } }

    #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box {

      display: block;

      padding: 0px; }

      #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box {

        display: flex;

        width: 100%;

        padding: 20px 0 20px; }

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

          #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box {

            display: block;

            padding: 16px 0 16px; } }

        #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box dt {

          width: 420px !important;

          margin: 0;

          padding: 0; }

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

            #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box dt {

              width: 100% !important; } }

        #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box dd {

          width: calc(100% - 420px) !important;

          margin: 0;

          padding: 0; }

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

            #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box dd {

              width: 100% !important; } }

        #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box:nth-child(n+2) {

          margin: 0; }

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

            #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box .dtdd-box:nth-child(n+2) {

              width: 100% !important;

              padding: 16px 0 16px;

              border-top: none; } }

      #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box.form-address {

        display: flex;

        padding: 20px 0 20px; }

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

          #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box.form-address {

            display: block; } }

      #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box.form-date {

        width: 100%; }

        #wrap main.contact-page.confirm section.sec-contactform .form-box form .split-box.form-date .dtdd-box {

          width: 100% !important; }

    #wrap main.contact-page.confirm section.sec-contactform .form-box input[type="submit"] {

      margin: 100px auto 0; }

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

        #wrap main.contact-page.confirm section.sec-contactform .form-box input[type="submit"] {

          margin: 50px auto 0; } }

    #wrap main.contact-page.confirm section.sec-contactform .form-box .mod-textlink {

      margin-top: 72px; }

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

        #wrap main.contact-page.confirm section.sec-contactform .form-box .mod-textlink {

          margin-top: 46px; } }

    #wrap main.contact-page section.sec-contactform {

      position: relative;

      background: #f5f5f5;

      width: calc(100% - 200px);

      max-width: 1280px;

      margin: 0 auto 100px;

      border-radius: 20px;

      padding: 80px 100px 100px;

      box-sizing: border-box; }

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

        #wrap main.contact-page section.sec-contactform {

          width: 100%;

          font-size: 20px;

          padding: 20px 20px 60px;

          border-radius: 0;

          box-sizing: border-box;

          margin: 0; } }

      #wrap main.contact-page section.sec-contactform .form-box .split-box {

        display: flex; }

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

          #wrap main.contact-page section.sec-contactform .form-box .split-box.form-name {

            display: block; }

            #wrap main.contact-page section.sec-contactform .form-box .split-box.form-name .dtdd-box {

              width: 100%; }

              #wrap main.contact-page section.sec-contactform .form-box .split-box.form-name .dtdd-box:nth-child(n+2) {

                border-top: 1px solid #E2DFDC;

                margin: 40px 0 0;

                padding: 14px 0 0; } }

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

          #wrap main.contact-page section.sec-contactform .form-box .split-box.form-date {

            display: block; } }

        #wrap main.contact-page section.sec-contactform .form-box .split-box.form-date .dtdd-box {

          width: 25% !important; }

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

            #wrap main.contact-page section.sec-contactform .form-box .split-box.form-date .dtdd-box {

              width: 100% !important; } }

          #wrap main.contact-page section.sec-contactform .form-box .split-box.form-date .dtdd-box:nth-child(n+2) {

            margin-left: 36px; }

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

              #wrap main.contact-page section.sec-contactform .form-box .split-box.form-date .dtdd-box:nth-child(n+2) {

                border-top: 1px solid #E2DFDC;

                margin: 40px 0 0;

                padding: 14px 0 0; } }

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

          #wrap main.contact-page section.sec-contactform .form-box .split-box.form-address {

            display: block; }

            #wrap main.contact-page section.sec-contactform .form-box .split-box.form-address .dtdd-box {

              width: 100%; }

              #wrap main.contact-page section.sec-contactform .form-box .split-box.form-address .dtdd-box:nth-child(n+2) {

                margin: 6px 0 0; }

                #wrap main.contact-page section.sec-contactform .form-box .split-box.form-address .dtdd-box:nth-child(n+2) dt {

                  display: none; } }

        #wrap main.contact-page section.sec-contactform .form-box .split-box.form-address .dtdd-box:nth-child(2) {

          width: 100%; }

      #wrap main.contact-page section.sec-contactform .form-box .form-area select {

        width: 180px; }

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

          #wrap main.contact-page section.sec-contactform .form-box .form-area select {

            width: calc(50% - 8px); } }

        #wrap main.contact-page section.sec-contactform .form-box .form-area select:nth-child(n+2) {

          margin-left: 36px; }

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

            #wrap main.contact-page section.sec-contactform .form-box .form-area select:nth-child(n+2) {

              margin-left: 16px; } }

      #wrap main.contact-page section.sec-contactform .form-box .form-mailaddress input {

        max-width: 700px !important;

        width: 100%; }

      #wrap main.contact-page section.sec-contactform .form-box .form-questionnaire dd {

        width: 180px; }

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

        #wrap main.contact-page section.sec-contactform .form-box .form-questionnaire {

          border-top: none; }

          #wrap main.contact-page section.sec-contactform .form-box .form-questionnaire dd {

            margin-top: 36px;

            width: 150px; } }

      #wrap main.contact-page section.sec-contactform .form-box .form-buydate input + label, #wrap main.contact-page section.sec-contactform .form-box .form-yosan input + label {

        width: auto !important;

        margin-right: 40px !important; }

      #wrap main.contact-page section.sec-contactform .form-box .form-yosan input + label {

        width: auto !important;

        margin-right: 40px !important;

        margin-bottom: 20px !important; }

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

          #wrap main.contact-page section.sec-contactform .form-box .form-yosan input + label {

            display: block; } }

      #wrap main.contact-page section.sec-contactform .form-box .form-known input + label {

        width: auto !important;

        margin-right: 40px !important;

        margin-bottom: 20px !important; }

      #wrap main.contact-page section.sec-contactform .form-box .form-known .other {

        position: relative;

        margin-top: 32px; }

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

          #wrap main.contact-page section.sec-contactform .form-box .form-known .other {

            margin-top: 0; } }

        #wrap main.contact-page section.sec-contactform .form-box .form-known .other textarea {

          margin-top: 18px; }

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

            #wrap main.contact-page section.sec-contactform .form-box .form-known .other textarea {

              margin-top: 12px; } }

      #wrap main.contact-page section.sec-contactform .form-box form dt {

        margin-bottom: 44px;

        white-space: nowrap;

        height: 20px; }

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

          #wrap main.contact-page section.sec-contactform .form-box form dt {

            font-size: 12.5px;

            margin-bottom: 16px; } }

      #wrap main.contact-page section.sec-contactform .form-box form dl > div {

        border-top: 1px solid #E2DFDC;

        padding: 46px 0 48px; }

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

          #wrap main.contact-page section.sec-contactform .form-box form dl > div {

            padding: 14px 0 40px; } }

        #wrap main.contact-page section.sec-contactform .form-box form dl > div:first-child {

          border-top: none;

          padding-top: 0px; }

        #wrap main.contact-page section.sec-contactform .form-box form dl > div .dtdd-box:nth-child(1) {

          width: 286px; }

        #wrap main.contact-page section.sec-contactform .form-box form dl > div .dtdd-box:nth-child(n+2) {

          margin-left: 20%;

          width: 392px; }

      #wrap main.contact-page section.sec-contactform .form-box form select, #wrap main.contact-page section.sec-contactform .form-box form input, #wrap main.contact-page section.sec-contactform .form-box form textarea {

        font-size: 15px;

        padding: 15px 14px;

        border: 1px solid #E2DFDC;

        border-radius: 10px;

        box-sizing: border-box;

        font-family: 'DM Sans', dnp-shuei-gothic-gin-std, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

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

          #wrap main.contact-page section.sec-contactform .form-box form select, #wrap main.contact-page section.sec-contactform .form-box form input, #wrap main.contact-page section.sec-contactform .form-box form textarea {

            font-size: 15px;

            margin-top: 8px; } }

      #wrap main.contact-page section.sec-contactform .form-box form .form-pulldown {

        position: relative; }

        #wrap main.contact-page section.sec-contactform .form-box form .form-pulldown .inner {

          position: relative; }

      #wrap main.contact-page section.sec-contactform .form-box form select {

        display: block;

        position: relative;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        outline: none;

        background: #fff;

        width: 100%;

        box-sizing: border-box;

        background: url("../img/_common/icon_pulldown.svg") center center no-repeat #fff;

        background-size: 14px auto;

        background-position: calc(100% - 24px) 50%; }

      #wrap main.contact-page section.sec-contactform .form-box form input[type="text"] {

        outline: none;

        background: none;

        background: #fff;

        padding: 15px 14px;

        width: 100%;

        box-sizing: border-box; }

        #wrap main.contact-page section.sec-contactform .form-box form input[type="text"]::placeholder {

          color: #808080; }

      #wrap main.contact-page section.sec-contactform .form-box form textarea {

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        resize: none;

        border: 1px solid #e2dfdc;

        box-sizing: border-box;

        outline: none;

        background: #fff;

        padding: 15px 14px;

        width: 100%;

        box-sizing: border-box; }

        #wrap main.contact-page section.sec-contactform .form-box form textarea::placeholder {

          color: #808080; }

      #wrap main.contact-page section.sec-contactform .form-box form input[type="date"] {

        width: 100%;

        background: url("../img/_common/icon_pulldown.svg") center center no-repeat #fff;

        background-size: 14px auto;

        background-position: calc(100% - 24px) 50%;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        outline: none;

        font-size: 15px;

        line-height: 1; }

      #wrap main.contact-page section.sec-contactform .form-box form .icon-del::-webkit-calendar-picker-indicator {

        opacity: 0; }

      #wrap main.contact-page section.sec-contactform .form-box form p.note {

        margin-top: 14px;

        font-size: 12.5px; }

      #wrap main.contact-page section.sec-contactform .form-box form button,

      #wrap main.contact-page section.sec-contactform .form-box form input[type="submit"] {

        position: relative;

        display: block;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        border: none;

        outline: none;

        background: #fff;

        color: #000;

        width: 392px;

        height: 100px;

        text-align: center;

        margin: 56px auto 0;

        cursor: pointer;

        font-size: 15px;

        line-height: 1;

        box-sizing: border-box;

        background: url("../img/_common/icon_arrow_link.svg") center center no-repeat #fff;

        background-size: 20px 12px;

        background-position: 135px 50%; }

        @media screen and (min-width: 769px) {

          #wrap main.contact-page section.sec-contactform .form-box form button,

          #wrap main.contact-page section.sec-contactform .form-box form input[type="submit"] {

            transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

            #wrap main.contact-page section.sec-contactform .form-box form button:hover,

            #wrap main.contact-page section.sec-contactform .form-box form input[type="submit"]:hover {

              transform: scale(1.15); } }

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

          #wrap main.contact-page section.sec-contactform .form-box form button,

          #wrap main.contact-page section.sec-contactform .form-box form input[type="submit"] {

            width: calc(100% - 20px);

            height: 80px;

            margin: 12px auto 0;

            font-size: 15px;

            line-height: 0;

            border: 1px solid #E2DFDC;

            background-position: calc(50% - 52px) 50%; } }

        #wrap main.contact-page section.sec-contactform .form-box form button.btn-cancel,

        #wrap main.contact-page section.sec-contactform .form-box form input[type="submit"].btn-cancel {

          background: #fff;

          color: #000;

          border: 1px solid #000; }

      #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox {

        padding: 12px 0 0; }

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

          #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox {

            padding: 0; } }

        #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox input[type="radio"] {

          display: none; }

        #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox input[type="radio"]:checked + .mwform-radio-field-text:after {

          opacity: 1;

          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

        #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox label {

          position: relative;

          display: inline-block;

          padding: 0 0 0 24px;

          margin: 0 16px 12px 0;

          line-height: 1;

          width: 20%;

          white-space: nowrap; }

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

            #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox label {

              font-size: 15px;

              padding: 0 0 0 28px;

              line-height: 0.8;

              margin: 0 40px 20px 0; } }

          #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox label span:before {

            position: absolute;

            content: "";

            top: -2px;

            left: 0;

            width: 16px;

            height: 16px;

            background: #fff;

            border: 1px solid #000;

            border-radius: 50%;

            box-sizing: border-box; }

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

              #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox label span:before {

                top: -2px; } }

          #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox label span:after {

            position: absolute;

            content: "";

            top: 2px;

            left: 4px;

            width: 8px;

            height: 8px;

            background: #000;

            border-radius: 50%;

            z-index: 2;

            opacity: 0; }

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

              #wrap main.contact-page section.sec-contactform .form-box form .form-radiobox label span:after {

                top: 2px; } }

      #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox input[type="checkbox"] {

        display: none; }

      #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox input[type="checkbox"]:checked + label::after {

        opacity: 1; }

      #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox label {

        position: relative;

        display: inline-block;

        padding: 0 0 0 24px;

        margin: 0 16px 12px 0;

        line-height: 1; }

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

          #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox label {

            font-size: 15px; } }

        #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox label:before {

          position: absolute;

          content: "";

          top: -2px;

          left: 0;

          width: 16px;

          height: 16px;

          background: #fff;

          border: 1px solid #ccc;

          border-radius: 1px; }

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

            #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox label:before {

              top: -3px; } }

        #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox label:after {

          position: absolute;

          content: "";

          top: 3px;

          left: 3px;

          width: 12px;

          height: 12px;

          background: url("../img/form/check.svg") no-repeat;

          background-size: contain;

          z-index: 2;

          opacity: 0; }

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

            #wrap main.contact-page section.sec-contactform .form-box form .form-checkbox label:after {

              top: 2px; } }

      #wrap main.contact-page section.sec-contactform .form-box form span.error {

        display: inline-block;

        margin-left: 40px;

        color: #ff0000;

        font-size: 12.5px; }

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

          #wrap main.contact-page section.sec-contactform .form-box form span.error {

            font-size: 10px;

            position: relative;

            top: -1px; } }

  #wrap footer {

    position: relative;

    width: 100%; }

    #wrap footer section.sec-link {

      position: relative;

      width: 100%;

      background: #e2dfdc;

      padding: 100px 0 150px; }

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

        #wrap footer section.sec-link {

          padding: 32px 0 62px; } }

      #wrap footer section.sec-link .container {

        width: calc(100% - 200px);

        min-width: 980px;

        margin: 0 auto; }

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

          #wrap footer section.sec-link .container {

            width: calc(100% - 400px);

            min-width: 0px; } }

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

			#wrap footer section.sec-link .container {

			width: calc(100% - 64px);

			}

		}

        #wrap footer section.sec-link .container ul {

          display: flex; }

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

            #wrap footer section.sec-link .container ul {

              display: block; } }

          #wrap footer section.sec-link .container ul li {

            position: relative;

            width: calc(33.333% - 20px); }

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

              #wrap footer section.sec-link .container ul li {

                width: 100%; } }

            #wrap footer section.sec-link .container ul li a {

              position: relative;

              display: flex;

				align-items: center;

              background: #fff;

              border-radius: 10px;

              width: 100%;

              height: 100px;

              /*line-height: 100px;*/

              text-decoration: none;

              padding: 0 0 0 100px;

              box-sizing: border-box;

              font-size: 20px; }

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

                #wrap footer section.sec-link .container ul li a {

                  height: 84px;

                  font-size: 16px;

                  padding: 0 0 0 70px;

                  /*line-height: 84px;*/ } }

              @media screen and (min-width: 769px) {

                #wrap footer section.sec-link .container ul li a {

                  transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

                  #wrap footer section.sec-link .container ul li a:hover {

                    transform: scale(1.1); } }

              #wrap footer section.sec-link .container ul li a .icon {

                position: absolute; }

                #wrap footer section.sec-link .container ul li a .icon.contact {

                  left: 30px;

                  top: calc(50% - 14px);

                  width: 40px; }

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

                    #wrap footer section.sec-link .container ul li a .icon.contact {

                      width: 30px;

                      left: 16px;

                      /*top: 9px;*/ } }

                #wrap footer section.sec-link .container ul li a .icon.document {

                  top: calc(50% - 20px);

                  left: 40px;

                  width: 29px; }

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

                    #wrap footer section.sec-link .container ul li a .icon.document {

                      width: 30px;

                      left: 16px;

                      /*top: 10px;*/ } }

                #wrap footer section.sec-link .container ul li a .icon.fieldtrip {

                  top: calc(50% - 14px);

                  left: 36px;

                  width: 35px; }

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

                    #wrap footer section.sec-link .container ul li a .icon.fieldtrip {

                      width: 30px;

                      left: 16px;

                      /*top: 9px;*/ } }

                #wrap footer section.sec-link .container ul li a .icon img, #wrap footer section.sec-link .container ul li a .icon svg {

                  width: 100%;

                  height: auto; }

              #wrap footer section.sec-link .container ul li a .arrow {

                position: absolute;

                top: 50%;

                right: 10%;

                transform: translateY(-50%);

                width: 32px;

                height: 32px;

                background: #272727;

                border-radius: 50%;

                text-align: center; }

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

                  #wrap footer section.sec-link .container ul li a .arrow {

                    width: 60px;

                    height: 60px;

                    right: 16px; } }

                #wrap footer section.sec-link .container ul li a .arrow svg {

                  position: absolute;

                  top: 50%;

                  left: 50%;

                  transform: translate(-50%, -50%);

                  width: 12px;

                  height: auto; }

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

                    #wrap footer section.sec-link .container ul li a .arrow svg {

                      width: 20px; } }

            #wrap footer section.sec-link .container ul li:nth-child(n+2) {

              margin-left: 30px; }

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

                #wrap footer section.sec-link .container ul li:nth-child(n+2) {

                  margin: 32px 0 0; } }

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

              #wrap footer section.sec-link .container ul li .cut {

                display: none; } }

@media screen and (min-width: 1201px) and (max-width: 1670px) {

	#wrap footer section.sec-link .container ul li a{

		padding: 0 0 0 50px;

		font-size: 17px;

	}

	#wrap footer section.sec-link .container ul li a .icon.contact {

		left: 11px;

		/*top: 7px;*/

		width: 30px;

	}

	#wrap footer section.sec-link .container ul li a .icon.document {

		/*top: 6px;*/

		left: 14px;

		width: 25px;

	}

	#wrap footer section.sec-link .container ul li a .icon.fieldtrip {

		/*top: 5px;*/

		left: 14px;

		width: 25px;

	}

	

}

/*@media screen and (min-width: 769px) and (max-width: 1200px) {

	#wrap footer section.sec-link .container{

		min-width: inherit;

	}

	#wrap footer section.sec-link .container ul{

		flex-wrap: wrap;

		justify-content: space-between;

	}

	#wrap footer section.sec-link .container ul li{

		width: 48%;

	}

	#wrap footer section.sec-link .container ul li:nth-child(n+2){

		margin-left: 0;

	}

	#wrap footer section.sec-link .container ul li:nth-of-type(n+3){

		margin-top: 30px;

	}

}*/



    #wrap footer section.sec-foot {

      position: relative;

      background: #272727;

      color: #fff;

      padding: 50px 0 72px; }

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

        #wrap footer section.sec-foot {

          padding: 62px 0 44px; } }

      #wrap footer section.sec-foot a {

        /*color: #fff;*/

        text-decoration: none; }

      /*#wrap footer section.sec-foot .container {

        width: calc(100% - 90px);

        min-width: auto;

        margin: 0 auto;

        border-top: 1px solid #fff;

        box-sizing: border-box;

        padding: 95px 0 0; }

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

          #wrap footer section.sec-foot .container {

            width: calc(100% - 40px);

            min-width: 0px;

            padding: 60px 0 0; } }*/

        #wrap footer section.sec-foot .container .sitemap {

          display: flex; }

          #wrap footer section.sec-foot .container .sitemap .link-main {

            display: flex;

            width: 35%; }

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

              #wrap footer section.sec-foot .container .sitemap .link-main {

                display: block;

                width: 45%; } }

            #wrap footer section.sec-foot .container .sitemap .link-main > ul {

              width: 50%; }

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

                #wrap footer section.sec-foot .container .sitemap .link-main > ul {

                  width: 100%; } }

              #wrap footer section.sec-foot .container .sitemap .link-main > ul li {

                margin-bottom: 20px; }

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

                  #wrap footer section.sec-foot .container .sitemap .link-main > ul li {

                    margin-bottom: 6px;

                    font-size: 15.5px; } }

                @media screen and (min-width: 769px) {

                  #wrap footer section.sec-foot .container .sitemap .link-main > ul li a:hover {

                    animation: 0.25s flash 1 forwards linear; } }

          #wrap footer section.sec-foot .container .sitemap .link-sub {

            display: flex;

            width: 65%; }

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

              #wrap footer section.sec-foot .container .sitemap .link-sub {

                width: 55%;

                display: block; } }

            #wrap footer section.sec-foot .container .sitemap .link-sub > ul {

              width: 40%; }

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

                #wrap footer section.sec-foot .container .sitemap .link-sub > ul {

                  width: 100%; } }

              #wrap footer section.sec-foot .container .sitemap .link-sub > ul li {

                margin-bottom: 22px; }

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

                  #wrap footer section.sec-foot .container .sitemap .link-sub > ul li {

                    margin-bottom: 10px;

                    font-size: 13px; } }

                #wrap footer section.sec-foot .container .sitemap .link-sub > ul li a {

                  color: #808080; }

                  @media screen and (min-width: 769px) {

                    #wrap footer section.sec-foot .container .sitemap .link-sub > ul li a:hover {

                      animation: 0.25s flash 1 forwards linear; } }

            #wrap footer section.sec-foot .container .sitemap .link-sub .sns {

              width: 60%;

              letter-spacing: 0.1em; }

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

                #wrap footer section.sec-foot .container .sitemap .link-sub .sns {

                  display: flex;

                  margin-top: 40px; } }

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

                #wrap footer section.sec-foot .container .sitemap .link-sub .sns p.ttl {

                  position: relative;

                  top: 1px;

                  margin-right: 28px;

                  color: #808080;

                  font-size: 13px; } }

              #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul {

                position: relative;

                margin-top: 20px;

                display: flex; }

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

                  #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul {

                    margin-top: 0px; } }

                #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li {

                  position: relative;

                  width: 16px; }

                  #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li:nth-child(n+2) {

                    margin-left: 40px; }

                  #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li.instagram {

                    top: 1px;

                    width: 16px; }

                  #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li.facebook {

                    width: 8px; }

                  #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li a {

                    display: block;

                    width: 100%;

                    height: auto; }

                    @media screen and (min-width: 769px) {

                      #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li a {

                        transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

                        #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li a:hover {

                          transform: scale(1.25); } }

                  #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li img, #wrap footer section.sec-foot .container .sitemap .link-sub .sns ul li svg {

                    width: 100%;

                    height: auto; }

        #wrap footer section.sec-foot .container .footer-bottom {

          position: relative;

          width: 100%;

          margin: 167px auto 0;

          display: flex;

          justify-content: space-between; }

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

            #wrap footer section.sec-foot .container .footer-bottom {

              margin: 96px auto 0;

              flex-wrap: wrap; } }

          #wrap footer section.sec-foot .container .footer-bottom .left {

            letter-spacing: 0.1em; }

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

              #wrap footer section.sec-foot .container .footer-bottom .left {

                order: 2;

                margin-top: 74px; } }

            #wrap footer section.sec-foot .container .footer-bottom .left p.link {

              font-size: 10px; }

              #wrap footer section.sec-foot .container .footer-bottom .left p.link a {

                text-decoration: underline; }

                @media screen and (min-width: 769px) {

                  #wrap footer section.sec-foot .container .footer-bottom .left p.link a:hover {

                    animation: 0.25s flash 1 forwards linear; } }

            #wrap footer section.sec-foot .container .footer-bottom .left p.copyright {

              position: relative;

              margin: 4px 0 0;

              font-size: 10px; }

          #wrap footer section.sec-foot .container .footer-bottom .right {

            position: absolute;

            bottom: 0;

            right: 0; }

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

              #wrap footer section.sec-foot .container .footer-bottom .right {

                position: relative;

                order: 1;

                width: 100%; } }

            #wrap footer section.sec-foot .container .footer-bottom .right .logo {

              width: 140px;

              cursor: pointer; }

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

                #wrap footer section.sec-foot .container .footer-bottom .right .logo {

                  width: 158px;

                  margin: 0 auto; } }

              #wrap footer section.sec-foot .container .footer-bottom .right .logo img, #wrap footer section.sec-foot .container .footer-bottom .right .logo svg {

                width: 100%;

                height: auto; }

                @media screen and (min-width: 769px) {

                  #wrap footer section.sec-foot .container .footer-bottom .right .logo img, #wrap footer section.sec-foot .container .footer-bottom .right .logo svg {

                    transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

                    #wrap footer section.sec-foot .container .footer-bottom .right .logo img:hover, #wrap footer section.sec-foot .container .footer-bottom .right .logo svg:hover {

                      transform: scale(1.15); } }

  #wrap section.sec-h1 {

    position: relative;

    font-size: 25px;

    padding: 64px 0 120px;

    box-sizing: border-box;

    width: calc(100% - 200px);

    max-width: 1280px;

    margin: 0 auto; }

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

      #wrap section.sec-h1 {

        width: calc(100% - 40px);

        font-size: 20px;

        padding: 74px 0 76px; } }

    #wrap section.sec-h1 p.lead {

      position: relative;

      margin-top: 84px;

      font-size: 15px;

      line-height: 2; }

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

        #wrap section.sec-h1 p.lead {

          font-size: 15px;

          line-height: 2.1;

          margin-top: 30px; } }

      #wrap section.sec-h1 p.lead span.note {

        position: relative;

        display: block;

        margin-top: 36px;

        font-size: 12.5px; }

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

          #wrap section.sec-h1 p.lead span.note {

            margin-top: 12px; } }

  #wrap .mod-framebox {

    position: relative;

    width: 100%;

    padding-bottom: 100px;

    margin: 0 auto;

    border: 1px solid #000;

    border-radius: 20px;

    overflow: hidden;

    box-sizing: border-box;

    background: #fff; }

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

      #wrap .mod-framebox {

        border-radius: 10px;

        padding-bottom: 40px; } }

    #wrap .mod-framebox > .ttl-box {

      position: relative;

      width: 100%;

      border-bottom: 1px solid #000;

      padding: 28px 100px 28px;

      box-sizing: border-box;

      font-size: 25px;

      font-weight: 600;

      letter-spacing: 0.1em;

      line-height: 1; }

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

        #wrap .mod-framebox > .ttl-box {

          padding: 18px 28px 18px;

          font-size: 21px; } }

  #wrap .mod-textlink {

    position: relative; }

    #wrap .mod-textlink a {

      position: relative;

      display: inline-block;

      padding-left: 40px;

      text-decoration: none;

      font-size: 17.5px;

      font-weight: 600;

      letter-spacing: 0.06em; }

      @media screen and (min-width: 769px) {

        #wrap .mod-textlink a:hover {

          animation: 0.25s flash 1 forwards linear; }

          #wrap .mod-textlink a:hover:before {

            transform: translateX(10px); } }

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

        #wrap .mod-textlink a {

          padding-left: 28px; } }

      #wrap .mod-textlink a:before {

        position: absolute;

        content: "";

        top: 7px;

        left: 0;

        background: url("../img/_common/icon_arrow_link.svg") center center no-repeat;

        width: 20px;

        height: 12px;

        background-size: contain;

        transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

    @media screen and (min-width: 769px) {

      #wrap .mod-textlink.back a:hover {

        animation: 0.25s flash 1 forwards linear; }

        #wrap .mod-textlink.back a:hover:before {

          transform: scale(-1, 1) translateX(10px); } }

    #wrap .mod-textlink.back a:before {

      transform: scale(-1, 1);

      transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }



#navigation {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999999;

  display: none; }

  #navigation.open {

    display: block; }

  #navigation .cover {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    background: #272727; }

  #navigation .head-box {

    position: relative;

    width: calc(100% - 100px);

    margin: 0 auto; }

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

      #navigation .head-box {

        width: calc(100% - 40px); } }

    #navigation .head-box h1 {

      position: relative;

      top: 23px;

      width: 245px;

      margin: 0 auto; }

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

        #navigation .head-box h1 {

          top: 16px;

          width: 162px; } }

      #navigation .head-box h1 a {

        display: block;

        width: 100%; }

        #navigation .head-box h1 a svg {

          width: 100%;

          height: auto; }

        @media screen and (min-width: 769px) {

          #navigation .head-box h1 a {

            transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

            #navigation .head-box h1 a:hover {

              transform: scale(1.15); } }

    #navigation .head-box ul.sns-box {

      position: relative;

      margin-top: 96px;

      display: flex;

      justify-content: center; }

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

        #navigation .head-box ul.sns-box {

          margin-top: 48px; } }

      #navigation .head-box ul.sns-box li {

        width: 50px; }

        #navigation .head-box ul.sns-box li.instagram {

          width: 32px; }

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

            #navigation .head-box ul.sns-box li.instagram {

              width: 16px; } }

        #navigation .head-box ul.sns-box li.facebook {

          width: 17px; }

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

            #navigation .head-box ul.sns-box li.facebook img, #navigation .head-box ul.sns-box li.facebook svg {

              width: 9px;

              height: auto; } }

        #navigation .head-box ul.sns-box li:nth-child(n+2) {

          margin-left: 84px; }

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

            #navigation .head-box ul.sns-box li:nth-child(n+2) {

              margin-left: 44px; } }

        @media screen and (min-width: 769px) {

          #navigation .head-box ul.sns-box li {

            transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

            #navigation .head-box ul.sns-box li:hover {

              transform: scale(1.2); } }

        #navigation .head-box ul.sns-box li img, #navigation .head-box ul.sns-box li svg {

          width: 100%;

          height: auto; }

  #navigation .container {

    position: relative;

    width: 1028px;

    margin: 72px auto 0;

    border-top: 1px solid #fff;

    display: flex;

    color: #fff;

    padding: 78px 0 110px;

    justify-content: space-between; }

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

      #navigation .container {

        margin: 28px auto 0;

        width: calc(100% - 40px);

        padding: 56px 0 40px;

        display: block; } }

    #navigation .container .left {

      position: relative;

      width: 390px; }

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

        #navigation .container .left {

          width: 100%; } }

      #navigation .container .left h2 {

        font-weight: 400;

        font-size: 20px;

        letter-spacing: 0.08em; }

        #navigation .container .left h2 a {

          color: #fff;

          text-decoration: none; }

      #navigation .container .left .image {

        position: relative;

        margin: 36px 0 0;

        width: 390px; }

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

          #navigation .container .left .image {

            display: none; } }

        #navigation .container .left .image a {

          display: block;

          width: 390px;

          height: 390px;

          background: #f2c12c;

          border-radius: 15px;

          overflow: hidden; }

          @media screen and (min-width: 769px) {

            #navigation .container .left .image a {

              transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

              #navigation .container .left .image a:hover {

                transform: scale(1.1); } }

          #navigation .container .left .image a img {

            position: absolute;

            top: 50%;

            left: 50%;

            width: 58%;

            height: auto;

            transform: translate(-50%, -50%); }

    #navigation .container .right {

      position: relative;

      width: 300px; }

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

        #navigation .container .right {

          width: 100%;

          margin-top: 44px; } }

      #navigation .container .right a {

        color: #fff;

        text-decoration: none; }

        @media screen and (min-width: 769px) {

          #navigation .container .right a {

            transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

            #navigation .container .right a:hover {

              animation: 0.25s flash 1 forwards linear; } }

      #navigation .container .right .nav-main {

        font-size: 20px;

        font-weight: 400;

        padding-top: 2px; }

        #navigation .container .right .nav-main li:nth-child(n+2) {

          margin-top: 27px; }

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

            #navigation .container .right .nav-main li:nth-child(n+2) {

              margin-top: 9px; } }

      #navigation .container .right .nav-sub {

        position: relative;

        font-size: 15px;

        margin-top: 45px; }

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

          #navigation .container .right .nav-sub {

            margin-top: 22px; } }

        #navigation .container .right .nav-sub li:nth-child(n+2) {

          margin-top: 6px; }

      #navigation .container .right .foot {

        position: absolute;

        bottom: 0;

        right: 0;

        letter-spacing: 0.1em;

        width: 300px; }

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

          #navigation .container .right .foot {

            position: relative;

            margin-top: 124px; } }

        #navigation .container .right .foot p.link {

          font-size: 10px; }

          #navigation .container .right .foot p.link a {

            text-decoration: underline; }

        #navigation .container .right .foot p.copyright {

          position: relative;

          margin: 4px 0 0;

          font-size: 10px; }

  #navigation .btnNavi {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 50px;

    height: 80px;

    padding: 30px 0;

    box-sizing: border-box;

    margin-left: 40px;

    cursor: pointer;

    transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);

    z-index: 10; }

    @media screen and (min-width: 769px) {

      #navigation .btnNavi {

        transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }

        #navigation .btnNavi:hover {

          animation: 0.25s flash 1 forwards linear; } }

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

      #navigation .btnNavi {

        width: 28px;

        height: 54px;

        padding: 19px 0; } }

    #navigation .btnNavi span {

      position: relative;

      display: block;

      width: 40px;

      height: 2px;

      background: #fff;

      transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);

      margin: 0 auto; }

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

        #navigation .btnNavi span {

          width: 28px; } }

      #navigation .btnNavi span:nth-child(n+2) {

        margin: 16px auto 0; }

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

          #navigation .btnNavi span:nth-child(n+2) {

            margin: 12px auto 0; } }

    #navigation .btnNavi.active span:nth-child(1) {

      transform: translate(0px, 9px) rotate(45deg); }

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

        #navigation .btnNavi.active span:nth-child(1) {

          transform: translate(0px, 7px) rotate(25deg); } }

    #navigation .btnNavi.active span:nth-child(2) {

      transform: translate(0px, -9px) rotate(-45deg); }

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

        #navigation .btnNavi.active span:nth-child(2) {

          transform: translate(0px, -7px) rotate(-25deg); } }



@keyframes flash {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

.txtAnim span, .txtTitle span {

  opacity: 1;

  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) 0s;

  display: inline-block;

  opacity: 0;

  transform: scale(0.75); }

  .txtAnim span.textin, .txtTitle span.textin {

    opacity: 1;

    transform: scale(1); }





#wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box.slider-nondesignS .inner article a{

	text-decoration: none;

}

#wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box.slider-nondesignS .inner article .item-img{

	overflow: hidden;

	border-radius: 0 0 20px 20px;

}

#wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box.slider-nondesignS .inner article .item-img img{

	transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1);

}

#wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box.slider-nondesignS .inner article .item-ttl{

	letter-spacing: normal;

	text-align: center;

	font-weight: bold;

	margin-top: 0.5em;

}

@media screen and (min-width: 769px){

	#wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box.slider-nondesignS .inner article a:hover .item-img img{

		transform:scale(1.05);

	}

}

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

#wrap main.top-page section.sec-nondesign .mod-framebox .scene-box .slider-box.slider-nondesignS .inner article .item-img{

	overflow: hidden;

	border-radius: 0 0 5px 5px;

}

}





#wrap main.top-page section.sec-main .container.main-slider {

	/*overflow: hidden;*/

	height: auto;

	background: transparent;

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image img{

	width: 100%;

}

@media screen and (min-width: 769px) {

	#wrap main.top-page section.sec-main .container.main-slider .slide-image .sp_img{

		display: none;

	}

}

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

	#wrap main.top-page section.sec-main .container.main-slider .slide-image .pc_img{

		display: none;

	}

}



#wrap main.top-page section.sec-woodbox .mod-framebox {

    width: calc(100% - 200px);

}

#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main{

	position: relative;

    padding: 60px 45px 0;

    box-sizing: border-box;

    width: 100%;

}

#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main .text-box{

	    /*margin: 35px 0 0;*/

}

#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main .text-box h3{

	font-size: 20px;

}

#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main .text-box .p-box{

	margin: 15px 0 0;

	font-size: 15px;

	line-height: 2;

}

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

	#wrap main.top-page section.sec-woodbox .mod-framebox {

		width: calc(100% - 40px);

	}

	#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main{

		padding: 30px 28px 0;

	}

	#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main .text-box{

	    margin: 10px 0 0;

	}

	#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main .text-box h3{

		font-size: 15px;

   	 line-height: 2;

	}

	#wrap main.top-page section.sec-woodbox .mod-framebox .woodbox-main .text-box .p-box{

		margin: 8px 0 0;

		line-height: 2.05;

	}

}



#wrap main.top-page section.sec-woodbox .woodbox-list{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

#wrap main.top-page section.sec-woodbox .woodbox-list .woodbox-item{

	width: calc(100% * 1/4 - 6px);

	margin-bottom: 40px;

}

#wrap main.top-page section.sec-woodbox .woodbox-list .woodbox-item a{

	text-decoration: none;

}

#wrap main.top-page section.sec-woodbox .woodbox-list .woodbox-item .item-img{

	overflow: hidden;

}

#wrap main.top-page section.sec-woodbox .woodbox-list .woodbox-item .item-img img{

	width: 100%;

	transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1);

}

#wrap main.top-page section.sec-woodbox .woodbox-list .woodbox-item .item-ttl{

	text-align: center;

	/*font-size: clamp(1.4rem,1.8vw,1.8rem);*/

	font-weight: bold;

	margin-top: 0.7em;

}

@media screen and (min-width: 769px){

	#wrap main.top-page section.sec-woodbox .woodbox-list .woodbox-item a:hover .item-img img{

		transform:scale(1.05);

	}

}

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

	#wrap main.top-page section.sec-woodbox .woodbox-list .woodbox-item{

		width: calc(100% * 1/2 - 4px);

		margin-bottom: 25px;

	}

}

/*#wrap main.top-page section.sec-main .container.main-slider .slide-image{

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	animation: slider-1 32s linear infinite;

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(1){

	background-image: url("../img/_top/img-mainimg01.jpg");

	animation-delay: -2s;

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(2){

	background-image: url("../img/_top/img-mainimg02.jpg");

	animation-delay: 6s;

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(3){

	background-image: url("../img/_top/img-mainimg03.jpg");

	animation-delay: 14s;

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(4){

	background-image: url("../img/_top/img-mainimg04.jpg");

	animation-delay: 22s;

}

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

#wrap main.top-page section.sec-main .container.main-slider{

	height: 110vw;

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(1){

	background-image: url("../img/_top/img-mainimg01_sp.jpg");

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(2){

	background-image: url("../img/_top/img-mainimg02_sp.jpg");

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(3){

	background-image: url("../img/_top/img-mainimg03_sp.jpg");

}

#wrap main.top-page section.sec-main .container.main-slider .slide-image:nth-of-type(4){

	background-image: url("../img/_top/img-mainimg04_sp.jpg");

}

}

@keyframes slider-1 {

  0% {

    opacity: 0;

    transform: scale(1);

  }

  3.13% {

    opacity: 1;

  }

  25% {

    opacity: 1;

  }

  31.3% {

    opacity: 0;

    transform: scale(1.2);

  }

  100% {

    opacity: 0;

  }

}*/