@charset "utf-8";
/* reset
   ========================================================================== */
* {
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
*:focus {
outline: none;
}
*::after,
*::before {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
overflow-y: scroll;
position: relative;
-webkit-font-smoothing: antialiased;
text-align: center;
}
li {
list-style: none;
}
img {
vertical-align: bottom;
max-width: 100%;
}
table {
font-size: inherit;
font: 100%;
}
a,
a:active,
a:visited,
a[href^="tel:"] {
color: inherit;
text-decoration: inherit;
font-style: inherit;
font-weight: inherit;
}
/* normarize reset
   ========================================================================== */
h1,
button,
input,
optgroup,
select,
textarea {
margin: 0 auto;
}
/* container
   ========================================================================== */
#container {
width: 100%;
overflow: hidden;
opacity: 1;
transition: opacity 2.0s ease;
}
.loading #container {
opacity: 0;
}
/* header
   ========================================================================== */
header {/* position: fixed; */width: 100%;top: 0;left: 0;z-index: 400;}
/* footer
   ========================================================================== */
footer {
position: relative;
z-index: 200;
}
/* pagetop
   ========================================================================== */
/*#pagetop {
position: absolute;
width: 100%;
z-index: 300;
right: 0;
bottom: 265px;
}*/
/* youtube
   ========================================================================== */
.youtube div {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube div iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
/* slick init
   ========================================================================== */
.slick-list {
height: 100%;
}
.slick-track {
height: 100%;
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
display: block;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev::before,
.slick-next::before {
line-height: 1;
display: block;
width: 100%;
height: 100%;
content: "";
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
[dir='rtl'] .slick-prev::before {
content: '→';
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
[dir='rtl'] .slick-next::before {
content: '←';
}
.slick-dots {
position: absolute;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100%;
height: 100%;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
border-radius: 50%;
}
.slick-dots li button::before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
opacity: 0.75;
color: #000;
background: #000;
}
.slick-dots li.slick-active button {
opacity: 1;
background: #000;
}
/* slick default layout
   ========================================================================== */
.slick-loading .slick-list {
background: #fff url('../slick/ajax-loader.gif') center center no-repeat;
}
.slick-prev,
.slick-next {
top: 50%;
width: 50px;
height: 50px;
background: #4d4d4d;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
opacity: 0.7;
transition: opacity 0.2s ease;
}
.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: .25;
}
.slick-prev::before {
background: url(../img/pickup-prev.svg) no-repeat center / contain;
}
.slick-next::before {
background: url(../img/pickup-next.svg) no-repeat center / contain;
}
.slick-dots li {
width: 8px;
height: 8px;
margin: 0 6px;
}
.slick-dots li button {
background: #aaa;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
opacity: 0.5;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
opacity: 1;
}

@media screen and (min-width: 750px) {
/* pc
   ========================================================================== */
.sp {
display: none;
}
.loading #loading-gif {
position: fixed;
width: 100%;
height: 100%;
opacity: 1;
transition: opacity 2.0s ease;
background: url(../../common/img/loading.gif) no-repeat center / 50px;
overflow: hidden;
}
.loading .loading-gif-show {
opacity: 0;
transition: opacity 2.0s ease;
}
/* header
   ========================================================================== */
header #gnav .gnav-hamburger {
display: none !important;
}
header #gnav .gnav-inner {
display: block !important;
height: auto !important;
overflow: visible !important;
}
header #gnav .gnav-inner .gnav-nav {
display: flex;
}
header #gnav .gnav-sp-close {
display: none;
}
/* slick
   ========================================================================== */
.slick-prev,
.slick-next {
top: 50%;
width: 50px;
height: 50px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #4d4d4d;
}
.slick-prev {
left: 25px;
}
.slick-next {
right: 25px;
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
bottom: -48px;
}
.slick-dots li {
width: 14px;
height: 14px;
margin: 0 8px;
}
/* pagetop
   ========================================================================== */
#pagetop {position: absolute;width: 100%;z-index: 300;right: 0;bottom: 291px;}
}

@media screen and (max-width: 750px) {
/* sp
   ========================================================================== */
.pc {display: none !important;}
.pc-space {
display: inline-block;
clear: inherit;
padding-right: 0.5em;
content: "";
}
.loading #loading-gif {
position: fixed;
width: 100%;
height: 100%;
opacity: 1;
transition: opacity 2.0s ease;
background: url(../../common/img/loading.gif) no-repeat center / 50px;
overflow: hidden;
}
/* header
   ========================================================================== */
header {
min-height: 100%;
pointer-events: none;
}
header .hd-omron {
z-index: 25;
}
header .hd-logo {
z-index: 24;
}
header::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
z-index: 21;
}
header #gnav {
}
header #gnav .gnav-hamburger {
position: absolute;
top: 0px;
right: 0px;
z-index: 31;
cursor: pointer;
width: 71px;
height: 63px;
box-sizing: content-box;
pointer-events: auto;
background: #fff;
}
header #gnav.open .gnav-hamburger {
background: none;
}
header #gnav .gnav-hamburger span {
background: #333;
height: 2px;
width: 24px;
display: block;
position: absolute;
transition: transform 0.2s ease;
left: 0;
right: 0;
}
header #gnav .gnav-hamburger span:nth-of-type(1) {
top: 36%;
}
header #gnav .gnav-hamburger span:nth-of-type(2) {
top: 50%;
}
header #gnav .gnav-hamburger span:nth-of-type(3) {
top: 65%;
}
header #gnav.open .gnav-hamburger span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(7px) rotate(45deg);
top: 36%;
}
header #gnav.open .gnav-hamburger span:nth-of-type(2) {
-webkit-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-9px) rotate(-45deg);
top: 61%;
}
header #gnav.open .gnav-hamburger span:nth-of-type(3) {
opacity: 0;
}
header #gnav .gnav-inner {
padding-top: 65px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 23;
transition: 0.6s cubic-bezier(0.000, 0.720, 0.290, 1);/*z-index: -1;*/
width: 100%;
height: 100%;
min-height: 100%;
pointer-events: auto;/* opacity: 0; */
/* slideSlide
transform: translateX(100%);
*/
/* slideDown */transform: translateY(-100%);
margin: auto;
}
header #gnav.open .gnav-inner {
opacity: 1;
/* slideSlide
transform: translateX(0);
*/
/* slideDown */transform: translateY(0);
}
/* slick
   ========================================================================== */
.slick-prev,
.slick-next {
top: 0;
width: 20px;
height: 100%;
color: transparent;
background: transparent;
}
.slick-dotted.slick-slider {
}
.slick-dots {
bottom: -24px;
}
.slick-dots li {
width: 8px;
height: 8px;
margin: 0 6px;
}
/* pagetop
   ========================================================================== */
#pagetop {
position: absolute;
width: 100%;
z-index: 300;
right: 0;
bottom: 265px;
}
/* pagetop
   ========================================================================== */
#pagetop {
position: absolute;
width: 100%;
z-index: 300;
right: 0;
bottom: 30px;
}
}