@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-animation #container {
transition: opacity 2.0s ease;
}
.loading #container {
opacity: 0;
}
.loading::after {
content:"";
display:block;
width:100%;
height:100%;
min-height:100%;
position:fixed;
top:0;
left:0;
background: url(../img/loading.gif) no-repeat center / 50px;
overflow: hidden;
}
/* header
========================================================================== */
header {
width: 100%;
top: 0;
left: 0;
}
/* footer
========================================================================== */
footer {
position: relative;
z-index: 9;
}
/* pagetop
========================================================================== */
#pagetop {

}
/* 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;*/
}
/* 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;
}

/*----------------------------------------------------------------------------
↑↑↑レスポンシブの際は@media screen and (min-width: 750px)の中に入れる↑↑↑
----------------------------------------------------------------------------*/


@media screen and (min-width: 750px) {
	
}

/*@media screen and (max-width: 750px) {*/
/* sp
========================================================================== */
/*
.pc {
display: none;
}
.pc-space {
display: inline-block;
clear: inherit;
padding-right: 0.5em;
content: "";
}
*/
/* header
========================================================================== */
/*
header {
min-height: 100%;
pointer-events: none;
translate3d(0,0,0);
}
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: 60px;
z-index: 21;
}
header #gnav {
}
header #gnav .gnav-hamburger {
position: absolute;
top: 5px;
right: 0;
z-index: 31;
cursor: pointer;
width: 60px;
height: 50px;
box-sizing: content-box;
pointer-events: auto;
}
header #gnav .gnav-hamburger span {
background: #e2e2e2;
height: 2px;
width: 50%;
display: block;
position: absolute;
transition: transform 0.2s ease;
left: 25%;
}
header #gnav .gnav-hamburger span:nth-of-type(1) {
top: 31%;
}
header #gnav .gnav-hamburger span:nth-of-type(2) {
top: 47%;
}
header #gnav .gnav-hamburger span:nth-of-type(3) {
top: 63%;
}
header #gnav.open .gnav-hamburger span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(7px) rotate(45deg);
}
header #gnav.open .gnav-hamburger span:nth-of-type(2) {
opacity: 0;
}
header #gnav.open .gnav-hamburger span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-9px) rotate(-45deg);
}
header #gnav .gnav-inner {
padding-top: 60px;
position: absolute;
top: 0;
left: 0;
z-index: 30;
transition: 0.8s cubic-bezier(0.000, 0.720, 0.290, 1);
width: 100%;
min-height: 100%;
height: 100%;
pointer-events: auto;
opacity: 0;
*/


/* -----------------------------------
slideSlide (slidedownとどちらか使用)
-------------------------------------*/
/*
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
*/

/* -----------------------------------
slideDown (slideslideとどちらか使用)
-------------------------------------*/
/*
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
*/

/*
}


header #gnav.open .gnav-inner {
*/

/* -----------------------------------
slideSlide (slidedownとどちらか使用)
-------------------------------------*/
/*
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
*/

/* -----------------------------------
slideDown (slideslideとどちらか使用)
-------------------------------------*/
/*
opacity: 1;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
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;
}
}
*/

/* ie11 hack */
@media all and (-ms-high-contrast: none){
h1{
margin: 0;
}
}