@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
/* --------------------------------------------

FileName    :    style.css`

-------------------------------------------- */
:root {
	--min-layout-width: 375;
  --max-layout-width: 1200;
	--base-font-size: 16;
	--rem-ratio: calc(1rem / var(--base-font-size));
  --max-ratio: calc(1 / var(--max-layout-width) * 100vw);
	--min-ratio: calc(1 / var(--min-layout-width) * 100vw);
}
html {
  font-size: 16px !important;
}
.page-reflet_color .l-site-header {
  position: fixed;
  top: 0;
}
main img {
  max-width: 100%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .l-site-main a[href*=mailto] {
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .l-site-main a:hover[href*=mailto] {
      opacity: 0.75; } }

.l-site-main p:first-child:not([class]) {
  margin-top: auto; }

.l-site-main p:last-child:not([class]) {
  margin-bottom: auto; }

@media screen and (max-width: 750px) {
  .l-site-main p:first-child:not([class]) {
    margin-top: auto; }
  .l-site-main p:last-child:not([class]) {
    margin-bottom: auto; } }

  .item-info01::after,.item-info01 .txt_box .txt_read, .item-info02 .txt_box .txt_read, .item-info03 .txt_box .txt_read, .n-reflet .section .flex .left .step, .n-reflet .section .flex .left .step p, .l-site-main .section h2 .jp, .l-site-main .lead-txt {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* --------------------------------------------

foundation

-------------------------------------------- */
/*
main{
    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent
    }
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
        display: block
    }

    nav ul {
        list-style: none
    }

    blockquote,q {
        quotes: none
    }

    blockquote:before,blockquote:after,q:before,q:after {
        content: '';
        content: none
    }

    a {
        margin: 0;
        padding: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent
    }

    ins {
        background-color: #ff9;
        color: #000;
        text-decoration: none
    }

    mark {
        background-color: #ff9;
        color: #000;
        font-style: italic;
        font-weight: 700
    }

    del {
        text-decoration: line-through
    }

    abbr[title],dfn[title] {
        border-bottom: 1px dotted;
        cursor: help
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid $color-md-gray;
        margin: 40px 0;
        padding: 0;
        @include max-screen(768){
            margin: 20px 0;
        }
    }

    input,select {
        vertical-align: middle
    }

    body .row-fluid [class*="span"] {
        float: none;
        width: auto;
        min-height: 0;
    }

    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,a,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,form,input,button,textarea,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,*:before,*:after {
        box-sizing: border-box
    }

    h1,h2,h3,h4,h5,h6 {
        font-weight: 400
    }

    li {
        list-style-type: none
    }

    a {
        text-decoration: none;
        color: #000;
        outline: 0
    }

    img {
        border: 0;
        vertical-align: middle;
        &:not([width]){
            width: auto;
            max-width: 100%;
            height: auto;
        }
        @include max-screen(750) {
            width: auto;
            max-width: 100%;
            height: auto;
        }
    }

    svg {
        border: 0;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }



    i,em {
        font-style: normal
    }

        input[type="text"],
        input[type="emal"],
        input[type="tel"],button,textarea,select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 0;
        outline: 0;
        margin: 0;
        padding: 0;
        background: $color-white;
        vertical-align: middle;
        font-size: inherit;
        color: $color-black
    }

    input::-webkit-input-placeholder {
        color: #bfbfbf
    }

    input:-ms-input-placeholder {
        color: #bfbfbf
    }

    input::-moz-placeholder {
        color: #bfbfbf
    }

    option {
        outline: 0
    }

}

*/
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d8d8d8;
  margin: 40px 0;
  padding: 0; }
  @media screen and (max-width: 768px) {
    hr {
      margin: 20px 0; } }

input, select {
  vertical-align: middle; }

body .row-fluid [class*="span"] {
  float: none;
  width: auto;
  min-height: 0; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form, input, button, textarea, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

li {
  list-style-type: none; }

a {
  text-decoration: none;
  color: #000;
  outline: 0; }

svg {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

i, em {
  font-style: normal; }

input[type="text"],
input[type="emal"],
input[type="tel"], button, textarea, select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  vertical-align: middle;
  font-size: inherit;
  color: #222; }

input::-webkit-input-placeholder {
  color: #bfbfbf; }

input:-ms-input-placeholder {
  color: #bfbfbf; }

input::-moz-placeholder {
  color: #bfbfbf; }

option {
  outline: 0; }

html {
  font-size: 10px; }

body main {
  width: 100%;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2;
  font-weight: 400;
  color: #4e494b;
  background: #fff;
  position: relative;
  z-index: 99; }
  @media screen and (max-width: 750px) {
    body main {
      min-width: 320px;
      line-height: 2;
      font-size: 14px; } }

a[href^="tel:"].tel-disable {
  pointer-events: none;
  text-decoration: none; }

sup {
  display: inline-block;
  position: relative;
  -webkit-transform: scale(0.7) translate(0, -0.5em);
      -ms-transform: scale(0.7) translate(0, -0.5em);
          transform: scale(0.7) translate(0, -0.5em); }

@media screen and (max-width: 750px) {
  .Footer__body {
    font-size: inherit !important; } }

html {
  font-size: 10px; }

@media screen and (max-width: 750px) {
  .Footer__body {
    font-size: 35% !important; } }

@media screen and (max-width: 750px) {
  .Footer__body .copyright {
    line-height: 1.2; } }

@media screen and (max-width: 750px) {
  .Footer__body .copyright small {
    font-size: 12px; } }

a:link,
a:visited {
  color: #000; }

/* --------------------------------------------

layout

-------------------------------------------- */
/* --------------------------------------------

contents

-------------------------------------------- */
br.sp {
  display: none; }
  @media screen and (max-width: 750px) {
    br.sp {
      display: block !important; } }

br.middle {
  display: none; }
  @media screen and (max-width: 1080px) {
    br.middle {
      display: block !important; } }

.sp {
  display: none; }
  @media screen and (max-width: 750px) {
    .sp {
      display: block; } }

.pc {
  display: block; }
  @media screen and (max-width: 750px) {
    .pc {
      display: none; } }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb10_sp {
  margin-bottom: 10px !important; }

.mb20_sp {
  margin-bottom: 20px !important; }

.mb30_sp {
  margin-bottom: 30px !important; }

.mb40_sp {
  margin-bottom: 40px !important; }

.mb50_sp {
  margin-bottom: 50px !important; }

.mb60_sp {
  margin-bottom: 60px !important; }

.mb70_sp {
  margin-bottom: 70px !important; }

.mb80_sp {
  margin-bottom: 80px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

/* --------------------------------------------

object

-------------------------------------------- */
@-webkit-keyframes navi-right {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes navi-right {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes navi-left {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); } }

@keyframes navi-left {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); } }

@-webkit-keyframes arrow-right {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate(75%, 0);
            transform: translate(75%, 0);
    opacity: 0; }
  51% {
    -webkit-transform: translate(-75%, 0);
            transform: translate(-75%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

@keyframes arrow-right {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate(75%, 0);
            transform: translate(75%, 0);
    opacity: 0; }
  51% {
    -webkit-transform: translate(-75%, 0);
            transform: translate(-75%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; } }

/* --------------------------------------------

plugin

-------------------------------------------- */
/* --------------------------------------------

page

-------------------------------------------- */
/* --------------------------------------------

page-idnex

-------------------------------------------- */
.fancybox-button--zoom {
  display: none !important; }

.noto {
  font-family: 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,YuGothic,  Arial, "メイリオ", Meiryo, sans-serif; }

.en {
  font-family: 'Open Sans', sans-serif; }

.btn a {
  display: inline-block; }
  @media screen and (min-width: 769px) {
    .btn a {
      opacity: 1;
      -webkit-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      .btn a:hover {
        opacity: 0.65 !important; } }

@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.scroll {
  display: -ms-grid;
  overflow: hidden; }

/*----------------------------*/
.scroll {
  padding: 60px 0 0 0;
  margin: 0 auto 100px; }
  .scroll .scroll_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    .scroll .scroll_wrap .scroll_list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      list-style: none;
      -webkit-animation: infinity-scroll-left 15s infinite linear 0.5s both;
              animation: infinity-scroll-left 15s infinite linear 0.5s both;
      margin: 0; }
      .scroll .scroll_wrap .scroll_list li {
        width: calc(100vw / 1);
        margin: 0 40px; }
  @media screen and (max-width: 750px) {
    .scroll {
      padding: 30px 0 0 0;
      margin: 0 auto 30px; }
      .scroll .scroll_wrap .scroll_list li {
        width: calc(100vw / 1);
        margin: 0 20px; } }

.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0; }

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(120px);
            transform: translateY(120px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(120px);
            transform: translateY(120px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeUpAnime02 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeUpAnime02 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeUpTrigger {
  opacity: 0; }

    max-width: 530px;
    margin: 0 auto 50px;
    position: relative;
    padding: 20px 0 0 0; }
    .mv .section h1:before {
      content: "";
      background: #000;
      position: absolute;
      height: 4px;
      width: 160px;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      top: -10px; }
    @media screen and (max-width: 750px) {
      .mv .section h1 {
        max-width: 300px; } }
.mv h1 {
  text-align: center;
}
.mv h1 img {
	width: 530px;
	padding-top: 27px;
	margin: 0 auto 19px;
}
@media screen and (max-width: 750px) {
	.mv h1 img {
		width: calc((300 / 375) * 100%);
	}
}
.mv .mv_cont {
	padding-bottom: 105px;
	/* background: linear-gradient(287deg, #F5B7B6 9.03%, #D8D997 78.87%); */
  background: linear-gradient(287deg, rgba(153, 77, 125, 0.30) 32.07%, rgba(235, 95, 38, 0.30) 60.96%);
}
@media screen and (max-width: 1200px) {
  .mv .mv_cont {
		padding-bottom: calc(105 * var(--max-ratio));
  }
}
@media screen and (max-width: 750px) {
	.mv .mv_cont {
		padding-top: calc(46 * var(--min-ratio));
		padding-bottom: calc(59 * var(--min-ratio));
		/* background: linear-gradient(287deg, #F5B7B6 9.03%, #D8D997 78.87%); */
    background: linear-gradient(287deg, rgba(153, 77, 125, 0.30) 32.07%, rgba(235, 95, 38, 0.30) 60.96%);
	}
}

.mv .mv_img {
	margin-bottom: 98px;
	display: block;
}
.mv .mv_img img {
	width: 100%;
}
@media screen and (max-width: 750px) {
	.mv .mv_img {
		margin-bottom: calc(25 * var(--min-ratio));
	}
}
.mv .lead {
	margin: 0 auto;
}
.mv .lead.section h2 {
	margin-bottom: 50px;
	font-family: "Lexend Deca";
	font-size: 32px;
	color: #FFF;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 6.4px;
	text-align: center;
}
.mv .lead.section h2 + h2 {
	margin-bottom: 54px;
	font-family: "Noto Serif JP", serif;
	font-size: 50px;
	font-weight: 600;
	line-height: 180%;
	letter-spacing: 6.4px;
  /* background: linear-gradient(287deg, #D54A46 9.03%, #A1A224 85.09%); */
  background: linear-gradient(287deg, #735367 9.03%, #EB5F26 85.09%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1200px) {
  .mv .lead.section h2 {
	  margin-bottom: calc(50 * var(--max-ratio));
  }
  .mv .lead.section h2 + h2 {
	  margin-bottom: calc(54 * var(--max-ratio));
  }
}
@media screen and (max-width: 750px) {
	.mv .lead.section h2 {
		margin-bottom: calc(26 * var(--min-ratio));
		font-size: calc(16.09 * var(--min-ratio));
		letter-spacing: 3.218px;
	}
	.mv .lead.section h2 + h2 {
		margin-bottom: calc(38 * var(--min-ratio));
		font-size: calc(21 * var(--min-ratio));
		letter-spacing: 0.84px;
	}
}
.mv .lead h2 + p {
	margin-bottom: 56px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-size: 18px;
	color: #3E3A39;
	font-style: normal;
	font-weight: 400;
	line-height: 180%;
	letter-spacing: 0.72px;
	text-align: center;
}
@media screen and (max-width: 1200px) {
  .mv .lead h2 + p {
	  margin-bottom: calc(56 * var(--max-ratio));
  }
}
@media screen and (max-width: 750px) {
	.mv .lead h2 + p {
		margin-bottom: calc(35 * var(--min-ratio));
		font-size: calc(13 * var(--min-ratio));
		letter-spacing: 0.52px;
	}
}
.mv .lead h3 {
	color: #3E3A39;
	text-align: center;
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	line-height: 180%; /* 39.6px */
	letter-spacing: 0.88px;
}
@media screen and (max-width: 750px) {
	.mv .lead h3 {
		font-size: calc(15 * var(--min-ratio));
		letter-spacing: 0.6px;
	}
}

.mv_upper {
  width: 100%;
  margin: 0 auto 77px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .mv_upper {
    margin-bottom: calc(77 * var(--max-ratio));
  }
}
@media screen and (max-width: 750px) {
  .mv_upper {
    margin-bottom: calc(33 * var(--min-ratio));
  }
}
.mv_text:not(.mv_text-03) {
  position: absolute;
  z-index: 100;
}
.mv_text:not(.mv_text-03):not(.mv_text-04) {
  top: 26px;
}
@media screen and (max-width: 1200px) {
  .mv_text:not(.mv_text-03):not(.mv_text-04) {
    width: calc(69 * var(--max-ratio));
    top: calc(26 * var(--max-ratio));
  }
}
@media screen and (max-width: 750px) {
  .mv_text:not(.mv_text-03):not(.mv_text-04) {
    width: calc(27 * var(--min-ratio));
    top: calc(-36 * var(--min-ratio));
  }
}
.mv_text-01 {
  left: 0;
}
.mv_text-02 {
  right: 0;
}
.mv_text-03,
.mv_text-04 {
  max-width: calc((900 / 1200) * 100vw);
  width: 100%;
  margin: 0 auto;
}
.mv_text-03 {
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
  display: block;
}
.mv_text-04 {
  font-size: 0;
  line-height: 0;
  top: auto;
  bottom: 0;
}
@media screen and (max-width: 750px) {
  .mv_text-03 {
    max-width: calc((336 / 375) * 100vw);
    margin-top: calc(5 * var(--min-ratio));
  }
  .mv_text-04 {
    display: none;
  }
}
.mv_text-03 img,
.mv_text-04 img {
  max-width: none;
  width: 100%;
}
.mv_wrap {
  max-width: calc((900 / 1200) * 100vw);
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.mv_images {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .mv_wrap {
    max-width: calc((336 / 375) * 100vw);
  }
}
.mv_image {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
.mv_image p {
  margin: 0 !important;
  overflow: hidden;
}
@keyframes mvZoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.mv_image p img {
  max-width: none;
  width: 100%;
  /* transform: scale(1.1); */
  display: block;
}
.slick-current .mv_image p img {
  /* animation: mvZoom 3s; */
}

/* .mv .slick-dots {
  padding: 20px 0 0 0; }
  .mv .slick-dots li {
    display: inline-block;
    background: #d8d8d8;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 10px; }
    .mv .slick-dots li button {
      display: none; }
    .mv .slick-dots li:hover, .mv .slick-dots li.slick-active {
      background: #e05947;
      text-indent: -9999px;
      overflow: hidden; }
    @media screen and (max-width: 750px) {
      .mv .slick-dots li {
        width: 10px;
        height: 10px; } } */

/*mv下の見出し*/
.lead-txt{
  background-color: #bed1de;
  padding: 100px 0;
  text-align: center;
  color: #4d4d4d;
}
.lead-txt h3{
  margin-top: 54px;
  font-size: 20px;
}
@media screen and (max-width: 750px) {
  .lead-txt{
    margin-top: 7.4667vw;
    padding: 13.3vw 0;
  }
  .l-site-main .lead-txt p{
    font-size: 3.6vw;
    line-height: 1.7;
  }
  .lead-txt h3{
    margin-top: 7.2vw;
    font-size: 4.26vw;
    line-height: 1.68;
  }
}

/*NEWカラー説明*/
/* IRIS */
.item-info01 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  /* background-color: #803a90; */
  background-color: #fff;
  color: #fff;
  /* padding: 15px;
  padding-bottom: 0; */
  padding: 0;
  border: 15px solid #803a90;
  border-bottom: 0;
  position: relative;
}
.item-info01::before {
  width: 134px;
  height: 134px;
  content: "";
  top: 0;
  left: 0;
  background-image: url('data:image/svg+xml;utf8,<svg width="134" height="134" viewBox="0 0 134 134" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H134L0 134V0Z" fill="%23926982"/><path d="M32.8047 87.0706L13.5762 62.7265L44.7334 65.8083L30.3851 47.613L32.6728 45.3288L51.9434 69.756L20.7862 66.6742L35.0924 84.7863L32.8047 87.0706Z" fill="white"/><path d="M66.0604 47.0615C66.4868 48.6396 66.6673 50.672 66.3871 52.1208C65.987 54.2319 64.7731 55.7362 63.6808 56.8269C62.1763 58.3291 60.4412 59.5189 57.8254 59.4588C56.2269 59.4267 53.857 58.9124 51.4528 56.5119C49.2368 54.2992 48.0751 51.493 48.0556 48.7571C48.0158 46.0833 49.0191 44.163 50.6882 42.4547C52.8523 40.2939 54.9036 39.7904 56.3981 39.801C58.2873 39.8352 60.9508 40.766 63.5896 44.0594L53.6145 54.0195C55.4754 55.9188 57.1181 56.3242 58.239 56.3322C59.7335 56.3428 60.8082 55.6873 61.7356 54.7612C62.4776 54.0204 63.2384 53.0103 63.4771 51.5612C63.6352 50.4432 63.4585 48.9497 63.1396 47.8904L66.0601 47.02L66.0604 47.0615ZM59.5856 44.3418C58.6036 43.4436 57.2085 42.8327 55.9219 42.865C54.5106 42.8964 53.4577 43.6972 52.757 44.3968C51.6029 45.5492 51.0302 46.7472 51.0621 48.3019C51.0701 49.4211 51.432 50.6879 52.1251 51.8327L59.6065 44.3627L59.5856 44.3418Z" fill="white"/><path d="M62.9329 30.8074L74.5172 36.9002L69.8433 21.8618L82.4929 28.8948L78.5134 15.1671L81.0484 12.6359L86.9547 34.5846L74.4512 27.6563L79.0614 42.5077L60.5219 33.2566L62.9332 30.8489L62.9329 30.8074Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 100;
}
.item-info01.second::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="134" height="134" viewBox="0 0 134 134" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M134 0L134 134L0 -5.85733e-06L134 0Z" fill="%23EF7F51"/><path d="M44.8965 27.762L69.2774 8.56257L66.1909 39.6726L84.4138 25.346L86.7015 27.6302L62.2372 46.8717L65.3237 15.7617L47.1842 30.0462L44.8965 27.762Z" fill="white"/><path d="M84.9709 60.9684C83.3904 61.3942 81.3549 61.5745 79.904 61.2946C77.7896 60.8952 76.283 59.6831 75.1907 58.5925C73.6862 57.0902 72.4947 55.3578 72.5548 52.7459C72.587 51.1499 73.102 48.7835 75.5062 46.383C77.7222 44.1703 80.5326 43.0104 83.2727 42.9909C85.9506 42.9511 87.8738 43.953 89.5847 45.6196C91.7487 47.7803 92.253 49.8285 92.2424 51.3208C92.2082 53.2071 91.2759 55.8666 87.9775 58.5014L78.0023 48.5414C76.1002 50.3995 75.6941 52.0397 75.6861 53.1589C75.6755 54.6512 76.332 55.7242 77.2595 56.6503C78.0014 57.3911 79.0131 58.1507 80.4644 58.3891C81.5841 58.5469 83.0799 58.3705 84.1407 58.0521L85.0124 60.9681L84.9709 60.9684ZM87.6947 54.5035C88.5942 53.523 89.2061 52.13 89.1738 50.8453C89.1423 49.4362 88.3403 48.3849 87.6396 47.6852C86.4854 46.5328 85.2856 45.961 83.7286 45.9929C82.6077 46.0008 81.339 46.3622 80.1924 47.0543L87.6738 54.5243L87.6947 54.5035Z" fill="white"/><path d="M101.242 57.8496L95.1395 69.4163L110.201 64.7495L103.157 77.3799L116.906 73.4064L119.441 75.9376L97.4587 81.835L104.398 69.3504L89.5236 73.9536L98.7887 55.4421L101.2 57.8498L101.242 57.8496Z" fill="white"/></svg>');
}
/* .item-info01::after{
  content: "New";
  display: block;
  top: 11.5px;
  transform: rotate(-45deg);
  font-size: 35px;
  color: #fff;
  left: 1%;
  position: absolute;
  z-index: 101;
} */
.item-info01 .iris{
  background-color: #9b63a7;
}
.item-info01 h2{
  width: 47.1%;
}
.item-info01 .img_txt{
  width: 52%
}
.item-info01 .iris_middle.flex{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.item-info01 .iris_middle.flex h2 img{
  vertical-align: top;
}
.item-info01 .iris_middle.flex .img_txt .small_img.flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item-info01 .iris_middle.flex .img_txt .small_img.flex h3 img{
  vertical-align: top;
}
.item-info01 .iris_middle.flex .img_txt .small_img.flex h3:first-child{
  padding-right: 12px;
}

.item-info01 .txt_box{
  width: 542px;
  margin: 0 auto;
  padding-top: 60px;
}
.item-info01 .tit_box.flex{
  display: flex;
  align-items: center;
}
.item-info01 .tit_box.flex h4{
  max-width: 125px;
}
.item-info01 .tit_box.flex .line{
  margin-left: 30px;
  margin-right: 30px;
  height: 67px;
  width: 1px;
  background-color: #fff;
}

.item-info01 .txt_read{
  font-size: 24px;
  margin-top: 25px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.item-info01 .point_box{
  margin-top: 30px;
}
.item-info01 .point_box .point_list li{
  position: relative;
  display: flex;
  align-items: flex-start;
  line-height: 1.75;
  margin-left: 2em;
}
.item-info01 .point_box .point_list li::before{
  content: '';
  position: absolute;
  display: inline-block;
  background-image: url(../images/lp/reflet_color_new/img_point-box.png);
  margin-left: -2em;
  margin-top: 0.15em;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: middle;
}
.item-info01 .point_box .point_list li + li{
  margin-top: 12px;
}
@media screen and (max-width: 1200px) {
  .item-info01::before{
    width: 11.167vw;
    height: 11.167vw;
  }
  .item-info01 .txt_box{
    width: 76.3%;
    padding-top: 3.5vw;
  }
  .item-info01 .tit_box.flex h4{
    max-width: 8.929vw;
  }
  .item-info01 .tit_box.flex .line{
    height: 4.786vw;
    margin: 0 2.143vw;
  }
  .item-info01 .tit_box.flex p{
    font-size: 1.143vw;
  }
  .item-info01 .txt_read{
    font-size: 1.714vw;
    margin-top: 1.65vw;
  }
  .item-info01 .point_box{
    margin-top: 1.7vw;
  }
  .item-info01 .point_box p{
    width: 5.357vw;
    margin-bottom: 0.357vw;
  }
  .item-info01 .point_box .point_list li{
    font-size: 1.143vw;
  }

  .item-info01 .iris_middle.flex .img_txt .small_img.flex h3:first-child{
    padding-right: 1.1vw;
  }
  .item-info01 .img_txt .small_img.flex h3:first-child img{
    width: 40.5vw;
  }
  .item-info01 .img_txt .small_img.flex h3:last-child img{
    width: 25.46vw;
  }
  .item-info01 .point_box .point_list li::before{
    width: 1.786vw;
    height: 1.786vw;
  }
}
@media screen and (max-width: 750px) {
  .item-info01::before{
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
  }
  .item-info01 .iris_middle.flex{
    display: block;
  }
  .item-info01 .iris_middle.flex h2 img{
    background-color: #803a90;
    width: 100%;
    padding-bottom: 10px;
  }
  .item-info01 .iris_middle.flex .img_txt .small_img.flex h3:first-child{
    padding-right: 12px;
  }

  .item-info01 h2{
    width: 100%;
  }
  .item-info01 .img_txt{
    width: 100%;
  }
  .item-info01 .iris_middle.flex .img_txt .small_img.flex h3:first-child{
    padding-right: 12px;
  }
  .item-info01 .img_txt .small_img.flex h3:first-child img{
    width: 100%;
  }
  .item-info01 .img_txt .small_img.flex h3:last-child img{
    width: 100%;
  }

  .item-info01 .txt_box{
    width: 94%;
    padding-top: 50px;
    padding-bottom: 86px;
  }
  .item-info01 .tit_box.flex{
    align-items: flex-end;
  }
  .item-info01 .tit_box.flex h4{
    width: 31.2vw;
    max-width: initial;
  }
  .item-info01 .tit_box.flex h4 img{
    vertical-align: bottom;
  }
  .item-info01 .tit_box.flex .line{
    margin-left: 5.333vw;
    margin-right: 5.333vw;
    height: 10vw;
  }

  .item-info01 .txt_read{
    font-size: 4.53vw;
    margin-top: 50px;
    line-height: 1.61;
    letter-spacing: normal;
  }
  .item-info01 .point_box{
    margin-top: 30px;
  }
  .item-info01 .point_box .point_list li{
    font-size: 3.6vw;
    line-height: 1.4;
  }
  .item-info01 .point_box .point_list li::before{
    content: '';
    background-image: url(../images/lp/reflet_color_new/img_point-box_sp.png);
    width: 4.26vw;
    height: 4.26vw;
  }
  .item-info01 .point_box .point_list li + li{
    margin-top: 30px;
  }
}

/* LAPIS */
.item-info01.second{
  background-color: #5453a0;
}
.item-info01.second h2{
  width: initial;
}
.item-info01.second::before{
  content: "";
  top: 0;
  right: 0;
}
.item-info01.second::after{
  top: 15.5px;
  transform: rotate(45deg);
  left: 94.2%;
}
.item-info01.second .lapis{
  background-color: #7877b4;
}
.item-info01 .lapis_middle.flex{
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
}
.item-info01 .lapis_middle.flex h2 img{
  vertical-align: top;
}
.item-info01 .lapis_middle.flex .img_txt .small_img.flex{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.item-info01 .lapis_middle.flex .img_txt .small_img.flex h3 img{
  vertical-align: top;
}
.item-info01 .lapis_middle.flex .img_txt .small_img.flex h3:first-child{
  padding-left: 12px;
}
.item-info01.second .tit_box.flex h4{
  max-width: 176px;
}

@media screen and (max-width: 1200px) {
  .item-info01.second .tit_box.flex h4{
    max-width: 12.571vw;
  }
  .item-info01.second::after{
    top: 0.4em;
    transform: rotate(45deg);
    left: 93%;
  }
}
@media screen and (max-width: 900px) {
  .item-info01.second::after{
    top: 0.35em;
    left: 90%;
  }
}
@media screen and (max-width: 750px) {
  .item-info01 .lapis_middle.flex{
    display: block;
  }
  .item-info01 .lapis_middle.flex h2 img{
    width: 100%;
    background-color: #5453a0;
    padding-bottom: 10px;
  }
  .item-info01 .lapis_middle.flex .img_txt .small_img.flex h3 img{
    vertical-align: top;
  }
  .item-info01 .lapis_middle.flex .img_txt .small_img.flex h3:first-child{
    padding-left: 12px;
  }
  .item-info01.second .tit_box.flex h4{
    max-width: initial;
    width: 43vw;
  }
  .item-info01.second .tit_box.flex .line{
    margin-left: 5vw;
    margin-right: 5vw;
    height: 10vw;
  }
}

/* AMETRINE */
.item-info01.third {
  background-color: #8c7772;
}
.item-info01.third::before{
  content: "";
  top: 0;
  left: 0;
  border-left: 8em solid #a4948f; /* ラベルの色はここで変更 */
}
.item-info01.third::after{
  top: 11.5px;
  transform: rotate(-45deg);
  left: 1%;
}
.item-info01.third .ametrine{
  background-color: #a4948f;
}
.item-info01 .ametrine_middle.flex{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.item-info01 .ametrine_middle.flex h2 img{
  vertical-align: top;
}
.item-info01 .ametrine_middle.flex .img_txt .small_img.flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item-info01 .ametrine_middle.flex .img_txt .small_img.flex h3 img{
  vertical-align: top;
}
.item-info01 .ametrine_middle.flex .img_txt .small_img.flex h3:first-child{
  padding-right: 12px;
}
.item-info01 .tit_box.flex.pc{
  display: flex;
  align-items: center;
}
.item-info01.third .tit_box.flex h4{
  max-width: 338px;
}

@media screen and (max-width: 1200px) {
  .item-info01.third .tit_box.flex h4{
    max-width: 24.143vw;
  }
}

@media screen and (max-width: 750px) {
  .item-info01.third::before{
    content: "";
    top: 0;
    left: 0;
    border-left: 28vw solid #a4948f; /* ラベルの色はここで変更 */
  }
  .item-info01.third::after{
    top: 15px;
    left: 2%;
  }
  .item-info01 .ametrine_middle.flex{
    display: block;
  }
  .item-info01 .ametrine_middle.flex h2 img{
    background-color: #8c7772;
    width: 100%;
    padding-bottom: 10px;
  }
  .item-info01 .tit_box.flex.pc{
    display: none;
  }
  .item-info01 .tit_box.sp{
    display: block;
  }
  .item-info01 .tit_box.sp .br_sp.flex{
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
  }
  .item-info01 .tit_box.sp .br_sp.flex .line{
    width: 1px;
    background-color: #fff;
    margin-right: 5.333vw;
    height: 10vw;
  }
  .item-info01.third .tit_box h4{
    max-width: initial;
    width: 82.667vw;
  }
}


.n-reflet {
  margin: 0 0 120px; }
  .n-reflet .section {
    max-width: 1400px !important;
    padding: 0 !important; }
    .n-reflet .section h2 {
      text-align: center;
      padding: 0 20px; }
    .n-reflet .section .flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative; }
      .n-reflet .section .flex .left {
        -webkit-flex-basis: 60%;
            -ms-flex-preferred-size: 60%;
                flex-basis: 60%;
        background: #f2f3f3;
        padding: 12% 6% 6%;
        max-width: 760px;
        max-height: 760px; }
        .n-reflet .section .flex .left .step02 {
          margin: 0 0 20px;
          font-size: 18px; }
        .n-reflet .section .flex .left .step {
          line-height: 1; }
          .n-reflet .section .flex .left .step p {
            margin: 0 0 10px; }
            .n-reflet .section .flex .left .step p.big {
              font-size: 37px;
              margin: 0 0 15px;
              line-height: 1.6; }
          .n-reflet .section .flex .left .step .opensans {
            font-family: 'Open Sans', sans-serif;
            font-size: 37px;
            font-weight: bold;
            line-height: 1;
            margin: 0 0 15px; }
            .n-reflet .section .flex .left .step .opensans span {
              font-size: 18px;
              font-weight: normal;
              font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
      .n-reflet .section .flex .right {
        -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
        position: relative;
        margin: 0 0 0 10px;
        top: 60px;
        z-index: 99;
        right: 0;
        margin: 0 0 0 -120px;
        text-align: center; }
        .n-reflet .section .flex .right .hosoku {
          position: relative;
          display: inline-block;
          margin: 0 auto;
          bottom: 100px;
          font-family: 'Open Sans', sans-serif;
          border-bottom: 1px solid #000;
          line-height: 2; }
          .n-reflet .section .flex .right .hosoku span {
            font-size: 23px;
            margin: 0 5px;
            display: inline-block; }
          .n-reflet .section .flex .right .hosoku em {
            font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
            font-size: 12px;
            font-weight: bold; }

  @media screen and (max-width: 1000px) {
    .n-reflet .section .flex .left {
      padding: 12% 2vw 6%;
    }
  }
  @media screen and (max-width: 750px) {
    .n-reflet {
      margin: 0 0 30px; }
      .n-reflet .section h2 {
        margin: 0 0 30px; }
      .n-reflet .section .flex {
        display: block;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: relative;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .n-reflet .section .flex .left {
          width: 96%;
          padding: 30px 10px 60px 10px;
          max-width: 100%;
          max-height: auto; }
          .n-reflet .section .flex .left .step02 {
            font-size: 14px; }
          .n-reflet .section .flex .left .step p.big {
            font-size: 30px; }
          .n-reflet .section .flex .left .step .opensans {
            font-size: 22px; }
            .n-reflet .section .flex .left .step .opensans span {
              font-size: 16px; }
        .n-reflet .section .flex .right {
          width: 90%;
          position: relative;
          margin: 0;
          z-index: 99;
          right: 0;
          top: 0;
          margin: -50px 0 0 10%; }
          .n-reflet .section .flex .right .hosoku {
            bottom: 100px; }
            .n-reflet .section .flex .right .hosoku span {
              font-size: 18px;
              margin: 0 5px;
              display: inline-block; }
            .n-reflet .section .flex .right .hosoku em {
              font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
              font-size: 10px;
              font-weight: bold; } }

.philosophy section.section {
  max-width: 1400px;
  margin: 0 auto; }
  @media screen and (max-width: 750px) {
    .philosophy section.section {
      padding: 0; } }
  .philosophy section.section .philosophy-list.sp {
    display: none; }
    @media screen and (max-width: 750px) {
      .philosophy section.section .philosophy-list.sp {
        display: block; } }
  .philosophy section.section .philosophy-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .philosophy section.section .philosophy-list .bg01 {
      background: url(../images/lp/reflet_color_new/bg_texture.jpg) left top no-repeat;
      background-size: cover;
      padding: 5% 7% 110px; }
      @media screen and (max-width: 1080px) {
        .philosophy section.section .philosophy-list .bg01 {
          padding: 3% 5% 90px; } }
      @media screen and (max-width: 980px) {
        .philosophy section.section .philosophy-list .bg01 {
          padding: 3% 2% 90px; } }
    .philosophy section.section .philosophy-list .bg03 {
      background: url(../images/lp/reflet_color_new/bg_stylish.jpg) left top no-repeat;
      background-size: cover;
      padding: 5% 7% 110px; }
      @media screen and (max-width: 1080px) {
        .philosophy section.section .philosophy-list .bg03 {
          padding: 3% 5% 90px; } }
      @media screen and (max-width: 980px) {
        .philosophy section.section .philosophy-list .bg03 {
          padding: 3% 2% 90px; } }
    .philosophy section.section .philosophy-list .slick-dots {
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      bottom: -100px; }
      @media screen and (max-width: 1080px) {
        .philosophy section.section .philosophy-list .slick-dots {
          bottom: -90px; } }
      .philosophy section.section .philosophy-list .slick-dots li {
        display: inline-block;
        background: #fff;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        text-indent: -9999px;
        overflow: hidden;
        cursor: pointer;
        margin: 0 10px; }
        .philosophy section.section .philosophy-list .slick-dots li button {
          display: none; }
        .philosophy section.section .philosophy-list .slick-dots li:hover, .philosophy section.section .philosophy-list .slick-dots li.slick-active {
          width: 7px;
          height: 7px;
          background: #000; }
    .philosophy section.section .philosophy-list .left {
      width: 50%;
      position: relative;
      text-align: center; }
      .philosophy section.section .philosophy-list .left .hosoku {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        bottom: 5%;
        font-size: 15px; }
        @media screen and (max-width: 1080px) {
          .philosophy section.section .philosophy-list .left .hosoku {
            bottom: 4.5%; } }
        .philosophy section.section .philosophy-list .left .hosoku span {
          font-size: 30px; }
        .philosophy section.section .philosophy-list .left .hosoku em {
          font-weight: bold; }
      .philosophy section.section .philosophy-list .left img {
        width: 100%; }
    .philosophy section.section .philosophy-list .right {
      width: 50%; }
      .philosophy section.section .philosophy-list .right h3 {
        font-size: 30px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        border-bottom: 1px solid #4e494b;
        padding: 0 0 0 120px;
        display: inline-block;
        line-height: 1.4;
        margin: 0 0 20px;
        width: 410px; }
        .philosophy section.section .philosophy-list .right h3 em {
          font-size: 60px; }
      .philosophy section.section .philosophy-list .right h4 {
        font-size: 18px;
        font-weight: bold;
        padding: 0 0 0 120px;
        width: 410px; }
      .philosophy section.section .philosophy-list .right p {
        padding: 0 0 0 120px;
        margin-bottom: 26px;
        width: 410px;
        font-size: 14px; }
      .philosophy section.section .philosophy-list .right figure {
        text-align: left;
        padding: 0 0 0 220px; }
      .philosophy section.section .philosophy-list .right.center h4 {
        text-align: center; }
      .philosophy section.section .philosophy-list .right.center p {
        text-align: center; }
    @media screen and (max-width: 750px) {
      .philosophy section.section .philosophy-list {
        display: block; }
        .philosophy section.section .philosophy-list .bg01 {
          background: url(../images/lp/reflet_color_new/bg_texture.jpg) left top no-repeat;
          background-size: cover;
          padding: 35px 60px 90px; }
        .philosophy section.section .philosophy-list .bg02 {
          background: url(../images/lp/reflet_color_new/bg_vivid.jpg) left top no-repeat;
          background-size: cover;
          padding: 35px 60px 90px; }
        .philosophy section.section .philosophy-list .bg03 {
          background: url(../images/lp/reflet_color_new/bg_stylish.jpg) left top no-repeat;
          background-size: cover;
          padding: 35px 60px 90px; }
        .philosophy section.section .philosophy-list .slick-dots {
          bottom: -80px; }
        .philosophy section.section .philosophy-list .left {
          width: 100%; }
          .philosophy section.section .philosophy-list .left .hosoku {
            bottom: 34px; }
        .philosophy section.section .philosophy-list .right {
          width: 100%;
          padding: 35px 30px 50px; }
          .philosophy section.section .philosophy-list .right h3 {
            font-size: 30px;
            padding: 0;
            text-align: center;
            display: block;
            line-height: 2;
            margin: 0 0 20px;
            width: auto; }
            .philosophy section.section .philosophy-list .right h3 em {
              font-size: 50px; }
          .philosophy section.section .philosophy-list .right h4 {
            font-size: 20px;
            font-weight: bold;
            line-height: 1.4;
            padding: 0;
            width: auto; }
          .philosophy section.section .philosophy-list .right p {
            padding: 0;
            margin: 0 0 20px;
            width: auto; }
          .philosophy section.section .philosophy-list .right figure {
            text-align: center;
            padding: 0;
            max-width: 50px;
            margin: 0 auto; }
          .philosophy section.section .philosophy-list .right.center h4 {
            text-align: left; }
          .philosophy section.section .philosophy-list .right.center p {
            text-align: left; } }
  .philosophy section.section .philosophy-list02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 750px) {
      .philosophy section.section .philosophy-list02 {
        display: none; } }
    .philosophy section.section .philosophy-list02 .bg02 {
      background: url(../images/lp/reflet_color_new/bg_vivid.jpg) left top no-repeat;
      background-size: cover;
      padding: 5% 7% 110px; }
      @media screen and (max-width: 1080px) {
        .philosophy section.section .philosophy-list02 .bg02 {
          padding: 3% 5% 90px; } }
      @media screen and (max-width: 980px) {
        .philosophy section.section .philosophy-list02 .bg02 {
          padding: 3% 2% 90px; } }
    .philosophy section.section .philosophy-list02 .slick-dots {
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      bottom: -100px; }
      @media screen and (max-width: 1080px) {
        .philosophy section.section .philosophy-list02 .slick-dots {
          bottom: -90px; } }
      .philosophy section.section .philosophy-list02 .slick-dots li {
        display: inline-block;
        background: #fff;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        text-indent: -9999px;
        overflow: hidden;
        cursor: pointer;
        margin: 0 10px; }
        .philosophy section.section .philosophy-list02 .slick-dots li button {
          display: none; }
        .philosophy section.section .philosophy-list02 .slick-dots li:hover, .philosophy section.section .philosophy-list02 .slick-dots li.slick-active {
          width: 7px;
          height: 7px;
          background: #000; }
    .philosophy section.section .philosophy-list02 .left {
      width: 50%;
      overflow: hidden;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .philosophy section.section .philosophy-list02 .left .inner {
        max-width: 410px;
        margin: 0 0 0 calc(100% - 410px);
        /*  @include max-screen(1360) {
            margin: 0 0 0 36%;
          }
          @include max-screen(1260) {
            margin: 0 0 0 33%;
          }
          @include max-screen(1160) {
            margin: 0 0 0 30%;
          }
          @include max-screen(1060) {
            margin: 0 0 0 23%;
          }
          @include max-screen(960) {
            margin: 0 0 0 15%;
          }
          @include max-screen(860) {
            margin: 0 0 0 3%;
          }
          @include max-screen(800) {
            margin: 0 0 0 0;
          }*/ }
        .philosophy section.section .philosophy-list02 .left .inner h3 {
          font-size: 30px;
          font-family: 'Open Sans', sans-serif;
          font-weight: 300;
          line-height: 1.4;
          margin: 0 0 20px;
          position: relative;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: 0 calc(50% - 50vw) 20px 0; }
          .philosophy section.section .philosophy-list02 .left .inner h3:before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background: #000;
            position: absolute;
            bottom: 0px; }
          .philosophy section.section .philosophy-list02 .left .inner h3 em {
            font-size: 60px; }
        .philosophy section.section .philosophy-list02 .left .inner h4 {
          font-size: 18px;
          font-weight: bold;
          line-height: 1.4; }
        .philosophy section.section .philosophy-list02 .left .inner p {
          padding: 0;
          margin-bottom: 26px;
          font-size: 14px; }
        .philosophy section.section .philosophy-list02 .left .inner figure {
          text-align: left;
          padding: 0 0 0 94px; }
    .philosophy section.section .philosophy-list02 .right {
      width: 50%;
      position: relative; }
      .philosophy section.section .philosophy-list02 .right .hosoku {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        bottom: 5%;
        font-size: 15px; }
        @media screen and (max-width: 1080px) {
          .philosophy section.section .philosophy-list02 .right .hosoku {
            bottom: 4.5%; } }
        .philosophy section.section .philosophy-list02 .right .hosoku span {
          font-size: 30px; }
        .philosophy section.section .philosophy-list02 .right .hosoku em {
          font-weight: bold; }
      .philosophy section.section .philosophy-list02 .right img {
        width: 100%; }

.technology {
  background: #f3f3f3; }
  .technology section.section {
    margin: 0 auto 120px;
    padding: 100px; }
    .technology section.section .jp {
      margin: 0 0 10px; }
    @media screen and (max-width: 1080px) {
      .technology section.section {
        padding: 60px 20px; } }
    .technology section.section .flex-space {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 0 50px; }
      .technology section.section .flex-space .left {
        width: 50%;
        padding: 0 15px 0 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .technology section.section .flex-space .left .cat {
          font-size: 24px; }
        .technology section.section .flex-space .left .ttl {
          font-size: 28px;
          font-weight: bold;
          line-height: 1.2; }
          .technology section.section .flex-space .left .ttl span {
            font-size: 14px;
            font-weight: normal; }
        .technology section.section .flex-space .left .text-small {
          font-size: 14px;
          margin: 0 0 20px; }
        .technology section.section .flex-space .left .subttl {
          font-size: 24px;
          font-weight: bold; }
        .technology section.section .flex-space .left .text {
          font-size: 12px; }
      .technology section.section .flex-space .right {
        width: 50%;
        padding: 0 0 0 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .technology section.section .flex-space .right .ttl02 {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          font-weight: bold;
          margin: 0 0 10px; }
          .technology section.section .flex-space .right .ttl02:before, .technology section.section .flex-space .right .ttl02:after {
            content: "";
            width: 30%;
            height: 1px;
            background: #000;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
          .technology section.section .flex-space .right .ttl02:before {
            margin: 0 10px 0 0; }
          .technology section.section .flex-space .right .ttl02:after {
            margin: 0 0 0 10px; }
        .technology section.section .flex-space .right .flex {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 100%; }
          .technology section.section .flex-space .right .flex.first-col {
            margin: 0 0 20px; }
          .technology section.section .flex-space .right .flex .img {
            margin: 0 20px 0 0;
            width: 120px;
            position: relative; }
            .technology section.section .flex-space .right .flex .img.first {
              margin: 0 20px 15px 0; }
              .technology section.section .flex-space .right .flex .img.first:before {
                content: "";
                display: block;
                background: url(../images/lp/reflet_color_new/rfl-color_tech-about-arrow.png) left top no-repeat;
                width: 15px;
                height: 23px;
                background-size: contain;
                position: absolute;
                left: 45px;
                bottom: -25px; }
          .technology section.section .flex-space .right .flex .ttl {
            display: block;
            background: #fff;
            border: 1px solid #ddd;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
            margin: 0 0 5px; }
          .technology section.section .flex-space .right .flex .text {
            font-size: 16px; }
    .technology section.section .about .flex-space {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .technology section.section .about .flex-space .img {
        width: 40%; }
      .technology section.section .about .flex-space .body {
        width: 57%;
        padding: 0 0 0 3%; }
        .technology section.section .about .flex-space .body .cat {
          font-size: 24px;
          line-height: 1.8; }
        .technology section.section .about .flex-space .body .ttl {
          font-size: 28px;
          font-weight: bold;
          line-height: 1.8; }
        .technology section.section .about .flex-space .body .subttl {
          font-size: 24px;
          font-weight: bold; }
        .technology section.section .about .flex-space .body .text {
          font-size: 16px; }
  @media screen and (max-width: 750px) {
    .technology section.section {
      margin: 0 auto 60px;
      padding: 60px 20px 30px; }
      .technology section.section .jp {
        font-size: 18px; }
      .technology section.section .jp02 {
        font-size: 14px;
        line-height: 1.4; }
      .technology section.section .flex-space {
        display: block;
        margin: 0 0 40px; }
        .technology section.section .flex-space .left {
          width: 100%;
          padding: 0; }
          .technology section.section .flex-space .left .cat {
            font-size: 18px; }
          .technology section.section .flex-space .left .ttl {
            font-size: 22px; }
            .technology section.section .flex-space .left .ttl span {
              font-size: 14px; }
          .technology section.section .flex-space .left .text-small {
            font-size: 14px; }
          .technology section.section .flex-space .left .subttl {
            font-size: 18px; }
          .technology section.section .flex-space .left .text {
            font-size: 12px; }
        .technology section.section .flex-space .right {
          width: 100%;
          padding: 0; }
          .technology section.section .flex-space .right .ttl02 {
            font-size: 16px; }
          .technology section.section .flex-space .right .flex {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%; }
            .technology section.section .flex-space .right .flex .img {
              margin: 0 20px 0 0;
              width: 90px; }
              .technology section.section .flex-space .right .flex .img.first {
                margin: 0 20px 10px 0; }
                .technology section.section .flex-space .right .flex .img.first:before {
                  left: 40%;
                  bottom: -20%; }
            .technology section.section .flex-space .right .flex .ttl {
              font-size: 16px; }
            .technology section.section .flex-space .right .flex .text {
              font-size: 14px; }
      .technology section.section .about .flex-space {
        display: block; }
        .technology section.section .about .flex-space .img {
          width: 100%; }
        .technology section.section .about .flex-space .body {
          width: 100%;
          padding: 0;
          margin: 0 0 20px; }
          .technology section.section .about .flex-space .body .cat {
            font-size: 18px; }
          .technology section.section .about .flex-space .body .ttl {
            font-size: 20px; }
          .technology section.section .about .flex-space .body .subttl {
            font-size: 18px;
            font-weight: bold; }
          .technology section.section .about .flex-space .body .text {
            font-size: 14px; } }

.lineup section.section {
  margin: 0 auto 130px; }
  .lineup section.section .color-list {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .lineup section.section .color-list li {
      max-width: 485px;
      margin: 0 0 50px; }
      @media screen and (max-width: 980px) {
        .lineup section.section .color-list li {
          max-width: 45%; } }
      .lineup section.section .color-list li dl dt {
        position: relative;
        margin: 0 0 10px; }
        .lineup section.section .color-list li dl dt > p {
          position: absolute;
          right: 10px;
          bottom: 20px;
          margin: 0; }
          .lineup section.section .color-list li dl dt > p a {
            padding: 0;
            border: none;
            width: auto; }
            .lineup section.section .color-list li dl dt > p a:hover {
              background: none; }
        .lineup section.section .color-list li dl dt > p.new {
          position: absolute;
          left: -25px;
          top: -25px; }
        .lineup section.section .color-list li dl dd img {
          height: 50px;
        }
  .lineup section.section .btn-area {
    margin: 50px auto 0;
    text-align: center; }
    .lineup section.section .btn-area a {
      max-width: 380px;
      display: block;
      margin: 0 auto;
      border: 1px solid #000;
      padding: 15px 0;
      font-size: 18px; }
      .lineup section.section .btn-area a:hover {
        background: #000;
        color: #fff; }
      .lineup section.section .btn-area a:after {
        content: "";
        display: inline-block;
        width: 18px;
        height: 23px;
        position: relative;
        right: -5px;
        top: 5px;
        background: url(../images/lp/reflet_color_new/icon_pdf.png) left top no-repeat; }
  @media screen and (max-width: 750px) {
    .lineup section.section {
      margin: 0 auto 60px; }
      .lineup section.section .color-list {
        margin: 0 auto;
        padding: 0 15px;
        display: block; }
        .lineup section.section .color-list li {
          max-width: 100%;
          margin: 0 0 40px; }
          .lineup section.section .color-list li dl dt {
            position: relative;
            margin: 0 0 15px; }
            .lineup section.section .color-list li dl dt img {
              width: 100%;
              vertical-align: top;     }
            .lineup section.section .color-list li dl dt > p {
              position: absolute;
              right: 10px;
              bottom: 10px;
              width: 50px;
              min-width: auto !important; }
              .lineup section.section .color-list li dl dt > p:hover {
                background: none; }
            .lineup section.section .color-list li dl dt > p.new {
              width: 50px;
              left: -1px;
              top: -20px; }
          .lineup section.section .color-list li dl dd img {
            height: 34px;
          }
          /* .lineup section.section .color-list li dl dd img.ame {
            width: 63%;
          }
          .lineup section.section .color-list li dl dd img.lap {
            width: 52%;
          }
          .lineup section.section .color-list li dl dd img.iri {
            width: 62%;
          }
          .lineup section.section .color-list li dl dd img.h55 {
            width: 80%; } */
			/* .lineup section.section .color-list li dl dd img.spi {
				width: 53.5%;
				margin-top: -17px; }
			.lineup section.section .color-list li dl dd img.per {
				width: 63.7%;
				margin-top: -15px; } */
      .lineup section.section .btn-area {
        margin: 30px auto 0;
        text-align: center; }
        .lineup section.section .btn-area a {
          max-width: 270px;
          display: block;
          padding: 10px 0 15px;
          font-size: 16px; }
          .lineup section.section .btn-area a:after {
            top: 5px; } }

.products .section {
  text-align: center;
  margin: 0 auto 170px; }
    .products .section .products-list .flex li {
      line-height: 1.3;
      font-size: 12px;
    }
      .products .section .products-list .flex li span {
        font-weight: bold;
        font-size: 14px;
      }
      .products .section .products-list .flex li em {
        border: 1px solid #f0f0f0;
        padding: 5px;
        display: inline-block;
        line-height: 1.1;
        font-size: 10px;
        margin: 0 0 0 5px;
      }

.products .section .products-list figure {
    width: 350px;
    margin-bottom: 20px;
}
.products .products-list .flex{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.products .section .list-two.flex{
   max-width: 760px;
   margin: 0 auto;
   margin-top: 20px;
}
.products .section .list-two.flex li p{
  width: 68.5%;
  margin: 0 auto;
}
.products .section .list-two.flex li:first-child p{
  width: 45%;
}

.products .section .list-three.flex{
  margin-top: 65px;
}
.products .section .products-list ul li{
  text-align: center;
}
.products .section .list-three.flex li p{
  width: 68%;
  margin: 0 auto;
}
@media screen and (max-width: 1080px) {
  .products .section .products-list figure {
    width: 32vw;
  }
  .products .section .list-two.flex{
    width: 70vw;
  }
  .products .section .list-two.flex li:first-child p{
    width: 58%;
  }
  .products .section .list-three.flex{
    padding: 0 10px;
  }
  .products .section .list-three.flex li p{
    width: 74%;
  }
}

@media screen and (max-width: 750px) {
  .products .section .products-list{
    margin: 0 5px;
  }
  .products .section .products-list .flex li {
    line-height: 1.72;
    font-size: 2.9333vw;
  }
    .products .section .products-list .flex li span {
      font-size: 3.6vw;
    }
    .products .section .products-list .flex li em {
      font-size: 2.9333vw;
    }

  .products .section .products-list figure {
    width: 45vw;
    margin-bottom: 25px;
  }
  .products .section .list-two.flex{
    max-width: initial;
    width: 100%;
    margin-top: 80px;
  }
  .products .section .list-two.flex li p{
    width: 98%;
    margin: 0 auto;
  }
  .products .section .list-two.flex li:first-child p{
    width: 94%;
  }

  .products .section .list-three.flex{
    padding: 0;
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .products .section .list-three.flex li p{
    width: 94%;
  }
  .products .section .list-three.flex li:nth-child(1) p{
    width: 74.7%;
  }
  .products .section .list-three.flex li:nth-child(2) p{
    width: 90%;
  }
  .products .section .list-three.flex li:last-child{
    margin-top: 40px;
  }

}

.l-site-main {
  width: 100%;
  overflow: hidden;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2;
  font-weight: 400;
  color: #4e494b;
  background: #fff;
  position: relative;
  z-index: 99; }
  @media screen and (max-width: 750px) {
    .l-site-main {
      padding: 0 0 0 0;
      min-width: 320px;
      line-height: 2;
      font-size: 14px; }
  }

  .l-site-main .section {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto 130px;
    padding: 0;
  }

  .l-site-main .mv .section{
    margin-bottom: 0;
  }

    .l-site-main .section h2 {
      position: relative;
      margin: 0 0 40px;
      text-align: center; }
      .l-site-main .section h2 .en {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 60px;
        color: #4e494b;
        line-height: 1;
        display: block;
        position: relative;
        margin: 0 0 60px; }
        .l-site-main .section h2 .en:after {
          content: "";
          display: block;
          background: #4e494b;
          height: 1px;
          position: absolute;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          bottom: -30px;
          width: 160px; }
      .l-site-main .section h2 .jp {
        font-size: 20px;
        line-height: 1.5;
        display: block; }
    @media screen and (max-width: 1080px) {
      .l-site-main .section h2 .en {
        font-size: 50px; }
      .l-site-main .section h2 .jp {
        font-size: 18px; } }
    @media screen and (max-width: 750px) {
      .l-site-main .section {
        padding: 0 10px;
        margin: 0 auto 30px; }
        .l-site-main .section h2 {
          margin: 0 0 20px; }
          .l-site-main .section h2 .en {
            font-size: 40px;
            margin: 0 0 40px; }
            .l-site-main .section h2 .en:after {
              bottom: -15px;
              width: 100px; }
          .l-site-main .section h2 .jp {
            font-size: 18px; } }
  .l-site-main p:not([class]) {
    margin-top: 0.5em;
    margin-bottom: 1.5em; }
  .l-site-main br.sp {
    display: none; }

a:hover {
  opacity: 0.7; }

p.btn a:hover {
  opacity: 1; }


/*mv下の見出し*/
.l-site-main .lead-txt .section{
  margin-bottom: 0;
}
.l-site-main .lead-txt p{
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}
.lead-txt h2 img{
  margin: 0 auto;
}
.lead-txt h2:nth-child(2){
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 57px;
}
/*見出し下のカラー説明*/
.l-site-main .lead-txt .section{
  max-width: initial;
}
.item-info01 .tit_box.flex p{
  line-height: 1.5;
  margin: 0;
}
.item-info01 .point_box p{
  max-width: 75px;
  margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
  .lead-txt h2:nth-child(1){
    width: 40vw;
    margin: 0 auto;
  }
  .lead-txt h2:nth-child(2){
    width: 74.93vw;
    margin-top: 10.6vw;
    margin-bottom: 10.6vw;
  }
  /*見出し下のカラー説明*/
  .item-info01 .tit_box.flex p{
    font-size: 3.6vw;
    line-height: 1.7;
    margin: -0.29em 0;
  }
  .item-info01 .point_box p{
    max-width: initial;
    width: 16vw;
    margin-bottom: 3vw;
  }

  .item-info01 .tit_box.sp .br_sp.flex p{
    font-size: 3.6vw;
    line-height: 1.7;
    margin: -0.29em 0;
  }
}

/* PLUM TAUPE */
.item-info01{
  border-color: #735367;
}
.item-info01 h2{
	width: 45.7%;
}
.item-info01 h2 img {
	width: 100%;
}
.item-info01::before{
	content: "";
	top: -15px;
	left: -15px;
	border-bottom: 8em solid transparent;
	border-left: initial;
}
.item-info01 .img_txt{
	width: 53.4%;
}
.item-info01 .img_txt h3{
	width: 48.875%;
}
.item-info01 .img_txt h3 img{
	width: 100%;
}
.item-info01 .txt_box {
	width: 92.3%;
	margin-left: 42px;
}
.item-info01 .spinel{
	background-color: #cf758d;
}
.item-info01 .plum-taupe {
  background-color: #926882;
}
.item-info01 .plum-taupe_middle.flex{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}
.item-info01 .plum-taupe_middle.flex h2 img{
	vertical-align: top;
}
.item-info01 .plum-taupe_middle.flex .img_txt .small_img.flex{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.item-info01 .plum-taupe_middle.flex .img_txt .small_img.flex h3 img{
	vertical-align: top;
}
.item-info01 .plum-taupe_middle.flex .img_txt .small_img.flex h3:first-child{
	/* padding-left: 12px; */
}
.item-info01 .tit_box.flex {
	align-items: flex-end;
}
.item-info01 .tit_box.flex .line {
	height: 39px;
	margin-right: 16px;
	margin-bottom: 11px;
}
.item-info01 .tit_box.flex h4{
	max-width: 355px;
}
.item-info01 .tit_box.flex .spec {
	margin-bottom: 8px;
	font-size: 11px;
	line-height: 1.5;
}
.item-info01 .txt_box {
	padding-top: 38px;
  padding-bottom: 30px;
}
.item-info01 .txt_box .txt_read {
	margin-top: 14px;
	font-family: "Noto Serif JP", serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.4;
  letter-spacing: 0.08em;
}
.item-info01.second .txt_box .txt_read {
  letter-spacing: 0.1em;
}
.item-info01 .point_box {
	margin-top: 16px;
}
.item-info01 .point_box h5 {
  margin-bottom: 8px;
	font-family: "Lexend Deca";
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1.2px;
}
.item-info01 .point_box .point_list li {
/*	font-family: "Noto Sans JP", sans-serif;*/
  font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 700;
}
.item-info01 .point_box .point_list li + li {
	margin-top: 4px;
}
.item-info01 .point_box .point_list li::before {
	display: none;
}
@media screen and (max-width: 1200px) {
	.item-info01 h2{
		width: 45.7%;
	}
	.item-info01 .img_txt{
		width: 53.4%;
	}
	.item-info01 .img_txt h3{
		width: 48.875%;
		padding: 0;
	}
	.item-info01 .plum-taupe_middle.flex .img_txt .small_img.flex h3:first-child {
		padding-left: 0;
	}
	.item-info01 .tit_box.flex .line {
		height: 3.25vw;
		margin-right: 1.3333vw;
		margin-bottom: 0.917vw;
	}
	.item-info01 .tit_box.flex h4{
		max-width: 29.5833vw;
	}
	.item-info01 .tit_box.flex .spec {
		margin-bottom: 0.667vw;
		font-size: 0.9167vw;
	}
	/* .item-info01::after{
		top: -0.2em;
		transform: rotate(-45deg);
		left: -1%;
	} */
	.item-info01 .txt_box {
		padding-top: 3.1667vw;
    padding-bottom: 2vw;
		margin-left: 3.5vw;
	}
	.item-info01 .txt_box .txt_read {
		margin-top: 1.1667vw;
		font-size: 2.6667vw;
	}
	.item-info01 .point_box {
		margin-top: 1.333vw;
	}
	.item-info01 .point_box h5 {
    margin-bottom: 0.4vw;
		font-size: 2vw;
	}
	.item-info01 .point_box .point_list li {
		font-size: 1.333vw;
	}
	.item-info01 .point_box .point_list li + li {
		margin-top: 0.333vw;
	}
}
@media screen and (max-width: 900px) {
	.item-info01 h2{
		width: 45.7%;
	}
	/* .item-info01::after{
		top: 10px;
		left: 90%;
    left: -16px;
	} */
	.item-info01 .tit_box.flex .line {
		height: 4.333vw;
		margin-right: 1.778vw;
		margin-bottom: 1.2222vw;
	}
	.item-info01 .tit_box.flex h4{
		max-width: 25.1111vw;
	}
	.item-info01 .tit_box.flex .spec {
		margin-bottom: 0.8889vw;
		font-size: 1.2222vw;
	}
	.item-info01 .txt_box {
		/* padding-top: 4.222vw; */
		margin-left: 4.667vw;
	}
	.item-info01 .txt_box .txt_read {
		margin-top: .5556vw;
		font-size: 2.5556vw;
	}
	.item-info01 .point_box {
		/* margin-top: 1.1111vw; */
	}
	.item-info01 .point_box h5 {
		/* font-size: 2.667vw; */
	}
	.item-info01 .point_box .point_list li {
		/* font-size: 1.7778vw; */
	}
	.item-info01 .point_box .point_list li + li {
		margin-top: 0.4444vw;
	}
}
@media screen and (max-width: 750px) {
	.item-info01 {
		padding: 0;
    border-width: 2.8vw;
    border-bottom-width: 0;
	}
	.item-info01 h2{
		width: 100%;
	}
	.item-info01::before{
    width: 29.3333vw;
    height: 29.3333vw;
    top: -2.7vw;
    left: -2.8vw;
	}
	.item-info01 .plum-taupe_middle.flex{
		display: block;
	}
	.item-info01 .plum-taupe_middle.flex h2 img{
		width: 100%;
		/* background-color: #cf758d; */
    background-color: #926882;
		padding-bottom: 10px;
	}
	.item-info01 .img_txt{
		width: 100%;
	}
	.item-info01 .plum-taupe_middle.flex .img_txt .small_img.flex h3 {
		width: 48.0226%;
	}
	.item-info01 .plum-taupe_middle.flex .img_txt .small_img.flex h3 img{
		vertical-align: top;
	}
	.item-info01 .plum-taupe_middle.flex .img_txt .small_img.flex h3:first-child{
		padding-left: 0;
	}
	.item-info01 .tit_box.flex {
		display: grid;
		grid-template-columns: 3.2vw auto;
		grid-template-rows: auto;
		align-items: flex-start;
		row-gap: 5.8667vw;
	}
	.item-info01 .tit_box.flex h4{
		max-width: initial;
		width: 84vw;
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
	.item-info01 .tit_box.flex .line{
		margin: 0;
		height: 10.1333vw;
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	.item-info01 .tit_box.flex .spec{
		margin: 2px 0 0;
		font-size: 3.2vw;
		line-height: 1.5;
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.item-info01 .txt_box {
		padding-top: 8.26667vw;
		padding-bottom: 13.0667vw;
	}
	.item-info01 .txt_box .txt_read {
		margin-top: 6.1333vw;
		font-size: 5.333vw;
	}
	.item-info01 .point_box  {
		margin-top: 6.9333vw;
	}
	.item-info01 .point_box h5 {
		font-size: 4.8vw;
		letter-spacing: 0.9px;
	}
	.item-info01 .point_box .point_list li {
		margin-left: 5.3333vw;
		font-size: 3.7333vw;
	}
	.item-info01 .point_box .point_list li + li {
		margin-top: 2.1333w;
	}
}

/* MARIGOLD */
.item-info01.second{
  border-color: #EB5F26;
}
.item-info01.second h2{
	width: 45.7%;
}
.item-info01 h2 img {
	width: 100%;
}
.item-info01.second::before{
	content: "";
	top: -15px;
	right: -15px;
  left: auto;
}
.item-info01.second .peridot{
	background-color: #337039;
}
.item-info01.second .marigold{
  background-color: #EF7F51;
}
.item-info01.second .marigold_middle.flex{
	/* background-color: #53a574; */
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	justify-content: space-between;
}
.item-info01 .marigold_middle.flex h2 img{
	vertical-align: top;
}
.item-info01 .marigold_middle.flex .img_txt .small_img.flex{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
}
.item-info01 .marigold_middle.flex .img_txt .small_img.flex h3 img{
	vertical-align: top;
}
.item-info01 .marigold_middle.flex .img_txt .small_img.flex h3:first-child{
	padding-left: 0;
}
.item-info01.second .tit_box.flex .line {
	height: 51px;
	margin-right: 17px;
	margin-bottom: 2px;
	margin-right: 20px;
}
.item-info01.second .tit_box.flex h4{
	max-width: 304px;
}
.item-info01.second .tit_box.flex .spec {
	margin-bottom: 0;
	line-height: 1.3;
}

@media screen and (max-width: 1200px) {
	.item-info01.second h2{
		width: 45.7%;
	}
	.item-info01.second h2{
		width: 45.7%;
	}
	.item-info01.second .tit_box.flex .line {
		height: 4.25vw;
		margin-right: 1.4167vw;
		margin-bottom: 0.1667vw;
		margin-right: 1.667vw;
	}
	.item-info01.second .tit_box.flex h4{
		max-width: 25.3333vw;
	}
	.item-info01.second::after{
		top: -0.2em;
		transform: rotate(45deg);
		left: 94%;
	}
}
@media screen and (max-width: 900px) {
	.item-info01.second h2{
		width: 45.7%;
	}
	.item-info01.second h2{
		width: 45.7%;
	}
	.item-info01.second::after{
		top: -1px;
		left: calc(100% - 65px);
	}
	.item-info01.second .tit_box.flex .line {
		height: 5.667vw;
		margin-right: 1.8889vw;
		margin-bottom: 0.222vw;
		margin-right: 2.222vw;
	}
	.item-info01.second .tit_box.flex h4{
		max-width: 26.222vw;
	}
}
@media screen and (max-width: 750px) {
	.item-info01.second {
		margin-top: -1px;
	}
	.item-info01.second h2{
		width: 100%;
	}
	.item-info01.second::before{
    top: -2.7vw;
    right: -2.8vw;
	}
	.item-info01.second .marigold_middle.flex {
		flex-direction: column;
	}
	.item-info01 .marigold_middle.flex h2 img{
		width: 100%;
		background-color: #EF7F51;
		padding-bottom: 10px;
	}
	.item-info01 .marigold_middle.flex .img_txt .small_img.flex h3 img{
		vertical-align: top;
	}
	.item-info01 .marigold_middle.flex .img_txt .small_img.flex h3:first-child{
		padding-left: 0;
	}
	.item-info01.second .tit_box.flex h4{
		max-width: initial;
		width: 71.733vw;
	}
	.item-info01.second .tit_box.flex .line{
		margin: 0;
		height: 19.2vw;
	}
	.item-info01.second .txt_box {
		width: 90.3%;
	}
}

@media screen and (max-width: 767px) {
    .fancybox-slide--image {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}