@charset "UTF-8";
.icons-sprite, .icons-ChatsCircle, .icons-Coins, .icons-ImageSquare, .icons-Receipt, .icons-Sesrch, .icons-Timer, .icons-TreeStructure, .icons-UserFocus { background-image: url('../images/icons-s6acd913bf4.png'); background-repeat: no-repeat; }

.icons-ChatsCircle { background-position: 0 0; }

.icons-Coins { background-position: 0 -53px; }

.icons-ImageSquare { background-position: 0 -105px; }

.icons-Receipt { background-position: 0 -158px; }

.icons-Sesrch { background-position: 0 -210px; }

.icons-Timer { background-position: 0 -263px; }

.icons-TreeStructure { background-position: 0 -316px; }

.icons-UserFocus { background-position: 0 -369px; }

.unreset address, .unreset blockquote, .unreset dd, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }

.unreset li { display: list-item; }

.unreset head { display: none; }

.unreset table { display: table; }

.unreset tr { display: table-row; }

.unreset thead { display: table-header-group; }

.unreset tbody { display: table-row-group; }

.unreset tfoot { display: table-footer-group; }

.unreset col { display: table-column; }

.unreset colgroup { display: table-column-group; }

.unreset td, .unreset th { display: table-cell; }

.unreset caption { display: table-caption; }

.unreset th { font-weight: bolder; text-align: center; }

.unreset caption { text-align: center; }

.unreset body { margin: 8px; }

.unreset h1 { font-size: 2em; margin: 0.67em 0; }

.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }

.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }

.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }

.unreset h5 { font-size: .83em; margin: 1.5em 0; }

.unreset h6 { font-size: .75em; margin: 1.67em 0; }

.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }

.unreset blockquote { margin-left: 40px; margin-right: 40px; }

.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }

.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }

.unreset pre { white-space: pre; }

.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }

.unreset big { font-size: 1.17em; }

.unreset small, .unreset sub, .unreset sup { font-size: 0.83em; }

.unreset sub { vertical-align: sub; }

.unreset sup { vertical-align: super; }

.unreset table { border: 1px solid; border-spacing: 2px; }

.unreset thead, .unreset tbody, .unreset tfoot { vertical-align: middle; }

.unreset th, .unreset tr { vertical-align: inherit; border: 1px solid; padding: 5; font-size: 100%; }

.unreset td { vertical-align: inherit; border: 1px solid; padding-left: 5px; font-size: 100%; }

.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }

.unreset hr { border: 1px inset; }

.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }

.unreset ol { list-style-type: decimal; }

.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }

.unreset ul { list-style-type: disc; }

.unreset u, .unreset ins { text-decoration: underline; }

.unreset br:before { content: "\A"; white-space: pre-line; }

.unreset center { text-align: center; }

.unreset :link, .unreset :visited { text-decoration: underline; }

.unreset :focus { outline: thin dotted invert; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

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

blockquote, q { quotes: none; }

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

/* remember to define a styles! */
:link, :visited { text-decoration: none; }

:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

table tr td { vertical-align: middle; }

img { border: 0; }

a { color: inherit; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

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

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { font-size: 100%; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* other */
code, kbd, samp, tt { font-size: 100%; }

header nav #logo a, header nav .navbar-expand-lg .navbar-nav .nav-item > a, header nav .shortcut .list > a { width: 100%; height: 100%; display: block; color: inherit; }

header nav #logo a { white-space: nowrap; text-indent: 100%; overflow: hidden; }

.table { display: table; border-spacing: 0.5rem; border-collapse: collapse; width: 100%; table-layout: fixed; }

/* animation-name: example; 動畫名稱 */
/* animation-duration: 4s; 動畫時間長度 */
/* animation-timing-function: linear; 動畫速度 */
/* animation-delay:2s; 動畫開始秒數'' */
/* animation-iteration-count: 3; 動畫循環次數 */
/* animation-direction: alternate; 動畫時間方向性 */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-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); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.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; }

/* $slick-font-path: "./fonts/" !default; */
/* Slider */
.slick-loading .slick-list { background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
} */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 0px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

body { font: normal 16px/28px "libre baskerville", sans-serif; letter-spacing: 1px; color: #212121; padding-top: 88px; }

#wrapper { margin: 80px auto 80px auto; position: relative; }

.clear { clear: both; }

hr { border: 1px #E7E7E7 solid; }

/* BOOTSTRAP */
body.modal-open { overflow: hidden; }

.bootstrap_default { /* padding:0px; */ /*  @extend %inline_block; float:none !important; */ }

.bootstrap_default.img img { width: 100%; }

/* .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
	padding:0px $padding_6 !important;
} */
/* TABLE */
.table .table_row { display: table-row; }
.table .table_cell { display: table-cell; vertical-align: middle; }

/* FONT */
.H0 { font-size: 54px; line-height: 60px; font-weight: 900; }

.H1 { font-size: 42px; line-height: 60px; font-weight: 900; }

.H1normal { font-size: 40px; line-height: 60px; }

.H2 { font-size: 36px; line-height: 54px; font-weight: 900; }

.H4 { font-size: 30px; line-height: 46px; font-weight: 700; }

.H5 { font-size: 24px; line-height: 36px; font-weight: 700; }

.H6 { font-size: 20px; line-height: 32px; font-weight: 700; }

.subtitle_lg { font-size: 18px; line-height: 40px; font-weight: 700; }

.subtitle_md { font-size: 16px; line-height: 32px; font-weight: 700; }

.body_lg { font-size: 18px; line-height: 36px; }

.body_md { font-size: 16px; line-height: 28px; }

.body_sm { font-size: 12px; line-height: 22px; }

.line { border-top: 1px solid #B5B5B5; }

.text-align { text-align: right; }

.float-right { float: right; }

.pb-48 { padding-bottom: 48px; }

header nav { max-width: 1200px; padding: 0px 40px; margin: 0px auto; }

footer .content { padding: 40px 40px; margin: 0px auto; }
footer .copyright { padding: 16px 40px; color: #A0A0A0; text-align: center; margin: 0px auto; border-top: 1px #545454 solid; }

#index { max-width: 1200px; padding: 0px 40px; margin: 120px auto 0px auto; }

.banner .content { max-width: 1200px; padding: 0px 40px; margin: 0px auto; }

/* ABOUT */
.about { max-width: 1200px; padding: 0px 40px; margin: 0px auto; }

/* PRODUCT */
.product { max-width: 1200px; padding: 0px 40px; margin: 0px auto; }

/* SECTION */
section { padding: 80px 0px; }
section article { margin-bottom: 80px; }
section article:last-child { margin-bottom: 0px; }
section .content { max-width: 1200px; padding: 0px 40px; margin: 0px auto; }
section .content .content_title { padding: 0px 0px 40px 0px; margin: 0px auto; }

header { /* margin-bottom:$padding_8; */ width: 100%; background: #fff; position: fixed; top: 0px; z-index: 999; border-bottom: 1px #C4C4C4 solid; }
header nav { /* max-width:$wrapper-width; padding:0px $padding_6; margin:0px auto; */ position: relative; }
header nav .nav { display: flex; align-items: center; justify-content: space-between; }
header nav #logo { background: url(../images/logo.svg) no-repeat center; width: 400px; height: 50px; background-size: 400px; }
header nav .navbar { padding: 24px 0px; }
header nav .navbar-collapse { flex-grow: unset; padding-top: 24px; }
header nav .navbar-toggler { font-size: 16px; padding: 0px; }
header nav .navbar-toggler .navbar-toggler-icon { /* background:url(../images/icons/menu.svg) no-repeat; */ }
header nav .navbar-toggler .navbar-toggler-icon img { width: 22px; vertical-align: middle; }
header nav .navbar-expand-lg .navbar-nav { display: flex; align-items: center; }
header nav .navbar-expand-lg .navbar-nav .nav-item > a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; text-transform: uppercase; padding: 0px 24px; font-weight: 700; }
header nav .navbar-expand-lg .navbar-nav .nav-item > a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #A0A0A0; }
header nav .navbar-expand-lg .navbar-nav .nav-item:last-child a { border-right: none; }
header nav .shortcut { display: flex; align-items: center; justify-content: flex-end; display: none; }
header nav .shortcut .list { position: relative; }
header nav .shortcut .list > a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; margin-right: 20px; overflow: hidden; }
header nav .shortcut .list > a img { width: 30px; vertical-align: middle; }
header nav .shortcut .list > a:hover img { filter: drop-shadow(30px 0 #A0A0A0); transform: translateX(-30px); }

footer { background: #212121; color: #fff; }
footer .footer_title { text-align: center; }
footer .copyright { color: #A0A0A0; text-align: center; margin: 0px auto; border-top: 1px #545454 solid; }

.index_global { width: 100%; position: relative; overflow: hidden; }
.index_global .banner { width: 100%; overflow: hidden; }
.index_global .banner img { width: 100%; background-size: cover; margin-bottom: -12px; }
.index_global .banner_text { width: 100%; height: 100%; text-align: center; position: absolute; top: 10%; }
.index_global .banner_text li { position: absolute; z-index: 99; }
.index_global .banner_text .b1 { top: 10%; left: 0; bottom: 0; right: 0; }
.index_global .banner_text .b1 div { padding: 24px 40px 0px 40px; }

.index_mission .index_mission_flag { margin-top: 24px; }
.index_mission .index_mission_flag span { display: inline-block; margin-top: 4px; }
.index_mission .index_mission_flag span img { width: 48px; height: 36px; }
.index_mission .index_mission_img img { width: 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#index_banner { width: 100%; position: relative; overflow: hidden; }
#index_banner .banner { width: 100%; overflow: hidden; }
#index_banner .banner img { width: 100%; background-size: cover; animation: scale 3s ease-in-out forwards; -webkit-animation: scale 3s ease-in-out forwards; -moz-animation: scale 3s ease-in-out forwards; margin-bottom: -12px; }
#index_banner .banner_text { width: 100%; height: 100%; text-align: center; position: absolute; top: 10%; }
#index_banner .banner_text li { position: absolute; z-index: 99; }
#index_banner .banner_text .b1 { color: #fff; top: 30%; left: 0; bottom: 0; right: 0; padding: 0px 40px 0px 40px; }

#banner img { width: 100%; }
#banner .banner { text-align: center; margin: 0px; padding: 120px 0px; }
#banner .banner .title { text-align: center; color: #fff; }
#banner .banner_product { background: url(../images/banner_product.jpg) no-repeat center; }
#banner .banner_about { background: url(../images/banner_product.jpg) no-repeat center; }

.dark { background: #212121; color: #fff; }

/* CONTAINER */
section .img img { width: 100%; margin-bottom: -6px; }
section .content { overflow: hidden; }
section .content .content_title02 { text-transform: capitalize; border-bottom: 1px #C4C4C4 solid; padding-bottom: 12px; margin-bottom: 40px; }
section .content .content_title03 { border-bottom: 1px #C4C4C4 solid; padding-bottom: 12px; margin-bottom: 40px; }

section.banner { padding: 64px 0px; }

section.black { background: #212121; }
section.black .content_title { color: #fff; }

/* section.content{max-width:$wrapper-width; padding:0px $padding_6;; margin:0px auto;
	.content_title{padding:0px 0px $padding_8 0px; text-align:center; margin:0px auto;}
} */
/* ABOUT */
.about .img img { width: 100%; }

/* PRODUCT */
.product_list { margin-bottom: 40px; }
.product_list .product_list_block { padding: 0px 8px; }
.product_list .product_list_block .product_list_img img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; width: 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.product_list .product_list_block .product_list_img img:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; transform: scale(1.03, 1.03); box-shadow: 0px 5px 40px -5px #EEEEEE; -moz-box-shadow: 0px 5px 40px -5px #EEEEEE; -webkit-box-shadow: 0px 5px 40px -5px #EEEEEE; }
.product_list .product_list_block .body_md { color: #545454; }

#btn_top a { width: 50px; height: 50px; padding: 9.5px; background: #545454; position: fixed; right: 32px; bottom: 32px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
#btn_top a img { width: 32px; }
#btn_top a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #212121; }
#btn_top img { width: 36px; }
#btn_top:hover { opacity: 1; }

.btn { text-align: center; }
.btn a { display: inline-block; padding: 12px 40px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }

.btn_primary { color: #fff; }
.btn_primary a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #D1AF19; color: #fff; }
.btn_primary a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #BC9A05; color: #fff; }

.btn_secondary a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #212121 solid; border-radius: 999px; }
.btn_secondary a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #D1AF19; border: 1px #D1AF19 solid; }

.btn_secondary_menu { margin-top: 24px; }
.btn_secondary_menu a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding: 4px 8px; border: 1px #212121 solid; border-radius: 8px; }
.btn_secondary_menu a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #D1AF19; border: 1px #D1AF19 solid; }

.red { color: #B3102E; }

.green { color: #0C7354; }

.white { color: #FBFAFA; }

/* Absolute Center Spinner */
.loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; }

/* Transparent Overlay */
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #D1AF19; }

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.5) -1.5em 0 0 0, rgba(255, 255, 255, 0.5) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0; }

/* Animation */
@keyframes scale { to { transform: scale(1.05); } }
/*Styles for screen 1440px and lower*/
/*Styles for screen 1200px and lower*/
/*Styles for screen 1024px and lower*/
/*Styles for screen 1000px and lower*/
@media screen and (max-width: 1000px) { header nav { padding: 0px 24px; }
  footer .content { padding: 40px 24px; }
  footer .copyright { padding: 16px 24px; }
  #index { padding: 0px 24px; margin: 120px auto 0px auto; }
  .banner .content { padding: 0px 24px; }
  .index_global .banner_text .b1 div { padding: 24px 24px 0px 24px; }
  /* ABOUT */
  .about { padding: 0px 24px; }
  /* PRODUCT */
  .product { padding: 0px 24px; }
  /* SECTION */
  section { padding: 80px 0px; }
  section article { margin-bottom: 80px; }
  section article:last-child { margin-bottom: 0px; }
  section .content { padding: 0px 24px; }
  section .content .content_title { padding: 0px 0px 40px 0px; }
  header nav { position: relative; /* 			.navbar-toggler{position:absolute; top:$padding_3; right:0px;} */ }
  header nav #logo { background: url(../images/logo.svg) no-repeat center; width: 260px; height: 40px; background-size: 260px; }
  header nav .navbar-expand-lg .navbar-nav { display: flex; align-items: center; }
  header nav .navbar-expand-lg .navbar-nav .nav-item { width: 100%; text-align: center; }
  header nav .navbar-expand-lg .navbar-nav .nav-item > a { width: 100%; padding: 12px 24px; border-bottom: 1px #FBFAFA solid; }
  header nav .navbar-expand-lg .navbar-nav .nav-item:last-child a { border-bottom: none; }
  header nav .navbar-expand-lg .navbar-nav .nav-icon { display: none; }
  header nav .shortcut { display: flex; position: absolute; top: 26px; right: 0px; }
  #index_banner { width: 100%; height: auto; }
  #index_banner .banner_text .b1 { padding: 0px 24px 0px 24px; }
  .index_global .banner_text .b1 div { padding: 40px 24px 0px 24px; }
  .index_mission .index_mission_flag { margin-bottom: 24px; } }
/*Styles for screen 768px and lower*/
/*Styles for screen 680px and lower*/
/*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) { #wrapper { margin: 40px auto 40px auto; }
  .H1 { font-size: 30px; line-height: 46px; font-weight: 700; }
  .H2 { font-size: 30px; line-height: 46px; font-weight: 700; }
  header nav { padding: 0px 16px; }
  footer .content { padding: 40px 16px; }
  footer .copyright { padding: 16px 16px; }
  #index { padding: 0px 16px; margin: 120px auto 0px auto; }
  .banner .content { padding: 0px 16px; }
  .index_global .banner_text .b1 div { padding: 24px 16px 0px 16px; }
  /* ABOUT */
  .about { padding: 0px 16px; }
  /* PRODUCT */
  .product { padding: 0px 16px; }
  /* SECTION */
  section { padding: 80px 0px; }
  section article { margin-bottom: 80px; }
  section article:last-child { margin-bottom: 0px; }
  section .content { padding: 0px 16px; }
  section .content .content_title { padding: 0px 0px 40px 0px; }
  footer .footer_title .footer_img img { width: 100%; }
  .index_global .banner_text .b1 { top: 0%; }
  .index_global .banner_text .b1 div { padding: 8px 16px 0px 16px; text-shadow: 0px 0px 10px #fff; -moz-text-shadow: 0px 0px 10px #fff; -webkit-text-shadow: 0px 0px 10px #fff; }
  #index_banner .banner_text .b1 { top: 24px; }
  #banner .banner { padding: 60px 0px; }
  #banner .banner .H1 { font-size: 30px; line-height: 46px; font-weight: 700; }
  #banner .banner_text .b1 { padding: 0px 16px 0px 16px; }
  #banner .banner_product { background: url(../images/banner_product_m.jpg) no-repeat center; }
  #banner .banner_about { background: url(../images/banner_product_m.jpg) no-repeat center; } }

/*# sourceMappingURL=common.css.map */