@charset "UTF-8";
/*$break_width1: 1280px;
$break_width2: 1280px;
$break_width3: 1920px;
$break_width4: 1024px;
*/
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ol, ul { list-style: none; }

button, input, select, textarea { margin: 0; }

html { box-sizing: border-box; }

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

img, embed, iframe, object { height: auto; max-width: 100%; }

audio { max-width: 100%; }

iframe { border: 0; }

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

td, th { padding: 0; text-align: left; }

textarea { -webkit-appearance: none; }

input[type="email"], input[type="password"], input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; }

textarea { resize: vertical; }

input { outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 1000px #3f5076 inset; outline: none; }

button { outline: none; }

area { border: none; outline: none; }

img { -ms-interpolation-mode: bicubic; display: block; vertical-align: baseline; }

* { -webkit-tap-highlight-color: rgba(63, 80, 118, 0.5); max-height: 999999px; }
*::before, *::after { will-change: all; box-sizing: border-box; }

b { font-weight: normal; font-style: normal; }

body { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: "M PLUS 1p", sans-serif; background: #fff; overflow-x: hidden; color: #000; }

input, textarea, select { font-family: "M PLUS 1p", sans-serif; }

a { cursor: pointer; text-decoration: none; }
a:link { color: #000; transition: opacity 0.3s; }
a:visited { color: #000; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; }

b { font-weight: bold; }

i { font-style: normal; }

.clr { clear: both; }

.hide { position: absolute !important; left: -9999px !important; top: -9999px !important; }

section { clear: both; zoom: 1; }

article:after, section:after, .clrFx:after { content: ''; clear: both; display: block; }

.pc-item { display: none; }

@media screen and (min-width: 1025px) { .sp-item { display: none !important; }
  .pc-item { display: none !important; } }
/*$break_width1: 1280px;
$break_width2: 1280px;
$break_width3: 1920px;
$break_width4: 1024px;
*/
/* movie modal
*/
#modalMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1600000; display: none; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(3px); }

#modalContent { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 1600001; display: none; cursor: pointer; }

#modalContent.view div.mc { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

#modalContent div.mc { padding: 10.742vw 0; position: fixed; left: 50%; top: 50%; margin-left: 0px; margin-top: 0; z-index: 10; transition: 0.8s ease; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); text-align: center; width: 100%; height: 100%; }

#modalContent .close { position: absolute; right: 0; top: 0; z-index: 1000; }
#modalContent .close a { width: 10.742vw; height: 10.742vw; display: block; position: relative; white-space: nowrap; text-indent: 100%; overflow: hidden; }
#modalContent .close a::before { content: ''; width: 140%; height: 0.391vw; background: #f44336; position: absolute; left: -20%; top: 50%; margin: -0.195vw 0 0; transform: rotate(45deg); }
#modalContent .close a::after { content: ''; width: 0.391vw; height: 140%; background: #f44336; position: absolute; left: 50%; top: -20%; margin: 0 0 -0.195vw; transition: 0.4s; transform: rotate(45deg); }

@media screen and (min-width: 1025px) { #modalMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000; display: none; }
  #modalContent { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100001; display: none; cursor: pointer; }
  #modalContent.view div.mc { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  #modalContent div.mc { padding: 64px 0; box-sizing: border-box; position: fixed; left: 50%; top: 50%; margin-left: 0px; margin-top: 0; z-index: 10; transition: 0.8s ease; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); text-align: center; }
  #modalContent .close { transition: 0.2s; top: -6px; right: 2px; white-space: nowrap; text-indent: 100%; overflow: hidden; }
  #modalContent .close a { width: 70px; height: 70px; }
  #modalContent .close a::before { content: ''; width: 140%; height: 3px; margin: -1.5px 0 0; }
  #modalContent .close a::after { content: ''; width: 3px; height: 140%; margin: 0 0 -1.5px; }
  #modalContent .close:hover { opacity: 0.7; transform: scale(0.8); transition: 0.4s; } }
@keyframes r1 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
body { font-family: "M PLUS 1p", sans-serif; }
body p { transform: rotate(0.05deg); font-feature-settings: "palt"; }
body dl, body dt, body dd, body a, body h3 { transform: rotate(0.05deg); }

#contents { background-image: url("/wp-content/themes/with/img/bg_tile02.jpg"); background-position: center top; background-repeat: repeat; background-size: 75vw 56.25vw; }

#sitemenu { display: block; }
#sitemenu .menu_btn { width: 10.352vw; height: 10.352vw; border-radius: 0.488vw; box-shadow: 0.83vw 0.83vw 0 0 rgba(0, 0, 0, 0.06); background: #ffe23f; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 101vw; z-index: 100; cursor: pointer; }
#sitemenu .menu_btn i { display: block; width: 4.98vw; height: 4.98vw; background: url("/wp-content/themes/with/img/btn_menu.png") no-repeat center center/contain; }
#sitemenu .menu_btn.fixed { position: fixed; top: 2.93vw; }
#sitemenu .close_btn { width: 10.352vw; height: 10.352vw; border-radius: 0.488vw; background: #ffe23f; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 2.734vw; z-index: 100; cursor: pointer; }
#sitemenu .close_btn i { display: block; width: 4.004vw; height: 4.004vw; background: url("/wp-content/themes/with/img/btn_close.png") no-repeat center center/contain; }
#sitemenu .menu_content { position: fixed; width: 58.203vw; height: 100%; right: -101%; top: 0; z-index: 100; transition: right 0.5s; }
#sitemenu .menu_content .scroll { width: 100%; height: 100%; min-height: 68.359vw; overflow-y: auto; overflow-x: hidden; padding: 2.93vw 0 0 9.766vw; }
#sitemenu .menu_content .scroll .wrap { width: 100%; padding: 9.375vw 0 9.766vw; background-image: url("/wp-content/themes/with/img/bg_tile01.jpg"); background-repeat: repeat; background-size: 9.375vw 9.375vw; background-position: 4.297vw top; box-shadow: 0px 0.293vw 5.273vw 0.273vw rgba(0, 0, 0, 0.21); border-radius: 0.977vw 0 0 0.977vw; position: relative; }

.menu_open #sitemenu .menu_content { right: 0; }

/*//スクロール後のメニューボタン
.menubtn_fix #sitemenu .menu_btn{position: fixed;top: svw(30);opacity: 0;}
.menubtn_fix,.menubtn_fix_show #sitemenu .menu_btn{opacity: 1;transition: opacity 0.5s;}
*/
b.highlight { color: #f44336; }

.menu_layout li { font-size: 4.102vw; font-family: "Josefin Sans", sans-serif; font-weight: bold; height: 10.449vw; line-height: 10.449vw; position: relative; }
.menu_layout li:before { content: ""; width: 1.367vw; height: 100%; background: #ffe23f; position: absolute; left: 0; top: 0; }
.menu_layout li a { display: block; width: 100%; height: 100%; padding: 0 0 0 5.273vw; }
.menu_layout li a.icon_window i { display: inline-block; width: 3.906vw; height: 3.906vw; position: relative; margin-left: 2.539vw; transform: translateY(0.4vw); }
.menu_layout li a.icon_window i:before, .menu_layout li a.icon_window i:after { content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; left: 0; top: 0; }
.menu_layout li a.icon_window i:before { background-image: url("/wp-content/themes/with/img/icon_window.png"); }
.menu_layout li a.icon_window i:after { background-image: url("/wp-content/themes/with/img/icon_window_active.png"); opacity: 0; }
.menu_layout li a.current { color: #f44336; }
.menu_layout li a.current i:before { opacity: 0; }
.menu_layout li a.current i:after { opacity: 1; }
.menu_layout li:nth-child(6n + 1):before { background: #ffe23f; }
.menu_layout li:nth-child(6n + 2):before { background: #06b197; }
.menu_layout li:nth-child(6n + 3):before { background: #f44336; }
.menu_layout li:nth-child(6n + 4):before { background: #ff9100; }
.menu_layout li:nth-child(6n + 5):before { background: #3d5afe; }
.menu_layout li:nth-child(6n + 6):before { background: #03a9f4; }
.menu_layout li.disable:before { background: rgba(0, 0, 0, 0.2) !important; }
.menu_layout li.disable a { pointer-events: none; opacity: 0.2; }

.btn_order_fix { width: 31.445vw; height: 31.445vw; display: block; position: fixed; left: 2.93vw; bottom: 2.93vw; z-index: 200; transition: opacity 0.3s; }
.btn_order_fix.off { opacity: 0; pointer-events: none; }

.btn_order_circle { display: block; width: 31.445vw; height: 31.445vw; position: absolute; padding: 11.133vw 0 0; filter: drop-shadow(1.074vw 1.074vw rgba(0, 0, 0, 0.06)); }
.btn_order_circle:before { content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url("/wp-content/themes/with/img/parts_circle01.png"); position: absolute; left: 0; top: 0; z-index: 1; animation: r1 30s cubic-bezier(0, 0, 1, 1) infinite; }
.btn_order_circle img { display: block; position: relative; z-index: 5; width: 23.828vw; margin: 0 auto; }

.btn_order_square { display: block; width: 53.027vw; height: 10.156vw; border-radius: 0.977vw; box-shadow: 0.781vw 0.781vw 0 0 rgba(0, 0, 0, 0.06); margin: 8.203vw auto 0; }
.btn_order_square span { display: block; width: 100%; height: 100%; border-radius: 0.977vw; overflow: hidden; padding: 3.32vw 0 0 6.055vw; background: #ffe23f; position: relative; }
.btn_order_square span:before { content: ""; width: 1.953vw; height: 100%; background: #f44336; position: absolute; left: 0; top: 0; }
.btn_order_square img { width: 40.43vw; }

footer { background: #3c3c3c; padding: 4.59vw 4.883vw 5.762vw; position: relative; }
footer .logo { width: 58.496vw; margin: 0; }
footer .text_wrap { width: 200%; transform: scale(0.49) rotate(0.1deg); transform-origin: left bottom; margin-top: -19.766vw; }
footer .text p { font-size: 3.691vw; color: #fff; line-height: 2.05; }
footer .copy { padding-right: 14.648vw; padding-top: 1.953vw; }
footer .copy p { font-size: 3.691vw; color: #fff; line-height: 1.89; letter-spacing: -0.06em; }
footer .copy i { display: inline-block; margin: 0 1.172vw; transform: rotate(-0.1deg); }
footer .copy i.copylogo01 { width: 3.516vw; height: 2.734vw; margin: 0 0.293vw; }
footer .copy i.copylogo02 { width: 11.914vw; height: 2.539vw; }
footer .copy i.copylogo03 { width: 11.914vw; height: 2.539vw; }
footer .copy i img { display: block; max-width: inherit; width: 100%; }
footer .contact { font-size: 2.539vw; text-decoration: underline; color: #fff; margin-top: 6.836vw; display: inline-block; }
footer .company { margin: 9.551vw 0 0; }
footer .company a { display: block; width: 27.148vw; }
footer .company a img { width: 100%; }
footer:before { content: ""; background-repeat: no-repeat; background-size: contain; background-position: right bottom; position: absolute; right: 0; bottom: 0; z-index: 10; pointer-events: none; }
footer.min { padding: 4.59vw 4.883vw 7.813vw; }
footer.min .text_wrap { margin-top: -14vw; }

.under_page #sitemenu .menu_btn { position: fixed !important; top: 1.27vw; opacity: 1 !important; }
.under_page .pageheader { position: relative; margin: 0 0 14.648vw; }
.under_page .pageheader:before { content: ""; width: 100%; height: 16.406vw; background-repeat: no-repeat; background-position: left top; background-size: 100% auto; position: absolute; left: 0; top: 0; }
.under_page .pageheader .logo { width: 20.41vw; position: absolute; left: 0; top: -1vw; display: block; z-index: 100; }
.under_page .pageheader .title { height: 11.816vw; font-size: 6.445vw; font-weight: bold; color: #fff; font-family: "Poppins", sans-serif; display: flex; align-items: center; position: relative; z-index: 10; padding: 0 0 0 23.438vw; letter-spacing: -0.04em; }
.under_page .pageheader .title span { padding: 0 0 0 1.563vw; }
.under_page .subpage-btntrigger { position: absolute; width: 31.445vw; height: 31.445vw; position: absolute; top: 2.441vw; bottom: auto; pointer-events: none; }
.under_page .btn_order_fix { display: block; position: fixed; left: 2.93vw; bottom: 2.93vw; pointer-events: auto !important; opacity: 1; width: 31.445vw; height: 31.445vw; }
.under_page .animated + .btn_order_fix { position: absolute; top: -28.809vw; bottom: auto; }
.under_page footer { margin-top: 31.445vw; }

/* 
	loader
*********************/
#loader { background: black; backdrop-filter: blur(3px); width: 100%; height: 100%; z-index: 1000000; position: fixed; left: 0; top: 0; }

#loader .loader { width: 64px; height: 64px; position: fixed; right: 50%; top: 50%; margin: -32px -32px 0 0; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate, .la-ball-clip-rotate > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.la-ball-clip-rotate { display: block; font-size: 0; color: #fff; }

.la-ball-clip-rotate.la-dark { color: #333; }

.la-ball-clip-rotate > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }

.la-ball-clip-rotate { width: 32px; height: 32px; }

.la-ball-clip-rotate > div { width: 32px; height: 32px; background: transparent; border-width: 2px; border-bottom-color: transparent; border-radius: 100%; -webkit-animation: ball-clip-rotate .75s linear infinite; -moz-animation: ball-clip-rotate .75s linear infinite; -o-animation: ball-clip-rotate .75s linear infinite; animation: ball-clip-rotate .75s linear infinite; }

.la-ball-clip-rotate.la-sm { width: 16px; height: 16px; }

.la-ball-clip-rotate.la-sm > div { width: 16px; height: 16px; border-width: 1px; }

.la-ball-clip-rotate.la-2x { width: 64px; height: 64px; }

.la-ball-clip-rotate.la-2x > div { width: 64px; height: 64px; border-width: 2px; }

.la-ball-clip-rotate.la-3x { width: 96px; height: 96px; }

.la-ball-clip-rotate.la-3x > div { width: 96px; height: 96px; border-width: 6px; }

@media screen and (max-width: 1023px) { #loader .loader { width: 12.5vw; height: 12.5vw; position: fixed; right: 50%; top: 50%; margin: -6.25vw -6.25vw 0 0; }
  .la-ball-clip-rotate.la-2x > div { width: 12.5vw; height: 12.5vw; border-width: 2px; } }
/* Animation */
@-webkit-keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes ball-clip-rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -moz-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes ball-clip-rotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -o-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@media screen and (min-width: 1025px) { body { min-width: 1200px; overflow-x: auto; }
  #contents { background-position: center top; background-size: 768px 576px; }
  #sitemenu { display: block; }
  #sitemenu .menu_btn { width: 51.25px; height: 51.25px; border-radius: 3.125px; box-shadow: 5.313px 5.313px 0 0 rgba(0, 0, 0, 0.06); top: 18.75px; opacity: 0; transition: opacity 0.5s; }
  #sitemenu .menu_btn:hover { opacity: 0.7 !important; }
  #sitemenu .menu_btn i { width: 24.375px; height: 24.375px; }
  #sitemenu .menu_btn.fixed { top: 18.75px; opacity: 1; }
  #sitemenu .close_btn { width: 51.875px; height: 51.875px; border-radius: 3.125px; right: 10px; top: 15.625px; transition: opacity 0.5s; }
  #sitemenu .close_btn:hover { opacity: 0.7; }
  #sitemenu .close_btn i { width: 19.375px; height: 19.375px; }
  #sitemenu .menu_content { width: 268.125px; }
  #sitemenu .menu_content .scroll { min-height: 312.5px; padding: 18.75px 0 0 62.5px; }
  #sitemenu .menu_content .scroll .wrap { padding: 59.375px 0 62.5px; background-size: 60px 60px; background-position: 0 top; box-shadow: 0px 1.875px 33.75px 1.75px rgba(0, 0, 0, 0.21); border-radius: 6.25px 0 0 6.25px; position: relative; }
  .menu_open #sitemenu .menu_content { right: 0; }
  b.highlight { color: #f44336; }
  .menu_layout li { font-size: 13.75px; height: 30px; line-height: 30px; }
  .menu_layout li:before { width: 11.25px; }
  .menu_layout li a { display: block; width: 100%; height: 100%; padding: 2.5px 0 0 25.625px; }
  .menu_layout li a:hover { color: #f44336; }
  .menu_layout li a.icon_window i { display: inline-block; width: 13.75px; height: 13.75px; position: relative; margin-left: 10px; transform: translateY(1.875px); }
  .menu_layout li a.icon_window i:before, .menu_layout li a.icon_window i:after { transition: opacity 0.3s; }
  .menu_layout li a { transition: color 0.3s; }
  .menu_layout li a:hover { color: #f44336; }
  .menu_layout li a.icon_window:hover i:before { opacity: 0; }
  .menu_layout li a.icon_window:hover i:after { opacity: 1; }
  .btn_order_fix { display: block; position: fixed; left: 30px; bottom: 31.875px; width: 165px; height: 163.75px; z-index: 200; transition: opacity 0.3s; }
  .btn_order_fix.off { opacity: 0; pointer-events: none; }
  footer.animated .btn_order_fix { opacity: 0; pointer-events: none; }
  .btn_order_circle { display: block; width: 165px; height: 163.75px; padding: 57.5px 0 0; filter: drop-shadow(7.5px 7.5px rgba(0, 0, 0, 0.06)); }
  .btn_order_circle:before { transition: filter 0.3s; }
  .btn_order_circle:hover:before { filter: brightness(1.1); }
  .btn_order_circle img { width: 126.875px; }
  .btn_order_square { display: block; width: 333.75px; height: 65px; border-radius: 6.25px; box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.06); margin: 8.203vw auto 0; }
  .btn_order_square:hover span { transform: translate(5px, 5px); }
  .btn_order_square span { display: block; border-radius: 6.25px; padding: 21.25px 0 0 38.75px; transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
  .btn_order_square span:before { width: 12.5px; }
  .btn_order_square img { width: 258.75px; }
  footer { padding: 29.375px 25px 46.875px; }
  footer .text_wrap { width: 100%; transform: scale(1); margin-top: 0; }
  footer .logo { width: 553.75px; margin: 0 0 21.25px; }
  footer .text { margin: 0; }
  footer .text p { width: 100%; font-size: 13px; transform: scale(1) rotate(0.1deg); }
  footer .copy { margin: 10px 0 21px; padding-right: 0; padding-top: 0; }
  footer .copy p { width: 100%; font-size: 13px; transform: scale(1) rotate(0.1deg); }
  footer .copy i { display: inline-block; margin: 0 3px 0; }
  footer .copy i.copylogo01 { width: 13.125px; height: 9.375px; margin: 0 3px; }
  footer .copy i.copylogo02 { width: 43.75px; height: 9.375px; }
  footer .copy i.copylogo03 { width: 43.75px; height: 9.375px; }
  footer .contact { font-size: 17px; transform: rotate(0.05deg); margin: 0; }
  footer .contact:hover { text-decoration: none; }
  footer .company { margin: 25px 0 0; }
  footer .company a { width: 145px; transition: opacity 0.3s; }
  footer .company a:hover { opacity: 0.7; }
  footer.min { padding: 29.375px 25px 46.875px; }
  footer.min .text_wrap { margin-top: 0; }
  .under_page { /*	.btn_order_fix{left: 48px;bottom:51px;width: 264px;height:  264px;
		.btn_order_circle{display: block;width: 264px;height:  264px;padding: 92px 0 0;  filter: drop-shadow(12px 12px rgba(0,0,0,0.06));
			&:before{transition: filter 0.3s;}
			&:hover{
				&:before{filter: brightness(1.1);}
			}
			img{width: 203px;}
		}
		&.off{opacity: 1;}	
	}	
	.animated .btn_order_fix{position: absolute;top: -312px;bottom: auto;left: 48px!important;}
	footer{margin-top: 264px;}*/ }
  .under_page #contents { background-size: 348px 288px; background-position: center top; }
  .under_page #sitemenu .menu_btn { position: fixed !important; top: 10px; right: 10px !important; }
  .under_page .pageheader { margin: 0 0 89.375px; }
  .under_page .pageheader:before { height: 108.125px; }
  .under_page .pageheader .logo { width: 115px; left: 13.125px; top: -3.125px; transition: filter 0.3s; }
  .under_page .pageheader .logo:hover { filter: brightness(1.1); }
  .under_page .pageheader .title { height: 75.625px; font-size: 39.375px; padding: 0 0 0 155.625px; }
  .under_page .pageheader .title a { transition: opacity 0.3s; }
  .under_page .pageheader .title a:hover { opacity: 0.7; }
  .under_page .pageheader .title span { padding: 0 0 0 11.875px; }
  .under_page .subpage-btntrigger { display: none; }
  .under_page .btn_order_fix { left: 30px; bottom: 31.875px; width: 165px; height: 165px; }
  .under_page .btn_order_fix .btn_order_circle { display: block; width: 165px; height: 165px; padding: 57.5px 0 0; filter: drop-shadow(7.5px 7.5px rgba(0, 0, 0, 0.06)); }
  .under_page .btn_order_fix .btn_order_circle:before { transition: filter 0.3s; }
  .under_page .btn_order_fix .btn_order_circle:hover:before { filter: brightness(1.1); }
  .under_page .btn_order_fix .btn_order_circle img { width: 126.875px; }
  .under_page .btn_order_fix.off { opacity: 1; }
  .under_page .animated .btn_order_fix { position: absolute; top: -195px; bottom: auto; left: 30px !important; }
  .under_page footer { margin-top: 165px; } }
@media screen and (min-width: 1201px) { body { min-width: 1200px; overflow-x: auto; }
  #contents { background-size: 348px 288px; }
  #sitemenu { display: block; }
  #sitemenu .menu_btn { width: 4.271vw; height: 4.271vw; border-radius: 0.26vw; box-shadow: 0.443vw 0.443vw 0 0 rgba(0, 0, 0, 0.06); top: 1.563vw; opacity: 0; transition: opacity 0.5s; }
  #sitemenu .menu_btn i { width: 2.031vw; height: 2.031vw; }
  #sitemenu .menu_btn.fixed { top: 1.563vw; opacity: 1; }
  #sitemenu .close_btn { width: 4.323vw; height: 4.323vw; border-radius: 0.26vw; right: 0.833vw; top: 1.302vw; }
  #sitemenu .close_btn i { width: 1.615vw; height: 1.615vw; }
  #sitemenu .menu_content { width: 22.344vw; }
  #sitemenu .menu_content .scroll { min-height: 26.042vw; padding: 1.563vw 0 0 5.208vw; }
  #sitemenu .menu_content .scroll .wrap { padding: 4.948vw 0 5.208vw; background-size: 5vw 5vw; background-position: 0 top; box-shadow: 0px 0.156vw 2.813vw 0.146vw rgba(0, 0, 0, 0.21); border-radius: 0.521vw 0 0 0.521vw; position: relative; }
  .menu_open #sitemenu .menu_content { right: 0; }
  b.highlight { color: #f44336; }
  .menu_layout li { font-size: 1.146vw; height: 2.5vw; line-height: 2.5vw; }
  .menu_layout li:before { width: 0.938vw; }
  .menu_layout li a { display: block; width: 100%; height: 100%; padding: 0.208vw 0 0 2.135vw; }
  .menu_layout li a.icon_window i { width: 1.146vw; height: 1.146vw; margin-left: 0.833vw; transform: translateY(0.156vw); }
  .btn_order_fix { left: 2.5vw; bottom: 2.656vw; width: 13.75vw; height: 13.646vw; }
  .btn_order_circle { display: block; width: 13.75vw; height: 13.646vw; padding: 4.792vw 0 0; filter: drop-shadow(0.625vw 0.625vw rgba(0, 0, 0, 0.06)); }
  .btn_order_circle img { width: 10.573vw; }
  .btn_order_square { display: block; width: 27.813vw; height: 5.417vw; border-radius: 0.521vw; box-shadow: 0.417vw 0.417vw 0 0 rgba(0, 0, 0, 0.06); }
  .btn_order_square:hover span { transform: translate(0.417vw, 0.417vw); }
  .btn_order_square span { display: block; border-radius: 0.521vw; padding: 1.771vw 0 0 3.229vw; }
  .btn_order_square span:before { width: 1.042vw; }
  .btn_order_square img { width: 21.563vw; }
  footer { padding: 2.448vw 2.083vw 3.906vw; }
  footer .logo { width: 46.146vw; margin: 0 0 1.771vw; }
  footer .text p { width: 100%; font-size: 13px; transform: scale(1) rotate(0.1deg); }
  footer .copy p { width: 100%; font-size: 13px; transform: scale(1) rotate(0.1deg); }
  footer .company { margin: 2.083vw 0 0; }
  footer .company a { width: 12.083vw; }
  footer:before { content: ""; background-repeat: no-repeat; background-size: 100% auto; background-position: right bottom; position: absolute; right: 0; bottom: 0; z-index: 10; pointer-events: none; }
  footer.min { padding: 2.448vw 2.083vw 3.906vw; }
  footer.min .text_wrap { margin-top: 0; }
  .under_page #sitemenu .menu_btn { top: 0.833vw; right: 0.833vw !important; }
  .under_page .pageheader { margin: 0 0 7.448vw; }
  .under_page .pageheader:before { height: 9.01vw; }
  .under_page .pageheader .logo { width: 9.583vw; left: 1.094vw; top: -0.26vw; }
  .under_page .pageheader .title { height: 6.302vw; font-size: 3.281vw; padding: 0 0 0 12.969vw; }
  .under_page .pageheader .title span { padding: 0 0 0 0.99vw; }
  .under_page .btn_order_fix { left: 2.5vw; bottom: 2.656vw; width: 13.75vw; height: 13.75vw; }
  .under_page .btn_order_fix .btn_order_circle { display: block; width: 13.75vw; height: 13.75vw; padding: 4.792vw 0 0; filter: drop-shadow(0.625vw 0.625vw rgba(0, 0, 0, 0.06)); }
  .under_page .btn_order_fix .btn_order_circle:before { transition: filter 0.3s; }
  .under_page .btn_order_fix .btn_order_circle:hover:before { filter: brightness(1.1); }
  .under_page .btn_order_fix .btn_order_circle img { width: 10.573vw; }
  .under_page .btn_order_fix.off { opacity: 1; }
  .under_page .animated .btn_order_fix { top: -16.25vw; left: 2.5vw !important; }
  .under_page footer { margin-top: 13.75vw; } }
/* 
	loader
*********************/
#loader { background: white; backdrop-filter: blur(3px); width: 100%; height: 100%; z-index: 1000000; position: fixed; left: 0; top: 0; }

#loader .loader { width: 64px; height: 64px; position: fixed; right: 50%; top: 50%; margin: -32px -32px 0 0; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate, .la-ball-clip-rotate > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.la-ball-clip-rotate { display: block; font-size: 0; color: #fff; }

.la-ball-clip-rotate.la-dark { color: #333; }

.la-ball-clip-rotate > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }

.la-ball-clip-rotate { width: 32px; height: 32px; }

.la-ball-clip-rotate > div { width: 32px; height: 32px; background: transparent; border-width: 2px; border-bottom-color: transparent; border-radius: 100%; -webkit-animation: ball-clip-rotate .75s linear infinite; -moz-animation: ball-clip-rotate .75s linear infinite; -o-animation: ball-clip-rotate .75s linear infinite; animation: ball-clip-rotate .75s linear infinite; }

.la-ball-clip-rotate.la-sm { width: 16px; height: 16px; }

.la-ball-clip-rotate.la-sm > div { width: 16px; height: 16px; border-width: 1px; }

.la-ball-clip-rotate.la-2x { width: 64px; height: 64px; }

.la-ball-clip-rotate.la-2x > div { width: 64px; height: 64px; border-width: 2px; }

.la-ball-clip-rotate.la-3x { width: 96px; height: 96px; }

.la-ball-clip-rotate.la-3x > div { width: 96px; height: 96px; border-width: 6px; }

@media screen and (max-width: 1023px) { #loader .loader { width: 12.5vw; height: 12.5vw; position: fixed; right: 50%; top: 50%; margin: -6.25vw -6.25vw 0 0; }
  .la-ball-clip-rotate.la-2x > div { width: 12.5vw; height: 12.5vw; border-width: 2px; } }
/* Animation */
@-webkit-keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes ball-clip-rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -moz-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes ball-clip-rotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -o-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }