/************************************
 *  NORMALIZE CSS
 ************************************/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body{margin: 0}
article,aside,footer,header,nav,section{display: block}
h1{font-size: 2em;margin: 0.67em 0}
figcaption,figure,main{display: block}
figure{margin: 1em 40px}
hr{box-sizing: content-box;height: 0;overflow: visible}
pre{font-family: monospace, monospace;font-size: 1em}
a{background-color: transparent;-webkit-text-decoration-skip: objects}
abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted}
b,strong{font-weight: inherit}
b,strong{font-weight: bolder}
code,kbd,samp{font-family: monospace, monospace;font-size: 1em}
dfn{font-style: italic}
mark{background-color: #ff0;color: #000}
small{font-size: 80%}
sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sub{bottom: -0.25em}
sup{top: -0.5em}
audio,video{display: inline-block}
audio:not([controls]){display: none;height: 0}
img{border-style: none}
svg:not(:root){overflow: hidden}
button,input,optgroup,select,textarea{font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0}
button,input{overflow: visible}
button,select{text-transform: none}
button,html [type="button"], [type="reset"],[type="submit"]{-webkit-appearance: button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding: 0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText}
fieldset{padding: 0.35em 0.75em 0.625em}
legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}
progress{display: inline-block;vertical-align: baseline}
textarea{overflow: auto}
[type="checkbox"],[type="radio"]{box-sizing: border-box;padding: 0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto}
[type="search"]{-webkit-appearance: textfield;outline-offset: -2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-file-upload-button{-webkit-appearance: button;font: inherit}
details, menu{display: block}
summary{display: list-item}
canvas{display: inline-block}
template{display: none}
[hidden]{display: none}



/************************************
 *  ANIMATE CSS
 ************************************/
/*!
 * animate.css -https://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated{animation-duration: 1s;animation-fill-mode: both}
.animated.infinite{animation-iteration-count: infinite}
.animated.hinge{animation-duration: 2s}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration: .75s}@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transform: translate3d(0,0,0)}40%, 43%{animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transform: translate3d(0, -30px, 0)}70%{animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transform: translate3d(0, -15px, 0)}90%{transform: translate3d(0,-4px,0)}}
.bounce{animation-name: bounce;transform-origin: center bottom}@keyframes flash{from, 50%, to{opacity: 1}25%, 75%{opacity: 0}}
.flash{animation-name: flash}@keyframes pulse{from{transform: scale3d(1, 1, 1)}50%{transform: scale3d(1.05, 1.05, 1.05)}to{transform: scale3d(1, 1, 1)}}
.pulse{animation-name: pulse}@keyframes rubberBand{from{transform: scale3d(1, 1, 1)}30%{transform: scale3d(1.25, 0.75, 1)}40%{transform: scale3d(0.75, 1.25, 1)}50%{transform: scale3d(1.15, 0.85, 1)}65%{transform: scale3d(.95, 1.05, 1)}75%{transform: scale3d(1.05, .95, 1)}to{transform: scale3d(1, 1, 1)}}
.rubberBand{animation-name: rubberBand}@keyframes shake{from, to{transform: translate3d(0, 0, 0)}10%, 30%, 50%, 70%, 90%{transform: translate3d(-10px, 0, 0)}20%, 40%, 60%, 80%{transform: translate3d(10px, 0, 0)}}
.shake{animation-name: shake}@keyframes headShake{0%{transform: translateX(0)}6.5%{transform: translateX(-6px) rotateY(-9deg)}18.5%{transform: translateX(5px) rotateY(7deg)}31.5%{transform: translateX(-3px) rotateY(-5deg)}43.5%{transform: translateX(2px) rotateY(3deg)}50%{transform: translateX(0)}}
.headShake{animation-timing-function: ease-in-out;animation-name: headShake}@keyframes swing{20%{transform: rotate3d(0, 0, 1, 15deg)}40%{transform: rotate3d(0, 0, 1, -10deg)}60%{transform: rotate3d(0, 0, 1, 5deg)}80%{transform: rotate3d(0, 0, 1, -5deg)}to{transform: rotate3d(0, 0, 1, 0deg)}}
.swing{transform-origin: top center;animation-name: swing}@keyframes tada{from{transform: scale3d(1, 1, 1)}10%, 20%{transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{transform: scale3d(1, 1, 1)}}
.tada{animation-name: tada}@keyframes wobble{from{transform: none}15%{transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{transform: none}}
.wobble{animation-name: wobble}@keyframes jello{from, 11.1%, to{transform: none}22.2%{transform: skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform: skewX(6.25deg) skewY(6.25deg)}44.4%{transform: skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform: skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform: skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform: skewX(-0.1953125deg) skewY(-0.1953125deg)}}
.jello{animation-name: jello;transform-origin: center}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)}0%{opacity: 0;transform: scale3d(.3, .3, .3)}20%{transform: scale3d(1.1, 1.1, 1.1)}40%{transform: scale3d(.9, .9, .9)}60%{opacity: 1;transform: scale3d(1.03, 1.03, 1.03)}80%{transform: scale3d(.97, .97, .97)}to{opacity: 1;transform: scale3d(1, 1, 1)}}
.bounceIn{animation-name: bounceIn}@keyframes bounceInDown{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)}0%{opacity: 0;transform: translate3d(0, -3000px, 0)}60%{opacity: 1;transform: translate3d(0, 25px, 0)}75%{transform: translate3d(0, -10px, 0)}90%{transform: translate3d(0, 5px, 0)}to{transform: none}}
.bounceInDown{animation-name: bounceInDown}@keyframes bounceInLeft{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)}0%{opacity: 0;transform: translate3d(-3000px, 0, 0)}60%{opacity: 1;transform: translate3d(25px, 0, 0)}75%{transform: translate3d(-10px, 0, 0)}90%{transform: translate3d(5px, 0, 0)}to{transform: none}}
.bounceInLeft{animation-name: bounceInLeft}@keyframes bounceInRight{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)}from{opacity: 0;transform: translate3d(3000px, 0, 0)}60%{opacity: 1;transform: translate3d(-25px, 0, 0)}75%{transform: translate3d(10px, 0, 0)}90%{transform: translate3d(-5px, 0, 0)}to{transform: none}}
.bounceInRight{animation-name: bounceInRight}@keyframes bounceInUp{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)}from{opacity: 0;transform: translate3d(0, 3000px, 0)}60%{opacity: 1;transform: translate3d(0, -20px, 0)}75%{transform: translate3d(0, 10px, 0)}90%{transform: translate3d(0, -5px, 0)}to{transform: translate3d(0, 0, 0)}}
.bounceInUp{animation-name: bounceInUp}@keyframes bounceOut{20%{transform: scale3d(.9, .9, .9)}50%, 55%{opacity: 1;transform: scale3d(1.1, 1.1, 1.1)}to{opacity: 0;transform: scale3d(.3, .3, .3)}}
.bounceOut{animation-name: bounceOut}@keyframes bounceOutDown{20%{transform: translate3d(0, 10px, 0)}40%, 45%{opacity: 1;transform: translate3d(0, -20px, 0)}to{opacity: 0;transform: translate3d(0, 2000px, 0)}}
.bounceOutDown{animation-name: bounceOutDown}@keyframes bounceOutLeft{20%{opacity: 1;transform: translate3d(20px, 0, 0)}to{opacity: 0;transform: translate3d(-2000px, 0, 0)}}
.bounceOutLeft{animation-name: bounceOutLeft}@keyframes bounceOutRight{20%{opacity: 1;transform: translate3d(-20px, 0, 0)}to{opacity: 0;transform: translate3d(2000px, 0, 0)}}
.bounceOutRight{animation-name: bounceOutRight}@keyframes bounceOutUp{20%{transform: translate3d(0, -10px, 0)}40%, 45%{opacity: 1;transform: translate3d(0, 20px, 0)}to{opacity: 0;transform: translate3d(0, -2000px, 0)}}
.bounceOutUp{animation-name: bounceOutUp}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}
.fadeIn{animation-name: fadeIn}@keyframes fadeInDown{from{opacity: 0;transform: translate3d(0, -100%, 0)}to{opacity: 1;transform: none}}
.fadeInDown{animation-name: fadeInDown}@keyframes fadeInDownBig{from{opacity: 0;transform: translate3d(0, -2000px, 0)}to{opacity: 1;transform: none}}
.fadeInDownBig{animation-name: fadeInDownBig}@keyframes fadeInLeft{from{opacity: 0;transform: translate3d(-100%, 0, 0)}to{opacity: 1;transform: none}}
.fadeInLeft{animation-name: fadeInLeft}@keyframes fadeInLeftBig{from{opacity: 0;transform: translate3d(-2000px, 0, 0)}to{opacity: 1;transform: none}}
.fadeInLeftBig{animation-name: fadeInLeftBig}@keyframes fadeInRight{from{opacity: 0;transform: translate3d(100%, 0, 0)}to{opacity: 1;transform: none}}
.fadeInRight{animation-name: fadeInRight}@keyframes fadeInRightBig{from{opacity: 0;transform: translate3d(2000px, 0, 0)}to{opacity: 1;transform: none}}
.fadeInRightBig{animation-name: fadeInRightBig}@keyframes fadeInUp{from{opacity: 0;transform: translate3d(0, 100%, 0)}to{opacity: 1;transform: none}}
.fadeInUp{animation-name: fadeInUp}@keyframes fadeInUpBig{from{opacity: 0;transform: translate3d(0, 2000px, 0)}to{opacity: 1;transform: none}}
.fadeInUpBig{animation-name: fadeInUpBig}@keyframes fadeOut{from{opacity: 1}to{opacity: 0}}
.fadeOut{animation-name: fadeOut}@keyframes fadeOutDown{from{opacity: 1}to{opacity: 0;transform: translate3d(0, 100%, 0)}}
.fadeOutDown{animation-name: fadeOutDown}@keyframes fadeOutDownBig{from{opacity: 1}to{opacity: 0;transform: translate3d(0, 2000px, 0)}}
.fadeOutDownBig{animation-name: fadeOutDownBig}@keyframes fadeOutLeft{from{opacity: 1}to{opacity: 0;transform: translate3d(-100%, 0, 0)}}
.fadeOutLeft{animation-name: fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity: 1}to{opacity: 0;transform: translate3d(-2000px, 0, 0)}}
.fadeOutLeftBig{animation-name: fadeOutLeftBig}@keyframes fadeOutRight{from{opacity: 1}to{opacity: 0;transform: translate3d(100%, 0, 0)}}
.fadeOutRight{animation-name: fadeOutRight}@keyframes fadeOutRightBig{from{opacity: 1}to{opacity: 0;transform: translate3d(2000px, 0, 0)}}
.fadeOutRightBig{animation-name: fadeOutRightBig}@keyframes fadeOutUp{from{opacity: 1}to{opacity: 0;transform: translate3d(0, -100%, 0)}}
.fadeOutUp{animation-name: fadeOutUp}@keyframes fadeOutUpBig{from{opacity: 1}to{opacity: 0;transform: translate3d(0, -2000px, 0)}}
.fadeOutUpBig{animation-name: fadeOutUpBig}@keyframes flip{from{transform: perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function: ease-out}40%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function: ease-out}50%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function: ease-in}80%{transform: perspective(400px) scale3d(.95, .95, .95);animation-timing-function: ease-in}to{transform: perspective(400px);animation-timing-function: ease-in}}
.animated.flip{-webkit-backface-visibility: visible;backface-visibility: visible;animation-name: flip}@keyframes flipInX{from{transform: perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function: ease-in;opacity: 0}40%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function: ease-in}60%{transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1}80%{transform: perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform: perspective(400px)}}
.flipInX{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipInX}@keyframes flipInY{from{transform: perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function: ease-in;opacity: 0}40%{transform: perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function: ease-in}60%{transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1}80%{transform: perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform: perspective(400px)}}
.flipInY{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipInY}@keyframes flipOutX{from{transform: perspective(400px)}30%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1}to{transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0}}
.flipOutX{animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important}@keyframes flipOutY{from{transform: perspective(400px)}30%{transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1}to{transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0}}
.flipOutY{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipOutY}@keyframes lightSpeedIn{from{transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0}60%{transform: skewX(20deg);opacity: 1}80%{transform: skewX(-5deg);opacity: 1}to{transform: none;opacity: 1}}
.lightSpeedIn{animation-name: lightSpeedIn;animation-timing-function: ease-out}@keyframes lightSpeedOut{from{opacity: 1}to{transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0}}
.lightSpeedOut{animation-name: lightSpeedOut;animation-timing-function: ease-in}@keyframes rotateIn{from{transform-origin: center;transform: rotate3d(0, 0, 1, -200deg);opacity: 0}to{transform-origin: center;transform: none;opacity: 1}}
.rotateIn{animation-name: rotateIn}@keyframes rotateInDownLeft{from{transform-origin: left bottom;transform: rotate3d(0, 0, 1, -45deg);opacity: 0}to{transform-origin: left bottom;transform: none;opacity: 1}}
.rotateInDownLeft{animation-name: rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin: right bottom;transform: rotate3d(0, 0, 1, 45deg);opacity: 0}to{transform-origin: right bottom;transform: none;opacity: 1}}
.rotateInDownRight{animation-name: rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin: left bottom;transform: rotate3d(0, 0, 1, 45deg);opacity: 0}to{transform-origin: left bottom;transform: none;opacity: 1}}
.rotateInUpLeft{animation-name: rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin: right bottom;transform: rotate3d(0, 0, 1, -90deg);opacity: 0}to{transform-origin: right bottom;transform: none;opacity: 1}}
.rotateInUpRight{animation-name: rotateInUpRight}@keyframes rotateOut{from{transform-origin: center;opacity: 1}to{transform-origin: center;transform: rotate3d(0, 0, 1, 200deg);opacity: 0}}
.rotateOut{animation-name: rotateOut}@keyframes rotateOutDownLeft{from{transform-origin: left bottom;opacity: 1}to{transform-origin: left bottom;transform: rotate3d(0, 0, 1, 45deg);opacity: 0}}
.rotateOutDownLeft{animation-name: rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin: right bottom;opacity: 1}to{transform-origin: right bottom;transform: rotate3d(0, 0, 1, -45deg);opacity: 0}}
.rotateOutDownRight{animation-name: rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin: left bottom;opacity: 1}to{transform-origin: left bottom;transform: rotate3d(0, 0, 1, -45deg);opacity: 0}}
.rotateOutUpLeft{animation-name: rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin: right bottom;opacity: 1}to{transform-origin: right bottom;transform: rotate3d(0, 0, 1, 90deg);opacity: 0}}
.rotateOutUpRight{animation-name: rotateOutUpRight}@keyframes hinge{0%{transform-origin: top left;animation-timing-function: ease-in-out}20%, 60%{transform: rotate3d(0, 0, 1, 80deg);transform-origin: top left;animation-timing-function: ease-in-out}40%, 80%{transform: rotate3d(0, 0, 1, 60deg);transform-origin: top left;animation-timing-function: ease-in-out;opacity: 1}to{transform: translate3d(0, 700px, 0);opacity: 0}}
.hinge{animation-name: hinge}@keyframes jackInTheBox{from{opacity: 0;transform: scale(0.1) rotate(30deg);transform-origin: center bottom}50%{transform: rotate(-10deg)}70%{transform: rotate(3deg)}to{opacity: 1;transform: scale(1)}}
.jackInTheBox{animation-name: jackInTheBox}@keyframes rollIn{from{opacity: 0;transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity: 1;transform: none}}
.rollIn{animation-name: rollIn}@keyframes rollOut{from{opacity: 1}to{opacity: 0;transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}
.rollOut{animation-name: rollOut}@keyframes zoomIn{from{opacity: 0;transform: scale3d(.3, .3, .3)}50%{opacity: 1}}
.zoomIn{animation-name: zoomIn}@keyframes zoomInDown{from{opacity: 0;transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)}60%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)}}
.zoomInDown{animation-name: zoomInDown}@keyframes zoomInLeft{from{opacity: 0;transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)}60%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)}}
.zoomInLeft{animation-name: zoomInLeft}@keyframes zoomInRight{from{opacity: 0;transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)}60%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)}}
.zoomInRight{animation-name: zoomInRight}@keyframes zoomInUp{from{opacity: 0;transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)}60%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)}}
.zoomInUp{animation-name: zoomInUp}@keyframes zoomOut{from{opacity: 1}50%{opacity: 0;transform: scale3d(.3, .3, .3)}to{opacity: 0}}
.zoomOut{animation-name: zoomOut}@keyframes zoomOutDown{40%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)}to{opacity: 0;transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform-origin: center bottom;animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)}}
.zoomOutDown{animation-name: zoomOutDown}@keyframes zoomOutLeft{40%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)}to{opacity: 0;transform: scale(.1) translate3d(-2000px, 0, 0);transform-origin: left center}}
.zoomOutLeft{animation-name: zoomOutLeft}@keyframes zoomOutRight{40%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)}to{opacity: 0;transform: scale(.1) translate3d(2000px, 0, 0);transform-origin: right center}}
.zoomOutRight{animation-name: zoomOutRight}@keyframes zoomOutUp{40%{opacity: 1;transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)}to{opacity: 0;transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform-origin: center bottom;animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)}}
.zoomOutUp{animation-name: zoomOutUp}@keyframes slideInDown{from{transform: translate3d(0, -100%, 0);visibility: visible}to{transform: translate3d(0, 0, 0)}}
.slideInDown{animation-name: slideInDown}@keyframes slideInLeft{from{transform: translate3d(-100%, 0, 0);visibility: visible}to{transform: translate3d(0, 0, 0)}}
.slideInLeft{animation-name: slideInLeft}@keyframes slideInRight{from{transform: translate3d(100%, 0, 0);visibility: visible}to{transform: translate3d(0, 0, 0)}}
.slideInRight{animation-name: slideInRight}@keyframes slideInUp{from{transform: translate3d(0, 100%, 0);visibility: visible}to{transform: translate3d(0, 0, 0)}}
.slideInUp{animation-name: slideInUp}@keyframes slideOutDown{from{transform: translate3d(0, 0, 0)}to{visibility: hidden;transform: translate3d(0, 100%, 0)}}
.slideOutDown{animation-name: slideOutDown}@keyframes slideOutLeft{from{transform: translate3d(0, 0, 0)}to{visibility: hidden;transform: translate3d(-100%, 0, 0)}}
.slideOutLeft{animation-name: slideOutLeft}@keyframes slideOutRight{from{transform: translate3d(0, 0, 0)}to{visibility: hidden;transform: translate3d(100%, 0, 0)}}
.slideOutRight{animation-name: slideOutRight}@keyframes slideOutUp{from{transform: translate3d(0, 0, 0)}to{visibility: hidden;transform: translate3d(0, -100%, 0)}}
.slideOutUp{animation-name: slideOutUp}



/************************************
 *  SLICK CSS
 ************************************/
/* slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list{position: relative;display: block;overflow: hidden;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;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-track:before,.slick-track:after{display: table;content: ''}
.slick-track:after{clear: both}
.slick-loading .slick-track{visibility: hidden}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px}
[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}
/* theme */
.slick-loading .slick-list{background:#fff url(//www.iseshimaskyline.com/lancelot/common_files/images/public/ajax-loader.gif) center center no-repeat}
@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(//www.iseshimaskyline.com/js/fonts/slick.eot);src:url(//www.iseshimaskyline.com/js/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//www.iseshimaskyline.com/js/fonts/slick.woff) format('woff'),url(//www.iseshimaskyline.com/js/fonts/slick.ttf) format('truetype'),url(//www.iseshimaskyline.com/js/fonts/slick.svg#slick) format('svg')}
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir=rtl] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}



/************************************
 *  FANCYBOX CSS
 ************************************/
body.fancybox-iosfix{position:fixed;left:0;right:0}
.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}
.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}
.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}
.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0 linear .25s;box-sizing:border-box}
.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0}
.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}
.fancybox-toolbar{top:0;right:0;margin:0;padding:0}
.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}
.fancybox-is-closing .fancybox-stage{overflow:visible}
.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}
.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--image{overflow:visible}
.fancybox-slide--image:before{display:none}
.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}
.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}
.fancybox-slide--next{z-index:99995}
.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}
.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}
.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}
.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}
.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}
.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}
.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-spaceball{z-index:1}
.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}
.fancybox-iframe{display:block;padding:0;border:0;height:100%}
.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}
.fancybox-error{padding:40px;max-width:380px;cursor:default}
.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}
.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:focus,.fancybox-button:hover{color:#fff}
.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}
.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}
.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}
.fancybox-button--share svg path{stroke-width:1}
.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}
.fancybox-button--zoom svg path{fill:transparent}
.fancybox-navigation{display:none}
.fancybox-show-nav .fancybox-navigation{display:block}
.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}
.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}
.fancybox-navigation .fancybox-button--arrow_left{left:0}
.fancybox-navigation .fancybox-button--arrow_right{right:0}
.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}
.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}
.fancybox-close-small:focus{outline:none}
.fancybox-close-small:focus:after{outline:1px dotted #888}
.fancybox-close-small:hover:after{color:#555;background:#eee}
.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}
.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}
.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}
.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}
.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}
.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}
.fancybox-caption a{color:#fff;text-decoration:underline}
.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}
@-webkit-keyframes a {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes a {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}
.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}
.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}
.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}
.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}
.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}
.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}
.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}
.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}
.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}
.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}
.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}
.fancybox-share p{margin:0;padding:0}
p.fancybox-share__links{margin-right:-10px}
.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}
.fancybox-share__button:hover{text-decoration:none}
.fancybox-share__button--fb{background:#3b5998}
.fancybox-share__button--fb:hover{background:#344e86}
.fancybox-share__button--pt{background:#bd081d}
.fancybox-share__button--pt:hover{background:#aa0719}
.fancybox-share__button--tw{background:#1da1f2}
.fancybox-share__button--tw:hover{background:#0d95e8}
.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}
.fancybox-share__button svg path{fill:#fff}
.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}
.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}
.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}
.fancybox-show-thumbs .fancybox-thumbs{display:block}
.fancybox-show-thumbs .fancybox-inner{right:212px}
.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}
.fancybox-thumbs-x>ul{overflow:hidden}
.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}
li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}
.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}
@media (max-width:800px) {
.fancybox-thumbs{width:110px}
.fancybox-show-thumbs .fancybox-inner{right:110px}
.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}
}
.compensate-for-scrollbar{margin-right:0!important}
/******************************
 ** fonts
******************************/
.wf-notosansjapanese{ font-family:"Noto Sans Japanese"; }
.wf-sawarabimincho{ font-family:"Sawarabi Mincho"; }
body{ font-family:"Noto Sans Japanese"; }
.foot_sns li a, .foot_title, .indbannerjs p{ font-family:"Sawarabi Mincho"; }

/******************************
 ** cunit-square-css-reset
******************************/
body{margin:0 auto;font-size:14px;line-height:150%;color:#333}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700;margin:0;padding:0}
ul{padding:0;margin:0;list-style:none}
p,li,dl,dt,dd{padding:0;margin:0}
img{border:0;display:block;height:auto;margin:0 auto;width:auto;max-width:100%}
a{color:#333;text-decoration:none;outline:none}
a:hover{text-decoration:underline}
a:hover img{filter:alpha(opacity=70 style=0);opacity:.7}
input{padding:6px 0;width:auto;text-indent:1em;position:relative;border:1px solid #b3b3b3;border-radius:0}
input::-webkit-input-placeholder{color:#9FA0A0;opacity:1}
input::-moz-placeholder{color:#9FA0A0;opacity:1}
input::-ms-input-placeholder{color:#9FA0A0;opacity:1}
input[placeholder]{color:#9FA0A0;opacity:1}
area{outline:none}
textarea.placeholder{color:#9FA0A0}
input,input[placeholder],textarea{color:#333;font-size:14px;font-family:inherit;line-height:150%}
input[type="submit"]:hover{cursor:pointer;opacity:.8}

/******************************
 ** css-common
******************************/
/*▼ここから　checkbox-button*/
.checkbox input[type='checkbox']{margin:0!important}
.checkbox input[type='checkbox']:not(old){width:20px;margin:0;padding:0;opacity:0}
.checkbox input[type='checkbox']:not(old)+label{display:inline-block;margin-left:-20px;padding-left:30px;background:url(//www.iseshimaskyline.com/lancelot/common_files/images/public/images/checkbox.png) no-repeat 0 -41px;background-size:16px auto}
.checkbox input[type='checkbox']:not(old):checked+label{background-position:0 3px}
.ie .checkbox input[type='checkbox']:not(old)+label{background-position:0 -43px}
.ie .checkbox input[type='checkbox']:not(old):checked+label{background-position:0 1px}
.checkbox{display:inline-block}
/*▲ここまで　checkbox-button*/

/******************************
 ** template outline
******************************/
#temp_outline{clear:both;overflow:hidden;padding:100px 0 0}
.tpol_group{clear:both;overflow:hidden;padding-bottom:45px}
.tpol_text01{font-size:16px;font-weight:700;padding:0 0 30px}
.tpol_choice{float:left;width:360px;padding:10px;border:1px solid #ccc}
.tpol_choice ul{overflow:hidden;clear:both}
.tpol_choice li{float:left;width:60px;padding:0 20px 20px 0}
.tpol_choice li input{float:left;width:15px;margin-top:13px;margin-right:10px}
.tpol_choice li label.main_title{float:left;clear:none;position:relative;width:27px;height:25px;display:block;margin:0;padding:0}
.tpol_choice li label.main_title:before{left:0;top:0}
.tpol_result{float:left;width:400px;padding:0 0 0 150px;position:relative;z-index:1}
.tpol_result .main_title{margin:10px 0 20px;position:relative;z-index:1}
.tpol_result pre{color:blue;font-family:Arial;border:1px solid #ccc;padding:5px 10px;position:relative;z-index:2}
.tpol_subtitle .subtitle{padding:0;margin:0}
.tpol_subtitle .subtitle:before{top:25px;left:5px}
.tpol_subtitle_bg{clear:both;width:100%;padding-top:30px;margin-top:20px;border-top:2px dashed #ccc}
#tpol_subtitle .tpol_subtitle_bg li{color:#ddd;width:100px;text-align:center;width:100px}
#tpol_subtitle .tpol_subtitle_bg li label{float:left;width:70px;height:20px;font-size:13px}
#tpol_subtitle.tpol_choice li input{margin-top:5px;margin-right:5px}

/******************************
 ** css-pages
******************************/
.smp { display: none; }

/* template */

#outside,
#header,
#wrapper,
#footer,
.container {
    clear: both;
    position: relative;
    z-index: 1;
}

.container {
    width: 1100px;
    margin: 0 auto;
}

#outside {
    clear: both;
}

#header {
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    min-height: 160px;
    background-color: rgba(255, 255, 255, 0.85);
}

#header:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 157px;
    z-index: 1;
}

#index #header {
    border-bottom: none;
}

.header_has_border #header {
    border-bottom: 10px solid #5c6666;
}

.logo {
    float: left;
    padding: 51px 0 0 0;
    margin-left: -1px;
}

.logo span {
    display: none;
}

.logo a:hover img,
.foot_logo a:hover img {
    filter: alpha(opacity=100 style=0);
    opacity: 1;
    cursor: default;
}

.head_right {
    float: right;
    width: 550px;
}

.head_link {
    clear: both;
    text-align: right;
    padding: 7px 0 8px;
}

.head_link li {
    display: inline;
    padding-left: 12px;
    letter-spacing: 1px;
}

.head_link li a {
    font-size: 12px;
    color: #666666;
}

/*.head_hanaki {
    float: left;
    width: 155px;
}

.head_hanaki a {
    display: block;
    color: #fff;
    padding: 7px 0 7px 50px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/head-btn-hanaki.png) left top no-repeat;
}*/

.head_searchbox {
    float: right;
    width: 280px;
    min-height: 39px;
    padding: 5px 0 0 0;
}

.head_searchbox .gsc-search-box-tools .gsc-search-box .gsc-input {
    vertical-align: top;
    padding: 0;
}

.safari .head_searchbox .gsc-search-box-tools .gsc-search-box .gsc-input {
    margin-top: 0.0625em !important;
}

.head_searchbox .gsc-control-cse,
.head_searchbox .gsib_a {
    padding: 0;
    border: none;
    background-color: transparent;
}

.head_searchbox input.gsc-input {
    width: 240px !important;
}

.head_searchbox input.gsc-input,
.head_searchbox .gsc-input-box,
.head_searchbox .gsc-input-box-hover,
.head_searchbox .gsc-input-box-focus {
    border-color: #818181;
    background-color: #fff;
}

.head_searchbox td.gsc-search-button {
    position: relative;
}

.head_searchbox td.gsc-search-button:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 17px;
    height: 17px;
    left: 28px;
    top: 5px;
    background-color: #CECECE !important;
}

body[data-ssl="false"] .head_searchbox td.gsc-search-button:after {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/head-btn-search.png) center center no-repeat;
}

body[data-ssl="true"] .head_searchbox td.gsc-search-button:after {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/head-btn-search.png) center center no-repeat;
}

.head_searchbox input.gsc-search-button,
.head_searchbox input.gsc-search-button:hover,
.head_searchbox input.gsc-search-button:focus {
    opacity: 0;
    position: relative;
    z-index: 2;
    margin: 0;
}

.head_language {
    float: right;
    clear: right;
    width: 155px;
    padding-left: 10px;
    position: relative;
    min-height: 25px;
}

.head_language img {
    display: inherit !important;
}

.head_language .goog-te-gadget-simple {
    padding: 0 !important;
}

.head_language .skiptranslate.goog-te-gadget {
    position: absolute;
    top: 0;
}

.head_sns {
    float: right;
}

.head_sns li {
    float: left;
    padding-left: 8px;
}

.head_navi {
    clear: both;
    width: 100%;
    float: left;
    position: absolute;
    top: 126px;
    font-size: 15px;
}

.head_navi .lev-1 {
    display: none;
}

.head_navi li[class*="navi-"] {
    float: left;
    padding: 0 40px;
}

.head_navi li.navi-4 {
    min-width: 105px;
    text-align: center;
}

.head_navi_dropdown {
    display: none;
    clear: both;
    width: 100%;
    float: left;
    padding-bottom: 30px;
    position: relative;
    z-index: 3;
}

.head_navi_dropdown .container_bg {
    position: relative;
}

.head_navi_dropdown .container_bg:after {
    content: '';
    position: absolute;
    width: 1100%;
    height: 100%;
    left: -500%;
    top: 10px;
    background-color: rgba(255, 255, 255, 0.85);
}

.head_navi_dropdown .container_bg#dropdown-1:after {
    border-top: 1px solid #2e3192;
}

.head_navi_dropdown .container_bg#dropdown-2:after {
    border-top: 1px solid #00686f;
}

.head_navi_dropdown .container_bg#dropdown-3:after {
    border-top: 1px solid #d26853;
}

.head_navi_dropdown .container_bg#dropdown-4:after {
    border-top: 1px solid #d29d3d;
}

.head_navi_dropdown .container_bg .container {
    overflow: hidden;
}

.head_navi_dropdown div[class*="dropdown-"] {
    display: none;
    padding-top: 49px;
}

.head_navi_dropdown .link {
    float: left;
    width: 560px;
}

.head_navi_dropdown .link .col-1,
.head_navi_dropdown .link .col-2 {
    float: left;
    width: 50%;
}

.head_navi_dropdown .image {
    float: left;
    width: 540px;
    padding-top: 4px;
}

.head_navi_dropdown .image .col-1,
.head_navi_dropdown .image .col-2 {
    float: left;
    width: 260px;
}

.head_navi_dropdown .image .col-1 {
    padding-right: 20px;
}

.head_navi_dropdown a {
    text-decoration: underline;
    font-size: 14px;
}

.head_navi_dropdown a:hover {
    text-decoration: none;
}

.head_navi_dropdown a:hover img {
    filter: alpha(opacity=100 style=0);
    opacity: 1;
}

.head_navi_dropdown h2 {
    font-size: 15px;
    font-weight: bold;
}

.head_navi_dropdown ul li {
    padding-bottom: 10px;
}

.head_navi_dropdown ul li:first-child {
    padding-bottom: 24px;
}

.head_navi_dropdown div.dropdown-1 h2 {
    color: #2e3192;
}

.head_navi_dropdown div.dropdown-2 h2 {
    color: #00686f;
}

.head_navi_dropdown div.dropdown-3 h2 {
    color: #d26853;
}

.head_navi_dropdown div.dropdown-4 h2 {
    color: #d29d3d;
}

.head_navi_dropdown .image p {
    font-size: 13px;
    color: #4d4d4d;
    text-align: center;
    padding-top: 3px;
    letter-spacing: 1px;
}

.head_scenic_videos {
    float: right;
    padding: 7px 15px 0 0;
}

/* begin***compress header when sroll down */

#header,
.logo,
.head_navi,
.head_link,
.head_language,
.head_sns {
    -webkit-transition: 1.2s;
    transition: 1.2s;
}

#header[data-scroll="scrolled"] {
    min-height: 100px;
    border-width: 3px;
}

#header[data-scroll="scrolled"] .logo {
    padding-top: 25px;
    width: 320px;
}

#header[data-scroll="scrolled"] .head_navi {
    top: 70px;
}

#header[data-scroll="scrolled"] .head_link {
    padding: 0;
}

#header[data-scroll="scrolled"] .head_language {
    position: fixed;
    top: 28px;
    left: 47%;
}

#header[data-scroll="scrolled"] .head_sns {
    position: fixed;
    top: 28px;
    left: 42.5%;
}

/* end***compress header when sroll down */

#footer {
    padding: 108px 0 20px;
}

.foot_group01 {
    clear: both;
}

.foot_relate_link+.container {
    padding-bottom: 155px;
}

.foot_title {
    font-size: 24px;
    letter-spacing: 2px;
    padding-bottom: 18px;
}

.foot_sns {
    clear: both;
    overflow: hidden;
    padding-bottom: 75px;
}

.foot_sns li {
    width: 520px;
}

.foot_sns .tt {
    float: left;
}

.foot_sns .in {
    float: right;
}

.foot_sns li a {
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    display: block;
    border-width: 1px;
    border-style: solid;
    padding: 38px 5px 38px 100px;
}

.foot_sns .tt a {
    border-color: #53aded;
}

body[data-ssl="false"] .foot_sns .tt a {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/foot-sns-tt.png) 24px 26px no-repeat;
}

body[data-ssl="true"] .foot_sns .tt a {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/foot-sns-tt.png) 24px 26px no-repeat;
}

.foot_sns .in a {
    border-color: #682c91;
}

body[data-ssl="false"] .foot_sns .in a {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/foot-sns-in.png) 24px 26px no-repeat;
}

body[data-ssl="true"] .foot_sns .in a {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/foot-sns-in.png) 24px 26px no-repeat;
}

.foot_relate_link {
    clear: both;
    overflow: hidden
}

#foot_slider .item {
    float: left;
    width: 210px;
    padding-right: 12px;
    padding-bottom: 10px;
}

#foot_slider.no-slider .item:nth-child(5n) {
    padding-right: 0;
}

#foot_slider.no-slider .item:nth-child(5n+1) {
    clear: left;
}

.foot_scrolltop {
    position: absolute;
    right: 0;
    bottom: 0;
}

.foot_group02 {
    clear: both;
    position: relative;
    background-color: #e6e6e6;
}

.foot_group02:before {
    content: '';
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
    height: 1px;
    background-color: #003b6b;
}

.foot_navi {
    clear: both;
    overflow: hidden;
    padding: 20px 0 66px 30px;
}

.foot_navi li[class*="col-"] {
    float: left;
    padding-right: 10px;
}

.foot_navi .col-1 {
    width: 182px;
}

.foot_navi .col-2 {
    width: 203px;
}

.foot_navi .col-3 {
    width: 183px;
}

.foot_navi .col-4 {
    width: 167px;
}

.foot_navi .col-5 {
    width: 165px;
}

.foot_navi .col-6 {
    width: 107px;
}

.foot_navi .col-6 {
    width: 110px;
}

.foot_navi li h3 {
    font-size: 15px;
    padding-bottom: 30px;
}

.foot_navi li ul li {
    font-size: 13px;
    padding-bottom: 9px;
}

.foot_group03 {
    clear: both;
    background-color: #003a68;
}

.foot_link {
    clear: both;
    padding: 13px 0 15px;
}

.foot_link li {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
}

.foot_link li:after {
    content: '';
    position: absolute;
    right: -3px;
    top: 7px;
    width: 1px;
    height: 12px;
    background-color: #fff;
}

.foot_link li:last-child {
    padding: 0;
    margin: 0;
}

.foot_link li:last-child:after {
    display: none;
}

.foot_link li a {
    color: #fff;
    font-size: 12px;
}

.foot_group04 {
    clear: both;
}

.foot_logo {
    float: left;
    padding: 18px 316px 18px 0;
}

.foot_codomo {
    float: left;
    padding: 13px 45px 0 0;
}

.foot_copyright {
    float: left;
    font-size: 12px;
    padding: 25px 0 0 0;
}

#wrapper {
    margin-top: 160px;
}

.header_has_border #wrapper {
    margin-top: 170px;
}

.pankuzu {
    font-size: 12px;
    color: #666666;
    padding: 4px 0 5px;
}

.pankuzu a {
    color: #666666;
}

/* begin**main title & sub title & box-title */

.main_title{clear:both;color:#333;font-size:32px;font-weight:400;line-height:120%;margin:40px 0 45px;position:relative;padding:0 0 0 40px}
.big_title{font-size:32px;text-align:center;color:#fff;background-color:#1a5872;font-weight:400;padding:45px 0;line-height:110%}
.subtitle{clear:both;color:#fff;font-size:18px;font-weight:400;position:relative;margin-bottom:20px;padding:11px 5px 12px 30px}
.main_title:before,.subtitle:before{content:'';position:absolute;left:-5px;height:25px;background-repeat:no-repeat}
body[data-ssl="false"] .main_title:before,body[data-ssl="false"] .subtitle:before{background-image:url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-title.png)}
body[data-ssl="true"] .main_title:before,body[data-ssl="true"] .subtitle:before{background-image:url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-title.png)}
.main_title:before{top:7px;width:27px;background-position:0 0}
.subtitle:before{top:-4px;width:25px;background-position:0 -120px}

.box-title{clear:both;background-color:#1a5872;text-align:center;padding:48px 0 20px}
.box-title h2{color:#fff;font-size:32px;font-weight:400;padding:10px 0 40px}
.box-title ul{clear:both;max-width:1100px;position:relative;overflow:hidden;text-align:center;margin:0 auto}
.box-title ul li{float:left;display:table;padding-right:10px}
.box-title ul li:last-child{padding-right:0!important}
.box-title ul li a{font-size:18px;color:#d29d3d;display:table-cell;vertical-align:middle;padding:12px 20px;border:1px solid #d29d3d;background-color:#fff;position:relative}
.box-title ul li a:after{content:'';position:absolute;right:5px;top:0;width:12px;height:100%;background:url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrow01.png) center center no-repeat}
.box-title ul li a:hover:after,.box-title ul li a.active:after{background-image:url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrowwhite.png)!important}
.box-title ul li a:hover,.box-title ul li a.active{color:#fff;text-decoration:none;background-color:#d29d3d}
.box-title ul li a.current:after{background-image:url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrowwhite.png)!important}
.box-title ul li a.current{color:#fff;text-decoration:none;background-color:#d29d3d}
.box-title-bottom{padding:15px 0;margin-top:90px}
.box-title-bottom ul li a{font-size:17px}

.preview-btn-1 ul{width:280px}
.preview-btn-1 ul li{width:280px}
.preview-btn-2 ul{width:570px}
.preview-btn-2 ul li{width:280px}
.preview-btn-3 ul{width:800px}
.preview-btn-3 ul li{width:260px}
.preview-btn-4 ul{width:1070px}
.preview-btn-4 ul li{width:260px}
.preview-btn-5 ul{width:1070px}
.preview-btn-5 ul li{width:210px;padding-right:5px}

.box-title.btn1 ul{width:280px}
.box-title.btn1 ul li{width:280px}
.box-title.btn2 ul{width:570px}
.box-title.btn2 ul li{width:280px}
.box-title.btn3 ul{width:800px}
.box-title.btn3 ul li{width:260px}
.box-title.btn4 ul{width:1070px}
.box-title.btn4 ul li{width:260px}
.box-title.btn5 ul{width:1070px}

.box-title.btn5 ul li{width:210px;padding-right:5px}

/* icon main title */
.main_title.ico1:before{background-position:0 0}
.main_title.ico2:before{background-position:-60px 0}
.main_title.ico3:before{background-position:-120px 0}
.main_title.ico4:before{background-position:-180px 0}
.main_title.ico5:before{background-position:-240px 0}
.main_title.ico6:before{background-position:0 -60px}
.main_title.ico7:before{background-position:-60px -60px}
.main_title.ico8:before{background-position:-120px -60px}
.main_title.ico9:before{background-position:-180px -60px}
.main_title.ico10:before{background-position:-240px -60px}
/* icon sub title */
.subtitle.ico1:before{background-position:0 -120px}
.subtitle.ico2:before{background-position:-60px -120px}
.subtitle.ico3:before{background-position:-120px -120px}
.subtitle.ico4:before{background-position:-180px -120px}
.subtitle.ico5:before{background-position:-240px -120px}
.subtitle.ico6:before{background-position:0 -180px}
.subtitle.ico7:before{background-position:-60px -180px}
.subtitle.ico8:before{background-position:-120px -180px}
.subtitle.ico9:before{background-position:-180px -180px}
.subtitle.ico10:before{background-position:-240px -180px}
/* background title */
.bg1{background-color:#1a5872}
.bg2{background-color:#009ab3}
.bg3{background-color:#00686f}
.bg4{background-color:#9088ac}
.bg5{background-color:#ae4e4c}
.bg6{background-color:#659fbb}
.bg7{background-color:#736357}
.bg8{background-color:#7c8860}
.bg9{background-color:#d26853}
.bg10{background-color:#d29d3d}
.bg11{background-color:#7e9297}
.bg12{background-color:#8dae88}
.bg13{background-color:#e39db6}
.bg14{background-color:#659a68}
.bg15{background-color:#ae8157}
.bg16{background-color:#77a2b6}
.bg17{background-color:#7e925d}
.bg18{background-color:#4E773F}
.bg19{background-color:#01686F}
.bg20{background-color:#7F92BC}
.bg21{background-color:#998675}

/* end**main title & sub title */

/* index */

#indctent {
    padding: 44px 0px 0px 0px;
}

.indbannerjs {
    overflow: hidden;
    max-width: 1400px;
    margin: 0px auto -160px auto;
    width: 100%;
    top: -160px;
}

.indbannerjs p {
    position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
    bottom: 303px;
    font-size: 36px;
    color: #fff;
    letter-spacing: 1px;
}

.indctent_01 {
    overflow: hidden;
    padding-bottom: 49px;
}

.indctent_01 h3 {
    font-size: 19px;
    letter-spacing: 1px;
    color: #000;
}

.indctent_01 .child_01 {
    float: left;
    width: 745px;
    padding-right: 55px;
}

.indctent_01 .child_02 {
    float: left;
    width: 300px;
}

.indctent_01 .p01 {
    font-size: 12px;
    text-align: right;
    letter-spacing: 1px;
    margin-top: -21px;
    padding-bottom: 27px;
}

.indctent_01 .p01 a {
    text-decoration: underline;
}

.indctent_01 .p01 a:hover {
    text-decoration: none;
}

.indctent_01 th {
    vertical-align: top;
    font-weight: normal;
    letter-spacing: 1px;
    width: 105px;
    text-align: left;
    padding-bottom: 15px;
}

.indctent_01 td {
    width: 640px;
    padding-bottom: 15px;
    letter-spacing: -0.7px;
}

.indctent_01 .child_02 h3 {
    padding-bottom: 21px;
}

.indctent_01 .p03 {
    font-size: 13px;
    letter-spacing: 1.5px;
    padding-top: 3px;
    line-height: 140%;
}

.indctent_02 {
    overflow: hidden;
    max-width: 1400px;
    margin: auto;
    padding-bottom: 58px;
}

.indctent_02 .slick-slide img {
    z-index: 1;
}

.indctent_02 .slick-slide {
    padding: 24px 0px;
}

.indctent_02 .slick-center img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 10;
}

.indctent_02 .slick-slide a:hover img {
    opacity: 1;
}

.indctent_03 h2 {
    font-size: 32px;
    text-align: center;
    letter-spacing: 3px;
    padding: 7px 0px 31px 0px;
}

.indctent_03in {
    background-color: #003A68;
    overflow: hidden;
    padding: 41px 0px 39px 0px;
}

.indctent_03in .child {
    float: left;
    width: 360px;
    background-color: #fff;
    margin: 0px 10px 10px 0px;
}

.indctent_03in .child:nth-child(3n) {
    margin-right: 0px;
}

.indctent_03in h3 {
    font-size: 18px;
    color: #1A1A1A;
    font-weight: bold;
    position: relative;
    padding: 1px 0px 10px 24px;
    letter-spacing: 1px;
}

.indctent_03in h3::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 22px;
    left: 0px;
    top: -1px;
    background-color: #D46655;
}

.indctent_03in h3 a {
    color: #1A1A1A;
}

.indctent_03in p {
    line-height: 165%;
}

.indctent_03in .info {
    margin: 12px auto 13px auto;
    width: 328px;
    text-align: justify;
}

.ie .indctent_01 .p03 {
    letter-spacing: 1px;
}

/* access.html */

#access_gr {
    font-size: 15px;
    color: #1A1A1A;
}

.access_gr01 h2 {
    margin-bottom: 41px;
}

.access_gr01 p {
    text-align: right;
    color: #391A93;
    font-size: 14px;
    padding: 5px 0px 63px 0px;
}

.access_gr01 p a {
    color: #391A93;
}

.audl {
    text-decoration: underline;
}

.audl:hover {
    text-decoration: none;
}

.access_gr01 iframe {
    width: 100%;
    height: 450px;
}

.access_ctrol {
    overflow: hidden;
    padding-bottom: 76px;
}

.access_ctrol li {
    float: left;
    width: 258px;
    margin-right: 22px;
}

.access_ctrol li:last-child {
    margin-right: 0px;
}

.access_ctrol li a {
    display: block;
    overflow: hidden;
}

.access_ctrol li a:hover {
    text-decoration: none;
}

.access_ctrol li.li01 a {
    border: 2px solid #009AB4;
}

.access_ctrol li span {
    position: relative;
    padding-left: 70px;
    display: block;
    font-size: 16px;
    color: #333;
    min-height: 43px;
    text-align: center;
    padding-top: 24px;
}

.access_ctrol li.li02 span {
    text-align: left;
    padding: 16px 0px 8px 89px;
}

.access_ctrol li span::before {
    position: absolute;
    content: "";
    width: 70px;
    left: 0px;
    top: 0px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: -2px 7px;
}

.access_ctrol li.li01 span::before {
    background-color: #009AB4;
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-01.png);
}

.access_ctrol li.li02 a {
    border: 2px solid #01686F;
}

.access_ctrol li.li02 span::before {
    background-color: #01686F;
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-02.png);
}

.access_ctrol li.li03 a {
    border: 2px solid #8F87AE;
}

.access_ctrol li.li03 span::before {
    background-color: #8F87AE;
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-03.png);
}

.access_ctrol li.li04 a {
    border: 2px solid #AE4F4D;
}

.access_ctrol li.li04 span::before {
    background-color: #AE4F4D;
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-04.png);
}

.access_a01_top .child {
    overflow: hidden;
    padding-bottom: 40px;
}

.access_a01_top .img {
    float: left;
    width: 340px;
    padding-right: 37px;
}

.access_a01_top .info {
    float: left;
    width: 723px;
    line-height: 180%;
}

.access_a01_top h4 {
    color: #B38B3D;
    font-size: 19px;
    padding: 8px 0px 15px 0px;
}

.access_a01 h3 {
    margin-bottom: 31px;
}

.access_a01_top {
    padding-bottom: 10px;
}

.access_a01_btom {
    border: 1px solid #0299B4;
    padding: 16px 0px 5px 19px;
}

.access_a01_btom h4 {
    width: 1012px;
    background-color: #009AB4;
    color: #fff;
    font-size: 19px;
    position: relative;
    padding: 8px 0px 6px 54px;
    margin-bottom: 23px;
}

.access_a01_btom h4::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 11px;
    left: 22px;
    background-color: #EBC854;
}

.access_a01_btom .pc {
    font-size: 15px;
    line-height: 180%;
    padding-bottom: 17px;
}

.access_a01_btomin {
    overflow: hidden;
    width: 1066px;
}

.access_a01_btomin .child {
    float: left;
    width: 500px;
    padding: 0px 66px 30px 0px;
}

.access_a01_btomin .child:nth-child(even) {
    padding-right: 0px;
}

.access_a01_btomin .child .img {
    padding-bottom: 14px;
}

.access_a01_btomin .child h5 {
    font-size: 16px;
    color: #B38B3D;
    padding-bottom: 4px;
}

.access_a01_btomin .child p {
    line-height: 170%;
    text-align: justify;
    letter-spacing: -0.6px;
}

.access_a01 {
    padding-bottom: 109px;
}

.access_a02 h3 {
    margin-bottom: 41px;
}

.access_a02 h4 {
    font-size: 19px;
    color: #B38B3D;
    padding-bottom: 23px;
}

.access_ul {
    overflow: hidden;
    padding: 39px 0px 111px 0px;
}

.access_ul li {
    float: left;
    width: 199px;
    margin-right: 29px;
    background-color: #F4E5E8;
}

.access_ul li a {
    display: block;
    color: #7A4A1D;
    border: 1px solid #7C491A;
    padding: 10px 0px 8px 17px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-08.png) 167px center no-repeat;
}

.access_ul li a:hover {
    text-decoration: none;
}

.access_a03 .access_ul li,
.access_a04 .access_ul li {
    width: 219px;
}

.access_a03 .access_ul li a,
.access_a04 .access_ul li a {
    background-position: 187px center;
}

.access_a03 {
    padding-bottom: 10px;
}

.access_a04 .access_ul {
    padding-bottom: 38px;
}

/* spot-driveroot.html */

.spot_page .box-title {
    background-color: #1E7BD8;
}

.spot_page .box-title ul li a {
    color: #E38368;
    font-size: 17px;
    border-color: #E38368;
}

.spot_page .box-title ul li a:after {
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrow02.png);
}

.spot_page .box-title ul li a:hover,
.spot_page .box-title ul li a.active {
    color: #fff;
    background-color: #E38368;
}

.spotdri_ctent01 h3 {
    font-size: 24px;
    letter-spacing: -0.3px;
    color: #1A1A1A;
    padding: 25px 0px 29px 0px;
}

.spotdri_ctent01 {
    font-size: 16px;
    padding-bottom: 54px;
}

.spotdri_ctent01 p {
    line-height: 190%;
}

.spotdri_ctent01 p.p01 {
    color: #C1272D;
    padding-top: 7px;
    font-size: 14px;
}

.spotdri_ctent04 iframe {
    width: 100%;
    height: 520px;
    margin-bottom: 125px;
}

.spotdri_ctent04 h3 {
    margin-bottom: 36px;
}

.spotdri_ctent04 .spotdri_01 {
    padding: 15px 0px;
}

.spotdri_ctent02 {
    padding: 24px 0px 60px 0px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-drr-17.jpg) center top no-repeat;
}

.spotdri_ctent02_in {
    overflow: hidden;
}

.spotdri_ctent02_in .child {
    float: left;
    width: 270px;
    background-color: #fff;
    margin: 0px 6px 26px 0px;
}

.spotdri_ctent02_in .child:nth-child(4n) {
    margin-right: 0px;
}

.spotdri_ctent02_in .child:nth-child(4n+1) {
    clear: left;
}

.spotdri_ctent02 .ptop {
    color: #fff;
    text-indent: 34px;
    position: relative;
    padding: 2px 0px 10px 0px;
}

.spotdri_ctent02 .ptop:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 24px;
    top: 3px;
    left: 0px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-drr-19.png) left top no-repeat;
}

.spotdri_ctent02_in h3 {
    font-size: 18px;
    color: #534741;
    padding: 7px 0px 2px 0px;
    letter-spacing: -0.5px;
    overflow: hidden;
}

.spotdri_ctent02_in h3 span {
    float: left;
}

.spotdri_ctent02_in h3 span.sp01 {
    font-size: 16px;
    width: 30px;
    padding: 6px 17px 15px 0px;
    text-align: center;
    color: #fff;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-drr-20.png) left top no-repeat;
}

.spotdri_ctent02_in h3 span.sp02 {
    padding-top: 10px;
}

.spotdri_ctent02_in .img a,
.spotdri_ctent03 .img a {
    position: relative;
    display: block;
}

.spotdri_ctent02_in .img a::before,
.spotdri_ctent03 .img a::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 24px;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-drr-19.png) left top no-repeat;
}

.spotdri_ctent02_in .info {
    width: 245px;
    margin: auto;
    text-align: justify;
    padding-bottom: 10px;
    position: relative;
}

.spotdri_ctent02_in .info .p01 {
    line-height: 170%;
}

.spotdri_ctent02_in .info .note {
    color: #fff;
    text-align: center;
    font-size: 13px;
    border-radius: 8px;
    margin-top: 11px;
    padding: 3px 0px 2px 0px;
}

.spotdri_ctent02_in .info .note span {
    position: relative;
    padding-left: 15px;
}

.spotdri_ctent02_in .info .note span::before {
    position: absolute;
    content: "※";
    left: 0px;
    top: 0px;
}

.spotdri_ctent02_in .info .note01 {
    background-color: #FA91A2;
}

.spotdri_ctent02_in .info .note02 {
    background-color: #26ACF3;
}

.spotdri_ctent02_in .info .note03 {
    background-color: #886136;
}

.spotdri_ctent02_in .info .note04 {
    background-color: #D16855;
}

.spotdri_ctent02_in .info .note05 {
    background-color: #F7B03C;
}

.spotdri_ctent03 {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 100px;
}

.spotdri_ctent03 .child {
    float: left;
    width: 530px;
}

.spotdri_ctent03 .child:first-child {
    padding-right: 40px;
}

.spotdri_ctent03 .img {
    float: left;
    width: 240px;
    padding-right: 20px;
}

.spotdri_ctent03 .info {
    float: left;
    width: 270px;
    color: #1A1A1A;
}

.spotdri_ctent03 .info h3 {
    color: #fff;
    font-size: 18px;
    background-color: #669FBC;
    padding: 9px 0px 7px 15px;
    margin-bottom: 16px;
}

.spotdri_ctent03 .info p {
    line-height: 170%;
}

.ie .spotdri_01 li a {
    padding: 14px 0px 13px 0px;
}

.ie .spotdri_01 li.active {
    padding: 15px 0px 14px 0px;
}

.ie .spotdri_ctent02_in h3 {
    letter-spacing: -0.8px;
}

/* spot-summit.html */

.spotsum_ctent01 table {
    width: 100%;
    text-align: center
}

.spotsum_ctent01 td {
    display: inline-block;
    width: 120px;
    margin-right: 7px;
}

.spotsum_ctent01 td:last-child {
    margin-right: 0px;
}

.spotsum_ctent01 td span.sp01 {
    display: block;
    font-size: 16px;
}

.spotsum_ctent01 td span.sp02 {
    display: block;
    font-size: 13px;
}

.spotsum_ctent01 td a {
    display: block;
    min-height: 76px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 26px;
    padding-top: 10px;
}

.spotsum_ctent01 td a span {
    color: #1A1A1A;
    font-weight: normal;
}

.spotsum_ctent01 td a:hover {
    text-decoration: none;
}

.spotsum_ctent01 .td01 a {
    border: 2px solid #8BC680;
    color: #609A49;
}

.spotsum_ctent01 .td02 a {
    border: 2px solid #E28467;
    color: #E38368;
}

.spotsum_ctent01 .td03 a {
    border: 2px solid #86A8EA;
    color: #60A9E8;
}

.spotsum_ctent01 .td04 a {
    border: 2px solid #FCE064;
    color: #FAB13A;
}

.spotsum_ctent01 .td05 a {
    border: 2px solid #D480B1;
    color: #D281AE;
}

.spotsum_ctent01 .img {
    padding-bottom: 49px;
}

.spotsum_ctent01 .td01 span,
.spotsum_ctent01 .td05 span {
    padding-top: 20px;
}

.spotsum_ctent01 .td02 .sp01,
.spotsum_ctent01 .td03 .sp01,
.spotsum_ctent01 .td04 .sp01 {
    padding-top: 10px;
}

#b01 {
    background-color: #8BC680;
}

.spotsum_ctent01 {
    padding-bottom: 51px;
}

.spotsum_ctent02 {
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 23px;
}

.spotsum_ctent02 .img {
    padding-bottom: 17px;
}

.spotsum_ctent02 .bottom {
    overflow: hidden;
    width: 1080px;
    margin: auto;
    border-radius: 10px;
    background-color: #fff;
    padding: 23px 0px 30px 0px;
}

.spotsum_ctent02 .bottom .left {
    width: 560px;
    float: left;
    font-size: 15px;
    color: #1A1A1A;
    padding: 0px 45px 0px 29px;
}

.spotsum_ctent02 .bottom .right {
    width: 430px;
    float: left;
    padding-top: 57px;
}

.spotsum_ctent02 .bottom h3 {
    font-size: 26px;
    font-weight: normal;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 17px 0px 31px 107px;
}

.spotsum_ctent02 .bottom p {
    line-height: 190%;
}

#b01 h3 {
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-sum-12.png);
}

#b02 h3 {
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-sum-13.png);
}

#b03 h3 {
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-sum-14.png);
}

#b04 h3 {
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-sum-15.png);
}

#b05 h3 {
    background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-sum-16.png);
}

#b02 {
    background-color: #FFBBA8;
    border: 1px solid #FE9F81;
}

#b02 .spotlinkli {
    padding-top: 86px;
}

.spotlinkli li {
    width: 239px;
}

.spotlinkli li a {
    display: block;
    color: #754C24;
    border: 1px solid #744D24;
    padding: 9px 0px 8px 16px;
    background: #EFE9E9 url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-08.png) 95.5% center no-repeat;
}

.spotlinkli li a:hover {
    text-decoration: none;
}

#b03 {
    background-color: #87A9E9;
}

#b03 .p01 {
    background-color: #F2E8E7;
    color: #754C24;
    font-size: 14px;
    padding: 3px 0px 2px 23px;
    margin: 119px 0px 8px 0px;
}

#b03 .p02 {
    color: #C1272D;
    font-size: 14px;
}

#b04 {
    background-color: #FAE162;
}

#b05 {
    background-color: #D280AE;
}

#b05 .spotlinkli {
    padding-top: 57px;
}

#b05 {
    margin-bottom: 184px;
}

#spotsum_ctent .spotdri_01 {
    padding: 15px 0px;
}

.ie .spotsum_ctent01 td a {
    min-height: 72px;
    padding-top: 16px;
}

.ie .spotsum_ctent01 .td01 span,
.ie .spotsum_ctent01 .td05 span {
    padding-top: 15px;
}

.ie .spotsum_ctent01 .td02 .sp01,
.ie .spotsum_ctent01 .td03 .sp01,
.ie .spotsum_ctent01 .td04 .sp01 {
    padding-top: 5px;
}

/* business.html */

.bg_st06 {
    background-color: #7E9297;
}

.business_gr01 table {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 3px;
    padding-top: 4px;
}

.business_gr01 th {
    border-top: 10px solid #97C074;
    border-bottom: 10px solid #97C074;
    border-left: 15px solid #97C074;
    border-right: 15px solid #97C074;
    text-align: left;
    background-color: #F6F9F2;
    padding: 29px 0px 29px 26px;
    width: 344px;
}

.business_gr01 tr:last-child th,
.business_gr01 tr:last-child td {
    border-color: #87B9B0;
}

.business_gr01 td {
    border: 2px solid #97C074;
    padding-left: 52px;
}

.business_gr01 td.bg {
    border: none;
    height: 3px;
    display: block;
}

.business_gr01 th li {
    line-height: 170%;
    padding-bottom: 15px;
    padding-left: 33px;
}

.business_gr01 th li:first-child {
    padding-left: 0px;
}

.business_gr01 th li:last-child {
    padding-bottom: 0px;
}

.business_gr01 th li:nth-child(2) {
    margin-bottom: 7px;
}

.business_gr01 td.td01,
.business_gr01 td.td02 {
    vertical-align: top;
}

.business_gr01 td.td01 ul {
    padding-top: 39px;
}

.business_gr01 td.td01 li:nth-child(1) {
    padding-bottom: 28px;
}

.business_gr01 td.td01 li:nth-child(2) {
    padding-bottom: 45px;
}

.business_gr01 td.td01 li:nth-child(3) {
    padding-bottom: 20px;
}

.business_gr01 td.td02 ul {
    padding-top: 41px;
}

.business_gr01 tr:last-child th li:nth-child(2) {
    margin-bottom: 0px;
}

.business_gr01 td.td02 li {
    padding-bottom: 19px;
}

.business_gr01 td.td02 li:last-child {
    padding-bottom: 0px;
}

.business_gr01 {
    padding-bottom: 73px;
}

.business_gr02 table {
    width: 100%;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.business_gr02 tr:nth-child(even) {
    background-color: #F2F2F2;
}

.business_gr02 th {
    text-align: left;
    font-weight: normal;
    line-height: 190%;
    padding: 13px 0px 11px 17px;
    width: 431px;
}

.business_gr02 th span {
    color: #C1272D;
}

.business_gr02 .p01 {
    width: 360px;
    margin: auto;
    font-weight: bold;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/bsn-01.gif) 28px center no-repeat;
}

.business_gr02 .p01 .pc {
    border: 2px solid #7D93BA;
    display: block;
    font-size: 16px;
    padding: 11px 0px 9px 94px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/bsn-02.gif) right bottom no-repeat;
}

.business_gr02 .p01 .pc span {
    color: #000;
    display: block;
}

/* sanchou_detail.html */

.sanchou_detail .box-title {
    background-color: #58a6c2;
}

.sanchou_detail .box-title p a {
    color: #d29d3d;
    border-color: #d29d3d;
}

.sanchou_detail .box-title p a:hover,
.sanchou_detail .box-title p a.active {
    color: #fff;
    background-color: #d29d3d;
}

.sanchou_dtl01 h2 {
    margin-bottom: 41px;
}

.sanchou_dtl01in {
    overflow: hidden;
    color: #4D4D4D;
    font-size: 13px;
    padding-bottom: 51px;
    letter-spacing: 0.5px;
}

.sanchou_dtl01in .item {
    float: left;
    width: 530px;
    padding: 0px 40px 46px 0px;
    text-align: left;
}

.sanchou_dtl01in .item:nth-child(even) {
    padding-right: 0px;
}

.sanchou_dtl01in .img {
    padding-bottom: 13px;
}

.sanchou_dtl02in {
    overflow: hidden;
    padding: 10px 0px 0px 0px;
}

.sanchou_dtl02 .img {
    float: left;
    width: 400px;
    padding-right: 40px;
}

.sanchou_dtl02 .info {
    float: left;
    width: 660px;
    font-size: 15px;
    color: #1A1A1A;
    min-height: 250px;
    position: relative;
}

.sanchou_dtl02 h4 {
    font-size: 19px;
    color: #B38B3D;
    padding: 11px 0px 16px 0px;
}

.sanchou_dtl02 .info .p01 {
    line-height: 195%;
}

.sanchou_dtl02 .info .p02 {
    font-size: 14px;
    color: #754C24;
    background-color: #F2E8E7;
    padding: 6px 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-indent: 23px;
}

.sanchou_dtl02 {
    padding-bottom: 87px;
}

.sanchou_dtl03in {
    overflow: hidden;
    padding-top: 22px;
}

.sanchou_dtl03in .child {
    float: left;
    width: 260px;
    padding: 0px 20px 27px 0px;
}

.sanchou_dtl03in .child:nth-child(4n) {
    padding-right: 0px;
}

.sanchou_dtl03in h4 {
    font-size: 18px;
    color: #B38B3D;
    padding: 12px 0px 5px 0px;
}

.sanchou_dtl03in p {
    line-height: 170%;
}

.sanchou_dtl03in .p01 {
    padding-bottom: 5px;
}

.sanchou_dtl03 {
    padding-bottom: 49px;
}

.sanchou_dtl04in {
    overflow: hidden;
    width: 968px;
    margin: auto;
    padding-top: 2px;
}

.sanchou_dtl04in .child {
    float: left;
    width: 420px;
    font-size: 16px;
    padding: 0px 128px 45px 0px;
}

.sanchou_dtl04in .child:nth-child(even) {
    padding-right: 0px;
}

.sanchou_dtl04in h4 {
    font-size: 18px;
    color: #B38B3D;
    padding: 17px 0px 15px 0px;
}

.sanchou_dtl04in li {
    position: relative;
    padding: 0px 0px 13px 19px;
}

.sanchou_dtl04in li::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-color: #D0A03E;
    left: 0px;
    top: 3px;
    border-radius: 50%;
}

.sanchou_dtl04in li span {
    float: right;
}

.sanchou_dtl04 {
    padding-bottom: 30px;
}

.sanchou_dtl05 {
    padding-bottom: 125px;
}

.sanchou_dtl06 {
    margin-top: 104px;
}

/* worksituation.html */

.worksituation_01_01 {
    background-color: #E2E6F2;
    overflow: hidden;
    margin-bottom: 72px;
}

.worksituation_01_01 .left {
    float: left;
    width: 500px;
}

.worksituation_01_01 .right {
    width: 600px;
    float: left;
}

.worksituation_01_01 h3 {
    font-size: 23px;
    font-weight: normal;
    width: 146px;
    font-family: Century Gothic;
    border-bottom: 1px solid #4C4E4D;
    padding: 35px 0px 6px 40px;
    margin-bottom: 71px;
}

.worksituation_01_01 h3 span {
    color: #003A68;
    font-size: 36px;
    display: inline-block;
    padding: 5px 0px 3px 15px;
}

.worksituation_01_01 .p01 {
    font-size: 28px;
    line-height: 170%;
    padding-bottom: 32px;
}

.worksituation_01_01 .p02 {
    font-size: 36px;
    color: #003A68;
    font-weight: bold;
    padding: 7px 0px 95px 0px;
}

.worksituation_01_01 .p02 span {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    padding-left: 20px;
}

.worksituation_01_01 .p03 {
    padding-bottom: 17px;
}

.worksituation_01_01 .p03 span {
    display: inline-block;
    font-size: 13px;
    width: 146px;
    text-align: center;
    padding: 4px 0px;
    border-radius: 13px;
    margin-right: 19px;
    border: 1px solid #32352E;
}

.worksituation_01_01 .if {
    padding-left: 83px;
    letter-spacing: 1px;
}

.worksituation_01_02 h3 {
    font-size: 26px;
    font-weight: normal;
    padding: 5px 0px 30px 0px;
}

.worksituation_01_02 p,
.worksituation_01_03 p,
.worksituation_01_04 p {
    color: #1A1A1A;
    line-height: 190%;
    padding-bottom: 24px;
    letter-spacing: 1px;
}

.worksituation_01_02 {
    padding-bottom: 43px;
}

.worksituation_01_03 {
    overflow: hidden;
    padding-bottom: 24px;
}

.worksituation_01_03 .img {
    float: left;
    width: 420px;
    padding-right: 60px;
}

.worksituation_01_03 .info {
    float: left;
    width: 620px;
}

.worksituation_01_03 h3 {
    font-size: 24px;
    font-weight: normal;
    padding: 29px 0px;
}

.worksituation_01_04 h3 {
    font-size: 24px;
    font-weight: normal;
    padding: 29px 0px;
}

.worksituation_01_04 {
    padding-bottom: 60px;
}

.worksituation_02 .worksituation_01_01 {
    background-color: #F0E6DD;
}

.worksituation_02 .worksituation_01_01 h3 span {
    color: #D26853;
}

.worksituation_02 .worksituation_01_01 .p02 {
    color: #D26853;
}

.worksituation_02 {
    margin-bottom: -30px;
    padding-top: 81px;
}

/* information_detail.html */

#ifmtion_dtl .box-title {
    background-color: #2E3192;
}

#ifmtion_dtl .box-title p a {
    color: #c8a733;
    border-color: #c8a733;
}

#ifmtion_dtl .box-title p a:hover,
#ifmtion_dtl .box-title p a.active {
    color: #fff;
    background-color: #c8a733;
}

.ifmtion_dtl01 .p01 {
    font-size: 15px;
    color: #1A1A1A;
    line-height: 190%;
    padding: 5px 0px 35px 0px;
}

.ifmtion_dtl01_01 {
    overflow: hidden;
    padding-bottom: 81px;
}

.ifmtion_dtl01_01 .child {
    float: left;
    width: 340px;
    padding: 0px 40px 0px 0px;
}

.ifmtion_dtl01_01 .child:last-child {
    padding-right: 0px;
}

.ifmtion_dtl01_01 h4 {
    font-size: 18px;
    color: #7C8860;
    padding: 12px 0px 5px 0px;
}

.ifmtion_dtl01_01 .child p {
    line-height: 175%;
}

.ifmtion_dtl01_02 h4 {
    font-size: 19px;
    color: #7C8860;
    padding: 19px 0px 16px 0px;
}

.ifmtion_dtl01_02 p {
    font-size: 15px;
    color: #1A1A1A;
    line-height: 190%;
    padding-bottom: 28px;
}

.ifmtion_dtl01 .access_ul li:nth-child(1) {
    width: 339px;
    margin-right: 20px;
}

.ifmtion_dtl01 .access_ul li:nth-child(2) {
    width: 169px;
    margin-right: 18px;
}

.ifmtion_dtl01 .access_ul li:nth-child(3) {
    width: 199px;
    margin-right: 12px;
}

.ifmtion_dtl01 .access_ul li:nth-child(4) {
    width: 239px;
}

.ifmtion_dtl01 .access_ul li a {
    background-position: 95% center;
}

.ifmtion_dtl01 .access_ul {
    padding: 18px 0px 130px 0px;
}

.ifmtion_dtl02_01 {
    overflow: hidden;
    padding-top: 10px;
}

.ifmtion_dtl02_01 .item {
    float: left;
    width: 350px;
    padding: 0px 25px 44px 0px;
}

.ifmtion_dtl02_01 .item:nth-child(3n) {
    padding-right: 0px;
}

.ifmtion_dtl02_01 h4 {
    font-size: 18px;
    padding: 16px 0px 9px 0px;
    color: #7C8860;
}

.ifmtion_dtl02_01 p {
    line-height: 170%;
    letter-spacing: -1px;
    text-align: justify;
}

.ifmtion_dtl02 {
    padding-bottom: 58px;
    width: 1100px;
    margin: auto;
}

.ifmtion_dtl03 h4 {
    font-size: 18px;
    padding: 20px 0px 10px 0px;
    color: #7C8860;
}

.ifmtion_dtl03 .img {
    padding-top: 10px;
}

.ifmtion_dtl03 {
    padding-bottom: 80px;
}

/* drivein_detail.html */

.drivein_dtl .box-title {
    background-color: #D26753;
}

.drivein_dtl .sanchou_dtl03 {
    padding-bottom: 26px;
}

.drivein_dtl .sanchou_dtl04 {
    padding: 59px 0px 0px 0px;
}

.drivein_dtl .sanchou_dtl04in {
    padding-right: 15px;
}

.drivein_dtl .sanchou_dtl05 {
    padding-bottom: 20px;
}

/* event_detail.html */

.event_dtl .box-title {
    background-color: #95ac5b;
}

.event_dtl01 h2 {
    margin-bottom: 7px;
}

.event_dtl01 .p01 {
    font-size: 16px;
    color: #754C24;
    letter-spacing: 3px;
    padding: 0px 0px 9px 40px;
}

.event_dtl01 .p01 span {
    letter-spacing: 0px;
    display: inline-block;
    padding: 3px 0px;
    margin-right: 23px;
    width: 128px;
    text-align: center;
    border: 1px solid #764C26;
    background-color: #F4E9E5;
    font-size: 14px;
}

.event_dtl01 .p02 {
    float: left;
    min-width: 150px;
    background-color: #CF8675;
    border-radius: 4px;
    color: #fff;
    padding: 3px 15px;
    margin: 0px 0px 21px 40px;
    text-align: center;
}

.event_dtl01 .img {
    clear: both;
    width: 600px;
    margin: auto;
}

.event_dtl01 .p03 {
    text-align: center;
    font-size: 13px;
    color: #4D4D4D;
    padding: 7px 0px 25px 0px;
}

.event_dtl01 .info {
    font-size: 15px;
    color: #1A1A1A;
    line-height: 190%;
    padding-top: 20px;
}

.event_dtl01 .info p {
    padding-bottom: 31px;
}

.event_dtl01 .info p:last-child {
    padding-bottom: 0px;
}

.event_dtl01 .info,
.event_dtl01 .access_ul {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
}

.event_dtl01 .access_ul li {
    width: auto;
}

.event_dtl01 .access_ul li a {
    padding-right: 40px;
    background-position: 95% center;
}

.event_dtl01 .access_ul {
    padding: 33px 0px 49px 0px;
}

.event_dtl02 {
    overflow: hidden;
    width: 1100px;
    margin: auto;
}

.event_dtl02 .item {
    float: left;
    color: #1A1A1A;
    width: 340px;
    padding: 0px 40px 33px 0px;
}

.event_dtl02 .item:nth-child(3n) {
    padding-right: 0px;
}

.event_dtl02 .item h3 {
    font-size: 16px;
    color: #B38B3D;
    padding: 12px 0px 5px 0px;
}

.event_dtl02 .item p {
    line-height: 175%;
}

/* hanakikoyomi.html */

.hanakk_list .box-title {
    background-color: #9D96B8;
}

.hanakk_list01 h3 {
    font-size: 19px;
    color: #B38B3D;
    padding: 23px 0px 15px 0px;
}

.hanakk_list01 .p01 {
    font-size: 15px;
    color: #1A1A1A;
    line-height: 190%;
    padding-bottom: 52px;
}

.hanacontrol {
    border: 1px solid #8DAC71;
    overflow: hidden;
    margin-bottom: 100px;
    padding: 19px 0px 16px 16px;
}

.hanacontrol p {
    width: 211px;
    color: #fff;
    float: left;
    min-height: 86px;
    font-size: 17px;
    background-color: #8DAC73;
    font-weight: bold;
    line-height: 170%;
    padding: 34px 0px 0px 40px;
}

.hanacontrol ul {
    width: 804px;
    padding-left: 2px;
    float: left;
}

.hanacontrol li {
    float: left;
    width: 180px;
    font-size: 15px;
    text-align: center;
    padding-left: 21px;
}

.hanacontrol li img {
    padding-bottom: 3px;
}

.hanacontrol li a {
    text-decoration: underline;
}

.hanacontrol li a:hover {
    text-decoration: none;
}

.hanakk_list02in {
    overflow: hidden;
    padding: 5px 0px 90px 0px;
}

.hanakk_list02:last-child .hanakk_list02in {
    padding-bottom: 0;
}

.hanakk_list02in .item {
    float: left;
    width: 170px;
    padding: 0px 16px 22px 0px;
    text-align: center;
}

.hanakk_list02in .item:nth-child(6n) {
    padding-right: 0px;
}

.hanakk_list02in .img {
    padding-bottom: 5px;
}

.hanakk_list03 .hanakk_list02in {
    padding-bottom: 0px;
}

/* hanakikoyomi_detail.html */

.hanakk_dtl .box-title {
    background-color: #9D96B8;
}

.hanakk_dtl01 .img {
    width: 600px;
    margin: auto;
    padding-bottom: 22px;
}

.hanakk_dtl01 h2 {
    margin-bottom: 41px;
}

.hanakk_dtl01 h3 {
    font-size: 19px;
    color: #B38B3D;
    padding-bottom: 16px;
}

.hanakk_dtl01 .p01 {
    font-size: 15px;
    color: #1A1A1A;
    line-height: 190%;
    padding-bottom: 27px;
}

.hanakk_dtl01 .p02 {
    clear: both;
    float: left;
    color: #754C24;
    min-width: 180px;
    background-color: #F2E8E7;
    padding: 6px 17px 5px 23px;
}

.hanakk_dtl01 {
    padding-bottom: 16px;
}

/* faq_list.html */

.faq_list01 dl {
    padding-top: 6px;
}

.faq_list01 dl dt {
    background: #F2F2F2 url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/faql-01.png) 9px center no-repeat;
    cursor: pointer;
    padding: 13px 0px 13px 74px;
    transition: 0.4s;
    margin-bottom: 2px;
    text-decoration: underline;
}

.faq_list01 dl dd {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/faql-02.png) 9px 10px no-repeat;
    padding-left: 74px;
    display: none;
}

.faq_list01 .a_title {
    font-weight: bold;
    font-size: 16px;
    color: #534741;
    padding: 16px 0px 8px 0px;
}

.faq_list01 .a_text {
    line-height: 175%;
    padding-bottom: 19px;
}

.faq_list01 {
    padding-bottom: 68px;
}

/* news_list.html */

.news_list table {
    width: 100%;
}

.news_list th {
    font-weight: normal;
    text-align: left;
    letter-spacing: 2px;
    vertical-align: top;
    padding: 12px 0px 14px 17px;
    width: 179px;
}

.news_list tr:nth-child(odd) th,
.news_list tr:nth-child(odd) td {
    background-color: #F2F2F2;
}

.news_list td {
    padding: 12px 0px 14px 0px;
}

.news_list {
    padding-bottom: 56px;
}

.news_dtl h3 {
    font-size: 21px;
    font-weight: normal;
    padding: 0px 0px 16px 18px;
}

.news_dtl .p01 {
    font-size: 16px;
    padding: 0px 0px 21px 18px;
    letter-spacing: 2px;
}

.news_dtl .img {
    width: 600px;
    padding-bottom: 30px;
    margin: auto;
}

.news_dtl .p02 {
    font-size: 15px;
    line-height: 205%;
    color: #1A1A1A;
}

.news_dtl .back {
    width: 279px;
    margin: auto;
    text-align: center;
    padding: 43px 0px 10px 0px;
}

.news_dtl .back a {
    display: block;
    font-size: 17px;
    color: #003A68;
    border: 1px solid #00396B;
    padding: 14px 0px 13px 0px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrow03.png) 97% center no-repeat;
}

.news_dtl .back a:hover {
    text-decoration: none;
    color: #ffff;
    background: #003A68 url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrowwhite.png) 97% center no-repeat;
}

/* contact.html */

.contact .p01 {
    font-size: 15px;
    color: #1A1A1A;
    line-height: 195%;
    padding-bottom: 11px;
}

.contact .p02 {
    color: #2E3192;
    padding-bottom: 30px;
}

.contact .p02 a {
    color: #2E3192;
    text-decoration: underline;
}

.contact .p02 a:hover {
    text-decoration: none;
}

.contact table {
    width: 100%;
}

.contact th {
    font-weight: normal;
    text-align: left;
    width: 201px;
    padding: 9px 0px 9px 16px;
}

.contact tr:nth-child(even) {
    background-color: #F2F2F2;
}

.contact tr:last-child {
    text-align: center;
    background-color: #fff;
}

.contact tr:last-child td {
    font-size: 16px;
    padding: 26px 3px 29px 0px;
}

.contact input {
    padding: 4px 0px;
    border-color: #808080;
}

.contact input[type="radio"],
.contact input[type="checkbox"] {
    margin-right: 5px;
}

.contact td {
    padding: 9px 0px 9px 42px;
}

.contact th span {
    float: right;
    color: #C1272D;
}

.contact .radio {
    overflow: hidden;
}

.contact .radio li {
    float: left;
    padding-right: 45px;
}

.contact .ip01 {
    width: 399px;
}

.contact .ip02 {
    width: 699px;
}

.contact .ip03 {
    width: 109px;
}

.contact select {
    padding-left: 11px;
    height: 31px;
    letter-spacing: 2px;
}

.ie input[type="checkbox"],
.ie input[type="radio"] {
    border: none;
}

.contact .slect01 {
    width: 198px;
}

.contact .slect02 {
    width: 161px;
    margin-bottom: 16px;
}

.contact th.thtop {
    vertical-align: top;
    padding-top: 15px;
}

.contact textarea {
    width: 671px;
    height: 191px;
    resize: none;
    margin-bottom: 7px;
    padding: 4px 15px;
}

.ctact_submit {
    text-align: center;
}

.ctact_sb {
    width: 280px;
    height: 50px;
    border: none;
    padding: 0px !important;
    background: #003a68 url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrowwhite.png) left top no-repeat;
}

#inquiry_button input {
    width: 280px;
    cursor: pointer;
    height: 50px;
    text-indent: -9999px;
    border: none;
}

body[data-ssl="false"] .contact_btn_submit {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ctac-sb-01.gif) left center no-repeat;
}

body[data-ssl="false"] .contact_btn_back {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ctac-sb-02.gif) left center no-repeat;
}

body[data-ssl="true"] .contact_btn_submit {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ctac-sb-01.gif) left center no-repeat;
}

body[data-ssl="true"] .contact_btn_back {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ctac-sb-02.gif) left center no-repeat;
}

#inquiry_button input:hover {
    opacity: 0.8;
}

.ctacttable_Cf tr:last-child {
    display: none;
}

.ctacttable_Cf table {
    margin-bottom: 50px;
}

.contact_btn_back {
    margin-right: 20px;
}

/*----sapa_detail.html----*/

.sapa_detail01 {
    padding-bottom: 31px;
    margin-bottom: 28px !important;
}

.sapa_detail01 .slick-dots {
    bottom: 0px;
}

.sapa_detail01 .slick-dots li button::before {
    font-size: 15px;
    color: #B2B2B2;
    opacity: 1;
}

.sapa_detail01 .slick-dots li {
    margin: 0px 8px;
}

.sapa_detail01 .slick-dots li.slick-active button::before {
    color: #818181;
    opacity: 1;
}

.sapa_detail02 .left {
    float: left;
    color: #1A1A1A;
    font-size: 15px;
    width: 600px;
    padding-right: 80px;
}

.sapa_detail02 .right {
    float: left;
    width: 420px;
}

.sapa_detail02 iframe {
    width: 100%;
    height: 280px;
    margin-top: -8px;
}

.sapa_detail02 h4 {
    font-size: 19px;
    color: #B38B3D;
    padding-bottom: 16px;
}

.sapa_detail02 .left p {
    text-align: justify;
    line-height: 190%;
    padding-bottom: 32px;
}

.sapa_detail02 .p01 {
    color: #460094;
    text-align: right;
    padding-bottom: 7px;
}

.sapa_detail02 .p01 a {
    color: #460094;
    text-decoration: underline;
}

.sapa_detail02 .p01 a:hover {
    text-decoration: none;
}

.sapa_detail02 .p02 {
    line-height: 170%;
    letter-spacing: 2px;
}

.sapa_detail02 .access_ul li {
    width: 339px;
}

.sapa_detail02 .access_ul li a {
    background-position: 97% center;
}

.sapa_detail02 .access_ul {
    padding: 4px 0px 0px 0px;
}

.sapa_detail02 {
    overflow: hidden;
    padding-bottom: 56px;
}

.sapa_detail03 table {
    width: 100%;
    padding: 12px 0px 66px 0px;
}

.sapa_detail03 th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    width: 102px;
    letter-spacing: 1px;
    padding-bottom: 13px;
}

.sapa_detail03 td {
    padding-bottom: 13px;
}

.sapa_dtlctrol {
    text-align: center;
}

.sapa_dtlctrol li {
    display: inline-block;
    width: 160px;
    margin-right: 12px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/sapa-dtl-04.gif) center 49px no-repeat;
}

.sapa_dtlctrol li:last-child {
    margin-right: 0px;
}

.sapa_dtlctrol li a {
    display: block;
    border: 2px solid;
    border-radius: 8px;
    font-size: 16px;
    color: #1A1A1A;
    padding: 15px 0px 34px 0px;
}

.sapa_dtlctrol li:nth-child(1) a {
    border-color: #003A69;
}

.sapa_dtlctrol li:nth-child(2) a {
    border-color: #D06854;
}

.sapa_dtlctrol li:nth-child(3) a {
    border-color: #82A368;
}

.sapa_dtlctrol li a:hover {
    text-decoration: none;
}

.bg22 {
    background-color: #003A69;
}

.bg23 {
    background-color: #D06854;
}

.bg24 {
    background-color: #82A368;
}

.sapa_detail04 h3 span {
    float: right;
    padding-right: 25px;
}

.sapa_detail03 {
    padding-bottom: 34px;
}

.sapa_detail04in {
    overflow: hidden;
    padding-top: 13px;
}

.sapa_detail04in .child {
    float: left;
    width: 530px;
    padding: 0px 40px 38px 0px;
}

.sapa_detail04in .child:nth-child(2n) {
    padding-right: 0px;
}

.sapa_detail04in h4 {
    font-size: 18px;
    color: #B38B3D;
    padding: 15px 0px 7px 0px;
}

.sapa_detail04in .p01 {
    font-size: 15px;
}

.sapa_detail04in .p02 {
    font-size: 12px;
    text-align: center;
    width: 86px;
    background-color: #D46753;
    color: #fff;
    border-radius: 4px;
    float: right;
    margin: -24px 0px 0px 0px;
}

.sapa_detail04in .p03 {
    line-height: 175%;
    padding-top: 5px;
    text-align: justify;
}

.sapa_detail04sltick .child {
    width: 340px;
}

.sapa_detail04sltick .child:nth-child(2n) {
    padding-right: 40px;
}

.sapa_detail04sltick .child:nth-child(3n) {
    padding-right: 0px;
}

.sapa_detail04sltick .child:nth-child(3n+1) {
    clear: left;
}

.sapa_detail04sltick {
    padding-top: 21px;
}

.sapa_detail04sltick h4 {
    padding-top: 20px;
}

.sapa_detail04 {
    padding-bottom: 62px;
}

.sapa_detail05 .note01 {
    font-size: 20px;
    color: #B38B3D;
    font-weight: bold;
    background-color: #F2F2F2;
    padding: 11px 0px 11px 18px;
    margin: 8px 0px 1px 0px;
}

.sapa_detail05 h3 {
    margin-bottom: 26px;
}

.sapa_detail .box-title-bottom {
    margin-top: 47px;
}

.sapa_detail04out {
    width: 1100px;
    margin: auto;
}

.sapa-group_outter {
    clear: both;
    width: 100%;
    max-width: 1100px;
    margin: auto;
}

.sapa-group_container {
    clear: both;
    width: 100%;
    float: left;
    padding-bottom: 60px;
}

.sapa-group_outter .sapa-group_container:last-child {
    padding-bottom: 105px;
}

.sapa-group_container__title {
    margin-bottom: 30px;
}

.sapa-group_container__title span {
    float: right;
    padding-right: 25px;
}

.sapa-group_container__subtitle {
    font-size: 20px;
    color: #B38B3D;
    font-weight: bold;
    background-color: #F2F2F2;
    padding: 11px 0px 11px 18px;
    margin: 8px 0px 15px 0px;
}

.sapa-group_big {
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}

.sapa-group_small {
    clear: both;
    overflow: hidden;
}

.sapa-group__block {
    float: left;
    padding: 0px 40px 40px 0px;
}

.sapa-group_big .sapa-group__block {
    width: 530px;
}

.sapa-group_small .sapa-group__block {
    width: 340px;
}

.sapa-group_big .sapa-group__block:nth-child(2n+1),
.sapa-group_small .sapa-group__block:nth-child(3n+1) {
    clear: left;
}

.sapa-group_big .sapa-group__block:nth-child(2n),
.sapa-group_small .sapa-group__block:nth-child(3n) {
    padding-right: 0;
}

.sapa-group_block__title {
    font-size: 18px;
    color: #B38B3D;
    padding: 15px 0px 7px 0px;
}

.sapa-group_block__price {
    font-size: 15px;
}

.sapa-group_block__icon {
    font-size: 12px;
    text-align: center;
    width: 86px;
    background-color: #D46753;
    color: #fff;
    border-radius: 4px;
    float: right;
    margin: -24px 0px 0px 0px;
}

.sapa-group_block__text {
    line-height: 175%;
    padding-top: 5px;
    text-align: justify;
}

/* link */

.link_list01 {
    margin: -11px 0 79px;
}

.link_list01 li a {
    display: block;
    color: #2E3192;
    padding: 12px 0 15px 20px;
    text-decoration: underline;
    letter-spacing: 0.5px;
}

.link_list01 li:nth-child(even) a {
    background: #F2F2F2;
}

.link_list01 li a:hover {
    text-decoration: none;
}

.link_list02>li {
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/link-icon01.png') left 8px no-repeat;
    padding-left: 30px;
}

.link_list02 li ul {
    padding: 11px 0 24px 10px;
}

.link_list02 li li {
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/link-icon02.png') left 7px no-repeat;
    padding-left: 30px;
}

.link_list02>li.img {
    background: none;
    padding: 14px 0 39px;
}

.link_list02>li.img img {
    margin: 0;
}

.link_list02 {
    line-height: 185%;
    font-size: 15px;
    padding-bottom: 70px;
    margin-top: -5px;
}

.link_pd01 {
    padding-bottom: 29px;
}

/* privacy.html */

.privacy_main {
    font-size: 15px;
    color: #1A1A1A;
}

.privacy_p01 {
    padding-bottom: 77px;
    line-height: 195%;
}

.privacy_p01 img {
    margin: 0;
    display: inline-block;
    position: relative;
    top: 5px;
}

.priva_pd {
    padding-bottom: 39px;
}

/* company.html */

.company_tb01 {
    width: 100%;
}

.company_tb01 tr:nth-child(odd) th,
.company_tb01 tr:nth-child(odd) td {
    background: #F2F2F2;
}

.company_tb01 th,
.company_tb01 td {
    padding-top: 11px;
    padding-bottom: 7px;
    line-height: 210%;
    vertical-align: top;
    letter-spacing: 0.5px;
}

.company_tb01 th {
    padding-left: 18px;
    width: 170px;
    text-align: left;
    font-weight: normal;
}

.company_tb01 td {
    padding-left: 9px;
}

.company_tb01 td a.com_a01 {
    position: relative;
    color: #2E3192;
    margin-left: 35px;
    padding-left: 13px;
    text-decoration: underline;
}

.company_tb01 td a.com_a01:hover {
    text-decoration: none;
}

.company_tb01 td a.com_a01:before {
    position: absolute;
    content: ">";
    left: 0;
    top: 0;
    line-height: 150%;
    text-decoration: none;
}

.company_link01 {
    overflow: hidden;
    padding-bottom: 99px;
    padding-top: 40px;
}

.company_link01 li {
    width: 164px;
    float: left;
    padding-right: 15px;
}

.company_link01 li a {
    display: block;
    border: 1px solid #2E3192;
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/company-icon01.png') 92% center no-repeat #F2F2F2;
    color: #2E3192;
    padding: 8px 30px 9px 16px;
    letter-spacing: 0.5px;
}

.company_ct01 {
    padding: 3px 0 74px 0;
}

.company_ct01 div {
    width: 71px;
}

.company_ct01 p {
    width: 1000px;
    max-width: 100%;
}

.company_ct01 div,
.company_ct01 p {
    display: inline-block;
    vertical-align: middle;
}

.company_ct01 p {
    font-size: 16px;
    padding-left: 20px;
}

.company_tb02 tr:nth-child(even) th,
.company_tb02 tr:nth-child(even) td {
    background: #F2F2F2;
}

.company_tb02 tr:nth-child(odd) th,
.company_tb02 tr:nth-child(odd) td {
    background: #fff;
}

.company_tb02 {
    margin-bottom: 73px;
    margin-top: -8px;
}

.company_ct02 {
    overflow: hidden;
    padding-bottom: 21px;
}

.company_ct02 .img {
    width: 280px;
    float: left;
    padding-top: 5px;
}

.company_ct02 .text {
    width: 750px;
    max-width: 100%;
    float: right;
}

.company_list01 {
    overflow: hidden;
    padding-top: 10px;
}

.company_list01 li {
    width: 530px;
    float: left;
    padding-right: 20px;
    padding-bottom: 40px;
}

.company_list01 li .img {
    width: 210px;
    float: left;
}

.company_list01 li .text {
    width: 295px;
    float: right;
    padding-top: 12px;
    letter-spacing: 2px;
}

.company_list01 li .text h4 {
    font-size: 18px;
    color: #1A1A1A;
    font-weight: bold;
    line-height: 120%;
    padding-bottom: 13px;
}

.company_list01 li .text .txt {
    line-height: 220%;
    min-height: 77px;
}

.company_list01 li .text .link a {
    color: #2E3192;
    line-height: 150%;
    position: relative;
    padding-left: 13px;
    text-decoration: underline;
}

.company_list01 li .text .link a:hover {
    text-decoration: none;
}

.company_list01 li .text .link a:before {
    position: absolute;
    content: ">";
    left: 0;
    top: 0;
    text-decoration: none;
}

.company_p01 {
    padding-bottom: 10px;
}

.company_pd01 {
    padding-bottom: 53px;
}

/* sitemap */

.sitemap {
    clear: both;
    color: #1a1a1a;
    font-size: 15px;
    padding: 13px 0 0;
}

.sitemap .box {
    padding-bottom: 18px;
}

.sitemap .box.home {
    padding-bottom: 0;
}

.sitemap .box:last-child,
.sitemap .box:last-child li:last-child {
    padding-bottom: 0 !important;
}

.sitemap h3 {
    color: #fff;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 13px 5px 14px 28px;
    background-color: #1a5872;
}

.sitemap h4 {
    font-size: 18px;
    font-weight: normal;
    font-weight: bold;
    padding: 12px 0px 23px 30px;
}

.sitemap li {
    position: relative;
    padding: 0 0 16px 53px;
}

.sitemap li a {
    color: #1a1a1a;
}

.sitemap li:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    left: 30px;
    top: 6px;
    background-color: #1a5872;
}

.sitemap h4+ul li {
    padding: 0 0 29px 73px;
}

.sitemap h4+ul li:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    left: 50px;
    top: 6px;
    background-color: #1a5872;
}

.sitemap .box2 li {
    padding-bottom: 30px;
}

/* recruit */

#recruit {
    clear: both;
}

#recruit h2 {
    margin-bottom: 43px;
}

.recr_title {
    color: #1a1a1a;
    font-size: 23px;
    padding-bottom: 30px;
}

.recr_text01 {
    clear: both;
    color: #1a1a1a;
    line-height: 180%;
    padding-bottom: 25px;
}

.recr_link01 {
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
}

.recr_content {
    position: relative;
    padding: 40px 0 20px 0;
}

.recr_tabnavi {
    clear: both;
    overflow: hidden;
    padding-bottom: 45px;
}

.recr_tabnavi li {
    float: left;
    width: 180px;
    padding-right: 20px;
}

.recr_tabnavi li a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 20px 0 20px;
    position: relative;
    outline: none;
}

.recr_tabnavi li a:hover {
    text-decoration: none;
}

.recr_tabnavi li a.active:after,
.recr_tabnavi li a:hover:after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 38%;
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 16px solid #ccc;
}

.recr_tabnavi li.li01 a {
    background-color: #1a5872;
}

.recr_tabnavi li.li02 a {
    background-color: #d26853;
}

.recr_tabnavi li.li03 a {
    background-color: #d29d3d;
}

.recr_tabnavi li.li01 a.active:after,
.recr_tabnavi li.li01 a:hover:after {
    border-top-color: #1a5872;
}

.recr_tabnavi li.li02 a.active:after,
.recr_tabnavi li.li02 a:hover:after {
    border-top-color: #d26853;
}

.recr_tabnavi li.li03 a.active:after,
.recr_tabnavi li.li03 a:hover:after {
    border-top-color: #d29d3d;
}

.recr_tabcontent {
    clear: both;
}

.recr_tabcontent table {
    width: 100%;
}

.recr_tabcontent table th,
.recr_tabcontent table td {
    font-weight: normal;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: left;
    vertical-align: top;
    line-height: 220%;
}

.recr_tabcontent table tr:nth-child(even) th,
.recr_tabcontent table tr:nth-child(even) td {
    background-color: #f2f2f2;
}

.recr_tabcontent table th {
    width: 173px;
    padding-left: 17px;
    padding-right: 5px;
}

.recr_tabcontent table td {
    width: auto;
}

.recr_tabcontent table td p {
    padding: 15px 0;
}

.recr_tabcontent table td p a {
    display: block;
}

.recr_tabcontent table td p img {
    margin: 0;
}

/* event_list */

.event .box-title {
    background-color: #95ac5b;
}

.event_upcoming {
    clear: both;
}

.event_upcoming .subtitle {
    margin-bottom: 54px;
}

.event_upcoming_list .block {
    float: left;
    width: 540px;
    padding-bottom: 15px;
}

.event_upcoming_list .block:nth-child(odd) {
    clear: left;
    padding-right: 20px;
}

.event_upcoming_list .block .e_img {
    float: left;
    width: 240px;
}

.event_upcoming_list .block .e_title,
.event_upcoming_list .block .e_date,
.event_upcoming_list .block .e_cate,
.event_upcoming_list .block .e_text {
    margin-left: 270px;
}

.event_upcoming_list .block .e_title {
    color: #b38b3d;
    font-size: 18px;
    padding: 3px 0 0 0;
}

.event_upcoming_list .block .e_title a {
    color: #b38b3d;
}

.event_upcoming_list .block .e_date {
    color: #4d4d4d;
    font-size: 13px;
    letter-spacing: 3px;
    padding: 5px 0 4px 0;
}

.event_upcoming_list .block .e_cate {
    min-height: 38px;
    margin-bottom: 2px;
}

.event_upcoming_list .block .e_cate dl {
    color: #fff;
    background-color: #005883;
    padding: 0px 5px 3px;
    border-radius: 5px;
    font-size: 12px;
    display: table;
    max-width: 260px;
}

.event_upcoming_list .block .e_cate dt {
    display: table-cell;
    width: 55px;
    text-align: center;
}

.event_upcoming_list .block .e_cate dd {
    display: table-cell;
    word-break: break-all;
    line-height: 130%;
}

.event_upcoming_list .block .e_cate dl.bg1 {
    background-color: #005883;
}

.event_upcoming_list .block .e_cate dl.bg2 {
    background-color: #ce8675;
}

.event_upcoming_list .block .e_text {
    color: #1a1a1a;
    padding: 5px 0 5px 0;
    text-align: justify;
    letter-spacing: -1px;
    line-height: 170%;
}

.pager_list {
    clear: both;
    text-align: center;
    padding: 50px 0 80px;
}

.pager_list a,
.pager_list span {
    display: inline;
    padding: 0 8px;
    margin-right: -4px;
    font-size: 16px;
}

.pager_list span {
    text-decoration: underline;
}

.pager_list span {
    display: inline;
}

.event_consultation {
    clear: both;
    padding: 13px 13px 13px 18px;
    border: 1px solid #8dae88;
}

.event_consultation .subtitle {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 29px;
    padding: 8px 5px 8px 60px;
}

.event_consultation .subtitle:before {
    width: 15px;
    height: 15px;
    top: 11px;
    left: 23px;
    background-image: none;
    background-color: #eec753;
}

.event_consultation .block_top {
    clear: both;
    overflow: hidden;
    padding-bottom: 25px;
}

.event_consultation .block_top .e_img {
    float: left;
    width: 320px;
}

.event_consultation .block_top .e_title,
.event_consultation .block_top .e_text {
    margin-left: 363px;
}

.event_consultation .block_top .e_title {
    font-size: 19px;
    color: #b38b3d;
    font-weight: bold;
    padding: 24px 0 23px 5px;
}

.event_consultation .block_top .e_text {
    font-size: 15px;
    color: #1a1a1a;
    line-height: 200%;
}

.event_consultation .block_bottom {
    clear: both;
    padding-bottom: 7px;
}

.event_consultation .block_bottom .e_title {
    font-size: 16px;
    font-weight: bold;
    color: #b38b3d;
    padding: 10px 0 5px 1px;
}

.event_consultation .block_bottom .e_text {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 180%;
    text-align: justify;
}

.event_consultation .block_list {
    clear: both;
    float: left;
    width: 100%;
}

.event_consultation .block_list .block {
    float: left;
    width: 340px;
    padding-right: 23px;
    padding-bottom: 30px;
}

.event_consultation .block_list .block:nth-child(3n) {
    padding-right: 0;
}

.event_consultation .block_list .block:nth-child(3n+1) {
    clear: left;
}

.event_consultation .block_list .block .e_title {
    font-size: 16px;
    font-weight: bold;
    color: #b38b3d;
    padding: 10px 0 5px 1px;
}

.event_consultation .block_list .block .e_text {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 180%;
    text-align: justify;
}

/* sapa_detail.html */

.sapa_detail .box-title {
    background-color: #008b6f;
}

/*--thanks - error----*/

#thanks_box {
    background-color: #fff;
    margin: 50px auto;
    overflow: hidden;
    width: 500px;
}

#thanks_box div {
    border: 3px solid #cccccc;
    padding-bottom: 20px;
}

#thanks01 {
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0 10px;
    text-align: center;
}

#thanks02 {
    font-size: 14px;
    line-height: 160%;
    margin: 0 0 30px;
    padding: 0 20px;
}

#thanks_top {
    text-align: center;
}

#thanks_top a {
    color: #0071bb;
}

/*photocontest_list*/

.photo_lst_main .box-title {
    background: #FC8672;
    margin-bottom: 3px;
}

.photo_lst_main .box-title ul li a {
    border-color: #8693C8;
    color: #8B77BD;
    font-size: 17px;
}

.photo_lst_main .box-title ul li a.active,
.photo_lst_main .box-title ul li a:hover {
    background-color: #8A90C4;
    color: #fff;
}

.photo_lst_main .box-title ul li a:after {
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-list-icon01.png) center center no-repeat;
}

.photo_lst_main .box-title h2 {
    padding: 10px 0 29px;
}

.photo_lst_main .main_title::before {
    width: 26px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-list-icon02.png) center center no-repeat !important;
}

.photo_lst_main .subtitle {
    background: #8A90C4;
}

.photo_lst_main .main_title {
    margin-bottom: 38px;
}

.photo_lst_block {
    overflow: hidden;
    padding-bottom: 42px;
    padding-top: 34px;
    color: #1A1A1A;
}

.photo_lst_block .block {
    width: 518px;
    float: left;
    padding-bottom: 43px;
}

.photo_lst_block .block:nth-child(odd) {
    margin-right: 64px;
}

.photo_lst_block .block .item01 {
    display: table;
    width: 100%;
    margin-bottom: 12px;
}

.photo_lst_block .block .item01 div,
.photo_lst_block .block .item01 h4 {
    display: table-cell;
    vertical-align: middle;
}

.photo_lst_block .block .item01 div {
    width: 240px;
}

.ie .photo_lst_block .block .item01 div img{
    max-width: 240px;
}

.photo_lst_block .block .item01 h4 {
    padding-left: 30px;
    font-size: 16px;
    line-height: 163%;
    letter-spacing: -0.5px;
}

.photo_lst_block .block .item01 h4 a {
    color: #B38B3D;
}

.photo_lst_block .block .p01 {
    font-size: 13px;
    color: #4D4D4D;
    letter-spacing: 2px;
}

.photo_lst_block .block .p01 img,
.photo_lst_block .block .p01 span {
    display: inline-block;
    vertical-align: middle;
}

.photo_lst_block .block .p01 span {
    padding-left: 4px;
}

.photo_lst_block .block .p02 {
    letter-spacing: -1px;
    line-height: 170%;
    padding-top: 11px;
    padding-bottom: 4px;
}

.photo_lst_block .block .p03 {
    text-align: right;
}

.photo_lst_block .block .p03 a {
    color: #4d4d4d;
    text-decoration: underline;
}

.photo_lst_block .block .p03 a:hover {
    text-decoration: none;
}

.photo_lst_pager {
    text-align: center;
    font-size: 16px;
    padding-bottom: 24px;
}

.photo_lst_pager a,
.photo_lst_pager b {
    display: inline-block;
    margin-right: 10px;
}

.photo_lst_pager a:last-child {
    margin-right: 0;
}

/*photocontest_detail*/

.photo_dtl_main .main_title {
    margin-bottom: 0 !important;
}

.photo_dtl_p01 span {
    display: inline-block;
    color: #754C24;
}

.photo_dtl_p01 {
    padding: 11px 0 35px 40px;
}

.photo_dtl_p01 .sp01 {
    width: 128px;
    border: 1px solid #754C24;
    background: #F2E8E8;
    text-align: center;
    margin-right: 18px;
    padding: 2px 0 3px;
}

.photo_dtl_p01 .sp02 {
    font-size: 16px;
    letter-spacing: 3px;
}

.photo_dtl_p02 {
    font-size: 21px;
    line-height: 120%;
    color: #fff;
    text-align: center;
    background: #8B90C5;
    padding: 9px 12px 9px;
    margin-bottom: 73px;
    position: relative;
}

.photo_dtl_p02:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 12px solid #fff !important;
}

.photo_dtl_p02:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 12px solid !important;
}

.photo_dtl_block01 {
    padding-bottom: 85px;
}

.photo_dtl_block01 .block01 {
    overflow: hidden;
    padding-bottom: 39px;
}

.photo_dtl_block01 .block01 .img {
    width: 700px;
    float: left;
    max-width: 100%;
}

.photo_dtl_block01 .block01 .text {
    width: 372px;
    float: right;
    padding-top: 94px;
}

.photo_dtl_block01 .block01 h3 {
    font-size: 42px;
    line-height: 120%;
    padding: 25px 0 17px 110px;
    font-weight: normal;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-dtl-bg01.png) left top no-repeat;
    margin-bottom: 38px;
}

.photo_dtl_block01 .block01 h4 {
    line-height: 120%;
    font-size: 26px;
    font-weight: normal;
}

.photo_dtl_block01 .block01 .p01 {
    line-height: 120%;
    font-size: 23px;
    color: #4D4D4D;
    font-weight: bold;
    padding: 17px 0 10px 0;
}

.photo_dtl_block01 .block01 .p02 {
    font-size: 15px;
    color: #4D4D4D;
}

.photo_dtl_block01 .block02 h4 {
    font-size: 19px;
    text-align: center;
    line-height: 120%;
    background-color: #C68A03;
    background-image: -moz-linear-gradient(left, #C68A03, #fff, #C68A03);
    background-image: -webkit-linear-gradient(left, #C68A03, #fff, #C68A03);
    background-image: -o-linear-gradient(left, #C68A03, #fff, #C68A03);
    background-image: -ms-linear-gradient(left, #C68A03, #fff, #C68A03);
    background-image: linear-gradient(left, #C68A03, #fff, #C68A03);
    padding: 9px 0 5px 0;
}

.photo_dtl_block01 .block02 p {
    border: 1px solid #808080;
    border-top: none;
    font-size: 15px;
    color: #1A1A1A;
    line-height: 200%;
    padding: 18px 40px 20px 40px;
    text-align: justify;
}

.photo_dtl_block02 {
    overflow: hidden;
    padding-bottom: 94px;
}

.photo_dtl_block02 .block {
    width: 520px;
    float: left;
    margin-bottom: 86px;
}

.photo_dtl_block02 .block:nth-child(odd) {
    margin-right: 60px;
    clear: left;
}

.photo_dtl_block02 .block h3 {
    font-size: 36px;
    line-height: 120%;
    padding: 12px 0 15px 86px;
    margin-bottom: 19px;
    font-weight: normal;
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-dtl-bg03.png') left top no-repeat;
}

.photo_dtl_block02 .block .item01 h4 {
    line-height: 120%;
    font-size: 23px;
    padding: 22px 0 13px;
    font-weight: normal;
}

.photo_dtl_block02 .block .item01 {
    padding-bottom: 33px;
}

.photo_dtl_block02 .block .p01 {
    font-weight: bold;
    font-size: 22px;
    color: #4D4D4D;
    padding-bottom: 11px;
}

.photo_dtl_block02 .block .p02 {
    font-size: 15px;
    color: #4D4D4D;
}

.photo_dtl_block02 .block .item02 h4 {
    font-size: 19px;
    text-align: center;
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-dtl-bg04.png') left top repeat;
    padding: 8px 0 6px;
    line-height: 120%;
}

.photo_dtl_block02 .block .item02 p {
    border: 1px solid #808080;
    padding: 18px 18px 20px 21px;
    text-align: justify;
    font-size: 15px;
    color: #1A1A1A;
    line-height: 200%;
}

.photo_dtl_block03 {
    overflow: hidden;
    padding-bottom: 33px;
}

.photo_dtl_block03 .block {
    float: left;
}

.photo_dtl_block03 .block .item {
    float: left;
    width: 350px;
    margin-left: 25px;
    margin-bottom: 60px;
}

.photo_dtl_block03 .block .item:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
}

.photo_dtl_block03 .photo_bl_01 {
    margin-left: 25px;
}

.photo_dtl_block03 .photo_bl_02 {
    width: 100%;
}

.photo_dtl_block03 h3 {
    font-size: 26px;
    height: 60px;
    display: table-cell;
    padding: 2px 0 1px 73px;
    line-height: 130%;
    font-weight: normal;
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-dtl-bg05.png') left top no-repeat;
    vertical-align: middle;
}

.photo_dtl_block03 h3.ft_si01 {
    font-size: 22px;
}

.photo_dtl_block03 .img {
    padding-top: 17px;
    padding-bottom: 18px;
}

.photo_dtl_block03 h4.tit01 {
    font-size: 17px;
    line-height: 120%;
    font-weight: normal;
}

.photo_dtl_block03 .p01 {
    color: #4D4D4D;
    font-size: 19px;
    line-height: 120%;
    font-weight: bold;
    padding: 9px 0 12px 0;
}

.photo_dtl_block03 .p02 {
    font-size: 15px;
    color: #4D4D4D;
}

.photo_dtl_block03 h4.tit02 {
    font-size: 19px;
    line-height: 120%;
    text-align: center;
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-dtl-bg06.png') left top no-repeat;
    padding: 8px 0 6px 0;
}

.photo_dtl_block03 .child01 {
    padding-top: 15px;
}

.photo_dtl_block03 .p03 {
    font-size: 15px;
    line-height: 200%;
    border: 1px solid #808080;
    text-align: justify;
    padding: 18px 22px 20px 22px;
}

/*recruit_list*/

.recr_list_title {
    color: #1a1a1a;
    font-size: 23px;
    padding-bottom: 30px;
}

.recr_list_text01 {
    clear: both;
    color: #1a1a1a;
    line-height: 180%;
    padding-bottom: 25px;
}

.recr_list_content {
    position: relative;
}

.recr_list_link01 {
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
}

.reclst_navi {
    width: 900px;
    overflow: hidden;
    padding-top: 40px;
    margin-bottom: 25px;
}

.reclst_navi a {
    position: relative;
    text-align: center;
    line-height: 130%;
    width: 180px;
    margin-right: 15px;
    border: none;
    float: left;
    margin-bottom: 20px;
    outline: none;
    font-size: 18px;
    color: #fff;
    padding: 17px 0;
    text-align: center;
}

.reclst_navi a:last-child {
    margin-right: 0;
}

.reclst_navi a:hover {
    text-decoration: none;
}

.reclst_navi a.active:before,
.reclst_navi a:hover:before {
    position: absolute;
    content: '';
    bottom: -16px;
    left: 38%;
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 16px solid #ccc;
}

.reclst_navi a.bg1:hover:before,
.reclst_navi a.bg1.active:before {
    border-top-color: #1a5872;
}

.reclst_navi a.bg9:hover:before,
.reclst_navi a.bg9.active:before {
    border-top-color: #d26853;
}

.reclst_navi a.bg10:hover:before,
.reclst_navi a.bg10.active:before {
    border-top-color: #d29d3d;
}

.reclst_navi a.active {
    display: block;
}

.reclst_block {
    overflow: hidden;
}

.reclst_item {
    width: 350px;
    border: 1px solid #808080;
    box-sizing: border-box;
    padding: 15px 20px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}

.reclst_item:nth-child(3n) {
    margin-right: 0;
}

.reclst_item:nth-child(3n+1) {
    clear: left;
}

.reclst_title {
    font-size: 16px;
    padding: 7px 10px;
    color: #fff;
    letter-spacing: -1px;
}

.reclst_group01 .reclst_title {
    background: #4c779a;
}

.reclst_group02 .reclst_title {
    background: #d29568;
}

.reclst_group03 .reclst_title {
    background: #b8a774;
}

.reclst_address {
    margin-top: 15px;
}

.reclst_address .icon {
    width: 56px;
    font-size: 12px;
    color: #fff;
    float: left;
    text-align: center;
    border-radius: 5px;
    margin-right: 10px;
}

.reclst_group01 .reclst_address .icon {
    background-color: #1a5872;
}

.reclst_group02 .reclst_address .icon {
    background-color: #d26853;
}

.reclst_group03 .reclst_address .icon {
    background-color: #d29d3d;
}

.reclst_address .text {
    font-size: 13px;
    color: #4d4d4d;
}

.reclst_address .text i:last-child {
    display: none;
}

.reclst_text {
    color: #1a1a1a;
    margin-top: 10px;
    padding-bottom: 20px;
}

.reclst_link {
    position: absolute;
    right: 17px;
    bottom: 7px;
    margin: 0;
    color: #4d4d4d;
    font-size: 13px;
    text-align: right;
}

.reclst_link_a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reclst_group02,
.reclst_group03 {
    margin-top: 90px;
}

/*recruit_detail*/

#recr_detail .main_title {
    margin-bottom: 25px;
}

.recr_det_gr1 {
    position: relative;
}

.recr_det_but {
    width: 140px;
    border: 1px solid #003a68;
    text-align: center;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/recr_detail_icon.jpg) no-repeat;
    background-position: 123px center;
    position: absolute;
    top: -15px;
    right: 0;
}

.recr_det_but a {
    display: block;
    color: #1a5872;
    padding: 3px 10px 5px 0;
}

.recr_det_but a:hover {
    text-decoration: none;
}

.recr_det_gr1_table,
.recr_det_gr3_table {
    width: 100%;
    border-collapse: collapse;
}

.recr_det_gr1_table tr:nth-child(2n) {
    background: #f2f2f2;
}

.recr_det_gr1_table th,
.recr_det_gr1_table td {
    padding-top: 9px;
    padding-bottom: 5px;
    line-height: 240%;
}

.recr_det_gr1_table th {
    width: 185px;
    padding-left: 17px;
    text-align: left;
    box-sizing: border-box;
    vertical-align: top;
    font-weight: normal;
    line-height: 240%;
}

.recr_det_gr1_table td {
    text-align: left;
    padding-left: 10px;
}

.recr_det_gr2 {
    overflow: hidden;
    width: 100%;
}

.recr_det_img {
    margin-top: 35px;
}

.recr_det_img li {
    float: left;
    margin-right: 100px;
}

.recr_det_img li:last-child {
    margin-right: 0;
}

.recr_det_link {
    width: 319px;
    margin: 65px auto 120px;
    background: #d26853 url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/recruit_detail_icon1.png) no-repeat;
    background-position: top 23px right 10px;
    text-align: center;
    overflow: hidden;
}

.recr_det_link a {
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 22px 0;
    text-decoration: none;
}

.recr_det_gr3 h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.recr_det_gr3 h2.main_title::before {
    top: 0;
}

.recr_det_gr3_table {
    overflow: hidden;
    margin-top: 35px;
}

.recr_det_gr3_table tr:nth-child(2n+1) {
    background: #f2f2f2;
}

.recr_det_gr3_table tr:hover {
    cursor: pointer;
}

.recr_det_gr3_table tr:hover th,
.recr_det_gr3_table tr:hover td {
    text-decoration: underline;
}

.recr_det_gr3_table th {
    width: 250px;
    padding: 15px 0 0 15px;
    text-align: left;
    box-sizing: border-box;
    vertical-align: top;
    font-weight: normal;
}

.recr_det_gr3_table td {
    text-align: left;
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 12px;
    position: relative;
}

.recr_det_gr3_table td:nth-child(2) {
    width: 150px;
    vertical-align: top;
}

/*asamaclub*/

.asa_block {
    border: 2px solid #d26853;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%;
    margin: 19px 0 40px;
    padding: 0 16px;
}

.asa_title {
    margin: 50px 0 19px;
    float: left;
}

.asa_title img {
    width: auto;
    height: 73px;
    margin-left: 30px;
    display: inline-block;
}

.asa_title span {
    font-size: 32px;
    color: #333333;
    position: relative;
    display: inline-block;
    top: -24px;
    font-weight: bold;
    padding-left: 10px;
    letter-spacing: 2px;
}

.asa_title .asa_s02 {
    padding-left: 0;
}

.asa_content {
    float: left;
    margin-bottom: 38px;
    width: 100%;
}

.asa_gr01 {
    width: 340px;
    float: left;
    margin-right: 22px;
}

.asa_gr01:nth-child(3n) {
    margin-right: 0;
}

.asa_gr01 img {
    margin-bottom: 10px;
}

.asa_gr01 p {
    color: #333333;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

.asa_main_title {
    width: 1064px;
    background: #d36854;
    color: #ffffff;
    font-size: 21px;
    overflow: hidden;
    text-align: center;
    border-radius: 7px;
    position: absolute;
    padding: 9px 0 10px;
    top: -21px;
    letter-spacing: 2px;
}

.asa_block02 {
    overflow: hidden;
    clear: both;
    margin-bottom: 25px;
}

.asa_left {
    background: #d36854;
    border-radius: 8px;
    overflow: hidden;
    width: 580px;
    float: left;
}

.asa_left h4 {
    color: #fff;
    font-size: 23px;
    text-align: center;
    margin: 10px 0 11px;
    line-height: 150%;
}

.asa_left h4 span {
    color: #ffff00;
}

.asa_bl02_but {
    background: #e19a2d;
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 0 4px;
    color: #fff;
    text-align: center;
    margin: 0 10px;
    line-height: 150%;
}

.asa_left ul {
    background: #fff;
    padding: 20px 18px 0;
    margin: 10px 10px 9px;
}

.asa_left ul li {
    position: relative;
    padding: 0px 0px 19px 25px;
    font-size: 16px;
    font-weight: bold;
}

.asa_left ul li span {
    color: #d26853;
    font-size: 15px;
    margin: 0 2px 0 20px;
}

.asa_left ul li:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    background-color: #D0A03E;
    left: 0px;
    top: 3px;
    border-radius: 50%;
}

.asa_right {
    width: 490px;
    float: right;
}

.asa_right span {
    color: #d26853;
}

.asa_right p {
    font-size: 14px;
    color: #202020;
}

.asa_blok03 {
    overflow: hidden;
    border: 10px solid #8fa6e4;
    border-radius: 15px;
    padding: 0 20px;
    margin-bottom: 58px;
}

.asa_bl03_title {
    margin: 20px 0 11px;
}

.asa_bl03_title img {
    width: 20%;
    max-width: 88px;
    display: inline-block;
}

.asa_bl03_title span {
    font-size: 23px;
    color: #202020;
    position: relative;
    font-weight: bold;
    display: inline-block;
    top: -13px;
    padding-left: 15px;
}

.asa_blok03 p {
    color: #202020;
    font-size: 15px;
    line-height: 200%;
    margin-bottom: 6px;
}

.button_link {
    overflow: hidden;
    padding: 10px 0px 28px 0px;
    margin-left: 3px;
}

.button_link li {
    float: left;
    margin-right: 29px;
    background-color: #eae0e2;
}

.button_link li a {
    display: block;
    color: #7A4A1D;
    border: 1px solid #7C491A;
    padding: 9px 53px 9px 17px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-08.png) right 12px center no-repeat;
}

.button_link li a:hover {
    text-decoration: none;
}

.asa_block04 {
    overflow: hidden;
}

.asa_block04 h4 {
    font-size: 26px;
    color: #333333;
    padding-left: 40px;
    position: relative;
    margin-bottom: 25px;
    letter-spacing: 1px;
}

.asa_block04 h4:before {
    position: absolute;
    content: "";
    width: 21px;
    height: 21px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/asa_icon.png) 0 center no-repeat;
    left: 5px;
    top: 1px;
}

.asa_group04 {
    width: 260px;
    float: left;
    margin-right: 20px;
}

.asa_group04:last-child {
    margin-right: 0;
}

.asa_group04 img {
    margin-bottom: 5px;
}

.asa_group04 .asa_text {
    color: #d29d3d;
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
}

.asa_group04 p {
    color: #333333;
    font-size: 15px;
    line-height: 160%;
}

/**********************************************
 *              MEDIA QUERY CSS
 **********************************************/
@media only screen and (max-width:800px) {
    body {
        font-size: 100%;
    }
    .pc {
        display: none;
    }
    .smp {
        display: inline-block;
    }
    /* template */
    .container {
        width: 95%;
    }
    #header {
        min-height: 40px;
        border-bottom-width: 8px;
    }
    .header_has_border #header {
        border-bottom: 5px solid #5c6666;
    }
    #header .container {
        width: 100%;
    }
    #header.open {
        position: relative;
    }
    #header.open #top.container:before {
        content: '';
        position: fixed;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 60px;
        background-color: #fff;
    }
    #header.open .logo {
        position: fixed;
        z-index: 2;
        left: 0;
        top: 0;
    }
    #header.open .head_link_smp {
        position: fixed;
        z-index: 2;
        right: 0;
        top: 0;
    }
    .logo {
        width: 45%;
        min-width: 140px;
        max-width: 350px;
        padding: 20px 0 0 2.5%;
    }
    .head_link_smp {
        float: right;
        width: 43%;
        min-width: 160px;
        max-width: 195px;
        padding: 10px 2.5% 0 0;
    }
    .head_link_smp li {
        float: right;
        position: relative;
        text-align: center;
    }
    .head_link_smp li:before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 35px;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: 250px auto;
    }
    body[data-ssl="false"] .head_link_smp li:before {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/head-icon.png);
    }
    body[data-ssl="true"] .head_link_smp li:before {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/head-icon.png);
    }
    .head_link_smp li a {
        display: block;
        font-size: 10px;
        padding: 28px 0 0;
        letter-spacing: -1px;
    }
    .head_link_smp li.li01 {
        width: 70px;
    }
    .head_link_smp li.li01:before {
        background-position: 3px -45px;
    }
    .head_link_smp li.li02 {
        width: 55px;
    }
    .head_link_smp li.li02:before {
        background-position: -65px -45px;
    }
    .head_link_smp li.li03 {
        width: 55px;
    }
    .head_link_smp li.li03:before {
        background-position: -132px -45px;
    }
    .head_link_smp li.li03.open:before {
        background-position: -193px -45px;
    }
    .head_navi {
        position: relative;
        top: 0;
        display: none;
        margin-top: 60px;
    }
    .head_navi li[class*="navi-"] {
        width: 100%;
        padding: 0;
        border-top: 1px solid #fff;
    }
    .head_navi li.navi-4 {
        min-width: auto;
        text-align: left;
    }
    .head_navi a:hover {
        text-decoration: none;
    }
    .head_navi .lev-0 {
        float: left;
        width: 100%;
        background-color: #003a68;
    }
    .head_navi .trigger {
        display: block;
        color: #fff;
        font-size: 100%;
        position: relative;
        padding: 12px 10px 12px 100px;
    }
    .head_navi .trigger:before,
    .head_navi .trigger:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 40px;
        top: 8px;
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/head-icon.png);
        background-repeat: no-repeat;
        background-size: 250px auto;
    }
    .head_navi .trigger:before {
        left: auto;
        right: 3px;
        background-position: -135px 2px;
    }
    .head_navi .hasChild .trigger:before {
        right: auto;
        left: 3px;
        background-position: -15px 0px;
    }
    .head_navi .hasChild.expanded .trigger:before {
        background-position: -75px 0px;
    }
    .head_navi .trigger:after {
        left: 50px;
    }
    .head_navi .navi-1 .trigger:after {
        background-position: -15px -90px;
    }
    .head_navi .navi-2 .trigger:after {
        background-position: -78px -90px;
    }
    .head_navi .navi-3 .trigger:after {
        background-position: -140px -90px;
    }
    .head_navi .navi-4 .trigger:after {
        background-position: -15px -135px;
    }
    .head_navi .navi-5 .trigger:after {
        background-position: -75px -135px;
    }
    .head_navi .navi-6 .trigger:after {
        background-position: -140px -135px;
    }
    .head_navi .lev-1 {
        background-color: #fff;
    }
    .head_navi .lev-1 li {
        border-bottom: 1px solid #003a68;
    }
    .head_navi .lev-1 li:last-child {
        border: none;
    }
    .head_navi .lev-1 li a {
        color: #1a1a1a;
        display: block;
        position: relative;
        padding: 13px 10px 13px 100px;
    }
    .head_navi .lev-1 li a:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 40px;
        top: 8px;
        right: 3px;
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/head-icon.png);
        background-repeat: no-repeat;
        background-size: 250px auto;
        background-position: -195px 2px;
    }
    .head_right {
        width: 100%;
        display: none;
        padding-top: 20px;
    }
    .head_hanaki,
    .head_searchbox,
    .head_language {
        float: none;
        padding: 0;
        margin: 0 auto 12px;
    }
    .head_searchbox input.gsc-search-button,
    .head_searchbox input.gsc-search-button:hover,
    .head_searchbox input.gsc-search-button:focus {
        padding-right: 10px;
    }
    .head_searchbox .cse .gsc-search-button-v2,
    .head_searchbox .gsc-search-button-v2{
        padding: 6px 10px;
    }
    .head_searchbox td.gsc-search-button:after {
        left: 12px;
    }
    .head_scenic_videos {
        float: none;
        padding-bottom: 20px;
    }
    #footer {
        padding: 35px 0 0;
    }
    .foot_relate_link+.container {
        padding-bottom: 55px;
    }
    .foot_title {
        font-size: 120%;
        text-align: center;
        color: #000;
    }
    .foot_sns {
        padding-bottom: 50px;
    }
    .foot_sns li {
        width: 48.2%;
    }
    .foot_sns li a {
        font-size: 80%;
        padding: 20px 5px 18px 55px;
        background-size: 35px auto !important;
        background-position: 10px center !important;
    }
    .foot_relate_link .container {
        width: 100%;
    }
    #foot_slider .item {
        width: auto;
        padding: 0 6px;
    }
    #foot_slider img {
        width: 100%;
        max-width: auto;
    }
    .foot_link {
        max-width: 420px;
        margin: 0 auto;
        text-align: center;
    }
    .foot_logo {
        width: 54.3%;
        padding: 20px 0 18px 0;
    }
    .foot_codomo {
        float: right;
        width: 25%;
        padding: 15px 0 0 0;
    }
    .foot_copyright {
        clear: both;
        float: none;
        width: 100%;
        text-align: center;
        font-size: 10px;
        padding-top: 5px;
    }
    #wrapper {
        margin-top: 60px;
    }
    .header_has_border #wrapper {
        margin-top: 65px;
    }
    .main_title {
        font-size: 125%;
        padding-left: 35px;
        margin: 0 0 40px;
        padding-top: 25px;
    }
    .main_title:before {
        left: 0;
        top: 23px;
    }
    .big_title {
        font-size: 150%;
        padding: 25px 0px;
        margin-bottom: 30px;
    }
    .subtitle {
        font-size: 110%;
        margin-bottom: 25px;
        padding: 7px 5px 7px 20px;
    }
    .subtitle:before {
        left: -4px;
    }
    .box-title {
        margin-bottom: 20px;
        display: table;
        width: 95%;
        padding: 20px 2.5% 5px;
    }
    .box-title h2 {
        font-size: 130%;
        padding-bottom: 25px;
    }
    .box-title ul {
        width: 100%;
    }
    .box-title ul li a {
        font-size: 100%;
        width: 44%;
        line-height: 130%;
        letter-spacing: -0.5px;
        padding: 11px 20px 10px 10px;
    }
    .box-title ul li a:after {
        background-size: 80% auto;
    }
    .box-title-bottom {
        padding: 10px 2.5% 0;
        width: 95%;
    }
    .preview-btn-1 ul {
        width: 60%;
        padding-bottom: 10px;
    }
    .preview-btn-1 ul li {
        width: 100%;
    }
    .preview-btn-2 ul,
    .preview-btn-3 ul,
    .preview-btn-4 ul,
    .preview-btn-5 ul {
        width: 100%;
    }
    .preview-btn-2 ul li,
    .preview-btn-3 ul li,
    .preview-btn-4 ul li,
    .preview-btn-5 ul li {
        width: 48%;
        padding-right: 4%;
        padding-bottom: 10px;
    }
    .preview-btn-3 ul li:nth-child(even),
    .preview-btn-4 ul li:nth-child(even),
    .preview-btn-5 ul li:nth-child(even) {
        padding-right: 0 !important;
    }
    .preview-btn-3 ul li:last-child,
    .preview-btn-5 ul li:last-child {
        padding-right: 0 !important;
        padding-left: 26%;
    }
    .box-title.btn1 ul {
        width: 60%;
        padding-bottom: 10px;
    }
    .box-title.btn1 ul li {
        width: 100%;
    }
    .box-title.btn2 ul,
    .box-title.btn3 ul,
    .box-title.btn4 ul,
    .box-title.btn5 ul {
        width: 100%;
    }
    .box-title.btn2 ul li,
    .box-title.btn3 ul li,
    .box-title.btn4 ul li,
    .box-title.btn5 ul li {
        width: 48%;
        padding-right: 4%;
        padding-bottom: 10px;
    }
    .box-title.btn3 ul li:nth-child(even),
    .box-title.btn4 ul li:nth-child(even),
    .box-title.btn5 ul li:nth-child(even) {
        padding-right: 0 !important;
    }
    .box-title.btn3 ul li:last-child,
    .box-title.btn5 ul li:last-child {
        padding-right: 0 !important;
        padding-left: 26%;
    }
    /* index */
    .indbannerjs {
        top: 0px;
        margin-bottom: 0px;
    }
    .indbannerjs p {
        width: 80%;
        left: 10%;
        top: 40%;
        font-size: 170%;
        line-height: 150%;
    }
    .indmenu_smp {
        background-color: #003A68;
        width: 100%;
        overflow: hidden;
    }
    .indmenu_smp li {
        float: left;
        width: 33.3333%;
        text-align: center;
        background-position: center 15px;
        background-repeat: no-repeat;
        background-size: 50px auto;
    }
    .indmenu_smp li a {
        display: block;
        color: #fff;
        font-size: 115%;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        padding: 60px 0px 10px 0px;
    }
    .indmenu_smp li a:hover {
        text-decoration: none;
    }
    .indmenu_smp li:nth-child(3n) a {
        border-right: none;
    }
    .indmenu_smp .li01 {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ind-09.png);
    }
    .indmenu_smp .li02 {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ind-10.png);
    }
    .indmenu_smp .li03 {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ind-11.png);
    }
    .indmenu_smp .li04 {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ind-12.png);
    }
    .indmenu_smp .li05 {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ind-13.png);
    }
    .indmenu_smp .li06 {
        background-image: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ind-14.png);
    }
    #indctent {
        padding-top: 30px;
    }
    .indctent_01 .child_01 {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    .indctent_01 h3 {
        font-size: 125%;
        text-align: center;
        margin-bottom: 20px;
    }
    .indctent_01 th {
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }
    .indctent_01 td {
        float: left;
        letter-spacing: 0px;
        width: 100%;
        padding-bottom: 10px;
    }
    .indctent_01 .p01 {
        font-size: 100%;
        width: 100%;
        margin-top: 0px;
        padding-bottom: 50px;
    }
    .indctent_01 .child_02 {
        float: none;
        width: 100%;
    }
    .indctent_01 .child_02 h3 {
        margin-bottom: 0px;
    }
    .indctent_01 .p03 {
        font-size: 100%;
        letter-spacing: 0px;
        text-align: center;
        padding-top: 12px;
        max-width: 90%;
        margin: 0 auto;
    }
    .indctent_01 .p03 br {
        display: none;
    }
    .indctent_02 .slick-center img {
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    .indctent_03 h2 {
        font-size: 125%;
        letter-spacing: 0px;
        padding-bottom: 21px;
        color: #000;
        padding-left: 5%;
        padding-right: 5%;
    }
    .indctent_03in .container {
        width: 100%;
    }
    .indctent_03in .child,
    .indctent_03in .child:nth-child(3n) {
        margin-right: 15px;
        margin-left: 15px;
    }
    .indctent_03in .child img {
        width: 100%;
    }
    .indctent_03in {
        padding: 30px 0px 20px 0px;
        margin-bottom: 40px;
    }
    .indctent_03in .info {
        width: 93%;
    }
    .indctent_03in h3 {
        font-size: 100%;
        letter-spacing: 0px;
    }
    /* access */
    #access_gr {
        font-size: 100%;
    }
    #access_gr #wrapper {
        margin-top: 70px;
    }
    .access_gr01 p {
        font-size: 100%;
        padding-bottom: 50px;
    }
    .access_ctrol li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 4%;
    }
    .access_ctrol li:nth-child(2) {
        margin-right: 0px;
    }
    .access_ctrol li span {
        font-size: 95%;
    }
    .access_ctrol li.li02 span {
        padding: 13px 0px 6px 89px;
    }
    .access_ctrol {
        padding-bottom: 55px;
    }
    .access_a01_top .img {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    .access_a01_top .info {
        float: none;
        width: 100%;
    }
    .access_a01_top h4 {
        font-size: 130%;
        padding: 20px 0px 12px 0px;
    }
    .access_a01_top {
        padding-bottom: 40px;
    }
    .access_a01_btom {
        padding: 3%;
    }
    .access_a01_btom h4 {
        width: 100%;
        padding-left: 0px;
        text-indent: 20px;
        margin-bottom: 30px;
    }
    .access_a01_btom h4::before {
        display: none;
    }
    .access_a01_btomin {
        width: 100%;
    }
    .access_a01_btomin .child {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    .access_a01_btomin .child h5 {
        font-size: 120%;
        padding: 10px 0px 8px 0px;
    }
    .access_a02 h4 {
        font-size: 130%;
    }
    .access_ul li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3.5%;
    }
    .access_ul li:nth-child(even) {
        margin-right: 0px;
    }
    .access_ul li a,
    .access_a03 .access_ul li a,
    .access_a04 .access_ul li a {
        background-position: 94% center;
    }
    .access_a03 .access_ul li,
    .access_a04 .access_ul li {
        width: 55%;
    }
    .access_gr01 iframe {
        height: 380px;
    }
    .access_ul {
        padding-bottom: 60px;
    }
    /*-spot-driveroot.html--*/
    .spotdri_01 h2 {
        font-size: 150%;
    }
    .spotdri_01 ul {
        overflow: hidden;
        margin: auto;
        width: 90%;
    }
    .spotdri_01 li {
        float: left;
        width: 48.5%;
        font-size: 115%;
    }
    .spotdri_01 li:first-child {
        margin-right: 3%;
    }
    .spotdri_01 li span {
        display: block;
    }
    .spotdri_01 li a,
    .spotdri_01 li a:hover,
    .spotdri_01 li.active a,
    .spotdri_01 li.active a:hover {
        background-position: 96% center;
    }
    .spotdri_01 {
        padding-top: 40px;
        margin-bottom: 30px;
    }
    .zoomimg_smp {
        text-align: right;
        width: 100%;
        color: #4D4D4D;
    }
    .zoomimg_smp span {
        background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-drr-22.gif) left top no-repeat;
        padding: 0px 0px 30px 30px;
        background-size: 20px 21px;
    }
    .spotdri_ctent01 h3 {
        font-size: 130%;
    }
    .spotdri_ctent01 h3 span {
        display: block;
        line-height: 140%;
    }
    .spotdri_ctent01 {
        font-size: 105%;
    }
    .spotdri_ctent01 p.p01 {
        font-size: 100%;
    }
    .spotdri_ctent02 {
        background-image: none;
        background-color: #1E7BD8;
        padding: 20px 0px;
        margin-bottom: 40px;
    }
    .spotdri_ctent02 .ptop {
        padding: 0px 5px 20px 30px;
        text-indent: 0px;
        font-size: 90%;
        width: calc(95% - 35px);
    }
    .spotdri_ctent02_in .child {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .spotdri_ctent02_in .child:nth-child(even) {
        margin-right: 0px;
    }
    .spotdri_ctent02_in .info {
        width: 94%;
    }
    .spotdri_ctent02_in h3 {
        font-size: 110%;
    }
    .spotdri_ctent02_in h3 span.sp01 {
        padding-right: 2%;
        width: 30%;
        max-width: 30px;
    }
    .spotdri_ctent02_in h3 span.sp02 {
        width: 68%;
        padding-top: 7px;
    }
    .spotdri_ctent02_in .info .note {
        font-size: 95%;
        text-align: left;
        padding: 4px 2% 0px 2%;
    }
    .spotdri_ctent02_in .info .note span {
        display: inline-block;
        line-height: 130%;
        padding-left: 18px;
    }
    .spotdri_ctent02_in .info .note span::before {
        top: 0px;
    }
    .spotdri_ctent03 .child {
        float: none;
        width: 100%;
        padding-bottom: 25px;
    }
    .spotdri_ctent03 .child:first-child {
        padding-right: 0px;
    }
    .spotdri_ctent03 .img {
        float: none;
        width: auto;
        max-width: 100%;
        padding: 0px 0px 15px 0px;
    }
    .spotdri_ctent03 .info {
        float: none;
        width: 100%;
    }
    .spotdri_ctent03 .info h3 {
        font-size: 105%;
    }
    .spotdri_ctent04 iframe {
        height: 400px;
        margin-bottom: 0;
    }
    /*---spot-summit.html---*/
    .spotsum_ctent01 .img {
        padding-bottom: 15px;
    }
    .spotsum_ctent01 .zoomimg_smp {
        padding-bottom: 40px;
    }
    .spotsum_ctent01 td {
        width: 27%;
        margin-right: 2%;
        margin-bottom: 3%;
    }
    .spotsum_ctent01 td.td03 {
        margin-right: 0px;
    }
    .spotsum_ctent01 td span.sp01 {
        font-size: 65%;
        line-height: 120%;
    }
    .spotsum_ctent01 td span.sp02 {
        font-size: 85%;
    }
    .spotsum_ctent02 .bottom {
        width: 100%;
    }
    .spotsum_ctent02 .bottom .left {
        float: none;
        width: 95%;
        margin: auto;
        font-size: 100%;
        padding: 0px 0px 35px 0px;
    }
    .spotsum_ctent02 .bottom h3 {
        font-size: 140%;
        background-size: 75px 40px;
        padding: 10px 0px 20px 90px;
    }
    .spotsum_ctent02 .bottom .right {
        float: none;
        width: 80%;
        margin: auto;
        padding-top: 0px;
    }
    #b02 .spotlinkli {
        padding-top: 30px;
    }
    .spotlinkli li {
        width: 84%;
        margin: auto;
    }
    #b03 .p01 {
        margin-top: 30px;
    }
    /*----business.html---*/
    .business_gr01 table {
        font-size: 90%;
    }
    .business_gr01 th {
        width: 55%;
        padding: 10px;
        vertical-align: top;
        border: 5px solid #97C074;
    }
    .business_gr01 th li {
        padding-left: 10px;
        padding-bottom: 10px;
    }
    .business_gr01 td {
        padding: 10px;
    }
    .business_gr01 td.bg {
        padding: 0px;
    }
    .business_gr01 th li:nth-child(2) {
        margin-bottom: 0px;
    }
    .business_gr01 td.td01 li:nth-child(1) {
        padding-bottom: 25px;
    }
    .business_gr01 td.td01 li:nth-child(2) {
        padding-bottom: 22px;
    }
    .business_gr01 td.td01 li:nth-child(3) {
        padding-bottom: 10px;
    }
    .business_gr01 td.td01 ul {
        padding-top: 0px;
    }
    .business_gr01 td.td02 ul {
        padding-top: 0px;
    }
    .business_gr01 td.td02 li {
        padding-bottom: 10px;
    }
    .business_gr01 tr:last-child th li:nth-child(1) {
        margin-bottom: 10px;
    }
    .business_gr01 tr:last-child th li:nth-child(2) {
        margin-bottom: 10px;
    }
    .business_gr02 th {
        width: 96%;
        padding: 10px 2%;
        float: left;
    }
    .business_gr02 td {
        float: left;
        width: 96%;
        padding: 0px 2% 10px 2%;
    }
    .business_gr02 .p01 .pc {
        display: none;
    }
    .business_gr02 .p01 {
        width: 55%;
        background-position: 13px center;
    }
    .business_gr02 .p01 .smp {
        border: 2px solid #7D93BA;
        display: block;
        font-size: 100%;
        background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/bsn-02.gif) right bottom no-repeat;
    }
    .business_gr02 .p01 a {
        display: block;
        padding: 11px 0px 9px 60px;
    }
    .business_gr02 .p01 a:hover {
        text-decoration: none;
    }
    .business_gr02 {
        padding-bottom: 50px;
    }
    /*----sanchou_detail.html--*/
    .titleLink {
        padding-top: 35px;
        margin-bottom: 40px;
    }
    .titleLink h2 {
        font-size: 150%;
        padding-bottom: 20px;
    }
    .titleLink ul {
        overflow: hidden;
        margin: auto;
        width: 90%;
    }
    .titleLink li {
        font-size: 95%;
        float: left;
        width: calc(48.5% - 2px);
    }
    .titleLink li:first-child {
        margin-right: 3%;
    }
    .sanchou_dtl01 {
        overflow: hidden;
    }
    .sanchou_dtl01in .item {
        width: 100%;
        padding: 0px;
        text-align: left;
    }
    .sanchou_dtl01in {
        font-size: 95%;
        overflow: unset;
        padding-bottom: 20px;
        margin-bottom: 70px !important;
    }
    .sanchou_dtl01in .slick-dots li button::before {
        font-size: 16px;
        color: #828282;
        opacity: 1;
    }
    .sanchou_dtl01in .slick-dots li {
        margin: 0px 2px;
    }
    .sanchou_dtl01in .slick-dots li.slick-active button::before {
        color: #4F4F4F;
        opacity: 1;
    }
    .sanchou_dtl02 .img {
        float: none;
        padding-right: 0px;
        width: 100%;
    }
    .sanchou_dtl02 h4 {
        font-size: 120%;
        padding: 15px 0px 8px 0px;
    }
    .sanchou_dtl02 .info {
        float: none;
        width: 100%;
        font-size: 100%;
        min-height: 0px;
    }
    .sanchou_dtl02 .info .p01 {
        padding-bottom: 30px;
    }
    .sanchou_dtl02 .info .p02 {
        position: relative;
        font-size: 95%;
        padding-left: 13px;
        padding-right: 5px;
        width: calc(100% - 18px);
        text-indent: 0px;
    }
    .sanchou_dtl03in .child {
        width: 48.5%;
        padding: 0px 3% 30px 0px;
    }
    .sanchou_dtl03in .child:nth-child(even) {
        padding-right: 0px;
    }
    .sanchou_dtl03in h4 {
        font-size: 120%;
    }
    .sanchou_dtl04in {
        width: 100%;
    }
    .drivein_dtl .sanchou_dtl04in {
        padding-right: 0;
    }
    .sanchou_dtl04in .child {
        float: none;
        width: 100%;
        font-size: 100%;
        padding: 0px 0px 30px 0px;
    }
    .sanchou_dtl04in h4 {
        font-size: 120%;
    }
    .sanchou_dtl04in li {
        padding-bottom: 10px;
    }
    .sanchou_dtl05 {
        padding-bottom: 80px;
    }
    .sanchou_dtl06 {
        margin-top: 20px;
        padding-top: 15px;
    }
    /*-----worksituation.html------*/
    .worksituation_01_01 .left {
        float: none;
        width: 100%;
        padding-bottom: 20px;
    }
    .worksituation_01_01 .right {
        float: none;
        width: 100%;
    }
    .worksituation_01_01 h3 {
        font-size: 130%;
        width: 25%;
        padding-left: 8%;
    }
    .worksituation_01_01 h3 span {
        font-size: 170%;
    }
    .worksituation_01_01 .if {
        padding-left: 0px;
        width: 70%;
        margin: auto;
    }
    .worksituation_01_01 .p01 {
        font-size: 160%;
    }
    .worksituation_01_01 .p02 {
        font-size: 200%;
        padding-bottom: 65px;
    }
    .worksituation_01_01 .p02 span {
        font-size: 65%;
    }
    .worksituation_01_01 {
        margin-bottom: 50px;
    }
    .worksituation_01_02 h3 {
        font-size: 140%;
    }
    .worksituation_01_03 .img {
        float: none;
        width: 80%;
        padding-right: 0px;
        margin: auto;
        padding-bottom: 10px;
    }
    .worksituation_01_03 .info {
        width: 100%;
    }
    .worksituation_01_03 h3,
    .worksituation_01_04 h3 {
        line-height: 130%;
        font-size: 135%;
    }
    .worksituation_02 {
        padding-top: 50px;
        margin-bottom: 0px;
    }
    .worksituation_01_01 .p03 span {
        font-size: 90%;
    }
    /*-----information_detail.html----*/
    .ifmtion_dtl01 .p01 {
        font-size: 100%;
        padding-bottom: 50px;
    }
    .ifmtion_dtl01_01 .child {
        float: none;
        width: 100%;
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .ifmtion_dtl01_01 h4 {
        font-size: 115%;
        padding-top: 15px;
    }
    .ifmtion_dtl01_02 .zoomimg_smp {
        padding-bottom: 0px;
    }
    .ifmtion_dtl01_02 h4 {
        font-size: 116%;
    }
    .ifmtion_dtl01 .access_ul li:nth-child(1) {
        width: 85%;
        margin-right: 0px;
    }
    .ifmtion_dtl01 .access_ul li:nth-child(2) {
        width: 48.5%;
        margin-right: 3%;
    }
    .ifmtion_dtl01 .access_ul li:nth-child(3) {
        width: 48.5%;
        margin-right: 0px;
    }
    .ifmtion_dtl01 .access_ul li:nth-child(4) {
        width: 55%;
        margin-right: 0px;
    }
    .ifmtion_dtl01 .access_ul {
        padding-bottom: 90px;
    }
    .ifmtion_dtl03 .img {
        padding-bottom: 10px;
    }
    .ifmtion_dtl03 h4 {
        font-size: 115%;
    }
    .ifmtion_dtl02 {
        width: 100%;
    }
    .ifmtion_dtl02_01 {
        padding-bottom: 100px;
    }
    .ifmtion_dtl02_01 .item {
        padding: 0px;
        margin: 0px 15px;
    }
    .ifmtion_dtl02_01 h4 {
        font-size: 115%;
    }
    .ifmtion_dtl02_01 .slick-dots {
        bottom: 0px;
    }
    .ifmtion_dtl02_01 .slick-dots li button::before {
        font-size: 16px;
        color: #828282;
        opacity: 1;
    }
    .ifmtion_dtl02_01 .slick-dots li {
        margin: 0px 2px;
    }
    .ifmtion_dtl02_01 .slick-dots li.slick-active button::before {
        color: #4F4F4F;
        opacity: 1;
    }
    /*-----event_detail.html-------*/
    .event_dtl01 h2 {
        margin-bottom: 25px;
    }
    .event_dtl01 .p01 {
        font-size: 103%;
        padding-left: 0px;
        letter-spacing: 0px;
        padding-bottom: 20px;
    }
    .event_dtl01 .p01 span {
        font-size: 97%;
        margin-right: 12px;
    }
    .event_dtl01 .p02 {
        margin-left: 0px;
    }
    .event_dtl01 .zoomimg_smp {
        padding: 10px 0px;
    }
    .event_dtl01 .p03 {
        font-size: 97%;
        text-align: left;
    }
    .event_dtl02 {
        width: 100%;
        padding-bottom: 80px;
    }
    .event_dtl02 .item {
        padding: 0px;
        margin: 0px 15px;
    }
    .event_dtl02 .item img {
        width: 100%;
    }
    .event_dtl02 .item h3 {
        font-size: 105%;
    }
    .event_dtl02 .slick-dots {
        bottom: 10px;
    }
    .event_dtl02 .slick-dots li button::before {
        font-size: 16px;
        color: #828282;
        opacity: 1;
    }
    .event_dtl02 .slick-dots li {
        margin: 0px 2px;
    }
    .event_dtl02 .slick-dots li.slick-active button::before {
        color: #4F4F4F;
        opacity: 1;
    }
    .event_dtl01 .img {
        width: 100%;
    }
    /*------hanakikoyomi_list.html------*/
    .hanakk_list01 h3 {
        font-size: 120%;
    }
    .hanakk_list01 .p01 {
        font-size: 100%;
    }
    .hanacontrol {
        padding: 2.5%;
    }
    .hanacontrol p {
        float: none;
        width: 96%;
        padding: 20px 2%;
        text-align: center;
        font-size: 115%;
        min-height: 0px;
        line-height: 120%;
        margin-bottom: 2.5%;
    }
    .hanacontrol p br {
        display: none;
    }
    .hanacontrol ul {
        padding-left: 0px;
        width: 100%;
    }
    .hanacontrol li {
        width: 48.5%;
        padding: 0px 3% 2.5% 0px;
    }
    .hanacontrol li img,
    .hanakk_list02in .item img {
        width: 100%;
    }
    .hanacontrol li:nth-child(even),
    .hanakk_list02in .item:nth-child(even) {
        padding-right: 0px;
    }
    .hanakk_list02in .item {
        width: 48.5%;
        padding-right: 3%;
    }
    /*----------hanakikoyomi_detail.html----*/
    .hanakk_dtl01 .img {
        width: 100%;
        padding-bottom: 5px;
    }
    .hanakk_dtl01 h3 {
        font-size: 130%;
        padding-top: 15px;
    }
    .hanakk_dtl01 .p01 {
        font-size: 100%;
    }
    .hanakk_dtl01 .p02 {
        width: 50%;
        padding: 6px 0px 6px 15px;
    }
    /*--faq_list.html--*/
    .faql_acc,
    .faq_list01 .panel {
        padding-left: 55px;
        padding-right: 5px;
    }
    .faq_list01 .panel .p01 {
        font-size: 105%;
        padding-bottom: 13px;
    }
    .faql_acc {
        background-position: 9px 13px;
    }
    /*------news_list.html------*/
    .news_list th {
        padding: 10px 2%;
        width: 20%;
        letter-spacing: 0px;
    }
    .news_list td {
        padding: 10px 1% 10px 0px;
        width: 75%;
    }
    .news_dtl h3 {
        font-size: 120%;
        padding-left: 0px;
    }
    .news_dtl .p01 {
        font-size: 102%;
        padding-left: 0px;
    }
    .news_dtl .img {
        width: 100%;
    }
    .news_dtl .p02 {
        font-size: 100%;
    }
    .news_dtl .back {
        width: 55%;
        padding-bottom: 70px;
    }
    .news_dtl .back a {
        font-size: 105%;
    }
    /*-----contact.html----*/
    .contact .p01 {
        font-size: 100%;
    }
    .contact th {
        float: left;
        width: 96%;
        padding: 10px 2%;
        background-color: #F2F2F2;
    }
    .contact th span {
        float: none;
        padding-left: 15px;
    }
    .contact td {
        float: left;
        width: 96%;
        padding: 10px 2% 30px;
    }
    .contact tr:nth-child(2n) {
        background: none;
    }
    .contact .radio li {
        float: none;
        padding-right: 0px;
        padding-bottom: 7px;
    }
    .contact .radio li:last-child {
        padding-bottom: 0px;
    }
    .contact .ip01 {
        width: 55%;
    }
    .contact .slect01 {
        width: 60%;
    }
    .contact .ip02,
    .contact textarea {
        width: 97%;
    }
    .contact .slect02 {
        width: 40%;
    }
    .contact .ip03 {
        width: 25%;
    }
    .contact tr:last-child td {
        padding-right: 0px;
    }
    .ctact_submit {
        padding-bottom: 50px;
    }
    .contact th.thtop {
        vertical-align: middle;
        padding-top: 10px;
    }
    .contact tr.trshow-1,
    .contact tr.trshow-3,
    .contact tr.trshow-5,
    .contact tr.trshow-7,
    .contact tr.trshow-9,
    .contact tr.trhide-1,
    .contact tr.trhide-4,
    .contact tr.trhide-7 {
        background-color: #fff;
    }
    /*------sapa_detail.html-------*/
    .sapa_detail01 {
        overflow: hidden;
    }
    .sapa_detail02 h4 {
        font-size: 120%;
    }
    .sapa_detail02 .left {
        float: none;
        width: 100%;
        font-size: 100%;
    }
    .sapa_detail02 .access_ul li {
        width: 80%;
    }
    .sapa_detail02 .access_ul {
        padding-bottom: 30px;
    }
    .sapa_detail02 .right {
        float: none;
        width: 100%;
    }
    .sapa_detail03 table {
        padding-bottom: 40px;
    }
    .sapa_dtlctrol {
        padding-bottom: 50px;
    }
    .sapa_dtlctrol li {
        margin-bottom: 15px;
        width: 30%;
        margin-right: 2%;
    }
    .sapa_detail04out {
        width: 100%;
    }
    .sapa_detail04 h3 span {
        float: none;
        padding-right: 0px;
        display: block;
        padding-top: 5px;
    }
    .sapa_detail04 .zoomimg_smp {
        margin-top: -10px;
        padding-bottom: 10px;
    }
    .sapa_detail04in .child img {
        width: 100%;
    }
    .sapa_detail04in .child .smp {
        position: relative;
        width: 100%;
    }
    .sapa_detail04in .child .smp::before {
        position: absolute;
        content: "";
        width: 25px;
        height: 24px;
        bottom: 0px;
        right: 0px;
        z-index: 9999;
        background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-drr-19.png) left top no-repeat;
    }
    .sapa_detail04in h4 {
        font-size: 115%;
    }
    .sapa_detail04in .p01 {
        font-size: 100%;
    }
    .sapa_detail04in .p02 {
        font-size: 85%;
        width: auto;
        padding: 0px 10px;
    }
    .sapa_detail04in .p02 img {
        max-width: 90px;
    }
    .sapa_detail04in .p03 {
        padding-top: 15px;
    }
    .sapa_detail04in .child {
        width: 100%;
        padding-right: 0px;
    }
    .sapa_detail04sltick .child {
        padding: 0px !important;
        margin: 0px 15px;
    }
    .sapa_detail04sltick .child:nth-child(3n+1) {
        clear: none;
    }
    .slick-slide img.pc {
        display: none;
    }
    .sapa_detail04in .slick-slide img {
        width: 100%;
    }
    .sapa_detail04in .slick-dots li button::before {
        font-size: 14px;
        color: #828282;
        opacity: 1;
    }
    .sapa_detail04in .slick-dots li {
        margin: 0px 2px;
    }
    .sapa_detail04in .slick-dots li.slick-active button::before {
        color: #4F4F4F;
        opacity: 1;
    }
    .sapa_detail04sltick {
        padding-bottom: 50px;
    }
    .sapa_detail04sltick .slick-dots {
        bottom: 0px;
    }
    /* sapa_group_block */
    .sapa-group_container__title {
        margin: 0 2.5% 25px;
    }
    .sapa-group_container__title span {
        float: none;
        padding-right: 0px;
        display: block;
        padding-top: 5px;
    }
    .sapa-group_container .zoomimg_smp {
        margin-top: -10px;
        padding-bottom: 20px;
    }
    .sapa-group_outter {
        width: 100%;
        margin: 0 auto;
    }
    .sapa-group_big {
        width: 95%;
        margin: 0 2.5%;
        float: left;
    }
    .sapa-group_small {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 90px;
    }
    .sapa-group_small .slick-dots {
        bottom: 30px;
    }
    .sapa-group_small .slick-dots li {
        margin: 0px 2px;
    }
    .sapa-group_small .slick-dots li button:before {
        font-size: 14px;
        color: #828282;
        opacity: 1;
    }
    .sapa-group_small .slick-dots li.slick-active button::before {
        color: #4F4F4F;
        opacity: 1;
    }
    .sapa-group_small.slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    .sapa-group__block a.smp {
        position: relative;
        width: 100%;
    }
    .sapa-group__block a.smp::before {
        position: absolute;
        content: "";
        width: 25px;
        height: 24px;
        bottom: 0px;
        right: 0px;
        z-index: 9999;
        background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/spot-drr-19.png) left top no-repeat;
    }
    .sapa-group_big .sapa-group__block {
        width: 100%;
        padding-right: 0;
        margin: 0px;
    }
    .sapa-group_small .sapa-group__block {
        width: 100%;
        padding: 0px !important;
        margin: 0px 15px;
    }
    .sapa-group_big .sapa-group__block:nth-child(2n+1),
    .sapa-group_small .sapa-group__block:nth-child(3n+1) {
        clear: none;
    }
    .sapa-group_block__title {
        font-size: 115%;
    }
    .sapa-group_block__price {
        font-size: 100%;
    }
    .sapa-group_block__icon {
        font-size: 80%;
    }
    .sapa-group_block__text {
        padding-top: 15px;
    }
    /* link */
    .link_list01 {
        margin: -11px 0 50px;
    }
    .link_list01 li a {
        display: block;
        color: #2E3192;
        padding: 11px 5px 13px 12px;
        text-decoration: underline;
        letter-spacing: 0;
    }
    .link_pd01 {
        padding-bottom: 0;
    }
    .link_list02>li {
        background-position: left 6px;
        padding-left: 20px;
    }
    .link_list02 {
        line-height: 160%;
        font-size: 100%;
        padding-bottom: 30px;
        margin-top: 0;
    }
    .link_list02>li.img {
        background: none;
        padding: 10px 0 25px;
    }
    .link_list02 li ul {
        padding: 8px 0 15px;
    }
    .link_list02 li li {
        padding-left: 23px;
        background-position: left 5px;
    }
    /* privacy */
    .privacy_main {
        font-size: 93%;
    }
    .privacy_p01 {
        padding-bottom: 40px;
        line-height: 160%;
    }
    .privacy_p01 a {
        color: #1A1A1A;
    }
    /***company***/
    .company_main {
        padding-bottom: 25px;
    }
    .company_tb01 {
        font-size: 93%;
    }
    .company_tb01 th,
    .company_tb01 td {
        line-height: 160%;
        letter-spacing: 0;
    }
    .company_tb01 th {
        width: 140px;
        padding-left: 10px;
    }
    .company_tb01 td {
        padding-right: 5px;
    }
    .company_tb01 td a.com_a01 {
        margin-left: 0;
        display: block;
    }
    .company_link01 li {
        max-width: 164px;
        padding-right: 2%;
        width: 45%;
    }
    .company_link01 li a {
        padding: 7px 20px 5px 10px;
        letter-spacing: 0;
        background-size: 13px;
        font-size: 93%;
        background-position: 95% center;
    }
    .company_link01 {
        overflow: hidden;
        padding-bottom: 60px;
        padding-top: 25px;
    }
    .company_ct01 {
        padding: 0 0 50px 0;
    }
    .company_ct01 p {
        width: calc(100% - 90px);
        font-size: 100%;
        padding-left: 10px;
    }
    .company_ct02 {
        padding-bottom: 0;
    }
    .company_ct02 .img {
        width: 100%;
        float: none;
        padding: 0 0 20px 0;
    }
    .company_ct02 .company_tb01 th {
        width: 80px;
    }
    .company_list01 li {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-bottom: 25px;
        overflow: hidden;
    }
    .company_list01 li .img {
        width: 35%;
        float: left;
    }
    .company_list01 li .text {
        width: 62%;
        float: right;
        padding-top: 0;
        letter-spacing: 0;
    }
    .company_list01 li .text h4 {
        font-size: 105%;
        padding-bottom: 5px;
    }
    .company_list01 li .text .txt {
        line-height: 160%;
        min-height: inherit;
    }
    .company_list01 li .text .link a {
        font-size: 90%;
    }
    /* sitemap */
    .sitemap {
        font-size: 105%;
        padding: 0 0 50px 0;
    }
    .sitemap li {
        padding: 0 0 15px 25px;
    }
    .sitemap li:before {
        left: 5px;
        top: 8px;
    }
    .sitemap .box {
        padding-bottom: 15px;
    }
    .sitemap h3 {
        padding: 5px 5px 6px 15px;
    }
    .sitemap h4 {
        font-size: 110%;
        padding: 5px 0px 15px 15px;
    }
    .sitemap h4+ul li {
        padding: 0 0 15px 45px;
    }
    .sitemap h4+ul li:before {
        left: 25px;
        top: 8px;
    }
    .sitemap .box2 li {
        padding-bottom: 15px;
    }
    /* recruit */
    .recr_title {
        font-size: 110%;
        padding-bottom: 20px;
    }
    .recr_text01 {
        text-align: justify;
    }
    .recr_content {
        padding-top: 10px;
    }
    .recr_link01 {
        position: relative;
        left: auto;
        width: 80%;
        max-width: 480px;
        margin: 0 auto;
        padding: 10px 0 30px;
    }
    .recr_tabnavi li {
        width: 30%;
        padding-right: 5%;
    }
    .recr_tabnavi li:last-child {
        padding-right: 0;
    }
    .recr_tabnavi li a {
        font-size: 95%;
        padding: 10px 0;
        letter-spacing: -1px;
    }
    .recr_tabcontent table th,
    .recr_tabcontent table td {
        line-height: 160%;
    }
    .recr_tabcontent table th {
        width: 35%;
        padding-left: 2%;
        padding-right: 3%;
    }
    /* event_list */
    .event_upcoming .subtitle {
        margin-bottom: 30px;
    }
    .event_upcoming_list .block {
        width: 100%;
        padding-right: 0;
        padding-bottom: 25px;
    }
    .event_upcoming_list .block:nth-child(2n+1) {
        padding-right: 0;
    }
    .event_upcoming_list .block .e_img {
        width: 41.3%;
    }
    .event_upcoming_list .block .e_title,
    .event_upcoming_list .block .e_date,
    .event_upcoming_list .block .e_cate {
        margin-left: 45%;
    }
    .event_upcoming_list .block .e_title {
        font-size: 100%;
        padding: 0;
        line-height: 130%;
    }
    .event_upcoming_list .block .e_date {
        font-size: 90%;
        letter-spacing: 0;
        padding: 0;
    }
    .event_upcoming_list .block .e_cate {
        min-height: 20px;
    }
    .event_upcoming_list .block .e_cate dl {
        font-family: 80%;
        padding: 3px 5px;
        line-height: 100%;
    }
    .event_upcoming_list .block .e_text {
        clear: both;
        margin-left: 0;
        line-height: 150%;
        padding-top: 15px;
        font-size: 95%;
    }
    .pager_list {
        padding: 15px 0 60px;
    }
    .pager_list a,
    .pager_list span {
        font-size: 105%;
    }
    .event_consultation .subtitle {
        font-size: 105%;
        margin-bottom: 20px;
        padding: 8px 5px 8px 40px;
    }
    .event_consultation .subtitle:before {
        width: 12px;
        height: 12px;
        top: 15px;
        left: 15px;
    }
    .event_consultation .block_top {
        padding-bottom: 40px;
    }
    .event_consultation .block_top .e_img {
        width: 100%;
    }
    .event_consultation .block_top .e_title,
    .event_consultation .block_top .e_text {
        margin-left: 0;
        clear: both;
    }
    .event_consultation .block_top .e_title {
        font-size: 105%;
        padding: 7px 0 10px;
    }
    .event_consultation .block_list {
        padding-bottom: 50px;
    }
    .event_consultation .slick-dots {
        bottom: 0;
    }
    .event_consultation .block_list .slick-dots li button:before {
        font-size: 12px;
    }
    .event_consultation .block_list .block {
        width: auto;
        padding-right: 0;
        padding-bottom: 15px;
    }
    .event_consultation .block_list .block .e_title {
        font-size: 105%;
        padding: 10px 0 5px 1px;
    }
    .event_consultation .block_list .block .e_text {
        font-size: 95%;
    }
    .event_consultation .block_list .block:nth-child(3n),
    .event_consultation .block_list .block:nth-child(3n+1) {
        clear: none;
    }
    /*photocontest_list*/
    .photo_lst_main .box-title {
        margin-bottom: 0px;
    }
    .photo_lst_main .box-title h2 {
        padding: 10px 0 25px;
    }
    .photo_lst_main .box-title ul li a {
        font-size: 85%;
    }
    .photo_lst_block {
        padding-top: 12px;
        padding-bottom: 0;
    }
    .photo_lst_block .block {
        width: 100%;
        float: none;
        padding-bottom: 40px;
    }
    .photo_lst_block .block:nth-child(odd) {
        margin-right: 0;
    }
    .photo_lst_block .block .item01 h4 {
        font-size: 100%;
        line-height: 150%;
        padding-left: 15px;
    }
    .photo_lst_block .block .item01 h4 br {
        display: none;
    }
    .photo_lst_block .block .item01 div {
        width: 185px;
    }
    .photo_lst_block .block .p02 {
        line-height: 160%;
        padding-top: 8px;
        font-size: 90%;
    }
    .photo_lst_block .block .p03 {
        font-size: 90%;
    }
    .photo_lst_pager {
        font-size: 13px;
        padding-bottom: 0;
    }
    /*photocontest_detail*/
    .photo_dtl_p01 {
        padding: 30px 0 25px 0;
    }
    .photo_dtl_p01 .sp01 {
        width: 93px;
        margin-right: 7px;
        padding: 3px 0 1px;
        font-size: 13px;
    }
    .photo_dtl_p01 .sp02 {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .photo_dtl_p02 {
        font-size: 110%;
        line-height: 155%;
        padding: 12px 20px 8px;
        text-align: left;
        margin-bottom: 35px;
    }
    .photo_dtl_block01 .block01 .img {
        width: 100%;
        float: none;
    }
    .photo_dtl_block01 .block01 .text {
        width: 100%;
        float: none;
        padding-top: 15px;
    }
    .photo_dtl_block01 .block01 h3 {
        font-size: 190%;
        padding: 19px 0 17px 75px;
        margin-bottom: 20px;
        background-size: 65px;
    }
    .photo_dtl_block01 .block01 h4 {
        font-size: 140%;
    }
    .photo_dtl_block01 .block01 .p01 {
        font-size: 115%;
        padding: 15px 0 0 0;
        float: left;
    }
    .photo_dtl_block01 .block01 .p02 {
        font-size: 13px;
        float: right;
        padding-top: 13px;
    }
    .photo_dtl_block01 .block01 {
        overflow: hidden;
        padding-bottom: 17px;
    }
    .photo_dtl_block01 .block02 h4 {
        font-size: 115%;
    }
    .photo_dtl_block01 .block02 p {
        font-size: 90%;
        line-height: 160%;
        padding: 13px 15px 13px 15px;
    }
    .photo_dtl_block02 .block {
        width: 100%;
        float: none;
        margin: 0 0 50px 0 !important;
    }
    .pt_smp_zoom {
        font-size: 13px;
        text-align: right;
        padding-top: 5px;
        width: 100%;
    }
    .pt_smp_zoom span {
        background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/photo-list-icon04.png) left 2px no-repeat;
        background-size: 15px;
        padding-left: 20px;
    }
    .photo_dtl_block02 .block .img {
        padding-bottom: 20px;
    }
    .photo_dtl_block02 .block h3 {
        font-size: 155%;
        padding: 15px 0 12px 60px;
        margin-bottom: 0px;
        background-size: 50px;
    }
    .photo_dtl_block02 .block .item01 h4 {
        font-size: 130%;
        padding: 20px 0 10px;
    }
    .photo_dtl_block02 .block .p02 {
        font-size: 13px;
        float: right;
    }
    .photo_dtl_block02 .block .item01 {
        padding-bottom: 25px;
        overflow: hidden;
    }
    .photo_dtl_block02 .block .item02 h4 {
        font-size: 115%;
        background-color: #989499;
        background-image: -moz-linear-gradient(left, #989499, #fff, #989499);
        background-image: -webkit-linear-gradient(left, #989499, #fff, #989499);
        background-image: -o-linear-gradient(left, #989499, #fff, #989499);
        background-image: -ms-linear-gradient(left, #989499, #fff, #989499);
        background-image: linear-gradient(left, #989499, #fff, #989499);
    }
    .photo_dtl_block02 .block .item02 p {
        padding: 13px 13px 12px 15px;
        font-size: 90%;
        line-height: 160%;
    }
    .photo_dtl_block02 .block .p01 {
        font-size: 115%;
        padding-bottom: 0;
        float: left;
    }
    .photo_dtl_block02 {
        padding-bottom: 35px;
    }
    .photo_dtl_block03 .block .item {
        float: none;
        width: 100%;
        padding-bottom: 30px;
        margin-left: 0 !important;
    }
    .photo_dtl_block02 .block .img.smp,
    .photo_dtl_block03 .img.smp {
        display: block;
    }
    .photo_dtl_block03 h3 {
        font-size: 150%;
        height: inherit;
        display: block;
        padding: 8px 0 15px 55px;
        background-size: 47px;
    }
    .photo_dtl_block03 h4.tit01 {
        font-size: 120%;
        padding: 10px 0 5px;
        margin-bottom: 10px;
    }
    .photo_dtl_block03 .p01 {
        font-size: 115%;
        padding: 0;
        float: left;
    }
    .photo_dtl_block03 .p02 {
        font-size: 13px;
        float: right;
    }
    .photo_dtl_block03 .child01 {
        clear: both;
    }
    .photo_dtl_block03 .block {
        float: none;
        padding-bottom: 30px;
        overflow: hidden;
        margin-left: 0 !important;
    }
    .photo_dtl_block03 {
        padding-bottom: 0;
    }
    .photo_dtl_block03 h4.tit02 {
        background-color: #A65900;
        background-image: -moz-linear-gradient(left, #A65900, #fff, #A65900);
        background-image: -webkit-linear-gradient(left, #A65900, #fff, #A65900);
        background-image: -o-linear-gradient(left, #A65900, #fff, #A65900);
        background-image: -ms-linear-gradient(left, #A65900, #fff, #A65900);
        background-image: linear-gradient(left, #A65900, #fff, #A65900);
        font-size: 115%;
    }
    .photo_dtl_block03 .p03 {
        font-size: 90%;
        line-height: 160%;
        padding: 15px 12px 13px 15px;
    }
    /*recruit-list*/
    .recr_list_title {
        font-size: 110%;
        line-height: 150%;
    }
    .recr_list_text01 {
        font-size: 80%;
    }
    .reclst_navi {
        width: 100%;
    }
    .reclst_navi a {
        width: 32.5%;
        margin-right: 1%;
        font-size: 80%;
        padding: 3% 0;
    }
    .recr_list_link01 {
        position: relative;
        margin: 0 auto;
        width: 80%;
    }
    .reclst_item {
        width: 100%;
        padding: 0 3%;
    }
    .reclst_title {
        font-size: 110%;
        padding: 3%;
        margin-top: 5%;
    }
    .reclst_group02,
    .reclst_group03 {
        margin-top: 50px;
    }
    .reclst_address {
        margin-top: 3%;
    }
    .reclst_address .icon {
        width: 20%;
        font-size: 90%;
        padding: 1% 0;
    }
    .reclst_address .text {
        font-size: 90%;
    }
    .reclst_text {
        margin-top: 3%;
        padding-bottom: 45px;
    }
    .reclst_link {
        font-size: 80%;
        margin-top: 5%;
        padding-bottom: 1%;
    }
    .reclst_navi a.active:before,
    .reclst_navi a:hover:before {
        position: absolute;
        content: '';
        bottom: -16px;
        left: 33%;
        width: 0;
        height: 0;
        border-left: 19px solid transparent;
        border-right: 19px solid transparent;
        border-top: 16px solid #ccc;
    }
    /*recruit_detail*/
    .recr_det_but {
        position: relative;
        top: 0;
        float: right;
        clear: both;
        margin-bottom: 30px;
    }
    .recr_det_but a {
        font-size: 90%;
    }
    .recr_det_gr1_table th,
    .recr_det_gr1_table td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        line-height: 120%;
    }
    .recr_det_gr1_table th {
        width: 30%;
        text-align: left;
        box-sizing: border-box;
        vertical-align: top;
    }
    .recr_det_gr1_table td {
        text-align: left;
    }
    .recr_det_gr1_table td a {
        line-height: 150%;
    }
    .recr_det_gr2 {
        overflow: hidden;
    }
    .recr_det_img {
        margin: 0 auto;
        margin-top: 7%;
        overflow: hidden;
        text-align: center;
        width: 80%;
    }
    .recr_det_img li {
        float: left;
        margin: 0 auto;
        margin-bottom: 5%;
        width: 100%;
    }
    .recr_det.box-title {
        background: none;
    }
    .recr_det.box-title {
        margin-bottom: 2%;
    }
    .recr_det.box-title ul {
        width: 45%;
    }
    .recr_det.box-title-bottom {
        margin-top: 5%;
    }
    .recr_det.active ul li a {
        color: #fff;
        font-size: 17px;
        background: #d26853;
        border-color: #d26853;
    }
    .recr_det_gr3 h2 {
        font-size: 110%;
        padding-top: 4px;
    }
    .recr_det_gr3_table th,
    .recr_det_gr3_table td:nth-child(2) {
        width: 25%;
        padding: 2%;
    }
    .recr_det_gr3_table td {
        text-align: left;
        padding: 2% 0;
        font-size: 90%;
        padding-left: 2%;
    }
    .recr_det_link {
        max-width: 80%;
    }
    /*asamaclub*/
    .asa_block {
        padding: 0;
    }
    .asa_title {
        text-align: center;
        width: 100%;
        margin: 50px 0 19px;
    }
    .asa_main_title {
        font-size: 100%;
        margin-left: 2.5%;
        width: 95%;
        letter-spacing: 0;
    }
    .asa_title img {
        margin-left: 0;
        height: 55px;
    }
    .asa_title span {
        font-size: 105%;
        letter-spacing: 0;
        top: -20px;
    }
    .asa_title .asa_s02 {
        top: 0;
        line-height: 150%;
    }
    .asa_gr01 p {
        font-size: 90%;
    }
    .asa_content {
        margin: 0 0 30px;
    }
    .asa_gr01 {
        margin: 0;
        padding: 0 5px;
    }
    .asa_left h4 {
        font-size: 110%;
        text-align: center;
        margin: 15px 10px 10px;
    }
    .asa_bl02_but {
        font-size: 105%;
    }
    .asa_left {
        float: none;
        margin-bottom: 25px;
        width: 100%;
    }
    .asa_left ul li {
        font-size: 100%;
    }
    .asa_left ul li span {
        margin-left: 0;
        font-size: 90%;
    }
    .asa_right {
        float: none;
        width: 100%
    }
    .asa_right img {
        margin-bottom: 10px;
    }
    .asa_right p {
        font-size: 80%;
    }
    .asa_blok03 {
        padding: 0 3%;
        margin-bottom: 30px;
    }
    .asa_bl03_title span {
        font-size: 105%;
    }
    .asa_blok03 p {
        font-size: 100%;
        line-height: 150%;
    }
    .button_link li {
        margin: 0 0 10px 3%;
        font-size: 85%;
    }
    .button_link li a {
        min-width: 180px;
        padding: 7px 35px 5px 10px;
    }
    .button_link {
        padding-bottom: 10px;
    }
    .asa_block04 h4 {
        font-size: 105%;
    }
    .asa_group04 {
        margin: 0 4% 30px 0;
        width: 48%;
    }
    .asa_group04:nth-child(2n) {
        margin-right: 0;
    }
    .asa_group04 .asa_text {
        font-size: 100%;
    }
    .asa_group04 .asa_text {
        font-size: 100%;
        line-height: 150%;
    }
    #asamaclub .slick-dots li {
        margin: 0;
    }
    #asamaclub .slick-dots li button::before {
        font-size: 15px;
    }
}

@media only screen and (max-width:600px) {
    .box-title-3btn p {
        padding-bottom: 42px;
    }
    .box-title-3btn p a {
        width: 50%;
    }
    .box-title-3btn p a:last-child {
        position: absolute;
        left: 25%;
        bottom: 10px;
    }
}

@media only screen and (max-width:480px) {
    .box-title ul li a {
        font-size: 85%;
        padding: 7px 20px 6px 10px;
    }
    /* index */
    .indmenu_smp li {
        background-size: 40px auto;
        background-position: center 10px;
    }
    .indmenu_smp li a {
        font-size: 100%;
        padding: 40px 0px 5px 0px;
    }
    .indctent_01 .p03 {
        font-size: 90%;
    }
    .indctent_03 h2 {
        font-size: 135%;
    }
    .indctent_03in h3 {
        font-size: 100%;
    }
    .indctent_03in h3::before {
        top: 1px;
    }
    /* access */
    .access_ctrol li span {
        padding-left: 60px;
        padding-top: 21px;
        font-size: 85%;
    }
    .access_ctrol li span::before {
        width: 60px;
        background-position: -6px center;
    }
    .access_ctrol li.li02 span {
        padding-left: 76px;
        padding-top: 10px;
    }
    .zoomimg_smp span {
        font-size: 90%;
    }
    .business_gr01 td.td01 li:nth-child(2) {
        padding-bottom: 32px;
    }
    .business_gr01 td.td01 li:nth-child(3) {
        padding-bottom: 32px;
    }
    .business_gr01 tr:last-child th li:nth-child(2) {
        margin-bottom: 34px;
    }
    .business_gr02 .p01 {
        width: 70%;
    }
    .worksituation_01_01 h3 {
        width: 30%;
    }
    .worksituation_01_01 .p03 {
        font-size: 90%;
    }
    .worksituation_01_01 .p03 span {
        width: 40%;
        margin-right: 5%;
    }
    .worksituation_01_02 h3 {
        font-size: 130%;
    }
    .worksituation_01_03 h3,
    .worksituation_01_04 h3 {
        font-size: 125%;
    }
    .news_list th {
        width: 24%;
    }
    .news_list td {
        width: 71%;
    }
    /* page_title */
}

@media only screen and (max-width:419px) {
    /* template */
    .head_link_smp li a {
        padding-top: 25px;
    }
    .head_link_smp li:before {
        background-size: 220px auto;
    }
    .head_link_smp li.li01 {
        width: 70px;
    }
    .head_link_smp li.li01:before {
        background-position: 5px -40px;
    }
    .head_link_smp li.li02 {
        width: 45px;
    }
    .head_link_smp li.li02:before {
        background-position: -58px -40px;
    }
    .head_link_smp li.li03 {
        width: 45px;
    }
    .head_link_smp li.li03:before {
        background-position: -120px -40px;
    }
    .head_link_smp li.li03.open:before {
        background-position: -174px -40px;
    }
    .foot_sns li a {
        padding: 20px 5px 18px 50px;
        background-size: 30px auto !important;
        background-position: 10px center !important;
    }
    /* index */
    .indbannerjs p {
        font-size: 150%;
        line-height: 140%;
        top: 38%;
    }
    .indmenu_smp li a {
        font-size: 85%;
    }
    .indctent_03in h3 {
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
    .indctent_03in h3::before {
        height: 100%;
    }
    .indctent_03in .child,
    .indctent_03in .child:nth-child(3n) {
        margin-right: 5px;
        margin-left: 5px;
    }
    /* access */
    #access_gr #wrapper {
        margin-top: 65px;
    }
    /* recruit */
    .recr_tabnavi li.li01 a,
    .recr_tabnavi li.li02 a {
        padding: 22px 0;
    }
    .recr_tabnavi li a.active::after,
    .recr_tabnavi li a:hover::after {
        left: 30%;
    }
}

@media only screen and (max-width:379px) {
    /* template */
    .foot_sns li a {
        letter-spacing: 3px;
        text-align: center;
        background-position: 10px center !important;
    }
    .box-title-3btn p a:last-child {
        left: 20%;
    }
    /* access */
    .access_ctrol li {
        width: 100%;
        margin-right: 0px;
    }
    .access_ctrol li span {
        text-align: left;
        font-size: 100%;
        padding-left: 85px !important;
    }
    .access_ctrol li span::before {
        width: 70px;
        background-position: center center;
    }
    .access_a01_top h4 {
        font-size: 120%;
    }
    .access_a02 h4,
    .access_a01_btomin .child h5 {
        font-size: 115%;
    }
    .access_ul li {
        width: 100%;
        margin-right: 0px;
    }
    .access_a03 .access_ul li,
    .access_a04 .access_ul li {
        width: 100%;
    }
    /* spot-driveroot.html */
    .spotdri_ctent01 h3 {
        font-size: 120%;
    }
    .spotdri_ctent02_in h3 {
        font-size: 100%;
    }
    .spotdri_ctent02_in .info .note {
        font-size: 90%;
    }
    /***spot-summit.html***/
    .spotsum_ctent01 td {
        width: 30%;
    }
    .spotsum_ctent01 td span.sp01 {
        font-size: 58%;
    }
    .spotsum_ctent01 td span.sp02 {
        font-size: 70%;
    }
    .spotsum_ctent02 .bottom h3 {
        font-size: 125%;
    }
    .business_gr01 table {
        font-size: 85%;
        letter-spacing: 0px;
    }
    .business_gr01 th {
        width: 50%;
    }
    .business_gr01 th li {
        padding-left: 5px;
    }
    .business_gr01 th li:nth-child(2) {
        letter-spacing: -1px;
    }
    .business_gr01 td.td01 li:nth-child(2) {
        padding-bottom: 30px;
    }
    .business_gr01 td.td01 li:nth-child(3) {
        padding-bottom: 36px;
    }
    .business_gr01 td.td02 ul {
        margin-top: 15px;
    }
    .business_gr01 tr:last-child th li:nth-child(2) {
        margin-bottom: 30px;
    }
    .business_gr02 .p01 {
        width: 90%;
    }
    .sanchou_dtl02 h4,
    .sanchou_dtl03in h4,
    .sanchou_dtl04in h4 {
        font-size: 110%;
    }
    .sanchou_dtl02 .info {
        font-size: 95%;
    }
    .sanchou_dtl03in .child {
        font-size: 95%;
    }
    .sanchou_dtl04in .child {
        font-size: 90%;
    }
    .sanchou_dtl04in li span {
        float: none;
        display: block;
    }
    .worksituation_01_01 h3 {
        width: 40%;
    }
    .worksituation_01_01 .if {
        width: 80%;
    }
    .worksituation_01_01 .p01 {
        font-size: 145%;
    }
    .worksituation_01_01 .p02 {
        font-size: 180%;
    }
    .worksituation_01_01 .p02 span {
        font-size: 55%;
    }
    .worksituation_01_01 .p03 {
        font-size: 80%;
    }
    .worksituation_01_01 .p04 {
        font-size: 90%;
    }
    .ifmtion_dtl01 .access_ul li:nth-child(1),
    .ifmtion_dtl01 .access_ul li:nth-child(2),
    .ifmtion_dtl01 .access_ul li:nth-child(3),
    .ifmtion_dtl01 .access_ul li:nth-child(4) {
        width: 100%;
        margin-right: 0px;
    }
    .ifmtion_dtl01 .access_ul li a {
        padding-left: 10px;
        font-size: 95%;
        background-position: 97% center;
    }
    .ifmtion_dtl02_01 .item {
        margin: 0px 7px;
    }
    .event_dtl01 .p01 {
        font-size: 95%;
    }
    .event_dtl01 .p01 span {
        font-size: 90%;
        width: 115px;
    }
    .event_dtl01 .p02 {
        font-size: 95%;
    }
    .hanakk_dtl01 .p02 {
        width: 60%;
    }
    .news_list th {
        width: 30%;
    }
    .news_list td {
        width: 65%;
    }
    .sapa_detail02 .access_ul li {
        width: 100%;
        font-size: 93%;
    }
    .sapa_detail02 .p02,
    .sapa_detail03 th {
        letter-spacing: 0px;
    }
    .sapa_dtlctrol li {
        width: 40%;
    }
    .sapa_dtlctrol li:nth-child(2) {
        margin-left: 0px;
    }
    .sapa_detail04sltick .child {
        margin: 0px 7px;
    }
    .sapa_detail04in .p02 {
        font-size: 80%;
    }
    /* sapa_group_block */
    .sapa-group_small .sapa-group__block {
        margin: 0px 7px;
    }
    /* contact */
    .contact textarea {
        width: 95%;
    }
    /* photocontest_list */
    .photo_lst_block .block .item01 div,
    .photo_lst_block .block .item01 h4 {
        vertical-align: top;
    }
    .photo_lst_block .block .item01 div {
        width: 120px;
    }
    /*recruit-list*/
    .reclst_navi a {
        font-size: 77%;
        letter-spacing: -1.5px;
    }
    /*recruit_detail*/
    .recr_det.box-title ul {
        width: 68%;
    }
}

@media only screen and (max-width:320px) {
    /* template */
    .box-title-3btn p a:last-child {
        left: 18%;
    }
    .foot_sns li a {
        letter-spacing: 0;
    }
    /* index */
    .indbannerjs p {
        width: 85%;
        font-size: 140%;
    }
    .indmenu_smp li a {
        font-size: 75%;
    }
    .indctent_01 h3,
    .indctent_03 h2 {
        font-size: 115%;
    }
    .indctent_01 {
        padding-bottom: 30px;
    }
    /* page_title */
    .company_tb01 th {
        width: 95px;
    }
    /* spot-driveroot.html */
    .spotdri_01 ul {
        width: 95%;
    }
    .spotdri_01 li {
        font-size: 80%;
    }
    /***spot-summit.html***/
    .spotsum_ctent01 td span.sp01 {
        font-size: 55%;
    }
    .worksituation_01_01 .if {
        letter-spacing: 0px;
    }
    .worksituation_01_01 h3 {
        font-size: 122%;
    }
    .worksituation_01_01 .p01 {
        font-size: 135%;
    }
    .worksituation_01_01 .p02 {
        font-size: 165%;
    }
    .worksituation_01_01 .p02 span {
        padding-left: 10px;
    }
    .ifmtion_dtl01 .access_ul li a {
        font-size: 84%;
    }
    .event_dtl01 .p01 span {
        font-size: 85%;
        width: 97px;
    }
    .event_dtl01 .p02 {
        font-size: 85%;
    }
}
#index .pankuzu {
    display: none;
}

/* template */

.kongou_title,
.indkg_05 h3,
.indkg_06 h3 {
    font-family: "Sawarabi Mincho";
}

.body_kongoushouji {
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/kong-bg02.png') left top repeat
}

#outside_kongoushouji {
    color: #000;
}

#header_kongoushouji {
    border-bottom: 6px solid #333;
    overflow: hidden;
    padding-bottom: 7px;
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

#header_kongoushouji .logo {
    padding-top: 31px;
}

#header_kongoushouji .head_link {
    padding-top: 5px;
}

#header_kongoushouji .head_searchbox {
    padding-top: 13px;
}

#header_kongoushouji .head_right {
    width: 510px;
}

#header_kongoushouji .head_language {
    padding: 12px 20px 0 0;
    clear: none;
}

#header_kongoushouji,
#header_kongoushouji .logo,
#header_kongoushouji .head_link,
#header_kongoushouji .head_searchbox,
#header_kongoushouji .head_language,
#header_kongoushouji .head_language .skiptranslate.goog-te-gadget {
    -webkit-transition: 1.2s;
    transition: 1.2s;
}

#header_kongoushouji .head_language .skiptranslate.goog-te-gadget {
    top: 12px;
}

#header_kongoushouji[data-scroll="scrolled"] {
    padding-bottom: 0px;
    border-bottom-width: 3px;
}

#header_kongoushouji[data-scroll="scrolled"] .logo {
    padding-top: 15px;
}

#header_kongoushouji[data-scroll="scrolled"] .head_link {
    padding-bottom: 5px;
}

#header_kongoushouji[data-scroll="scrolled"] .head_searchbox {
    padding-top: 0;
}

#header_kongoushouji[data-scroll="scrolled"] .head_language {
    padding-top: 1px;
}

#header_kongoushouji[data-scroll="scrolled"] .head_language .skiptranslate.goog-te-gadget {
    top: 1px;
}

#header_kongoushouji .head_navi .lev-0 {
    background-color: #000;
}

#header_kongoushouji .head_navi .trigger {
    padding-left: 20px;
}

#header_kongoushouji .head_navi .trigger::after {
    display: none;
}

.tmp_kongou_layout {
    width: 1040px;
    margin: 0 auto;
    max-width: 95%;
}

#footer_kongoushouji .block {
    border-top: 2px solid #000;
    width: 1040px;
    margin: 0 auto;
    overflow: hidden;
    padding: 17px 0 4px;
    max-width: 100%;
}

.kongou_title {
    font-size: 21px;
    padding: 17px 0 16px 38px;
    background: url('https://www.iseshimaskyline.com/lancelot/common_files/images/public/kong-bg01.png') left top no-repeat;
    color: #000;
    margin: 25px 0 43px;
}

.kong_copyright {
    text-align: center;
    font-size: 12px;
    clear: both;
    letter-spacing: 1px;
}

.kong_foot_logo {
    float: left;
    margin-bottom: -12px;
}

#header_kongoushouji .head_navi {
    display: none;
}

#wrapper_kongoushouji {
    margin-top: 100px;
}

.kong_bg01 {
    background: #fff;
    width: 1120px;
    max-width: 100%;
    margin: 0 auto;
}

/* index */

.index_kggr01 {
    width: 1120px;
    margin: auto;
    padding: 35px 0px 0px 0px;
    background-color: #fff;
}

.indkg_01 img {
    display: none;
}

.indkg_01 {
    min-height: 600px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/ind-kg-02.jpg) center top no-repeat;
}

.indkg_width {
    width: 1033px;
    margin: 0 auto;
}

.indkg_02 .right {
    width: 350px;
    float: right;
    padding: 5px 0px 0px 48px;
}

.indkg_02 .left {
    letter-spacing: -0.7px;
}

.indkg_02 {
    padding-bottom: 45px;
}

.indkg_02 h2 {
    margin: 0px 0px 1px 0px;
}

.indkg_03 {
    width: 1033px;
    margin: auto;
    padding-bottom: 10px;
}

.indkg_03in {
    overflow: hidden;
    padding-bottom: 18px;
}

.indkg_03in .child {
    float: left;
    width: 320px;
    padding-right: 36px;
    font-size: 13px;
    color: #4D4D4D;
}

.indkg_03in .child h4 {
    font-weight: normal;
    padding-top: 4px;
}

.indkg_03in .child:last-child {
    padding-right: 0px;
}

.indkg_03 h2 {
    margin: 0px 0px 6px 0px;
}

.indkg_04 {
    overflow: hidden;
    padding-bottom: 45px;
}

.indkg_04 .left {
    float: left;
    width: 350px;
    padding-right: 48px;
}

.indkg_04 .right {
    float: left;
    width: 635px;
    margin-top: -6px;
}

.indkg_04 h2 {
    margin-bottom: 10px;
}

.indkg_05 {
    overflow: hidden;
    padding-bottom: 46px;
}

.indkg_05 h3 {
    font-size: 21px;
    color: #000000;
    padding-bottom: 18px;
}

.indkg_05 .left {
    float: left;
    width: 550px;
    padding-right: 63px;
}

.indkg_05 .right {
    float: left;
    width: 420px;
    margin-top: -10px;
}

.indkg_05 .right iframe {
    height: 240px;
    width: 100%;
}

.indkg_05 .left .p01 {
    padding-bottom: 15px;
}

.indkg_05 .left .time {
    background-color: #E1E5CA;
    color: #603813;
    padding: 6px 0px 6px 21px;
}

.indkg_05 .link {
    width: 279px;
    background-color: #F2E8E7;
    margin: 12px 0px 30px 0px;
}

.indkg_05 .link a {
    display: block;
    border: 1px solid #764C26;
    color: #754C24;
    padding: 9px 0px 9px 15px;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/access-08.png) 96% center no-repeat;
}

.indkg_05 .right p {
    text-align: right;
    color: #460094;
}

.indkg_05 .right a {
    color: #460094;
    text-decoration: underline;
}

.indkg_05 .right a:hover,
.indkg_06 h3 a:hover {
    text-decoration: none;
}

.indkg_06 h3 {
    font-size: 19px;
    color: #000000;
    padding-bottom: 25px;
}

.indkg_06 h3 span {
    float: right;
    font-size: 13px;
    font-weight: normal;
}

.indkg_06 h3 a {
    text-decoration: underline;
}

.indkg_06 th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    letter-spacing: 1px;
    padding-bottom: 15px;
    width: 102px;
    color: #333;
}

.indkg_06 td {
    letter-spacing: -0.5px;
    padding-bottom: 15px;
}

.indkg_06 {
    padding-bottom: 52px;
    padding-left: 20px;
}

.indkg_02 .left,
.indkg_03 p,
.indkg_04 .right,
.indkg_05 .left p.p01 {
    font-size: 15px;
    color: #1A1A1A;
    line-height: 190%;
    text-align: justify;
}

/* news */

.kong_news {
    padding-bottom: 123px;
}

.kong_news_detail {
    padding-bottom: 77px;
}

.kong_news_detail .news_dtl .back a {
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    background: url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrow05.png) 97% center no-repeat;
}

.kong_news_detail .news_dtl .back a:hover {
    color: #fff;
    background: #1a1a1a url(https://www.iseshimaskyline.com/lancelot/common_files/images/public/icon-titlebox-arrowwhite.png) 97% center no-repeat;
}

/* page_title */

/**********************************************
 *              MEDIA QUERY CSS
 **********************************************/

@media only screen and (max-width:1024px) {
    /* page_title */
    /* page_title */
}

@media only screen and (max-width:992px) {
    /* page_title */
    /* page_title */
}

@media only screen and (max-width:800px) {
    /* template */
    #outside_kongoushouji {
        max-width: 100%;
    }
    #header_kongoushouji .head_navi {
        margin-top: 0;
    }
    #outside_kongoushouji:before,
    #outside_kongoushouji:after {
        display: none;
    }
    #header_kongoushouji {
        border-width: 4px;
        padding-bottom: 0;
        background: rgba(255, 255, 255, 0.85);
    }
    #header_kongoushouji .logo {
        padding-top: 20px;
        max-width: 200px;
        width: 50%;
    }
    #header_kongoushouji .container {
        width: 100%;
    }
    #header_kongoushouji .head_link_smp {
        min-width: inherit;
        max-width: inherit;
        width: 55px;
    }
    #wrapper_kongoushouji {
        margin-top: 90px;
    }
    .kongou_title {
        background-size: 50px;
        font-size: 135%;
        padding: 10px 0 12px 30px;
        margin: 0 0 22px 0;
    }
    #footer_kongoushouji .block {
        box-sizing: border-box;
        padding: 12px 2.5% 4px;
    }
    .kong_foot_logo {
        margin-bottom: 12px;
        float: right;
    }
    #header_kongoushouji .head_right {
        width: 100%;
    }
    #header_kongoushouji .head_searchbox {
        padding-top: 0;
    }
    #header_kongoushouji .head_language {
        padding: 0;
        clear: none;
    }
    /*--------kongoushouji/index.html------*/
    .indkg_01 {
        min-height: 0px;
        background: none;
        margin-top: -27px;
    }
    .indkg_01 img {
        display: block;
    }
    .indkg_width {
        width: 95%;
        margin: auto;
    }
    .indkg_02 .right {
        float: none;
        width: 60%;
        margin: auto;
        padding-left: 0px;
        padding: 10px 0px 25px 0px;
    }
    .indkg_02 .left,
    .indkg_03 p,
    .indkg_04 .right,
    .indkg_05 .left p.p01 {
        font-size: 100%;
    }
    .indkg_03 {
        width: 100%;
        padding-bottom: 40px;
    }
    .indkg_03 h2 {
        width: calc(95% - 30px);
        margin: 0px auto 20px auto;
    }
    .index_kggr01 {
        width: 100%;
    }
    .indkg_03in .child {
        margin: 0px 15px;
        font-size: 100%;
        padding-right: 0px;
    }
    .indkg_03in .child h4 {
        padding-top: 10px;
    }
    .indkg_03in .child img {
        width: 100%;
    }
    .indkg_03 p {
        width: 95%;
        margin: auto;
    }
    .indkg_03in {
        padding-bottom: 50px;
    }
    .indkg_03in .slick-dots li button::before {
        font-size: 15px;
        color: #989898;
        opacity: 1;
    }
    .indkg_03in .slick-dots li {
        margin: 0px 2px;
    }
    .indkg_03in .slick-dots li.slick-active button::before {
        color: #191919;
        opacity: 1;
    }
    .indkg_03in .slick-dots {
        bottom: 0px;
    }
    .indkg_04 .left {
        float: none;
        width: 60%;
        margin: auto;
        padding-right: 0px;
        padding: 10px 0px 35px 0px;
    }
    .indkg_05 h3 {
        font-size: 150%;
    }
    .indkg_05 .left {
        float: none;
        width: 100%;
        padding-right: 0px;
        padding-bottom: 45px;
    }
    .indkg_05 .link {
        width: 75%;
    }
    .indkg_05 .left .time {
        width: calc(75% - 15px);
        padding-left: 15px;
    }
    .indkg_05 .right {
        float: none;
        width: 100%;
        margin-top: 0px;
    }
    .indkg_06 th {
        float: left;
        width: 100%;
        padding-bottom: 0px;
    }
    .indkg_06 td {
        float: left;
        width: 100%;
    }
    .indkg_06 p.smp {
        float: right;
        padding-top: 15px;
    }
    .indkg_06 p.smp a {
        text-decoration: underline;
    }
    .indkg_06 p.smp a:hover {
        text-decoration: none;
    }
    .indkg_06 {
        overflow: hidden;
        padding-bottom: 100px;
        padding-left: 0;
    }
    .indkg_04 .right {
        float: none;
        width: 100%;
    }
    /* news */
    .kong_news {
        padding-bottom: 55px;
    }
    .kong_news_detail {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:600px) {
    /* page_title */
    /* page_title */
}

@media only screen and (max-width:480px) {
    /* page_title */
    /* page_title */
}

@media only screen and (max-width:419px) {
    /* page_title */
    /* page_title */
}

@media only screen and (max-width:379px) {
    /* index */
    .indkg_05 .link {
        width: 90%;
    }
    .indkg_05 .left .time {
        width: calc(90% - 15px);
    }
    /* page_title */
}

@media only screen and (max-width:320px) {
    /* index */
    .indkg_05 .link {
        width: 100%;
    }
    .indkg_05 .left .time {
        width: calc(100% - 15px);
    }
    .indkg_03in .child {
        margin: 0px 7px;
    }
    .indkg_03in .child {
        font-size: 95%;
    }
    /* page_title */
}