@charset "UTF-8";

/* RESPONSIVE 
--------------------------------------------- */

/* KYOUTSU END // PC BASE ==================== */
@media only screen and (min-width: 1200px){	

/* base
============================================== */
h1 {
font-size: 3.6px;
}
h2 {
font-size: 2.4rem;
}
.pcMode {
display: block;
}
.spMode {
display: none;
}

/* main
============================================== */
.container {
margin-right: auto;
margin-left: auto;
}

/* header
============================================== */
#header a {
font-size: clamp(3.5rem, 3.227rem + 1.36vw, 3.875rem);
}

/* globalnavi
============================================== */
.navUnshown {
display:none;
}
#gnav { 
margin-top: 0px;
text-align: right;
vertical-align: middle;
}
#gnav #nav {
margin-left: auto;
display: flex;
flex: none;
justify-content: flex-end;
letter-spacing: 0.4em;
}
#gnav a,
#gnav p {
padding-right: 1em;
padding-left: 1em;
display: block;
}
#gnav a:hover,
#gnav p:hover {
text-decoration: none;
}
#gnav li:hover {
background: #26AFCF;
-webkit-transition: all .5s;
transition: all .5s;
}
#gnav li:hover a {
color: #ffffff;
}
#gnav #nav > li {
font-size: 16px;
color: #333;
border-left: 1px solid #26AFCF;
}
#gnav #nav > li:nth-child(1){
border-left:none;
}
#gnav #nav ul.sub {
display: none;
position: absolute;
top: 65px;
background:rgba(255,255,255,0.9);
text-align: left;
z-index: 99999;
border: 1px solid #456ff5;
border-radius: 5px;
}



/* mainImg
============================================== */
#mainImg {
overflow: hidden;
}
#mainImg .warp {
margin: 0 auto;
}


/* footer
============================================== */
#footer {
position: relative;
z-index: 20;
}
#footer .logo {
margin-left: auto;
margin-bottom: 1em;
margin-right: auto;
width: 90%;
}
#footer address {
line-height: 1.5;
}
#footer address .add {
font-size: 1.5em;
}
#footer address .addLow {
line-height: 2;
font-size: 1.8em;
}
#footer address span br {
display: none;
}
#footer address span {
display: inline-block;
}
#footer address .zip {
margin-right: 1em;
}
#footer address .time {
margin-right: 1em;
}
#footer .license {
font-size: 1.2em;
}


}/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1199px){

/* base
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
body {
line-height: 2;
}
h1 {
font-size: 2.4px;
}
h2 {
font-size: 2rem;
}
.pcMode {
display: none;
}
.spMode {
display: block;
}


/* main
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
body {
display:  inherit;
}
/* header
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#header {
margin: 0;
position: sticky;
width: 100%;
}
#header .headerWrap {
position: relative;
width: 100%;
height: 68px;
}
#header .headerWrap h1 {
margin-left: 1em;
}
#header a {
font-size: clamp(2rem, 1rem + 5vw, 3.375rem);
}


/* globalnavi
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#navDrawer {
position: relative;
}
.navUnshown {
display:none;
}
#navOpen {
width: 36px;
height: 36px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
position: fixed;
top: 15px;
right: 10px;
z-index: 999;
}
#navOpen span, #navOpen span:before, #navOpen span:after {
content: '';
margin: auto;
width: 100%;
height: 3px;
position: absolute;
border-radius: 3px;
background-color: #0B687D;
display: block;
z-index: 999;
right: 0;
left: 0;
}
#navOpen span:before {
bottom: -11px;
}
#navOpen span:after {
bottom: -24px;
}
#navClose {
width: 100%;
height: 100%;
display: none;
position: fixed;
z-index: 99;
top: 0;
right: 0;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
#navContent {
padding-top: 3em;
width: 90%;
max-width: 320px;
height: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 100;
background-color: rgba(246,246,246,1);
overflow: auto;
transition: .3s ease-in-out;
-webkit-transform: translateX(105%);
transform: translateX(105%);
}
#navInput:checked ~ #navClose {
display: block;
opacity: .5;
}
#navInput:checked ~ #navContent {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#gnav #nav {
margin-top: 1.5em;
margin-right: auto;
margin-left: auto;
display: block;
width: 80%;
height: auto;
position: inherit;
top: 0;
right: 0;
left: 0;
}
#gnav .subNav {
margin-right: 0;
margin-left: auto;
width: 90%;
}
#gnav li {
}
#gnav li a {
line-height: 3;
display: block;
color: #000000;
border-bottom: 1px solid #29abe2;
}
#gnav li a:hover {
border-bottom: 1px solid #29abe2;
text-decoration: none;
}


/* mainImg
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#mainImg {
display: inline-block;
}
.slick-slide .caption {
text-align: center;
}
.slick-slide .caption span {
margin-left: 2em;
width: 10%;
display: block;
font-size: 0.8rem;
}
#mainLogo p {
margin-bottom: 1em;
display: inline-block;
}



/* footer
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#footer {
margin-top: 1em;
font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2rem);
}
#footer .logo {
margin-left: auto;
margin-bottom: 1em;
margin-right: auto;
width: 80%;
}
#footer address span {
display: block;
}
#footer .license {
word-break: keep-all;
line-height: 1.5;
}




}/* SP END |||||||||||||||||||||||||||||||||||||||| */