@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap");
.ly_head_inner { -ms-flex-align: center; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

.ly_gnav_inner_nav { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; }

.ly_head, .ly_menubg { left: 0; position: fixed; top: 0; }

html { -ms-scroll-chaining: none; -webkit-text-size-adjust: none; height: 100%; overflow-y: scroll; overscroll-behavior: none; }

body { bottom: 0; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; left: 0; position: relative; right: 0; top: 0; }

@-webkit-keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

/* =========================================================
　◆Link Style
========================================================= */
a:link, a:visited, a:active { color: #1A1A1A; text-decoration: none; }

a:focus { outline: 0; }

.hover_op:hover { opacity: 0.7; }

/* =========================================================
　◆Basic
========================================================= */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

img { display: block; height: auto; max-width: 100%; width: auto; }

figure { background: transparent; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; }

/* pcBlock,pcInline */
.pcBlock { display: block !important; }

.pcInline { display: inline-block !important; }

.spBlock, .spInline { display: none !important; }

/* =========================================================
　◆Head
========================================================= */
.ly_head { -webkit-transition: .3s; margin: 0 auto; max-width: 100vw; transition: .3s; width: 100%; z-index: 3; }

.ly_head_inner { -webkit-transition: .3s; margin: auto; padding: 0 2%; transition: .3s; width: 100%; }

.ly_head_inner_ttl { -webkit-transition: .3s; opacity: 0; transition: .3s; width: 250px; }

.ly_head_inner_menu { height: 70px; position: relative; width: 40px; }

.ly_head_inner_menu:hover { cursor: pointer; }

.ly_head_inner_menu_top { -webkit-transform: translateY(-10px); -webkit-transition: .4s; -webkit-transition: 1s; background: #1A1A1A; height: 2px; position: absolute; top: calc(50% - 0.5px); transform: translateY(-10px); transition: .4s; transition: 1s; width: 90%; }

.ly_head_inner_menu_middle { -webkit-transform: translateY(0); -webkit-transition: .4s; -webkit-transition: 1s; background: #1A1A1A; height: 2px; position: absolute; top: calc(50% - 0.5px); transform: translateY(0); transition: .4s; transition: 1s; width: 90%; }

.ly_head_inner_menu_bottom { -webkit-transform: translateY(10px); -webkit-transition: .4s; -webkit-transition: 1s; background: #1A1A1A; height: 2px; position: absolute; top: calc(50% - 0.5px); transform: translateY(10px); transition: .4s; transition: 1s; width: 90%; }

#semi_order_style .ly_head_inner, #full_order_style .ly_head_inner, #designer .ly_head_inner { background: #1A1A1A; }

#semi_order_style .ly_head_inner_ttl, #full_order_style .ly_head_inner_ttl, #designer .ly_head_inner_ttl { opacity: 1; }

#semi_order_style .ly_head_inner_menu_top, #semi_order_style .ly_head_inner_menu_middle, #semi_order_style .ly_head_inner_menu_bottom, #full_order_style .ly_head_inner_menu_top, #full_order_style .ly_head_inner_menu_middle, #full_order_style .ly_head_inner_menu_bottom, #designer .ly_head_inner_menu_top, #designer .ly_head_inner_menu_middle, #designer .ly_head_inner_menu_bottom { background: #fff; }

/* =========================================================
　◆Gnav
========================================================= */
.ly_gnav { -ms-flex-pack: center; -webkit-box-pack: center; -webkit-transform: translate(250px); -webkit-transition: 1s; background: #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; justify-content: center; opacity: 0; overflow: auto; pointer-events: none; position: fixed; right: 0; top: 0; transform: translate(250px); transition: 1s; width: 38%; z-index: 2; }

.ly_gnav_inner { margin: 0 auto; width: 77%; }

.ly_gnav_inner_logo { margin-bottom: 20vh; margin-top: 15vh; position: relative; width: 85%; }

.ly_gnav_inner_logo::after { background-color: #fff; bottom: -10vh; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 45px; }

.ly_gnav_inner_nav { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-direction: column; }

.ly_gnav_inner_nav_list { margin-bottom: 6vh; width: 100%; }

.ly_gnav_inner_nav_list a { color: #fff; display: block; line-height: 40px; text-align: center; }

.ly_gnav_inner_nav_list:nth-child(1) img { width: 42%; }

.ly_gnav_inner_nav_list:nth-child(2) img { width: 38%; }

.ly_gnav_inner_nav_list:nth-child(3) img { width: 28%; }

.ly_gnav_inner_nav_list:nth-child(4) img { width: 23%; }

.ly_gnav_inner_nav_list:nth-child(5) img { width: 18%; }

.ly_gnav_inner_nav_list:nth-child(6) img { width: 23%; }

/* =========================================================
　◆menu background
========================================================= */
.ly_menubg { -webkit-transition: opacity 0.5s; background: #1A1A1A; background-color: rgba(0, 0, 0, 0.5); height: 0; opacity: 0; transition: opacity 0.5s; width: 0; z-index: 1; }

/* =========================================================
　◆Main
========================================================= */
.ly_main { width: 100%; }

.ly_main .ly_main_inner { margin: 0 auto; max-width: 1280px; width: 75%; }

/* =========================================================
　◆Foot
========================================================= */
.ly_foot { background: #1A1A1A; width: 100%; }

.ly_foot_inner { margin: 0 auto; padding: 63px 0; width: 88%; }

.ly_foot_inner_nav { margin-bottom: 106px; }

.ly_foot_inner_nav_list { margin-bottom: 24px; }

.ly_foot_inner_nav_list:nth-child(1) img { width: 10.5%; }

.ly_foot_inner_nav_list:nth-child(2) img { width: 9.5%; }

.ly_foot_inner_nav_list:nth-child(3) img { width: 7%; }

.ly_foot_inner_nav_list:nth-child(4) img { width: 5.5%; }

.ly_foot_inner_nav_list:nth-child(5) img { width: 4.5%; }

.ly_foot_inner_nav_list:nth-child(6) img { width: 5.5%; }

.ly_foot .bl_copy { color: #fff; display: block; font-size: 10px; letter-spacing: 0.04rem; text-align: left; }

#Gnav_over { display: none; }

@media screen and (max-width: 750px) {
  /* spBlock,spInline */
  .spBlock { display: block !important; } /* ========================================================= ◆Basic ========================================================= */
  .spInline { display: inline-block !important; }
  .pcBlock, .pcInline { display: none !important; }
  /* ========================================================= 　◆Head ========================================================= */
  .ly_head { z-index: 3; }
  .ly_head_inner { width: 100%; }
  .ly_head_inner_ttl { width: 52%; }
  .ly_head_inner_menu { height: 60px; width: 25px; }
  .ly_head_inner_menu_top { -webkit-transform: translateY(-10px); -webkit-transition: .4s; background: #1A1A1A; height: 2px; position: absolute; top: calc(50% - 0.5px); transform: translateY(-10px); transition: .4s; width: 90%; }
  .ly_head_inner_menu_middle { -webkit-transform: translateY(0); -webkit-transition: .4s; background: #1A1A1A; height: 2px; position: absolute; top: calc(50% - 0.5px); transform: translateY(0); transition: .4s; width: 90%; }
  .ly_head_inner_menu_bottom { -webkit-transform: translateY(10px); -webkit-transition: .4s; background: #1A1A1A; height: 2px; position: absolute; top: calc(50% - 0.5px); transform: translateY(10px); transition: .4s; width: 90%; }
  /* ========================================================= 　◆Gnav ========================================================= */
  .ly_gnav { width: 100%; }
  .ly_gnav_inner { width: 84%; }
  .ly_gnav_inner_logo { position: relative; width: 94%; }
  .ly_gnav_inner_logo::after { background-color: #fff; bottom: -60px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 30px; }
  .ly_gnav_inner_nav_list { margin-bottom: 35px; }
  .ly_gnav_inner_nav_list:nth-child(1) img { width: 38%; }
  .ly_gnav_inner_nav_list:nth-child(2) img { width: 33%; }
  .ly_gnav_inner_nav_list:nth-child(3) img { width: 25%; }
  .ly_gnav_inner_nav_list:nth-child(4) img { width: 21%; }
  .ly_gnav_inner_nav_list:nth-child(5) img { width: 15.5%; }
  .ly_gnav_inner_nav_list:nth-child(6) img { width: 21%; }
  /* ========================================================= 　◆Main ========================================================= */
  .ly_main .ly_main_inner { width: 80%; }
  /* ========================================================= 　◆Foot ========================================================= */
  .ly_foot_inner { padding: 42px 0 30px; width: 80%; }
  .ly_foot_inner_nav { margin-bottom: 118px; }
  .ly_foot_inner_nav_list { margin-bottom: 24px; }
  .ly_foot_inner_nav_list:nth-child(1) img { width: 40%; }
  .ly_foot_inner_nav_list:nth-child(2) img { width: 36%; }
  .ly_foot_inner_nav_list:nth-child(3) img { width: 28%; }
  .ly_foot_inner_nav_list:nth-child(4) img { width: 21%; }
  .ly_foot_inner_nav_list:nth-child(5) img { width: 16%; }
  .ly_foot_inner_nav_list:nth-child(6) img { width: 21%; }
  .ly_foot_inner .bl_copy { left: -25px; letter-spacing: 0.02rem; position: relative; }
  #Gnav_over { background: #000; height: 200%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 2; }
  .bl_alertModal { background: #1A1A1A; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10000; }
  .bl_alertModal_img { -webkit-transform: translate(-50%, -50%); left: 50%; max-width: 260px; position: absolute; top: 50%; transform: translate(-50%, -50%); } }