@charset "UTF-8";
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;
  font-weight: normal;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

ol,
ul,
li {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

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

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

/* change border colour to suit your needs 
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input,
select {
  vertical-align: middle; }

img,
iframe {
  vertical-align: bottom; }

th {
  text-align: left; }

/* a:hover{
	opacity: 0.7;
} */
/* ////////////////////////////////////////
PC
//////////////////////////////////////// */
/* ////////////////////////////////////////
PC
//////////////////////////////////////// */
/* ////////////////////////////////////////
SP
//////////////////////////////////////// */
@media screen and (max-width: 768px) {
  html {
    font-size: 62.5%; }

  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 {
    /*font-weight: bold;*/ } }
/* ////////////////////////////////////////
SP
//////////////////////////////////////// */
/*---------------------------------------------
media query
----------------------------------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0em;
  color: #000; }

html {
  color: #444;
  font-family: 'Noto Sans JP', sans-serif, Arial, Helvetica, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 62.5%; }

.mincho {
  font-family: 'Noto Serif', serif;
  font-family: 'Noto Serif JP', serif; }

/**
 * header
 */
header {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

/**ハンバーガーボタン**/
.bl_humburger {
  position: fixed;
  top: 85px;
  width: 110px;
  height: auto;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
  margin-top: 0;
  margin-left: 86px; }
  @media screen and (max-width: 768px) {
    .bl_humburger {
      margin-top: 25px;
      margin-left: 10px;
      width: 50px;
      top: 0; } }

.bl_humburger > span {
  display: block;
  width: 100%;
  margin: 0 0 24px;
  height: 2px;
  background: #000;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 768px) {
    .bl_humburger > span {
      margin: 0 0 14px; } }

.bl_humburger.is_active > span:first-of-type {
  width: 100%;
  transform: translateY(28px) rotate(-45deg); }
  @media screen and (max-width: 768px) {
    .bl_humburger.is_active > span:first-of-type {
      transform: translateY(7px) rotate(-45deg); } }
.bl_humburger > span:nth-of-type(2) {
  width: 62%; }
.bl_humburger.is_active > span:nth-of-type(2) {
  opacity: 0; }
.bl_humburger > span:last-of-type {
  width: 81%;
  margin-bottom: 0; }
.bl_humburger.is_active > span:last-of-type {
  width: 100%;
  transform: translateY(-26px) rotate(45deg); }

.ly_gnav {
  position: fixed;
  top: 61px;
  width: 363px;
  margin-left: 237px;
  transform: translateX(-100vw);
  transition: all .5s ease;
  z-index: 1000; }
  @media screen and (max-width: 768px) {
    .ly_gnav {
      left: 0;
      right: 0;
      width: 96vw;
      max-width: 400px;
      margin-left: 3vw;
      margin-right: auto; } }
  @media screen and (max-width: 420px) {
    .ly_gnav {
      margin: 0 auto; } }
  .ly_gnav.is_open {
    transform: translateX(0); }

.bl_gnavCon {
  border: 2px solid #000;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: all .5s ease; }
  .bl_gnavCon .bl_gnavItem {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 22px;
    padding-right: 3px;
    transition: all .5s ease; }
    @media screen and (max-width: 768px) {
      .bl_gnavCon .bl_gnavItem {
        padding-left: 2vw; } }
    .bl_gnavCon .bl_gnavItem:first-of-type {
      padding-top: 19px; }
    .bl_gnavCon .bl_gnavItem:last-of-type {
      padding-bottom: 9px; }
    .bl_gnavCon .bl_gnavItem:hover {
      background: #000; }
    .bl_gnavCon .bl_gnavItem:hover .el_gnavItemEn {
      color: #fff; }
    .bl_gnavCon .bl_gnavItem:hover .el_gnavItemJa {
      color: #fff; }
  .bl_gnavCon .el_gnavItemEn {
    display: block;
    font-size: 2.5rem;
    letter-spacing: -0.04em;
    margin-bottom: 4px;
    color: #000;
    transition: all .5s ease; }
  .bl_gnavCon .el_gnavItemJa {
    display: block;
    font-size: 1.8rem;
    padding-left: 62px;
    color: #aaa;
    transition: all .5s ease;
    font-weight: 300; }
  .bl_gnavCon.is_open {
    opacity: 1; }

/**共通**/
.select-lang {
  position: absolute;
  width: 97px;
  top: 105px;
  margin-right: 158px;
  right: 0;
  z-index: 1000;
  display: flex; }
  @media screen and (max-width: 1000px) {
    .select-lang {
      top: 20px;
      margin-right: 3vw; } }
  .select-lang .bl_select_lang01 {
    width: 42px; }
    .select-lang .bl_select_lang01 img {
      width: 100%;
      cursor: pointer; }
  .select-lang .bl_select_lang02 {
    width: 15px; }
    .select-lang .bl_select_lang02 img {
      width: 100%;
      cursor: pointer; }
  .select-lang .bl_select_lang03 {
    width: 40px; }
    .select-lang .bl_select_lang03 img {
      width: 100%;
      cursor: pointer; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%; }
  @media screen and (max-width: 1300px) {
    .wrapper {
      max-width: unset;
      padding-left: 3vw;
      padding-right: 3vw; } }

.inline {
  display: inline-block;
  font-size: inherit;
  color: inherit;
  font-weight: inherit; }

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

.br-lg {
  display: block; }
  @media screen and (max-width: 1000px) {
    .br-lg {
      display: none; } }

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

.paper {
  transform-style: flat;
  transition: all 250ms ease-out; }
  .paper:before, .paper:after {
    content: "";
    position: absolute;
    z-index: -2;
    transition: all 250ms ease-out; }

.paper-raise:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.paper-raise:hover {
  border: 1px solid #000; }
  .paper-raise:hover:before {
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.2); }

#page_top {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 80px; }
  @media screen and (max-width: 768px) {
    #page_top {
      width: 60px;
      height: 60px; } }
  #page_top a {
    position: relative;
    display: block; }
    @media screen and (max-width: 768px) {
      #page_top a {
        width: 60px;
        height: 60px; } }
  #page_top img {
    width: 100%;
    height: auto; }

/**
* index
*/
/**
* sec01
*/
.ly_supplies_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1000px) {
    .ly_supplies_wrapper {
      width: 100%;
      padding: 0 10vw; } }
  @media screen and (max-width: 768px) {
    .ly_supplies_wrapper {
      padding: 100px 5vw 0; } }

#sec01 {
  padding-top: 205px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    #sec01 {
      padding-top: 0; } }

#sec01 .ly_head_title {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 420px) {
    #sec01 .ly_head_title {
      width: 100%; } }

#sec01 .bl_head_title01 {
  font-size: 2.4rem;
  font-weight: 200;
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.4; }
  @media screen and (max-width: 420px) {
    #sec01 .bl_head_title01 {
      padding-right: 0;
      margin-bottom: 3vh; } }

#sec01 .bl_head_title02 {
  font-size: 1.8rem;
  font-weight: 200;
  text-align: center; }
  @media screen and (max-width: 420px) {
    #sec01 .bl_head_title02 {
      width: 100%; } }

.bl_title {
  margin-top: 24px;
  font-size: 1.8rem;
  padding-left: 16px; }
  @media screen and (max-width: 1000px) {
    .bl_title {
      padding-left: 0; } }
  @media screen and (max-width: 420px) {
    .bl_title {
      margin-top: 4vh; } }

.bl_text {
  margin-top: 9px;
  padding-left: 96px;
  padding-right: 58px;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.045em; }
  @media screen and (max-width: 1000px) {
    .bl_text {
      padding-left: 2vw;
      padding-right: 0; } }

.ly_movie_con {
  padding-top: 14px;
  padding-right: 76px; }
  @media screen and (max-width: 1000px) {
    .ly_movie_con {
      padding-right: 0; } }

.bl_movie_con {
  margin-right: 0;
  margin-left: auto;
  max-width: 315px; }
  @media screen and (max-width: 1000px) {
    .bl_movie_con {
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .bl_movie_con {
      max-width: 560px; } }

.bl_movie {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  top: 0;
  left: 0; }
  .bl_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.bl_movie_text {
  font-size: 1.5rem;
  margin-top: 9px;
  font-weight: 300;
  line-height: 1.2; }

.ly_flex01 {
  display: flex;
  width: 850px;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 226px; }
  @media screen and (max-width: 1000px) {
    .ly_flex01 {
      width: 100%;
      padding-top: 50px;
      justify-content: center; } }
  @media screen and (max-width: 768px) {
    .ly_flex01 {
      margin-bottom: 7vh; } }
  @media screen and (max-width: 420px) {
    .ly_flex01 {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center; } }
  .ly_flex01 .bl_image {
    margin-top: -85px;
    max-width: 281px;
    width: 281px; }
    @media screen and (max-width: 1000px) {
      .ly_flex01 .bl_image {
        margin-top: 0;
        width: 40%; } }
    @media screen and (max-width: 420px) {
      .ly_flex01 .bl_image {
        width: 100%; } }
    .ly_flex01 .bl_image img {
      width: 100%; }
  .ly_flex01 .bl_content {
    padding-left: 11px;
    padding-top: 30px;
    width: calc(100% - 281px); }
    @media screen and (max-width: 1000px) {
      .ly_flex01 .bl_content {
        width: 60%;
        padding-top: 0; } }
    @media screen and (max-width: 420px) {
      .ly_flex01 .bl_content {
        width: 100%;
        padding-left: 0; } }
    .ly_flex01 .bl_content.is_empty {
      height: 0; }
  .ly_flex01 .bl_content_title {
    padding-left: 13px;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-right: 164px;
    font-size: 1.8rem;
    font-weight: 300; }
    @media screen and (max-width: 768px) {
      .ly_flex01 .bl_content_title {
        margin-right: 0; } }
    @media screen and (max-width: 420px) {
      .ly_flex01 .bl_content_title {
        padding-left: 0; } }
  .ly_flex01 .bl_content_text {
    font-size: 1.4rem;
    padding-top: 17px;
    line-height: 2.4;
    padding-right: 20px; }
    @media screen and (max-width: 768px) {
      .ly_flex01 .bl_content_text {
        padding-right: 0; } }
    @media screen and (max-width: 420px) {
      .ly_flex01 .bl_content_text {
        padding-top: 2vh; } }

.ly_flex02 {
  padding-left: 20px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; }
  @media screen and (max-width: 1000px) {
    .ly_flex02 {
      padding-left: 0;
      flex-wrap: wrap;
      justify-content: center; } }
  .ly_flex02 .bl_content {
    width: 278px;
    margin-right: 43px; }
    @media screen and (max-width: 1000px) {
      .ly_flex02 .bl_content {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 30px; } }
    .ly_flex02 .bl_content:nth-of-type(3) {
      margin-right: 0; }
      @media screen and (max-width: 1000px) {
        .ly_flex02 .bl_content:nth-of-type(3) {
          margin-left: 20px;
          margin-right: 20px; } }
    .ly_flex02 .bl_content.is_empty {
      height: 0;
      margin: 0; }
  .ly_flex02 img {
    width: 100%; }
  .ly_flex02 .bl_content_figcaption {
    padding-top: 10px; }
  .ly_flex02 .bl_content_figTitle {
    font-size: 1.6rem;
    margin-bottom: 15px;
    line-height: 1.4; }
  .ly_flex02 .bl_content_figText {
    font-size: 1.4rem;
    line-height: 1.57;
    font-weight: 300;
    letter-spacing: -0.03em; }

.bl_buy {
  width: 199px;
  margin-left: 381px;
  margin-right: auto;
  margin-top: 33px; }
  @media screen and (max-width: 1000px) {
    .bl_buy {
      margin-left: auto; } }
  .bl_buy .bl_btn {
    margin-bottom: 11px;
    border: 1px solid #000;
    padding-top: 8px;
    padding-bottom: 11px;
    padding-left: 22px;
    position: relative; }
    .bl_buy .bl_btn img {
      width: 149px; }
  .bl_buy span {
    font-size: 1.8rem; }
  .bl_buy .bl_buy_text {
    font-size: 1.4rem;
    text-align: center; }

/**
 * sec02
 */
#sec02 {
  padding-top: 166px;
  padding-bottom: 220px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    #sec02 {
      padding-top: 10vh;
      padding-bottom: 10vh; } }
  #sec02 .ly_head_title {
    margin-bottom: 58px; }
    @media screen and (max-width: 768px) {
      #sec02 .ly_head_title {
        margin-bottom: 5vh; } }
  #sec02 .bl_head_title01 {
    text-align: center; }
    #sec02 .bl_head_title01 span {
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 1.4;
      display: inline-block; }
  #sec02 .bl_buy {
    margin-top: 8px;
    margin-left: 398px; }
    @media screen and (max-width: 1300px) {
      #sec02 .bl_buy {
        margin-left: auto;
        margin-right: auto; } }