/* --------------------------
 * reboot
-------------------------- */
*,
*::before,
*::after {box-sizing: border-box;}
html {font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
body {margin: 0;padding: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;text-align: left;background-color: #fff;}
[tabindex="-1"]:focus {outline: 0 !important;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0.5rem;}
p {margin-top: 0;margin-bottom: 1rem;}
abbr[title],
abbr[data-original-title] {text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;cursor: help;border-bottom: 0;-webkit-text-decoration-skip-ink: none;text-decoration-skip-ink: none;}
address {margin-bottom: 1rem;font-style: normal;line-height: inherit;}
ol,
ul,
dl {margin-top: 0;margin-bottom: 1rem;}
ol ol,
ul ul,
ol ul,
ul ol {margin-bottom: 0;}
dt {font-weight: normal;}
dd {margin-bottom: 0;}
blockquote {margin: 0 0 1rem;}
b,
strong {font-weight: bolder;}
small {font-size: 80%;}
sub,
sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
a {color: #000;text-decoration: none;background-color: transparent;}
a:hover {color: #ccc;text-decoration: underline;}
a:not([href]):not([tabindex]) {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):focus {outline: 0;}
pre,
code,
kbd,
samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 1em;}
pre {margin-top: 0;margin-bottom: 1rem;overflow: auto;}
figure {margin: 0 0 1rem;}
img {vertical-align: middle;border-style: none;}
svg {overflow: hidden;vertical-align: middle;}
table {border-collapse: collapse;}
caption {padding-top: 0.75rem;padding-bottom: 0.75rem;color: #6c757d;text-align: left;caption-side: bottom;}
th {text-align: inherit;}
label {display: inline-block;margin-bottom: 0.5rem;}
button {border-radius: 0;}
button:focus {outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
input,
button,
select,
optgroup,
textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
button,
input {overflow: visible;}
button,
select {text-transform: none;}
select {word-wrap: normal;}
button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {cursor: pointer;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {padding: 0;border-style: none;}
input[type="radio"],
input[type="checkbox"] {box-sizing: border-box;padding: 0;}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {-webkit-appearance: listbox;}
textarea {overflow: auto;resize: vertical;}
fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}
legend {display: block;width: 100%;max-width: 100%;padding: 0;margin-bottom: .5rem;font-size: 1.5rem;line-height: inherit;color: inherit;white-space: normal;}
progress {vertical-align: baseline;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px;-webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;}
output {display: inline-block;}
summary {display: list-item;cursor: pointer;}
template {display: none;}
[hidden] {display: none !important;}

/* --------------------------
 * font
-------------------------- */
body{font-family:'ヒラギノ明朝 Pro W3','HiraMinPro-W3','ヒラギノ明朝 ProN W3', 'HiraMinProN-W3','游明朝','YuMincho','HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; font-weight: 400;}
.gothic {font-family:'Noto Sans JP','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic','ヒラギノ角ゴ W3','メイリオ',Meiryo,'游ゴシック','YuGothic',sans-serif;}
.mincho {font-family:'ヒラギノ明朝 Pro W3','HiraMinPro-W3','ヒラギノ明朝 ProN W3', 'HiraMinProN-W3','游明朝','YuMincho','HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; font-weight: normal;}
.gfont {font-family: 'Playfair Display', serif;font-weight:400;letter-spacing: 2px;}
.italic {font-style: italic;}
.middle { font-weight:500!important;}
.bold { font-weight:700!important;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

/* --------------------------
 * font size
-------------------------- */
html {font-size: 62.5%;}
body {font-size: 1.3rem;line-height:2em;letter-spacing: 1px;overflow-x: hidden;color: #000;}
a {color: #000;}
a:hover {color: #333;}
@media screen and (max-width: 1024px) {
    body {font-size: 1.3rem;}
}
@media screen and (max-width: 768px) {
    body {font-size: 1.2rem;}
}

/* --------------------------
 * @keyframes
-------------------------- */
@keyframes scrl {0% {transform: translate(0, -100%);}80% {transform: translate(0, 100%);}100% {-webkit-transform: translate(0, 100%);}}
@-webkit-keyframes scrl {0% {transform: translate(0, -100%);}80% {transform: translate(0, 100%);}100% {-webkit-transform: translate(0, 100%);}}
@keyframes updown {0% {transform: translateY(-10px);} 50% {opacity: 1;transform: translateY(0px);}100% {transform: translateY(-10px);}}
@-webkit-keyframes updown {0% {transform: translateY(-25px);} 100% {opacity: 1;transform: translateY(0px);}}
@keyframes topin {0% {opacity: 0;transform: translateY(-25px);} 100% {opacity: 1;transform: translateY(0px);}}
@-webkit-keyframes topin {0% {opacity: 0;transform: translateY(-25px);} 100% {opacity: 1;transform: translateY(0px);}}
@keyframes btmin {0% {opacity: 0;transform: translateY(50px);} 100% {opacity: 1;transform: translateY(0px);}}
@-webkit-keyframes btmin {0% {opacity: 0;transform: translateY(50px);} 100% {opacity: 1;transform: translateY(0px);}}
@keyframes leftin {0% {opacity: 0;transform: translateX(-50px);}100% {opacity: 1;transform: translateX(0px);}}
@-webkit-keyframes leftin {0% {opacity: 0;-webkit-transform: translateX(-50px);}100% {opacity: 1;-webkit-transform: translateX(0px);}}
@keyframes rightin {0% {opacity: 0;transform: translateX(50px);}100% {opacity: 1;transform: translateX(0px);f}}
@-webkit-keyframes rightin {0% {opacity: 0;-webkit-transform: translateY(50px);;}100% {opacity: 1;-webkit-transform: translateX(0px);}}
@keyframes blur {0% {opacity: 0;transform: translateY(50px);filter: blur(50px);}100% {opacity: 1;transform: translateX(0px);filter: blur(0px);}}
@-webkit-keyframes blur {0% {opacity: 0;-webkit-filter: blur(50px);}100% {opacity: 1;-webkit-filter: blur(0px);}}
@keyframes fadein {0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}
@-webkit-keyframes fadein {0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}

@keyframes linkAnime {
  0% {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  50.1% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* --------------------------
 * adjustment
-------------------------- */
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
.nowrap {overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.bgCover { background-size: cover; background-position: center; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;}
.radius {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;}
figure {margin: 0;padding: 0;display: block;}
figure img { width:100%;height:auto; }
a {color: #000;text-decoration: none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
a:hover,a:focus,a:active { text-decoration: none;}
a.alpha img{opacity: 1.0;transition:opacity 0.5s ease;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease;}
a.alpha:hover img {opacity: 0.75;}
ul {margin: 0;padding: 0;list-style: none;list-style-type: none;}
ul li {margin: 0;padding: 0;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;}
dl,dl dt, dl dd {margin: 0%;padding: 0;}
h1,h2,h3,h4,h5,p {margin: 0;padding: 0;font-size: 1.4rem;font-weight: normal;box-sizing: border-box;-webkit-box-sizing: border-box;}
div,p,span {box-sizing: border-box;-webkit-box-sizing: border-box;}
hr {border-top: 1px solid #eee;margin: 0;padding: 0;}
.video {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;} /* 16:9 */
.video43 {position: relative;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;} /* 4:3 */
.video iframe,
.video43 iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

/* --------------------------
 * margin / padding
-------------------------- */
.p100 {padding: 100px;}.p50 {padding: 50px;}
.mT100 {margin-top: 100px;}.mT50 {margin-top: 50px;}.mT25 {margin-top: 25px;}.mT10 {margin-top: 10px;}
.mB200 {margin-bottom: 200px!important;}.mB100 {margin-bottom: 100px!important;}.mB75 {margin-bottom: 75px!important;}.mB50 {margin-bottom: 50px!important;}.mB25 {margin-bottom: 25px!important;}.mB10 {margin-bottom: 10px!important;}
.pT100 {padding-top: 100px;}.pT50 {padding-top: 50px;}
.pB100 {padding-bottom: 100px;}.pB50 {padding-bottom: 50px;}
@media screen and (max-width: 768px) {
    .p100 {padding: 50px;} .p50 {padding: 25px;}
    .mT100 {margin-top: 50px;} .mT50 {margin-top: 25px;}.mT25 {margin-top: 15px;}.mT10 {margin-top: 5px;}
    .mB200 {margin-bottom: 100px!important;} .mB100 {margin-bottom: 50px!important;} .mB75 {margin-bottom: 35px!important;}.mB50 {margin-bottom: 25px!important;}.mB25 {margin-bottom: 15px!important;}.mB10 {margin-bottom: 5px!important;}
    .pT100 {padding-top: 50px;} .pT50 {padding-top: 25px;}
    .pB100 {padding-bottom: 50px;} .pB50 {padding-bottom: 25px;}
}
@media screen and (max-width: 480px) {
    .p100 {padding: 40px;} .p50 {padding: 20px;}
    .mT100 {padding-top: 40px;} .mT50 {padding-top: 20px;}.mT25 {margin-top: 10px;}.mT10 {margin-top: 0px;}
    .mB200 {margin-bottom: 80px!important;}.mB100 {margin-bottom:40px!important;}.mB75 {margin-bottom: 30px!important;}.mB50 {margin-bottom: 20px!important;}.mB25 {margin-bottom: 10px!important;}.mB10 {margin-bottom: 0px!important;}
    .pT100 {padding-top: 40px;} .pT50 {padding-top: 20px;}
    .pB100 {padding-bottom: 40px;} .pB50 {padding-bottom: 20px;}
}

/* --------------------------
* flame
-------------------------- */
/* pc width min */
@media screen and (min-width: 1024px) {
    body,html {width: 100%; height: 100%;min-height: 600px;-webkit-text-size-adjust: 100%;}
    .pc_dspl { display:block!important;}
    .sp_dspl { display:none!important;}
}
/* smartphone */
@media screen and (max-width: 1023px) {
    body,html {-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;overflow-x: hidden;display: block;position: relative;width: 100%; min-width: auto;}
    html {-webkit-text-size-adjust: 100%;}
    .pc_dspl { display:none!important;}
    .sp_dspl { display:block!important;}
}

/* --------------------------
 * article
-------------------------- */
.article {width: 100%;position: relative;padding:150px 0 100px;}
@media screen and (max-width: 1023px) {
    .article {padding:100px 0 0;}
}
@media screen and (max-width: 767px) {
    .article {padding: 50px 0 0px;}
}

/* --------------------------
 * container
-------------------------- */
.container-lg {width: 100%; margin: 0 auto;position: relative;display: block;max-width: 1920px}
.container-sm {width: 1024px; margin: 0 auto;position: relative;display: block;}
.container-auto {max-width: 1300px;padding: 0 50px;min-width: 1024px;margin: 0 auto;position: relative;display: block;}
@media screen and (max-width: 1124px) {
    .container-sm {padding: 0 50px;margin: 0;width:100%;}
}
@media screen and (max-width: 1023px) {
    .container-lg {padding: 0px;margin: 0;width: 100%;}
    .container-auto {max-width:auto;padding: 0 50px;min-width:auto;margin: 0 auto;position: relative;display: block;}
}
@media screen and (max-width: 767px) {
    .container-sm {padding: 0 20px;}
    .container-auto {padding: 0 20px;}
}

/* --------------------------
 * flexbox wrap
-------------------------- */
.flexWrap  {display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-wrap: wrap;flex-wrap:-webkit-wrap;-ms-flex-wrap: wrap;margin: 0;padding: 0;}
.flexWrap.reverse {flex-flow: row-reverse;}

.flexWrap.col-2 {margin: 0 -35px;}
.flexWrap.col-3 {margin: 0 -25px;}
.flexWrap.col-4 {margin: 0 -25px;}
.flexWrap.none {margin: 0px!important;}

.flexWrap.col-2 > .item {width: 50%;padding: 35px;}
.flexWrap.col-3 > .item {width: 33.3333%;padding: 25px;}
.flexWrap.col-4 > .item {width: 25%;padding: 25px;}
.flexWrap.none > .item {padding: 0px!important;}

@media screen and (max-width: 1023px) {
    .flexWrap.col-2 {margin: 0 -15px;}
    .flexWrap.col-3 {margin: 0 -15px;}
    .flexWrap.col-4 {margin: 0 -15px;}
    .flexWrap.none {margin: 0px;}

    .flexWrap.col-2 > .item {width: 50%;padding: 15px;}
    .flexWrap.col-3 > .item {width: 33.3333%;padding: 15px;}
    .flexWrap.col-4 > .item {width: 25%;padding: 15px;}
    .flexWrap.none > .item {padding: 0px;}
}
@media screen and (max-width: 767px) {
    .flexWrap.restore {display:block;flex-wrap:inherit;-ms-flex-wrap:inherit;}
    .flexWrap.col-2,
    .flexWrap.col-3,
    .flexWrap.col-4 {margin: 0px;}

    .flexWrap.col-2 > .item,
    .flexWrap.col-3 > .item,
    .flexWrap.col-4 > .item {display:block;width: 100%;padding: 0px;}
}

/* --------------------------
 * crumbs
-------------------------- */
.crumbs {opacity: 0;letter-spacing: 1px;line-height: 50px;position: relative;}
.crumbs.active {-webkit-animation: leftin .5s 1s forwards;animation: leftin .5s 1s forwards;}
.crumbs ul {font-size: 0;margin: 0;padding: 0;line-height: 1em;}
.crumbs ul li {line-height: 50px;position: relative;color: #000;font-size: 1.2rem;display: inline;margin-right: 30px;}
.crumbs ul li::before {content: '';height: 13px; width: 1px; background-color: #000; transform: rotate(30deg);position: absolute; top:0;right: -18px;}
.crumbs ul li:last-child::before {content: none;}
.crumbs ul li:last-child {margin-right: 0;}
.crumbs ul li a {color: #000;}
.crumbs ul li a:hover {text-decoration: underline;}
@media screen and (max-width: 1023px) {
    .crumbs {width: 100%;display: block;height:40px;padding:0px;margin-bottom: 0px;}
    .crumbs ul {padding: 0px;line-height:40px;word-break: keep-all;white-space: nowrap;overflow-x: auto;}
    .crumbs ul li {line-height:40px;font-size: 1rem;margin-right: 25px;}
    .crumbs ul li::before {height: 10px;right: -15px; top:0px;}
    .crumbs ul li a {}
}
@media screen and (max-width:767px) {
    .crumbs {height:30px;}
    .crumbs ul {padding: 0px;line-height:30px;}
    .crumbs ul li {line-height:30px;font-size: 1rem;margin-right: 20px;}
    .crumbs ul li::before {right: -10px;}
}

/* --------------------------
 * btn
-------------------------- */
.btn {width: 300px; height: 60px;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transition: all .3s ease;transition: all .3s ease;}
.btn a {position:relative;display: block;width: 100%;height: 60px;line-height: 60px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.btn.center {margin: 50px auto 0;}
@media screen and (max-width: 1023px) {
    .btn {width: 240px;height: 52px;}
    .btn a {height: 50px;line-height: 50px;}
}
@media screen and (max-width: 767px) {
    .btn {width: 220px;height: 47px;}
    .btn a {height: 45px;line-height: 45px;}
}
@media screen and (max-width: 374px) {
    .btn {width: 200px;}
}

.btn.std {background-color: #fff;position:relative;z-index:99;}
.btn.std a {overflow: hidden;color:#000;text-align: left;font-size: 1.4rem;letter-spacing: 1px;padding-left: 25px;}
.btn.std a span.arrow {display: block;position: absolute; top: 26px;right: 25px;height: 8px;width: 8px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);}
.btn.std a span.gfont {font-size: 1.1rem}
.btn.std a:hover {color: #FFF;}
.btn.std a:hover span.arrow {border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
.btn.std::before {position: absolute;top: 0;left: 0;z-index: 0;content: '';width: 100%;height: 100%;background:#00A29A;transform-origin: right top;transform:scale(0, 1);transition: transform .3s;-webkit-transition:transform .3s ease;}
.btn.std:hover::before {transform-origin: left top;transform: scale(1, 1);}
@media screen and (max-width: 1023px) {
    .btn.std a {font-size: 1.3rem;}
    .btn.std a span.arrow {top: 22px;right: 20px;height: 7px;width: 7px;}
}
@media screen and (max-width: 767px) {
    .btn.std a {font-size: 1.2rem;padding-left: 20px;}
    .btn.std a span.arrow {top: 19px;right: 15px;}
}

.btn.std.color {background-color: #00A29A;}
.btn.std.color a {color: #FFF;}
.btn.std.color a span.arrow {border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
.btn.std.color a span.gfont {font-size: 1.0rem;margin-left: 15px;}
.btn.std.color a:hover {color: #FFF;}
.btn.std.color a:hover span.arrow {border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
.btn.std.color::before {background:#00635E;}
.btn.std.color a img {width: 24px; height: auto;margin-right: 15px;position: relative;top: -2px;}
@media screen and (max-width: 767px) {
    .btn.std.color a img {width: 24px;margin-right: 15px;top: 0px;}
}
@media screen and (max-width: 340px) {
    .btn.std.color a span.gfont {display: none;}
}
.link {width: 180px;display: block;position:relative;z-index:999;}
.link a {text-align: left;display: block;font-size: 1.2rem;position:relative;line-height: 20px;margin-bottom: 25px;}
.link a span {display: block;width: 80px;height: 1px;position: absolute; top: 50%;right: 0;overflow: hidden;}
.link a span::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #000;}
.link a:hover span::before {-webkit-animation: linkAnime .5s forwards; animation: linkAnime .5s forwards;}
@media screen and (max-width: 1023px) {
    .link {width: 150px;}
    .link a span {width: 50px;}
}

/* --------------------------
 * borderBox
-------------------------- */
.borderBox {padding: 40px 50px;border: 1px solid #ddd;zoom:1;}
.borderBox:before,.borderBox:after {content:"";display:table;}.borderBox:after {clear:both;}

.borderBox.color {border: 1px solid #0A162D;background-color:#fff;}
.borderBox.color figure {width: 50%;float: left;margin-right: 50px;}
.borderBox.color h2 {font-weight: bold; font-size: 2.1rem;margin: 25px 0;}
@media screen and (max-width: 1024px) {
    .borderBox {padding: 30px 40px;}
}
@media screen and (max-width: 768px) {
    .borderBox {padding: 20px 25px;}
    .borderBox.color {padding: 25px;border: 1px solid #0A162D;background-color:#fff;}
    .borderBox.color figure {width: 40%;float: left;margin-right: 40px;}
    .borderBox.color h2 {font-weight: bold; font-size: 1.8rem;margin: 10px 0 15px;}
    .borderBox.color h3 {font-size: 1.3rem;}
}
@media screen and (max-width: 600px) {
    .borderBox {padding: 15px 20px;}
    .borderBox.color figure {width: 100%;float: none;margin-right: 0px;margin-bottom: 25px;}
    .borderBox.color h3 {font-size: 1.2rem;}
}

/* --------------------------
 * list dl
-------------------------- */
dl.list {width: 100%;font-size: 1.5rem;letter-spacing: 1px;}
dl.list > dt {text-align: left;font-size: 1.5rem;letter-spacing: 0px;width: 25%;border-top: 1px solid #ddd;display: block;margin: 0;padding:20px 20px;float: left;}
dl.list > dd {width: 75%;border-top: 1px solid #ddd;display: block;margin: 0;padding:20px 0;margin-left: 25%;}
dl.list > dd a {text-decoration: underline;}
dl.list > dd p {font-weight:bold; font-size: 1.5rem;margin-bottom: 25px;}
dl.list > dd > dl {font-size: 1.3rem;margin: -15px 0 20px;padding: 0;}
dl.list > dd > dl > dt {font-weight:normal;width: 30%;margin: 0;padding: 15px 0;border-bottom: 1px solid #ddd;float: left;}
dl.list > dd > dl > dd {font-weight:normal;width: 70%;margin: 0;padding: 15px 0;border-bottom: 1px solid #ddd;margin-left: 25%;}
dl.list > dd ul {letter-spacing: 1px;margin-top:10px;}
dl.list > dd ul li {font-size: 13px;padding-left: 5px;margin-top: 5px;display: list-item;list-style: disc;margin-left: 20px;line-height: 1.8em;}
dl.list > dd ul li:first-child {margin-top: 0;}
@media screen and (max-width: 1023px) {
    dl.list {font-size: 1.3rem;padding-bottom: 0px;}
    dl.list dt {width: 30%;padding:20px;font-size: 1.3rem;letter-spacing: 1px;}
    dl.list dd {width: 70%;padding:20px;margin-left: 30%;}
}
@media screen and (max-width: 767px) {
    dl.list > dt {text-align: left;margin-bottom: 15px;font-weight: bold;}
    dl.list dt {padding: 15px;width: 100%;font-size: 1.4rem;padding-bottom: 0;letter-spacing: 0;}
    dl.list dd {padding: 15px;width: 100%;margin-left: 0;padding-top: 0;letter-spacing: 0;}
    dl.list > dd ul {margin-top: 0px!important;padding-top: 0px!important;}
    dl.list > dd ul li {font-size: 1.2rem;padding-left: 5px;margin-top: 5px;display: list-item;list-style: disc;margin-left: 20px;line-height: 1.6em;}
    dl.list > dd ul li:first-child {margin-top: 10px!important;}
}

/* --------------------------
 * list ul
-------------------------- */
ul.list {}
ul.list li {display: list-item;margin-bottom: 2px;padding-left: 5px;margin-left: 15px;}
ul.list li span{font-weight: bold;font-size: 1.6rem;display:block;}
ul.disc {list-style-type: disc;}
ul.num {list-style-type: decimal;}
@media screen and (max-width: 1023px) {
    ul.list li { font-size: 1.2rem;margin-bottom: 5px;}
    ul.list li span{font-weight: bold;font-size: 1.4rem;display:block;}
}
@media screen and (max-width: 767px) {
    ul.list li { font-size: 1.1rem;margin-bottom: 5px;}
    ul.list li span{font-weight: bold;font-size: 1.3rem;display:block;}
}

/* --------------------------
 * table
-------------------------- */
.table {border-collapse: collapse;border-spacing: 0;/*reset*/}
.table {font-size: 16px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;background-color: #fff;}
.table {margin: 0;padding: 0;}
.table tr th,
.table tr td {outline:none;border-top: 1px solid #ddd;border-left: 1px solid #ddd;padding: 15px 20px; background-color: transparent;line-height: 2em;vertical-align: middle;}
.table tr th {font-weight: bold;}
.table thead { background-color: rgba(0,159,232,0.5);}
.table tr td.price {font-weight: bold; text-align: center;color: #E356BB;}
@media screen and (max-width: 767px) {
    .table {font-size: 13px;}
    .table tr th,
    .table tr td {padding: 10px 15px;line-height: 1.6em;}
}

/* --------------------------
 * single
-------------------------- */

.single-post {margin-bottom: 100px;}
.single-post .container-auto .flexWrap {opacity: 0;}

/* main */
.single-post .main {width:calc(100% - 375px);}
.single-post .main .titleArea {position: relative;margin-bottom: 50px;border-bottom: 1px solid #ddd;padding-bottom: 25px;}
.single-post .main .titleArea h1 {font-weight: bold;line-height: 1.7em;font-size: 2.4rem;margin-bottom: 25px;}
.single-post .main .titleArea .date {font-size: 1.4rem;display:block;margin-bottom: 10px;}
.single-post .main .titleArea .tags {display: block;font-size: 1.3rem;font-weight: normal;letter-spacing: 0;}
.single-post .main .titleArea .tags a {color: #000;padding-right: 10px;text-decoration: underline;}
.single-post .main .titleArea .cat {display: inline-block;font-size: 1.3rem;letter-spacing: 0;margin-right: 25px;margin-bottom: 10px;}
.single-post .main .titleArea .cat a {color:#000;padding-right: 10px;text-decoration: underline;}
.single-post .main .titleArea .fa-tags {margin-right: 12px;}
.single-post .main .titleArea .fa-folder {margin-right: 15px;}
.single-post .main figure {margin-bottom: 50px;}
.single-post .main ul.sns { text-align: center;margin:50px auto; width: 100%;}
.single-post .main ul.sns li {display:block;width: 16.6666%; height: 50px;float: left;}
.single-post .main ul.sns li a {position: relative;width: 100%; height: 50px;line-height: 50px;display: block;color: #fff; font-size: 14px;font-weight: bold; text-align: center;transition:all .3s ease;-webkit-transition:all .3s ease;}
.single-post .main ul.sns li:nth-child(1) a {background-color: #3B5998;}
.single-post .main ul.sns li:nth-child(2) a {background-color: #55acee;}
.single-post .main ul.sns li:nth-child(3) a {background-color: #1dcd00;}
.single-post .main ul.sns li:nth-child(4) a {background-color: #ee4056;}
.single-post .main ul.sns li:nth-child(5) a {background-color: #2bb24c;}
.single-post .main ul.sns li:nth-child(6) a {background-color: #00a4de;}
.single-post .main ul.sns li:nth-child(1) a:hover,
.single-post .main ul.sns li:nth-child(2) a:hover,
.single-post .main ul.sns li:nth-child(3) a:hover,
.single-post .main ul.sns li:nth-child(4) a:hover,
.single-post .main ul.sns li:nth-child(5) a:hover,
.single-post .main ul.sns li:nth-child(6) a:hover {opacity: 0.75;}
.single-post .main ul.sns li a .fa-line,
.single-post .main ul.sns li a .fa-twitter,
.single-post .main ul.sns li a .fa-facebook-square,
.single-post .main ul.sns li a .fa-get-pocket {margin-right: 10px;font-size: 2.4rem;position: relative;top: 3px;}
.single-post .main ul.sns li a img {width: 24px;}
.single-post .main .text {line-height: 2.4em;font-size: 1.4rem;margin-bottom: 50px;}
.single-post .main .text img.alignright { display: block;float:right; margin-left: 25px;}/* 配置位置 右 */
.single-post .main .text img.alignleft { display: block;float:left; margin: 0 auto 0 0;margin-right: 35px;}/* 配置位置 左 */
.single-post .main .text img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */
.single-post .main .text img.alignnone {display: block; }
.single-post .main .text img {margin: 25px 0!important;height: auto;max-width: 100%;}
.single-post .main .text p {line-height: 2.2em;margin-bottom: 25px;}
.single-post .main .text a {color: blue;text-decoration: underline;}
.single-post .main .profile {margin-bottom: 50px;padding: 50px;background-color: #f5f5f5;border: 1px solid #eee;position: relative;}
.single-post .main .profile .inner {font-size: 1.3rem;padding-left: 200px;}
.single-post .main .profile .inner h2 {margin-top: 5px;margin-bottom: 20px;font-weight: bold;font-size: 2.4rem;}
.single-post .main .profile .inner h2 span {margin-left: 20px;font-size: 1.2rem;}
.single-post .main .profile figure {width: 180px;position: absolute;top: 50px;left: 40px;border-radius:90px;-webkit-border-radius: 90px;overflow: hidden;}
.single-post .main .profile
.single-post .main .borderPost {letter-spacing: 0px;}
.single-post .main .borderPost h2 {line-height: 50px;margin-top: 50px;}
.single-post .main .borderPost h2 .en {display:inline-block;font-size: 1.8rem;font-weight: 700!important;line-height: 1em;letter-spacing: 2px;}
.single-post .main .borderPost h2 .ja {display:inline-block;font-size: 1.2rem;letter-spacing: 1px;margin-left: 20px;}
.single-post .main .borderPost ul {border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom:none;}
.single-post .main .borderPost ul li {width: 50%;border-bottom: 1px solid #ddd;position: relative;display:block;border-right: 1px solid #ddd;float: left;}
.single-post .main .borderPost ul li:nth-child(odd) {}
.single-post .main .borderPost ul li a {display:block;margin: 0;padding:15px;padding-left: 115px;position: relative;color: #595643;}
.single-post .main .borderPost ul li a figure {width: 80px;height: auto; position: absolute;top: 15px;left: 15px;}
.single-post .main .borderPost ul li a .date {font-size: 1rem;color: #595643;}
.single-post .main .borderPost ul li a h3 {overflow: hidden;height: 50px;display: block;font-size: 1.3rem;line-height: 2em;margin-top: 4px;}
.single-post .main .borderPost ul li a:hover {opacity: 0.5;color: #000;}

/* sideBar */
.single-post .sideBar {width: 375px;padding-left: 75px;}
.single-post .sideBar .block {margin-bottom:60px;}
.single-post .sideBar .block.last {margin-bottom:0px;}
.single-post .sideBar .block h2 {line-height: 1em;margin-bottom: 20px;}
.single-post .sideBar .block h2 .en {display:inline-block;font-size: 1.8rem;font-weight: 700!important;line-height: 1em;letter-spacing: 2px;}
.single-post .sideBar .block h2 .ja {display:inline-block;font-size: 1.2rem;letter-spacing: 1px;margin-left: 20px;}
.single-post .sideBar .block h2 .pr {position: relative;display:block;font-size: 1.2rem;text-align: center;line-height: 1em;letter-spacing: 2px;z-index: 0;}
.single-post .sideBar .block h2 .pr span {display:inline-block;background-color: #fff;padding: 0 10px;}
.single-post .sideBar .block h2 .pr::before {content:'';height: 1px;width: 100%;background-color: #000;position: absolute;left: 0;top: 50%;z-index: -1;}

.single-post .sideBar .block .post {letter-spacing: 0px;}
.single-post .sideBar .block .post ul {counter-reset: number;}
.single-post .sideBar .block .post ul li {border-bottom: 1px solid #ddd;position: relative;}
.single-post .sideBar .block .post ul li span {width: 20px;height: 20px;line-height: 20px;font-size: 1.1rem;color: #fff;background-color: #595643;display: block;text-align:center;position: absolute;top:15px;left: 0;z-index: 9;}
.single-post .sideBar .block .post ul li span::before {content:'';counter-increment: number;content: counter(number);width: 20px;height: 20px;line-height: 20px;z-index: 99;}
.single-post .sideBar .block .post ul li span.wpp-views {display: none;}
.single-post .sideBar .block .post ul li:first-child {border-top: 1px solid #ddd;}
.single-post .sideBar .block .post ul li a {display:block;padding: 15px 0;height: 110px;padding-left: 100px;position: relative;color: #595643;}
.single-post .sideBar .block .post ul li a figure {width: 80px;height: auto; position: absolute;top: 15px;left: 0;}
.single-post .sideBar .block .post ul li a .date {font-size: 1.1rem;}
.single-post .sideBar .block .post ul li a h3 {display: block;font-size: 1.2rem;line-height: 2.2em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.single-post .sideBar .block .post ul li a:hover {opacity: 0.5;}

.single-post .sideBar .block .boxList {}
.single-post .sideBar .block .boxList ul {border: 1px solid #ddd;}
.single-post .sideBar .block .boxList ul li {border-top: 1px solid #ddd;}
.single-post .sideBar .block .boxList ul li:first-child {border-top:none;}
.single-post .sideBar .block .boxList ul li a {padding: 10px 20px;display: block;font-size: 1.3rem;color: #595643;}
.single-post .sideBar .block .boxList ul li a:hover {background-color:#f9f9f9;}

.single-post .sideBar .block .boxList.slideDown {}
.single-post .sideBar .block .boxList.slideDown p { position: relative;cursor:pointer;font-size: 1.3rem;padding: 10px 20px;display: block;border: 1px solid #ddd;transition:all .3s ease;-webkit-transition:all .3s ease;}
.single-post .sideBar .block .boxList.slideDown p .fa-chevron-down {font-size: 1.2rem;position: absolute;top: 50%;margin-top: -6px;right: 25px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.single-post .sideBar .block .boxList.slideDown p.open .fa-chevron-down {transform: rotate(180deg);}
.single-post .sideBar .block .boxList.slideDown p:hover {background-color:#f9f9f9;}
.single-post .sideBar .block .boxList.slideDown ul {overflow: hidden;border-top: none;display:none;}

.single-post .sideBar .block .banner {}
.single-post .sideBar .block .banner ul {display: block;}
.single-post .sideBar .block .banner ul li {margin-top: 10px;display: block;}
.single-post .sideBar .block .banner ul li:first-child {margin-top: 0;}
.single-post .sideBar .block .banner ul li a img {border: 1px solid #ddd;transition:all .3s ease;-webkit-transition:all .3s ease;}
.single-post .sideBar .block .banner ul li a:hover img {opacity: 0.5;}

@media screen and (max-width: 1023px) {
    .single-post {margin-bottom: 75px;margin-top:0px;}
    /* main */
    .single-post .main {width:100%;margin-bottom: 50px;}
    .single-post .main .titleArea h1 {line-height: 1.7em;font-size: 2.1rem;margin-bottom: 20px;}
    .single-post .main .titleArea .date {font-size: 1.2rem;margin-right: 20px;}
    .single-post .main .titleArea .tags {font-size: 1.2rem;}
    .single-post .main .titleArea .cat {font-size: 1.2rem;}
    .single-post .main figure {margin-bottom: 50px;}
    .single-post .sideBar {width: 100%;padding-left: 0px;}
    .single-post .sideBar .block .banner ul {font-size: 0;margin: 0 -10px}
    .single-post .sideBar .block .banner ul li {float: left;width: 50%;padding: 10px;margin-top: 0px;}
    .single-post .main .profile {margin-bottom: 50px;padding: 35px;background-color: #f5f5f5;border: 1px solid #eee;position: relative;}
    .single-post .main .profile .inner {font-size: 1.2rem;padding-left: 170px;}
    .single-post .main .profile .inner h2 {margin-top: 5px;margin-bottom: 20px;font-weight: bold;font-size: 2.4rem;}
    .single-post .main .profile .inner h2 span {margin-left: 20px;font-size: 1.2rem;}
    .single-post .main .profile figure {width: 150px;position: absolute;top: 35px;left: 30px;border-radius: 75px;-webkit-border-radius: 75px;overflow: hidden;}

}
@media screen and (max-width: 767px) {
    .single-post {margin-bottom: 50px;margin-top: 0px;}

    .single-post .main .titleArea {margin: 0 0px 20px;}
    .single-post .main .titleArea h1 {font-weight: bold;line-height: 1.8em;font-size: 1.6rem;margin-bottom: 10px;}
    .single-post .main .titleArea .date {font-size: 1.0rem;margin-right: 15px;display: block;}
    .single-post .main .titleArea .tags {font-size: 1.0rem;}
    .single-post .main .titleArea .cat {font-size: 1.0rem;margin-right: 10px;}
    .single-post .main .titleArea .fa-tags {margin-right: 7px;}
    .single-post .main .titleArea .fa-folder {margin-right: 7px;}
    .single-post .main figure {margin-bottom: 20px;}

    .single-post .main .text {line-height: 2.2em;font-size: 1.3rem;margin-bottom: 40px;}

    .single-post .main .profile {margin-bottom: 40px;padding: 30px;}
    .single-post .main .profile .inner {font-size: 1.2rem;padding-left: 0px;height: auto;}
    .single-post .main .profile .inner h2 {margin-top: 0px;margin-bottom: 20px;font-size: 2.4rem;text-align: center;}
    .single-post .main .profile .inner h2 span {margin-left: 0px;font-size: 1.2rem;display: block;margin-top: 10px;}
    .single-post .main .profile figure {width: 150px;position:relative;top: inherit;left: inherit;margin: 0 auto 30px;}

    .single-post .main ul.sns {margin:40px auto;}
    .single-post .main ul.sns li {height: 40px;}
    .single-post .main ul.sns li a {height: 40px;line-height: 36px;}
    .single-post .main ul.sns li a .fa-line,
    .single-post .main ul.sns li a .fa-twitter,
    .single-post .main ul.sns li a .fa-facebook-square,
    .single-post .main ul.sns li a .fa-get-pocket {margin-right: 0px;font-size: 1.8rem;}
    .single-post .main ul.sns li a img {width: 1.8rem;}

    .single-post .main .borderPost h2 {line-height: 1em;margin-top: 50px;text-align: center;margin-bottom: 20px;}
    .single-post .main .borderPost h2 .en {font-size: 1.6rem;letter-spacing: 2px;}
    .single-post .main .borderPost h2 .ja {font-size: 1.1rem;letter-spacing: 1px;margin-left: 0px;display: block;margin-top: 10px;}
    .single-post .main .borderPost ul li {width: 100%;}
    .single-post .main .borderPost ul li:nth-child(odd) {border-right:none}

    .single-post .sideBar .block h2 {line-height: 1em;margin-bottom: 20px;}
    .single-post .sideBar .block h2 .en {font-size: 1.6rem;letter-spacing: 2px;}
    .single-post .sideBar .block h2 .ja {font-size: 1.1rem;letter-spacing: 1px;margin-left: 10px;}

    .single-post .sideBar .block .banner ul {font-size: 0;margin: 0 -5px}
    .single-post .sideBar .block .banner ul li {float: left;width: 50%;padding: 5px;margin-top: 0px;}
}

/* pageFeed */
.pageFeed {width: 420px;margin: 0px auto;}
.pageFeed > div {height: 80px;line-height: 80px;float: left;display:block;font-size: 1.8rem;}
.pageFeed > div img  {width: 50px; height: auto;}
.pageFeed > div a {display: block;position: relative;color: #000}
.pageFeed > div:nth-child(1) {width: 160px;border-right: 1px solid #000;}
.pageFeed > div:nth-child(1) a {text-align: right;display: block;padding-right: 35px;padding-left: 50px;}
.pageFeed > div:nth-child(1) a img {transform: scale(-1, 1);position: absolute;left: 0px;top: 50%;margin-top: -2px;transition: all .3s ease;-webkit-transition:all .3s ease;}
.pageFeed > div:nth-child(2) {width: 100px;text-align: center;}
.pageFeed > div:nth-child(2) a {height: 80px;}
.pageFeed > div:nth-child(2) a img {width: 35px;}
.pageFeed > div:nth-child(3) {width: 160px;border-left: 1px solid #000;}
.pageFeed > div:nth-child(3) a {text-align: left;display: block;padding-left: 35px;padding-right: 50px;}
.pageFeed > div:nth-child(3) a img {position: absolute;right: 0px;top: 50%;margin-top: -2px;transition: all .3s ease;-webkit-transition:all .3s ease;}
.pageFeed > div:nth-child(1) a:hover {opacity: 0.7;}
.pageFeed > div:nth-child(3) a:hover {opacity: 0.7;}
.pageFeed > div:nth-child(1) a:hover img {left: -10px;}
.pageFeed > div:nth-child(3) a:hover img {right: -10px;}
@media screen and (max-width: 767px) {
    .pageFeed {width: 280px;margin: 25px auto 0;}
    .pageFeed > div {height: 50px;line-height: 50px;font-size: 1.4rem;}
    .pageFeed > div:nth-child(1),
    .pageFeed > div:nth-child(3) {width: 110px;}
    .pageFeed > div:nth-child(1) a img,
    .pageFeed > div:nth-child(3) a img {width: 30px;}
    .pageFeed > div:nth-child(2) {width: 60px;text-align: center;}
    .pageFeed > div:nth-child(2) a {height: 60px;}
    .pageFeed > div:nth-child(2) a img {width: 25px;}
    .pageFeed > div:nth-child(1) a {padding-right: 20px;}
    .pageFeed > div:nth-child(3) a {padding-left: 20px;}
}


/* --------------------------
 * hamburger
-------------------------- */
#hamburger {display:none;}
@media screen and (max-width: 1199px) {

    #hamburger {display:block;position:absolute;top: 50px; right: 50px;width:50px;height: 12px;cursor: pointer;z-index: 9999999;}
    #hamburger span {width: 50px;display:block;box-sizing: border-box;height: 1px;background-color:#000;position: absolute; right: 0px;}
    #hamburger span:nth-of-type(1) {z-index: 1;top: 0px;transition:transform .3s ease;-webkit-transition:transform .3s ease;}
    #hamburger span:nth-of-type(2) {z-index: 1;bottom: 0px;transition:transform .3s ease;-webkit-transition:transform .3s ease;}
    #hamburger.active {width:50px;height: 50px;top: 30px;}
    #hamburger.active span {background-color:#000;}
    #hamburger.active span:nth-of-type(1) {top: 25px;-webkit-transform: translateY(0px) rotate(-45deg);transform: translateY(0px) rotate(-45deg);}
    #hamburger.active span:nth-of-type(2) {bottom:25px;-webkit-transform: translateY(0px) rotate(45deg);transform: translateY(0px) rotate(45deg);}
    .home #hamburger {opacity: 0;}
    .home #hamburger.current {width:50px;-webkit-animation: leftin .5s .5s forwards;animation: leftin .5s .5s forwards;}
}
@media screen and (min-width: 1024px) {
    #hamburger.fixed {position:fixed;top:35px;-webkit-animation: topin .3s forwards;animation: topin .3s forwards;}
    #hamburger.fixed.active {top: 15px;}
}
@media screen and (max-width: 1023px) {
    #hamburger {top: 35px; right: 35px;width:40px;height: 12px;position:fixed;}
    #hamburger span {width: 40px;display:block;box-sizing: border-box;height: 1px;background-color:#000;position: absolute; right: 0px;}
    #hamburger span:nth-of-type(1) {z-index: 1;top: 0px;transition:transform .3s ease;-webkit-transition:transform .3s ease;}
    #hamburger span:nth-of-type(2) {z-index: 1;bottom: 0px;transition:transform .3s ease;-webkit-transition:transform .3s ease;}
    #hamburger.active {z-index: 99999;width:40px;height: 40px;top: 20px;}
    #hamburger.active span:nth-of-type(1) {top: 20px;-webkit-transform: translateY(0px) rotate(-45deg);transform: translateY(0px) rotate(-45deg);}
    #hamburger.active span:nth-of-type(2) {bottom:20px;-webkit-transform: translateY(0px) rotate(45deg);transform: translateY(0px) rotate(45deg);}
}
@media screen and (max-width: 767px) {
    #hamburger {display:block;position:fixed;top: 26px; right: 20px;width:30px;height: 9px;}
    #hamburger span {width: 30px;}
    #hamburger.active {z-index: 99999;width:30px;height: 30px;top: 15px;}
    #hamburger.active span:nth-of-type(1) {top: 14.5px;}
    #hamburger.active span:nth-of-type(2) {bottom:14.5px;}
}
/* --------------------------
 * spLink
-------------------------- */
#spLink {display: none;}
@media screen and (max-width: 767px) {
    #spLink {z-index: 999;height: 90px;width: 100%;display: block;position: fixed;bottom: 0;left: 0;background-color: #000;}
    #spLink ul {text-align: center;}
    #spLink ul li {width: 16.66666%;height: 90px;display: block;float: left;border-left: 1px solid #222;}
    #spLink ul li a {color: #fff;display: block;font-size: 1rem;position: relative;letter-spacing: 0;}
    #spLink ul li a figure {padding: 15px 17px 3px;}
    #spLink ul li a span {transform: scale(0.75);display: block;}
}

/* --------------------------
 * scrlTop
-------------------------- */
#scrlTop {opacity: 0; background-color:#00A29A;cursor: pointer;color: #FFF;text-align: center; line-height:50px;z-index: 999;display:block;height: 50px; width: 50px; position: fixed; bottom:50px; right: 50px;-webkit-transition: all .5s ease;transition: all .5s ease;}
#scrlTop .fa {font-size: 24px;}
#scrlTop.on {opacity: 1;-webkit-transition: all .5s ease;transition: all .5s ease;cursor: pointer;display:block;}
#scrlTop.on:hover {opacity: 0.5;}
@media screen and (max-width: 1124px) {
    #scrlTop {bottom:105px; right: 25px;line-height: 36px;height: 40px; width: 40px;}
    #scrlTop .fa {font-size: 18px;}
}
@media screen and (max-width: 767px) {
    #scrlTop {bottom: 20px; right: 20px;line-height: 32px;height: 36px; width: 36px;}
}

/* --------------------------
 * spNav
-------------------------- */
body.scroll-prevent {overflow: hidden;}
#spNavWrap {display:none;z-index: 9999; background-color:transparent; position: fixed; top: 0;left: 0; width: 100%; height: 100%;}
#spNav {display:none;background-color:#FFF;z-index: 10000;position:fixed; top: 0; left: 0;height: 100%;width:100%;}
#spNav .nv-inner {display: block;height:332px;width:668px;position: absolute; top: 0;left:0;right: 0;bottom: 0;margin: auto;}
#spNav .nv-inner h1 {opacity: 1;width: 240px; height:auto;margin:0px auto 50px;padding: 0;}
#spNav .flexWrap {margin-bottom: 0px;border-bottom: 1px solid #f5f5f5;}
#spNav ul.item li {border-top: 1px solid #f5f5f5;width:100%;position: relative;display: block;}
#spNav ul.item li.last {border-bottom: 1px solid #f5f5f5;}
#spNav ul.item li > a {color: #000;width:100%;height: 60px;line-height:60px;position: relative;display: block;font-weight: normal;font-size: 1.2rem;padding-left: 20px;}
#spNav ul.item li > a::before {content: '';position: absolute; top: 0;left: 0;background-color:rgba(0,162,154,0.1);display: block; width: 100%;height: 100%;z-index: 0;transform-origin: right top;transform:scale(0, 1);transition: transform .3s;}
#spNav ul.item li > a:hover::before {transform-origin: left top;transform:scale(1, 1);transition: transform .3s;}
#spNav ul.item li > a span {font-size:1.8rem;margin-right: 20px;letter-spacing: 0px;}
#spNav ul.item li > a .fa-chevron-right{font-size: 1.2rem;position: absolute; top: 50%;margin-top: -6px; right: 20px;}

@media screen and (max-width: 1023px){
    #spNav .nv-inner {display: block;height:664px;width:668px;position: absolute; top: 150px;left: 50%;margin-left:-334px;}
}
@media screen and (max-width: 767px){
    #spNav {overflow-y: auto;}
    #spNav .nv-inner {border-bottom:none;display: block;height:auto;width:320px;padding:75px 0 0px;position:relative; top:inherit;left:inherit;margin:0 auto 50px;}
    #spNav .nv-inner h1 {width: 210px; height:auto;margin:0px auto 50px;padding: 0;}
    #spNav ul.item li > a span {font-size:1.6rem;margin-right: 15px;}
    #spNav ul.item li.last {border-bottom:none;}
}

/* --------------------------
 * form
-------------------------- */
#telBox {text-align: center;margin: 0px auto 75px;border-bottom: 1px dotted #ccc;padding-bottom: 75px;}
#telBox .tel {letter-spacing: 2px;font-size: 4.8rem;margin-bottom: 25px;}
#telBox .tel span {font-size: 2.4rem;margin-right: 7px;margin-left: 0;}
#telBox .notemin {font-size: 14px;letter-spacing: 3px;}
@media screen and (max-width: 767px) {
    #telBox { text-align: center;max-width:auto;margin: -50px 0px 50px;padding-bottom: 50px;}
    #telBox .tel {letter-spacing: 3px;font-size: 2.4rem;margin-bottom: 15px;}
    #telBox .tel span {font-size: 1.6rem;margin-right: 5px;}
    #telBox .note {font-size: 1.3rem;letter-spacing: 1px;}
}

#formWrap {margin: 0;padding: 0 0 100px;font-size: 1.4rem;position: relative;}
#formWrap .container-sm::before {content: '';position: absolute;top: 20px;left: -100px;background-color: #f9f9f9;width:calc(100% + 200px);height:100%;z-index: -1;}
#formWrap dl {display: block;margin: 0;padding:0 0 15px;}
#formWrap dl dt {width: 30%;margin: 0;padding: 0;display: block; text-align: right;float: left;}
#formWrap dl dt .label {position: relative;padding-right: 100px; line-height: 50px;font-weight: normal;letter-spacing: 1px;}
#formWrap dl dt .label.line {line-height: 2em;}
#formWrap dl dt .label span.required {width: 40px;color: #fff;background-color: #00A29A;line-height:16px;text-align: center;font-size: 1.1rem;display: block;position: absolute; right: 45px;top: 50%;margin-top: -8px;}
#formWrap dl dt .label.line span.required {top: 13px;}
#formWrap dl dt .label span.red {color:red;font-weight: bold;font-size: 1.2rem;}
#formWrap dl dd {line-height: 50px;width: 70%!important;padding: 0;display: block;margin-bottom: 50px;margin-left:30%;}
#formWrap dl dd > label {margin: 0 20px 0 0;padding: 0;}
#formWrap dl dd p {}
#formWrap dl dd p input[type="text"]{margin-top: 0;margin-bottom: 15px;}
#formWrap dl dd p select.month{margin-left: -5px!important;}
#formWrap dl dd p > label {width: 100px;margin: 0;}
#formWrap dl dd p > input[type="radio"] {margin-right: 5px;margin-left: 15px;}
#formWrap dl dd p > input[type="radio"]:first-child {margin-left: 0;}
#formWrap dl dd p > input[type="checkbox"] {margin-left: 15px;}
#formWrap dl dd p > input[type="checkbox"]:first-child {margin-left: 0;}
#formWrap select {height: 50px;line-height: 50px;background-color: #FFF;border:1px solid #ddd;color: #000;padding: 0 20px;border-radius: 3px;-webkit-border-radius: 3px;}
#formWrap select.year,
#formWrap select.month,
#formWrap select.day {width: 120px;margin-right: 10px;}
#formWrap select.month,
#formWrap select.day {margin-left: 10px;}
#formWrap select.pref {width:205px;}
#formWrap select:focus {border: 1px solid #000;outline: 0;}
#formWrap input[type="text"],
#formWrap input[type="email"],
#formWrap input[type="number"],
#formWrap input[type="tel"]{max-width: 100%;max-width: 100%;box-sizing: border-box;background-color: #FFF; color: #000!important; line-height:50px;padding: 0 20px;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0;-webkit-box-shadow:0; border: 1px solid #ddd;}
#formWrap input:nth-child(2){margin-top: 15px;}
#formWrap textarea {box-sizing: border-box;width: 100%;background-color: #FFF; color: #000!important; line-height:1.8em;padding: 10px 20px;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0;-webkit-box-shadow:0;border: 1px solid #ddd;}
#formWrap input[type="text"]:focus,
#formWrap input[type="email"]:focus,
#formWrap input[type="tel"]:focus,
#formWrap textarea:focus {border: 1px solid #000;outline: 0;}
#formWrap input[type="checkbox"] {margin-right: 10px; line-height:100px;padding: 0 20px;border-radius: 3px;-webkit-border-radius: 3px;border: #666;color: #fff;}
#formWrap input[type="radio"] {margin-right: 10px;}
#formWrap input[type="file"] {line-height: 25px;}
#formWrap input::placeholder {color:#999;}
#formWrap textarea::placeholder {color:#999;}
#formWrap .btnGrp {width: 100%;padding-bottom: 50px;}
#formWrap .btnGrp ul {text-align: center; font-size: 0;}
#formWrap .btnGrp ul li {display: inline-block;}
#formWrap .btnGrp input[type=button],
#formWrap .btnGrp input[type=submit] {font-size: 1.8rem;letter-spacing: 4px;height: 60px;line-height: 60px;width: 300px;margin: 0 10px;display: inline-block;border:none;color: #FFF;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius: 3px;-webkit-border-radius: 3px;}
#formWrap .btnGrp input[type=button] {background-color: #00A29A;}
#formWrap .btnGrp input[type=submit] {background-color: #00A29A;}
#formWrap .btnGrp input[type=button]:hover { background-color: #ffff00;color: #000;}
#formWrap .btnGrp input[type=submit]:hover { background-color: #ffff00;color: #000;}
#formWrap .policy {margin-bottom: 50px;}
#formWrap .policy h2 {font-size: 1.8rem;text-align: center;border-bottom: 1px solid #000;padding-bottom: 15px;margin-bottom: 25px;}
#formWrap .policy .textArea {background-color: #fff;margin-bottom: 50px;line-height: 1.8rem;padding: 25px;display: block;height: 200px;width: 100%;overflow: auto;font-size: 1.2rem;border: 1px solid #ddd;}
#formWrap .policy p {margin-bottom: 10px;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;background-color: #fff!important;margin: 50px 0px 0!important;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;background-color: #fff!important;margin: 50px 0px 0!important;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;background-color: #fff!important;margin: 50px 0px 0!important;}
div.wpcf7-validation-errors,div.wpcf7-response-output {border: 2px solid #f7e700;background-color: #fff!important;margin: 50px 0px 0!important;}
form.wpcf7-form{margin-top: -100px;padding-top: 100px;}
@media screen and (max-width: 1124px) {
    #formWrap .container-sm::before {content: '';position: absolute;top: 20px;left: 0px;background-color: #f9f9f9;width:100%;height:calc(100% - 50px);z-index: -1;}
}
@media screen and (max-width: 1023px) {
    #formWrap {width:auto;margin:0px;padding: 0 0 50px;}
    #formWrap .title.border {margin-bottom: 50px;}
    #formWrap .container-sm::before {content: '';position: absolute;top: 15px;left: -25px;background-color: #f9f9f9;width:calc(100% + 50px);height:100%;z-index: -1;}
    #formWrap dl dt {border-top: 1px solid #ddd;width: 100%;margin: 0;padding: 0;padding-top: 10px;display: block; text-align: left;float: none;}
    #formWrap dl dd {line-height: 50px;width: 100%!important;padding: 0;display: block;margin-bottom: 25px;margin-left:0%;}
    #formWrap .btnGrp {margin: 0px;padding: 0 0 0px;display: block;}
    #formWrap .btnGrp input[type=button],
    #formWrap .btnGrp input[type=submit] { width: 200px;margin: 10px auto!important;display: block;}
}
@media screen and (max-width: 767px) {
    #formWrap {width:auto;margin:0px;padding: 0 0 40px;}
    #formWrap .title.border {margin-bottom: 40px;}
    #formWrap dl dt {padding-top: 5px;}
    #formWrap dl dd {margin-bottom:20px;}
    #formWrap select {height: 50px;line-height: 50px;padding: 0 0px;}
    #formWrap select.year,
    #formWrap select.month,
    #formWrap select.day {width: 70px;}
    #formWrap select.pref {width:120px;}
}

ul.sitemap {}
ul.sitemap li {}
ul.sitemap li:last-child {border-bottom: 1px solid #ddd;}
ul.sitemap li a {font-weight: bold;font-size: 1.4em;letter-spacing: 1px;display: block;color: #000;border-top: 1px solid #ddd;padding: 25px;transition:all .3s ease;-webkit-transition:all .3s ease;}
ul.sitemap li a span {font-weight: 400;color: #0597F2;font-size: 1.2rem;letter-spacing: 2px;margin-left:20px;}
ul.sitemap li a:hover {background-color:rgba(0,0,0,0.02);}
@media screen and (max-width: 1023px) {
    ul.sitemap {padding-bottom: 50px;}
}
@media screen and (max-width: 600px) {
    ul.sitemap {padding-bottom: 0!important;}
    ul.sitemap li a {font-size: 1.2em;letter-spacing: 0px;padding: 15px;}
    ul.sitemap li a span {font-size: 1rem;letter-spacing: 1px;}
    ul.sitemap li:last-child {margin-bottom: 10px;}
}

/* --------------------------
 * pagination
-------------------------- */
/* Pagenation */
.pagination {margin-bottom: 25px;}
.pagination ul {margin:0; text-align: center;height: 35px;}
.pagination li {margin:0px 2px;padding: 0;display: inline-block;line-height: 35px;}
.pagination li.current {border: 1px solid #0A162D;background-color: #0A162D;color: #FFF;padding: 0px 12px;cursor: not-allowed;}
.pagination li.current:hover {border: 1px solid #0A162D;background-color: #0A162D;color: #FFF; text-decoration: none;}
.pagination li a {display: inline-block;border: 1px solid #0A162D;background-color:#FFF;color: #0A162D;padding: 0px 12px;text-decoration: none;transition: all .3s ease;-webkit-transition: all .3s ease;}
.pagination li a:hover {background-color: #0A162D!important;color: #FFF;border: 1px solid #0A162D;}


/* --------------------------
* modal
-------------------------- */
.modal-overlay {z-index:99999;display:none;position:fixed;top:0;left:0;width:100%;height:100%;}
.modal-open {cursor: pointer;}
.modalWin {position: fixed;top: 0; left: 0;width: 100%; height: 100%;display:none;background-color:#0A162D;z-index: 999999; overflow:hidden;}
.modalWin .modal-close {position:fixed;top: 50px; right: 50px;width: 50px;height: 50px;cursor: pointer;overflow: hidden;display: block;z-index: 99999;}
.modalWin .modal-close span {display:block;box-sizing: border-box;width: 100%;height: 1px;background-color: #FFF; position: absolute; left: 0;transition:all .3s ease;-webkit-transition:all .3s ease;}
.modalWin .modal-close span:nth-of-type(1) {top: 0;-webkit-transform: translateY(25px) rotate(-45deg);transform: translateY(25px) rotate(-45deg);}
.modalWin .modal-close span:nth-of-type(2) {bottom:0;-webkit-transform: translateY(-25px) rotate(45deg);transform: translateY(-25px) rotate(45deg);}
.modalWin .modal-close:hover span {opacity: 0.5;}
.modalWin .innerYoutube{display: block; width: 960px; height:540px;background-color: #000;position: absolute; top: 0; left: 0; right:0; bottom:0;margin: auto;min-width: 1000px;}