@charset "UTF-8";
/*CSSリセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html {
  font-size: 100%;
  line-height: 1.125em;
}

.mg00 {
  margin: 0;
}

.mg05 {
  margin: 5px;
}

.mg10 {
  margin: 10px;
}

.mg15 {
  margin: 15px;
}

.mg20 {
  margin: 20px;
}

.mg25 {
  margin: 25px;
}

.mg30 {
  margin: 30px;
}

.mg35 {
  margin: 35px;
}

.mg40 {
  margin: 40px;
}

.mt-20 {
  margin-top: -20px;
}

.mt-15 {
  margin-top: -15px;
}

.mt-10 {
  margin-top: -10px;
}

.mt-05 {
  margin-top: -5px;
}

.mt00 {
  margin-top: 0;
}

.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mb-20 {
  margin-bottom: -20px;
}

.mb-15 {
  margin-bottom: -15px;
}

.mb-10 {
  margin-bottom: -10px;
}

.mb-05 {
  margin-bottom: -5px;
}

.mb00 {
  margin-bottom: 0;
}

.mb05 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml-20 {
  margin-left: -20px;
}

.ml-15 {
  margin-left: -15px;
}

.ml-10 {
  margin-left: -10px;
}

.ml-05 {
  margin-left: -5px;
}

.ml00 {
  margin-left: 0;
}

.ml05 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.mr-20 {
  margin-right: -20px;
}

.mr-15 {
  margin-right: -15px;
}

.mr-10 {
  margin-right: -10px;
}

.mr-05 {
  margin-right: -5px;
}

.mr00 {
  margin-right: 0;
}

.mr05 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mv00 {
  margin-top: 0;
  margin-bottom: 0;
}

.mv05 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mv10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mv15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mv20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mv25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mv30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mv35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mv40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mh00 {
  margin-left: 0;
  margin-right: 0;
}

.mh05 {
  margin-left: 5px;
  margin-right: 5px;
}

.mh10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mh15 {
  margin-left: 15px;
  margin-right: 15px;
}

.mh20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mh25 {
  margin-left: 25px;
  margin-right: 25px;
}

.mh30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mh35 {
  margin-left: 35px;
  margin-right: 35px;
}

.mh40 {
  margin-left: 40px;
  margin-right: 40px;
}

.pd00 {
  padding: 0;
}

.pd05 {
  padding: 5px;
}

.pd10 {
  padding: 10px;
}

.pd15 {
  padding: 15px;
}

.pd20 {
  padding: 20px;
}

.pd25 {
  padding: 25px;
}

.pd30 {
  padding: 30px;
}

.pd35 {
  padding: 35px;
}

.pd40 {
  padding: 40px;
}

.pt00 {
  padding-top: 0;
}

.pt05 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pb00 {
  padding-bottom: 0;
}

.pb05 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl00 {
  padding-left: 0;
}

.pl05 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pr00 {
  padding-right: 0;
}

.pr05 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pv00 {
  padding-top: 0;
  padding-bottom: 0;
}

.pv05 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pv10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pv15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pv20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pv25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pv30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pv35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pv40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ph00 {
  padding-left: 0;
  padding-right: 0;
}

.ph05 {
  padding-left: 5px;
  padding-right: 5px;
}

.ph10 {
  padding-left: 10px;
  padding-right: 10px;
}

.ph15 {
  padding-left: 15px;
  padding-right: 15px;
}

.ph20 {
  padding-left: 20px;
  padding-right: 20px;
}

.ph25 {
  padding-left: 25px;
  padding-right: 25px;
}

.ph30 {
  padding-left: 30px;
  padding-right: 30px;
}

.ph35 {
  padding-left: 35px;
  padding-right: 35px;
}

.ph40 {
  padding-left: 40px;
  padding-right: 40px;
}

.bold {
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  display: block;
}

.spacer-h20 {
  width: 100%;
  height: 20px;
}

.txt-center {
  text-align: center;
}

.pos-rel {
  display: block;
  position: relative;
}

.of-hd {
  overflow: hidden;
}

.small {
  font-size: 90%;
  line-height: 140%;
}

.rad-50per {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.rad-8px {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.rad-12px {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

.sup {
  font-size: 70%;
}

.tr-orange {
  color: #ea5514;
}

.tr-green {
  color: #3a7e51;
}

.inline {
  display: inline-block;
}

.nowrap {
  word-break: keep-all;
}

.disp-sp-only {
  display: none !important;
}
@media screen and (max-width: 540px) {
  .disp-sp-only {
    display: block !important;
  }
}

.disp-pc-only {
  display: block !important;
}
@media screen and (max-width: 540px) {
  .disp-pc-only {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  iframe.youtube-player {
    width: 100% !important;
    height: 53.75vw !important;
  }
}

html {
  font-family: "FB Benton Sans Regular", "Koburina Gothic W3 JIS2004", sans-serif;
  overflow-x: hidden;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
strong {
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-weight: bold;
}

/*------コンテンツ定型-------*/
.wrapper {
  min-width: 360px;
}

.content-wrapper {
  display: block;
  position: relative;
  max-width: 1600px;
  min-width: 360px;
  height: auto;
  margin: 0 auto;
  background: #fff;
}
.content-wrapper.breadcrumbs-fx {
  background-color: #eee;
}

.content-subwrapper, .content-subwrapper2 {
  display: block;
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}

h1, h2, h3, h4 {
  font-weight: bold;
}

.content-subwrapper2 h1:first-child {
  display: none;
}
.content-subwrapper2 a {
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
.content-subwrapper2 a img {
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
.content-subwrapper2 a:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}
.content-subwrapper2 a:hover img {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}
.content-subwrapper2 h2 {
  background-color: #ffefe7;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
  font-size: 129%;
  text-align: left;
  margin-bottom: 10px;
  padding: 10px 10px 10px 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 864px) {
  .content-subwrapper2 h2 {
    font-size: 115%;
  }
}
@media screen and (max-width: 768px) {
  .content-subwrapper2 h2 {
    font-size: px15;
  }
}
.content-subwrapper2 h3 {
  background-color: #ffefe7;
  background-image: url("/images2/bg-dotted-inv.png");
  background-repeat: repeat;
  background-size: 8px;
  font-size: 115%;
  text-align: left;
  margin-bottom: 10px;
  padding: 8px 8px 8px 10px;
  border-top: solid 1px #f7bba1;
  border-bottom: solid 1px #f7bba1;
}
@media screen and (max-width: 864px) {
  .content-subwrapper2 h3 {
    font-size: 108%;
  }
}
@media screen and (max-width: 768px) {
  .content-subwrapper2 h3 {
    font-size: 100%;
  }
}
.content-subwrapper2 h4 {
  background-color: #ffefe7;
  background-image: url("/images2/bg-dotted-inv.png");
  background-repeat: repeat;
  background-size: 8px;
  font-size: 108%;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  padding: 2px 2px 2px 10px;
  border-left: solid 5px #f7bba1;
}
@media screen and (max-width: 864px) {
  .content-subwrapper2 h4 {
    font-size: 108%;
  }
}
@media screen and (max-width: 768px) {
  .content-subwrapper2 h4 {
    font-size: 100%;
  }
}
.content-subwrapper2 p {
  padding: 10px 0 20px 0;
}
.content-subwrapper2 img {
  display: block;
  margin: 0 auto;
  height: auto;
}
@media not screen and (max-width: 768px) {
  .content-subwrapper2 img {
    max-width: 768px;
  }
}
.content-subwrapper2 blockquote {
  display: block;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 15px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 0;
  margin-bottom: 20px;
  border: 1px dashed #fbddd9;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.content-subwrapper2 blockquote::before {
  display: block;
  position: absolute;
  content: "\0022";
  color: #fbddd9;
  font-size: 515%;
  margin-top: 5px;
  margin-left: -40px;
}
@media screen and (max-width: 540px) {
  .content-subwrapper2 blockquote::before {
    font-size: 429%;
    margin-top: 0;
    margin-left: -20px;
  }
}
.content-subwrapper2 blockquote p, .content-subwrapper2 blockquote h2, .content-subwrapper2 blockquote h3 {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .content-subwrapper2 blockquote {
    padding-top: 30px;
    padding-left: 27px;
    padding-right: 30px;
  }
}

.content-subwrapper3 {
  display: block;
  position: relative;
  max-width: 768px;
  margin: 0 auto;
}

.content-bg-wrapper {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  z-index: -995;
  -moz-z-index: -995;
  -webkit-z-index: -995;
}
@media screen and (max-width: 480px) {
  .content-bg-wrapper {
    top: 48px;
  }
}
.content-bg-wrapper .headimg {
  display: block;
  position: relative;
  width: 1600px;
  opacity: 0.2s;
  -moz-opacity: 0.2s;
  -webkit-opacity: 0.2s;
  margin: 0 auto;
  z-index: -992;
  -moz-z-index: -992;
  -webkit-z-index: -992;
}
@media screen and (max-width: 1600px) {
  .content-bg-wrapper .headimg {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .content-bg-wrapper .headimg {
    width: 360px;
  }
}
.content-bg-wrapper .headimg img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  z-index: -990;
  -moz-z-index: -990;
  -webkit-z-index: -990;
}

.imageheader h1, .imageheader2 h1 {
  font-size: 258%;
  text-align: center;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
  -moz-text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
  -webkit-text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 1280px) {
  .imageheader h1, .imageheader2 h1 {
    font-size: 215%;
  }
}
@media screen and (max-width: 1024px) {
  .imageheader h1, .imageheader2 h1 {
    font-size: 172%;
  }
}
@media screen and (max-width: 640px) {
  .imageheader h1, .imageheader2 h1 {
    font-size: 150%;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
    -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
    -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  }
}
@media screen and (max-width: 540px) {
  .imageheader h1, .imageheader2 h1 {
    font-size: 129%;
  }
}
@media screen and (max-width: 414px) {
  .imageheader h1, .imageheader2 h1 {
    font-size: 115%;
  }
}
.imageheader p, .imageheader2 p {
  font-size: 172%;
  text-align: center;
  color: #fff;
  width: 40%;
  border-top: solid 1px #fff;
  margin: -4px auto 0;
  padding-top: 6px;
  font-family: 'Averia Serif Libre', cursive;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
  -moz-text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
  -webkit-text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 1280px) {
  .imageheader p, .imageheader2 p {
    font-size: 158%;
    padding-top: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .imageheader p, .imageheader2 p {
    font-size: 143%;
    padding-top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .imageheader p, .imageheader2 p {
    width: 50%;
    margin-top: -2px;
    padding-top: 2px;
  }
}
@media screen and (max-width: 640px) {
  .imageheader p, .imageheader2 p {
    width: 55%;
    font-size: 129%;
    margin-top: 0;
    padding-top: 2px;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
    -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
    -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  }
}
@media screen and (max-width: 540px) {
  .imageheader p, .imageheader2 p {
    width: 60%;
    font-size: 115%;
  }
}
@media screen and (max-width: 414px) {
  .imageheader p, .imageheader2 p {
    width: 70%;
    font-size: 100%;
  }
}

.imageheader {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 1600px;
  padding-top: 400px;
  padding-bottom: 376px;
  opacity: 0.2s;
  -moz-opacity: 0.2s;
  -webkit-opacity: 0.2s;
}
@media screen and (max-width: 1600px) {
  .imageheader {
    width: 100%;
    padding-top: 25%;
    padding-bottom: 23.5%;
  }
}
@media screen and (max-width: 540px) {
  .imageheader {
    padding-top: 30%;
    padding-bottom: 18.5%;
  }
}
@media screen and (max-width: 414px) {
  .imageheader {
    padding-top: 33%;
    padding-bottom: 14.5%;
  }
}
@media screen and (max-width: 480px) {
  .imageheader {
    margin-top: 48px;
  }
}
@media screen and (max-width: 360px) {
  .imageheader {
    width: 360px;
    padding-top: 35%;
    padding-bottom: 12.5%;
  }
}

.imageheader2 {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 1600px;
  padding-top: 128px;
  padding-bottom: 96px;
  opacity: 0.2s;
  -moz-opacity: 0.2s;
  -webkit-opacity: 0.2s;
}
@media screen and (max-width: 1600px) {
  .imageheader2 {
    width: 100%;
    padding-top: 8%;
    padding-bottom: 6%;
  }
}
@media screen and (max-width: 540px) {
  .imageheader2 {
    padding-top: 10%;
    padding-bottom: 3.0%;
  }
}
@media screen and (max-width: 414px) {
  .imageheader2 {
    padding-top: 10.5%;
    padding-bottom: 2.125%;
  }
}
@media screen and (max-width: 480px) {
  .imageheader2 {
    margin-top: 24px;
  }
}
@media screen and (max-width: 360px) {
  .imageheader2 {
    width: 360px;
    padding-top: 11%;
    padding-bottom: 1.5%;
  }
}

/*------contents-------*/
img {
  max-width: 100%;
}

body {
  -webkit-text-size-adjust: 100%;
  color: #333333;
  background-color: #f5f5f5;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
  overflow-x: hidden;
  font-size: 1em;
  line-height: 1.6875em;
  margin-top: 0em;
  margin-bottom: 0em;
}
body:before {
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}

h1 {
  font-size: 1.3125em;
  line-height: 1.28571em;
  margin-top: 0.85714em;
  margin-bottom: 0.85714em;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
}
h1.site-title {
  font-size: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  z-index: -98;
  -moz-z-index: -98;
  -webkit-z-index: -98;
}

h2 {
  font-size: 1.3125em;
  line-height: 1.28571em;
  margin-top: 0.85714em;
  margin-bottom: 0.85714em;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  text-align: center;
}
h2.small-discript {
  display: block;
  font-family: "FB Benton Sans Regular", "Koburina Gothic W3 JIS2004", sans-serif;
  font-size: 86%;
}

h3, h4 {
  font-size: 1em;
  line-height: 1.6875em;
  margin-top: 1.125em;
  margin-bottom: 1.125em;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  text-align: center;
  font-weight: bold;
}

a {
  color: #ea5514;
  text-decoration: none;
}
a._linkColorReset {
  color: #333333;
}
a.button_orange {
  color: #fff;
  background-color: #ea5514;
  display: block;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 12px 12px 8px;
  margin-top: 20px;
}
a.button_orange:before {
  content: "▶︎ ";
}
a.button_green {
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  color: #3a7e51;
  background-color: #dff5e2;
  display: block;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border: solid 1px #3a7e51;
  padding: 12px;
  margin-top: 20px;
  transition: color,0.4s backgroud-color,0.4s opacity,0.4s;
}
a.button_green:hover {
  color: #fff;
  background-color: #3a7e51;
  opacity: 0.8;
}
a.button_white {
  font-size: 86%;
  display: block;
  width: calc(100% / 3 - 20px);
  margin: 0 auto 10px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  padding: 12px 12px 8px;
  margin-top: 20px;
  color: #ea5514;
  background-color: #fff;
  border: 1px solid #ea5514;
  text-align: center;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  transition: color,0.4s backgroud-color,0.4s border-color,0.4s opacity,0.4s;
}
a.button_white:before {
  content: "▶︎ ";
}
@media screen and (max-width: 540px) {
  a.button_white {
    width: 50%;
  }
}
a.button_white:hover {
  color: #fff;
  border-color: #ea5514;
  background-color: #ea5514;
  opacity: 0.8;
}
a.button_white_circle {
  font-size: 86%;
  display: block;
  width: 100px;
  height: 100px;
  margin: 10px auto 0px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #ea5514;
  background-color: #fff;
  border: 1px solid #808080;
  text-align: center;
  font-weight: bold;
  font-family: "FB Benton Sans Regular", "Koburina Gothic W3 JIS2004", sans-serif;
  line-height: 1.1;
  transition: backgroud-color,0.4s border-color,0.4s;
}
a.button_white_circle:hover {
  border-color: #ea5514;
  background-color: #ffefe7;
}
a.button_white_circle i {
  margin-top: 16px;
  margin-bottom: 11px;
  font-size: 229%;
}
a.button_white_circle i:nth-last-child(n+3) {
  margin-bottom: 4px;
}
a.button_white_circle i:last-child {
  margin-bottom: 4px;
}
a.sns_link {
  display: block;
  width: 100px;
  height: 100px;
  margin: 10px auto 0px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
}
@media screen and (max-width: 540px) {
  a.sns_link {
    width: 50px;
    height: 50px;
  }
}

.bgwrap {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 25px 10px 20px 10px;
  width: 100%;
}

.bgwrap-cat {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 20px 10px 20px 10px;
  width: 100%;
}
.bgwrap-cat h1 {
  text-align: center;
  display: block;
  width: 85%;
  padding: 0px;
  margin: 0 auto 15px auto;
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
  font-size: 115%;
}
.bgwrap-cat p {
  padding: 10px 0;
}

.bgwrap-post {
  display: block;
  overflow: hidden;
  margin: 10px;
  padding: 10px 10px 2px 10px;
  width: calc(100% - 20px);
}
@media screen and (max-width: 640px) {
  .bgwrap-post {
    padding-bottom: 10px;
  }
}

.bg-dot-orange {
  display: block;
  background-color: #fff0d9;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
.bg-dot-orange .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-dot-orange .mq-align-cl {
    text-align: left;
  }
}

.bg-dot-yellow {
  display: block;
  background-color: #fcf6e0;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
.bg-dot-yellow .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-dot-yellow .mq-align-cl {
    text-align: left;
  }
}

.bg-dot-green {
  display: block;
  background-color: #dff5e2;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
.bg-dot-green .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-dot-green .mq-align-cl {
    text-align: left;
  }
}

.bg-dot-blue {
  display: block;
  background-color: #e8f1fa;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
.bg-dot-blue .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-dot-blue .mq-align-cl {
    text-align: left;
  }
}

.bg-dot-purple {
  display: block;
  background-color: #f5f0fa;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
.bg-dot-purple .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-dot-purple .mq-align-cl {
    text-align: left;
  }
}

.bg-dot-red {
  display: block;
  background-color: #fff2f0;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
.bg-dot-red .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-dot-red .mq-align-cl {
    text-align: left;
  }
}

.bg-dot-orange-dk {
  display: block;
  background-color: rgba(234, 85, 20, 0.5);
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
.bg-dot-orange-dk .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-dot-orange-dk .mq-align-cl {
    text-align: left;
  }
}

.bg-orange-dk {
  display: block;
  background-color: rgba(234, 85, 20, 0.5);
}
.bg-orange-dk .mq-align-cl {
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .bg-orange-dk .mq-align-cl {
    text-align: left;
  }
}

.section-title {
  display: block;
  font-family: 'Averia Serif Libre', cursive;
  font-size: 158%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #333333;
  border-bottom: solid 1px #808080;
}

.bg-white {
  background-color: #fff;
}

section {
  padding: 0;
}
section.orange {
  background-color: #ffefe7;
}
section .content {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 10px;
}
section .content-lg {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 10px;
}
section .content-pd0 {
  max-width: 1024px;
  margin: 0 auto;
}

/*------スライダー-------*/
section h2:first-child {
  margin-top: 0;
}

/*------パンくずリスト------*/
.breadcrumbs {
  max-width: 1024px;
  min-width: 360px;
}

.bc-sp {
  padding: 5px 10px;
  font-size: 85%;
  line-height: 130%;
}
.bc-sp p {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media screen and (max-width: 540px) {
  .bc-sp {
    padding: 2px 6px;
    font-size: 75%;
  }
}

/*------動画------*/
.video-bg {
  background-color: #ffefe7;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
  overflow: hidden;
}

.video-wrapper {
  display: block;
  margin: 3em auto;
  padding: 0;
  width: 1024px;
  height: 576px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1280px) {
  .video-wrapper {
    margin: calc(16vw - 163px) auto;
  }
}
@media screen and (max-width: 1024px) {
  .video-wrapper {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
@media screen and (max-width: 360px) {
  .video-wrapper {
    width: 360px;
    height: 202px;
  }
}
.video-wrapper video {
  display: block;
  margin: 0;
  padding: 0;
}

.youtube-wrapper {
  display: block;
  margin: 3em auto;
  padding: 0;
  width: 1024px;
  height: 576px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1020px){.youtube-wrapper {width: 1000px;height: 563px;}}
@media screen and (max-width: 990px) {.youtube-wrapper {width: 970px; height: 546px;}}
@media screen and (max-width: 960px) {.youtube-wrapper {width: 940px; height: 529px;}}
@media screen and (max-width: 930px) {.youtube-wrapper {width: 910px; height: 512px;}}
@media screen and (max-width: 900px) {.youtube-wrapper {width: 880px; height: 495px;}}
@media screen and (max-width: 870px) {.youtube-wrapper {width: 850px; height: 478px;}}
@media screen and (max-width: 840px) {.youtube-wrapper {width: 820px; height: 461px;}}
@media screen and (max-width: 810px) {.youtube-wrapper {width: 790px; height: 444px;}}
@media screen and (max-width: 780px) {.youtube-wrapper {width: 760px; height: 428px;}}
@media screen and (max-width: 750px) {.youtube-wrapper {width: 730px; height: 411px;}}
@media screen and (max-width: 720px) {.youtube-wrapper {width: 700px; height: 394px;}}
@media screen and (max-width: 690px) {.youtube-wrapper {width: 670px; height: 377px;}}
@media screen and (max-width: 660px) {.youtube-wrapper {width: 640px; height: 360px;}}
@media screen and (max-width: 630px) {.youtube-wrapper {width: 610px; height: 343px;}}
@media screen and (max-width: 600px) {.youtube-wrapper {width: 580px; height: 326px;}}
@media screen and (max-width: 570px) {.youtube-wrapper {width: 550px; height: 309px;}}
@media screen and (max-width: 540px) {.youtube-wrapper {width: 520px; height: 293px;}}
@media screen and (max-width: 510px) {.youtube-wrapper {width: 490px; height: 276px;}}
@media screen and (max-width: 480px) {.youtube-wrapper {width: 460px; height: 259px;}}
@media screen and (max-width: 450px) {.youtube-wrapper {width: 430px; height: 242px;}}
@media screen and (max-width: 420px) {.youtube-wrapper {width: 400px; height: 225px;}}
@media screen and (max-width: 390px) {.youtube-wrapper {width: 370px; height: 208px;}}
@media screen and (max-width: 360px) {.youtube-wrapper {width: 340px; height: 191px;}}

.video-swiper-wrapper {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.video-play,
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
  pointer-events: none;
}

.ytp-pause-overlay {
  bottom: -200px;
  opacity: 0;
}

/*------ページナビ-------*/
.pageNavi .wp-pagenavi {
  width: 100% !important;
  padding: 10px 0px !important;
  text-align: center !important;
}
.pageNavi .wp-pagenavi a, .pageNavi .wp-pagenavi span {
  font-family: "FB Benton Sans Regular", "Koburina Gothic W3 JIS2004", sans-serif;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.pageNavi .wp-pagenavi a.pages, .pageNavi .wp-pagenavi span.pages {
  font-style: italic;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.pageNavi .wp-pagenavi a.current, .pageNavi .wp-pagenavi span.current {
  padding-top: 6px !important;
  padding-botom: 6px !important;
  font-size: 133% !important;
}

section .news {
  max-width: 100%;
}
section .news .headline {
  max-width: 100%;
}
section .news .headline-img-trim {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 100%;
  padding-top: 60%;
  position: relative;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
}
section .news .headline-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 320px;
  height: 200px;
}
section .news .headline-img img {
  width: 100%;
  height: auto;
}
@media not screen and (max-width: 812px) {
  section .news .headline-img img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
}
@media screen and (max-width: 812px) {
  section .news .headline-img img {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}
@media screen and (max-width: 768px) {
  section .news .headline-img img {
    transform: scale(0.75);
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
  }
}
@media screen and (max-width: 640px) {
  section .news .headline-img img {
    transform: scale(0.68);
    -moz-transform: scale(0.68);
    -webkit-transform: scale(0.68);
  }
}
@media screen and (max-width: 540px) {
  section .news .headline-img img {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}
@media screen and (max-width: 414px) {
  section .news .headline-img img {
    transform: scale(0.65);
    -moz-transform: scale(0.65);
    -webkit-transform: scale(0.65);
  }
}
@media screen and (max-width: 360px) {
  section .news .headline-img img {
    transform: scale(0.56);
    -moz-transform: scale(0.56);
    -webkit-transform: scale(0.56);
  }
}
section .news article {
  position: relative;
  float: left;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
section .news article.post-tile, section .news article.post-tile2 {
  width: calc(100% / 3 - 20px);
  width: -webkit-calc(100% / 3 - 20px);
  background: #fff;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  z-index: 150;
  -moz-z-index: 150;
  -webkit-z-index: 150;
  transition: opacity 0.2s, box-shadow 0.2s;
}
@media screen and (max-width: 540px) {
  section .news article.post-tile, section .news article.post-tile2 {
    width: calc(100% / 2 - 20px);
    width: -webkit-calc(100% / 2 - 20px);
  }
}
section .news article.post-tile:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  box-shadow: 0px 1px 18px rgba(0, 153, 255, 0.9);
  -moz-box-shadow: 0px 1px 18px rgba(0, 153, 255, 0.9);
  -webkit-box-shadow: 0px 1px 18px rgba(0, 153, 255, 0.9);
}
section .news article .news-category {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 24px;
  padding-right: 6px;
  font-size: 86%;
  color: #fff;
  text-align: right;
  z-index: 0;
  -moz-z-index: 0;
  -webkit-z-index: 0;
}
@media screen and (max-width: 640px) {
  section .news article .news-category {
    height: 20px;
    font-size: 72%;
  }
}
section .news article .news-category.category1 {
  background: rgba(126, 179, 238, 0.85);
}
section .news article .news-category.category2 {
  background: rgba(233, 86, 67, 0.85);
}
section .news article .news-category.category3 {
  background: rgba(235, 187, 91, 0.85);
}
section .news article .news-location {
  position: absolute;
  top: 24px;
  right: 0px;
  height: 24px;
  padding-left: 12px;
  padding-right: 6px;
  font-size: 86%;
  color: #fff;
  text-align: right;
  background: rgba(168, 103, 218, 0.85);
  border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  -webkit-border-radius: 12px 0 0 12px;
  z-index: 1;
  -moz-z-index: 1;
  -webkit-z-index: 1;
}
@media screen and (max-width: 640px) {
  section .news article .news-location {
    top: 20px;
    height: 20px;
    padding-left: 10px;
    font-size: 72%;
  }
}
section .news article .news-calender {
  position: absolute;
  background: #ea5514;
  top: -25px;
  left: -25px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 640px) {
  section .news article .news-calender {
    top: -18px;
    left: -18px;
    width: 72px;
    height: 72px;
  }
}
section .news article .news-calender-month {
  font-family: 'Varela Round', sans-serif;
  font-size: 72%;
  margin-left: 15px;
}
@media screen and (max-width: 640px) {
  section .news article .news-calender-month {
    font-size: 66%;
  }
}
section .news article .news-calender-day {
  font-family: 'Rubik', sans-serif;
  font-size: 215%;
  margin-top: -2px;
  margin-left: 10px;
}
@media screen and (max-width: 640px) {
  section .news article .news-calender-day {
    font-size: 172%;
    margin-top: -7px;
    margin-left: 10px;
  }
}
section .news article .news-calender-month, section .news article .news-calender-day {
  position: relative;
  top: 25px;
  left: 2px;
  text-align: center;
  color: #fff;
  z-index: 50;
  -moz-z-index: 50;
  -webkit-z-index: 50;
}
@media screen and (max-width: 640px) {
  section .news article .news-calender-month, section .news article .news-calender-day {
    top: 16px;
    left: 1px;
  }
}
section .news article .news-capt-area {
  width: 100%;
  padding-top: 40%;
  border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
}
@media not screen and (max-width: 768px) {
  section .news article .news-capt-area {
    padding-top: 25%;
  }
}
section .news article .news-title {
  color: #777;
  position: absolute;
  top: calc(60% + 10px);
  top: -webkit-calc(60% + 10px);
  left: 10px;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  line-height: 140%;
  font-size: 109%;
}
@media not screen and (max-width: 768px) {
  section .news article .news-title {
    top: calc(72% + 10px);
    top: -webkit-calc(72% + 10px);
  }
}
@media screen and (max-width: 1024px) {
  section .news article .news-title {
    font-size: 98%;
  }
}
@media screen and (max-width: 812px) {
  section .news article .news-title {
    font-size: 90%;
  }
}
@media screen and (max-width: 640px) {
  section .news article .news-title {
    font-size: 83%;
    line-height: 130%;
  }
}
@media screen and (max-width: 540px) {
  section .news article .news-title {
    font-size: 98%;
    line-height: 130%;
  }
}
@media screen and (max-width: 414px) {
  section .news article .news-title {
    font-size: 83%;
    line-height: 130%;
  }
}
@media screen and (max-width: 360px) {
  section .news article .news-title {
    font-size: 76%;
    line-height: 130%;
  }
}

.post-header {
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  border-bottom: 1px dotted #f69164;
  padding: 10px 10px 5px 10px;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .post-header {
    padding-bottom: 0px;
  }
}
.post-header .post-date {
  position: absolute;
  top: 24px;
  left: 10px;
  font-size: 129%;
  font-family: 'Averia Serif Libre', cursive;
  color: #666;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .post-header .post-date {
    font-size: 115%;
  }
}
.post-header .marker {
  display: block;
  position: absolute;
  top: 22px;
  right: 10px;
}
.post-header .marker .post-edit {
  display: inline-block;
  position: relative;
  height: 28px;
  padding: 1px 4px 0 4px;
  margin-top: 1px;
  margin-left: 6px;
  font-size: 93%;
  color: #666;
  text-align: center;
  background-color: #ddd;
  border: solid 1px #666;
  transition: background-color 0.3s;
  float: right;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1;
  -moz-z-index: 1;
  -webkit-z-index: 1;
}
@media screen and (max-width: 640px) {
  .post-header .marker .post-edit {
    font-size: 86%;
    height: 24px;
    padding: 0px 4px 1px 4px;
    margin-top: 3px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
}
.post-header .marker .post-edit:hover {
  background-color: #666;
}
.post-header .marker .post-edit a {
  color: #666;
  padding: 4px;
  transition: color 0.3s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.post-header .marker .post-edit a:hover {
  color: #fff;
}
.post-header .marker .post-location {
  display: inline-block;
  position: relative;
  height: 28px;
  padding: 0px;
  margin-top: 1px;
  font-size: 72%;
  color: #a867da;
  text-align: center;
  background-color: #eee1f8;
  border: solid 1px #a867da;
  transition: background-color 0.3s;
  float: right;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1;
  -moz-z-index: 1;
  -webkit-z-index: 1;
}
@media screen and (max-width: 640px) {
  .post-header .marker .post-location {
    font-size: 66%;
    height: 24px;
    padding: 0px 7px;
    margin-top: 3px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
}
.post-header .marker .post-location:hover {
  background-color: #a867da;
}
.post-header .marker .post-location a {
  color: #a867da;
  padding: 10px;
  transition: color 0.3s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.post-header .marker .post-location a:hover {
  color: #fff;
}
.post-header .marker .post-category {
  display: inline-block;
  position: relative;
  padding: 0px;
  height: 28px;
  margin-right: 6px;
  margin-top: 1px;
  font-size: 72%;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  transition: background-color 0.3s;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 640px) {
  .post-header .marker .post-category {
    font-size: 66%;
    height: 24px;
    padding: 0px 7px;
    margin-top: 3px;
    margin-right: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
}
.post-header .marker .post-category a {
  padding: 10px;
  transition: color 0.3s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.post-header .marker .post-category.category1 {
  color: #7eb3ee;
  border-color: #7eb3ee;
  background-color: #cbe1f8;
}
.post-header .marker .post-category.category1:hover {
  background-color: #7eb3ee;
}
.post-header .marker .post-category.category1 a {
  color: #7eb3ee;
}
.post-header .marker .post-category.category1 a:hover {
  color: #fff;
}
.post-header .marker .post-category.category2 {
  color: #e95643;
  border-color: #e95643;
  background-color: #fbddd9;
}
.post-header .marker .post-category.category2:hover {
  background-color: #e95643;
}
.post-header .marker .post-category.category2 a {
  color: #e95643;
}
.post-header .marker .post-category.category2 a:hover {
  color: #fff;
}
.post-header .marker .post-category.category3 {
  color: #bf8b22;
  border-color: #ebbb5b;
  background-color: #f7e4bd;
}
.post-header .marker .post-category.category3:hover {
  background-color: #ebbb5b;
}
.post-header .marker .post-category.category3 a {
  color: #bf8b22;
}
.post-header .marker .post-category.category3 a:hover {
  color: #fff;
}

.bgwrap-post {
  text-align: right;
}
.bgwrap-post .post-title-wrap {
  position: absolute;
  top: 86px;
  left: 15px;
  width: calc(60% - 10px);
  height: 60%;
}
@media screen and (max-width: 864px) {
  .bgwrap-post .post-title-wrap {
    height: 56%;
  }
}
@media screen and (max-width: 768px) {
  .bgwrap-post .post-title-wrap {
    height: 52%;
  }
}
@media screen and (max-width: 640px) {
  .bgwrap-post .post-title-wrap {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
}
.bgwrap-post .post-title-wrap .post-title {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 129%;
  text-align: left;
  line-height: 140%;
  color: #e95643;
  transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 864px) {
  .bgwrap-post .post-title-wrap .post-title {
    font-size: 122%;
  }
}
@media screen and (max-width: 768px) {
  .bgwrap-post .post-title-wrap .post-title {
    font-size: 108%;
  }
}
@media screen and (max-width: 640px) {
  .bgwrap-post .post-title-wrap .post-title {
    position: relative;
    top: 0;
    left: 0;
    font-size: 115%;
    margin: 0 0 10px 0;
    padding-left: 0;
    padding-right: 0;
    transform: translateY(0%) translateX(0%);
    -moz-transform: translateY(0%) translateX(0%);
    -webkit-transform: translateY(0%) translateX(0%);
  }
}
@media screen and (max-width: 540px) {
  .bgwrap-post .post-title-wrap .post-title {
    font-size: 108%;
  }
}
.bgwrap-post .eyecatch {
  display: inline-block;
  width: calc(40% - 10px);
  border: solid 1px #f7bba1;
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 640px) {
  .bgwrap-post .eyecatch {
    display: block;
    width: 100%;
  }
}
.bgwrap-post .eyecatch img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bgwrap-post .lb-thumb-pc {
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .bgwrap-post .lb-thumb-pc {
    display: none;
  }
}
.bgwrap-post .lb-thumb-sp {
  display: none;
}
@media screen and (max-width: 640px) {
  .bgwrap-post .lb-thumb-sp {
    display: block;
  }
}

.post-content {
  padding: 0px 10px;
}
.post-content ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 10px;
  margin-bottom: 10px;
}
.post-content small, .post-content p > small {
  font-size: 86%;
}

.wp-caption {
  max-width: 100%;
}
@media not screen and (max-width: 768px) {
  .wp-caption {
    width: 768px !important;
    margin: 0 auto;
  }
}
.wp-caption img {
  max-width: 100%;
  height: auto;
}

.wp-caption-text {
  padding: 8px 10px 4px 10px !important;
  margin-bottom: 10px !important;
  color: #aaa;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 79%;
  line-height: 140%;
  text-align: center;
}

.wp-block-image figcaption {
  padding: 8px 10px 4px 10px !important;
  margin-bottom: 10px !important;
  color: #aaa;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 79%;
  line-height: 140%;
  text-align: center;
}

.sd-content {
  margin: 20px 0 35px 0;
}
@media not screen and (max-width: 768px) {
  .sd-content {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
  }
}
.sd-content a img {
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.content-end {
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #f69164;
}

.nextprev {
  display: block;
  position: relative;
  width: 100%;
  height: 48px;
  padding-top: 10px;
  text-align: center;
}
@media not screen and (max-width: 768px) {
  .nextprev {
    margin: 0 auto;
    width: 768px;
  }
}
.nextprev .prev, .nextprev .next {
  width: calc(50% - 10px);
  display: block;
  position: absolute;
}
.nextprev .prev a, .nextprev .next a {
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
.nextprev .prev a:hover, .nextprev .next a:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}
.nextprev .prev {
  top: 10px;
  left: 10px;
  text-align: left;
}
.nextprev .next {
  top: 10px;
  right: 10px;
  text-align: right;
}

/*------就職・センター利用体験談-------*/
.story-grid {
  width: calc(100% / 3);
  float: left;
  padding: 7px 7px 8px 8px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .story-grid {
    width: 50%;
  }
  .story-grid:nth-child(even) {
    float: left;
  }
  .story-grid:nth-child(odd) {
    clear: both;
  }
}
@media screen and (max-width: 480px) {
  .story-grid {
    float: none;
    width: 100%;
    padding: 7px 7px 8px 8px;
  }
}
.story-grid:last-child {
  margin-bottom: 20px;
}

.story-tile {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #e8f1fa;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
  transition: background-color 0.2s, opacity 0.2s, box-shadow 0.2s;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.story-tile:hover {
  background-color: #ffefe7;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  box-shadow: 1px 1px 12px rgba(255, 153, 0, 0.9);
  -moz-box-shadow: 1px 1px 12px rgba(255, 153, 0, 0.9);
  -webkit-box-shadow: 1px 1px 12px rgba(255, 153, 0, 0.9);
}
.story-tile img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.story-title {
  display: block;
  position: relative;
  top: -30px;
  width: 100%;
  height: 30px;
  padding-right: 10px;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-size: 93%;
  text-align: right;
  color: white;
  background: rgba(69, 113, 161, 0.85);
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  text-shadow: 0 0 6px #4571a1;
  -moz-text-shadow: 0 0 6px #4571a1;
  -webkit-text-shadow: 0 0 6px #4571a1;
}
.story-title p {
  display: block;
  padding: 4px 0 0 0;
  margin-top: 0px;
}
@media screen and (max-width: 812px) {
  .story-title {
    top: -24px;
    height: 24px;
    font-size: 79%;
  }
  .story-title p {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .story-title {
    top: -30px;
    height: 30px;
    font-size: 93%;
  }
  .story-title p {
    padding: 4px 0 0 0;
  }
}
@media screen and (max-width: 640px) {
  .story-title {
    top: -24px;
    height: 24px;
    font-size: 79%;
  }
  .story-title p {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .story-title {
    top: -30px;
    height: 30px;
    font-size: 93%;
  }
  .story-title p {
    padding: 4px 0 0 0;
  }
}

.story-text {
  display: block;
  background-color: #fff;
  color: #777;
  font-size: 93%;
  margin: -18px auto 0 auto;
  width: 100%;
  height: 11.75em;
  padding: 2px 10px 0 10px;
  line-height: 150%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 1020px) {
  .story-text {
    height: 13.25em;
  }
}
@media screen and (max-width: 864px) {
  .story-text {
    font-size: 86%;
    height: 13em;
  }
}
@media screen and (max-width: 812px) {
  .story-text {
    font-size: 79%;
    height: 12.5em;
  }
}
@media screen and (max-width: 768px) {
  .story-text {
    font-size: 86%;
    height: 11.5em;
  }
}
@media screen and (max-width: 640px) {
  .story-text {
    font-size: 86%;
    height: 12.5em;
  }
}
@media screen and (max-width: 540px) {
  .story-text {
    font-size: 72%;
    height: 13.25em;
  }
}
@media screen and (max-width: 480px) {
  .story-text {
    font-size: 93%;
    height: 10em;
  }
}
@media screen and (max-width: 414px) {
  .story-text {
    font-size: 86%;
    height: 10.25em;
  }
}

.post-story-header {
  display: block;
}
@media screen and (max-width: 640px) {
  .post-story-header {
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    border-bottom: 1px dotted #7eb3ee;
    padding: 10px 10px 0px 10px;
    text-align: right;
  }
}

.post-story-head-1 {
  display: none;
}
@media screen and (max-width: 640px) {
  .post-story-head-1 {
    display: block;
    font-family: "A1 Mincho";
    margin-top: 10px;
    text-align: right;
    font-size: 179%;
    color: #cbe1f8;
  }
}

.post-story-head-2 {
  display: none;
}
@media not screen and (max-width: 640px) {
  .post-story-head-2 {
    display: block;
    position: relative;
    transform: translate(115%, 30px);
    float: left;
    width: 50px;
    height: 10em;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 15px;
    border-top: solid 12px #7eb3ee;
    font-family: "A1 Mincho";
    vertical-align: middle;
    font-size: 258%;
    color: #cbe1f8;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }
}

.story-ec-wrapper {
  display: block;
  position: relative;
}

.post-story-title {
  display: block;
  color: #4571a1;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-size: 129%;
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width: 540px) {
  .post-story-title {
    font-size: 108%;
  }
}

.story-eyecatch {
  display: block;
  float: left;
  width: 80%;
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
  background-color: #e8f1fa;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
  transition: background-color 0.2s, opacity 0.2s, box-shadow 0.2s;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 640px) {
  .story-eyecatch {
    width: 100%;
    margin-top: 20px;
    float: none;
  }
}
.story-eyecatch img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*-----Q&Aページ-----*/
.faqList {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 5px;
}
.faqList dt {
  position: relative;
  margin-left: auto;
  margin-right: 60px;
  width: 50%;
  background-color: #dff5e2;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  color: #3a7e51;
  padding: 15px;
  margin-bottom: 20px;
  font-size: 86%;
  line-height: 150%;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.faqList dt p {
  padding: 0;
}
.faqList dt .faq-icon2 {
  content: url(/images2/faq-icon_02.png);
  position: absolute;
  top: -5px;
  right: -60px;
  width: 60px;
  height: 50px;
}
.faqList dd {
  position: relative;
  margin-left: 60px;
  margin-right: auto;
  width: 50%;
  background-color: #ffefe7;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  color: #ea5514;
  padding: 15px;
  margin-bottom: 20px;
  font-size: 86%;
  line-height: 150%;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.faqList dd p {
  padding: 0;
}
.faqList dd .faq-icon1 {
  content: url(/images2/faq-icon_01.png);
  position: absolute;
  top: -5px;
  left: -60px;
  width: 60px;
  height: 50px;
}

/*------404ページ-------*/
.sp-404 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 812px) {
  .sp-404 {
    padding-top: 10px;
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 540px) {
  .sp-404 {
    padding-top: 10px;
    padding-bottom: 160px;
  }
}

/*------メインバナー-------*/
article.main-banner {
  display: block;
  width: 100%;
}
article.main-banner .main-bnr-area {
  max-width: 1600px;
  min-width: 360px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
article.main-banner aside.main-bnr {
  position: relative;
  width: 100%;
  background: #ccc;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  height: auto;
  background: #fff;
}
@media screen and (max-width: 360px) {
  article.main-banner aside.main-bnr .main-bnr-tile-linked {
    min-width: 180px;
    min-height: 180px;
  }
}
@media not screen and (max-width: 1600px) {
  article.main-banner aside.main-bnr .main-bnr-tile-linked {
    width: 400px;
    height: 400px;
  }
}
@media screen and (max-width: 540px) {
  article.main-banner aside.main-bnr .main-bnr-tile-linked {
    width: 50%;
    height: auto;
  }
}
article.main-banner aside.main-bnr .main-bnr-tile-linked img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked img.mainbnr-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  transform: scale(0.95);
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transition: opacity 0.3s, transform 0.3s;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked img.mainbnr-hover.bnr-disp {
  display: block;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked img.mainbnr-hover:hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}
article.main-banner aside.main-bnr .main-bnr-tile-nolink {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  height: auto;
  pointer-events: none;
  background: #fff;
}
@media not screen and (max-width: 1600px) {
  article.main-banner aside.main-bnr .main-bnr-tile-nolink {
    width: 400px;
    height: 400px;
  }
}
@media screen and (max-width: 540px) {
  article.main-banner aside.main-bnr .main-bnr-tile-nolink {
    display: none;
  }
}
article.main-banner aside.main-bnr .main-bnr-tile-nolink img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}
article.main-banner aside.main-bnr .main-bnr-tile-nolink img.mainbnr-hover.bnr-disp {
  display: none;
  z-index: -100;
  -moz-z-index: -100;
  -webkit-z-index: -100;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked-wide {
  display: block;
  position: relative;
  float: left;
  width: 50%;
  height: auto;
  background: #fff;
}
@media screen and (max-width: 360px) {
  article.main-banner aside.main-bnr .main-bnr-tile-linked-wide {
    min-width: 360px;
    min-height: 180px;
  }
}
@media not screen and (max-width: 1600px) {
  article.main-banner aside.main-bnr .main-bnr-tile-linked-wide {
    width: 800px;
    height: 400px;
  }
}
@media screen and (max-width: 540px) {
  article.main-banner aside.main-bnr .main-bnr-tile-linked-wide {
    width: 100%;
    height: auto;
  }
}
article.main-banner aside.main-bnr .main-bnr-tile-linked-wide img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked-wide img.mainbnr-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  transform: scale(0.95);
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transition: opacity 0.3s, transform 0.3s;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked-wide img.mainbnr-hover.bnr-disp {
  display: block;
}
article.main-banner aside.main-bnr .main-bnr-tile-linked-wide img.mainbnr-hover:hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}
article.main-banner aside.main-bnr .main-bnr-tile-nolink-wide {
  display: block;
  position: relative;
  float: left;
  width: 50%;
  height: auto;
  pointer-events: none;
  background: #fff;
}
@media not screen and (max-width: 1600px) {
  article.main-banner aside.main-bnr .main-bnr-tile-nolink-wide {
    width: 800px;
    height: 400px;
  }
}
@media screen and (max-width: 540px) {
  article.main-banner aside.main-bnr .main-bnr-tile-nolink-wide {
    display: none;
  }
}
article.main-banner aside.main-bnr .main-bnr-tile-nolink-wide img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}
article.main-banner aside.main-bnr .main-bnr-tile-nolink-wide img.mainbnr-hover.bnr-disp {
  display: none;
  z-index: -100;
  -moz-z-index: -100;
  -webkit-z-index: -100;
}

/*------SNSバナー-------*/
.sns-banner {
  display: block;
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 800px;
  height: 400px;
  background-image: url(/images2/sns_banner_sp2.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1600px) {
  .sns-banner {
    width: 50%;
    height: 25vw;
  }
}
@media screen and (max-width: 540px) {
  .sns-banner {
    width: 100vw;
    height: 50vw;
  }
}
@media screen and (max-width: 360px) {
  .sns-banner {
    width: 360px;
    height: 180px;
  }
}

.sns-btn-1, .sns-btn-2, .sns-btn-3, .sns-btn-4 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 125px;
  height: 125px;
  padding-top: 32px;
/*  background-color: #9EDFE8;*/
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 35px;
  line-height: 220%;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 4px 6px #060;
  -moz-text-shadow: 0 4px 6px #060;
  -webkit-text-shadow: 0 4px 6px #060;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s, background-color 0.3s;
}
.sns-btn-1 {
  background-image: url(/images2/snslogo-twitter.png);
}
.sns-btn-2 {
  background-image: url(/images2/snslogo-facebook.png);
}
.sns-btn-3 {
  background-image: url(/images2/snslogo-instagram.png);
}
.sns-btn-4 {
  background-image: url(/images2/snslogo-tiktok.png);
}
.sns-btn-1:hover, .sns-btn-2:hover, .sns-btn-3:hover, .sns-btn-4:hover {
  transform: scale(1.1);
  opacity: 0.7;
  box-shadow: 0 0 16px #fff;
  -moz-box-shadow: 0 0 16px #fff;
  -webkit-box-shadow: 0 0 16px #fff;
  background-color: #ffffff;
}
@media screen and (max-width: 1600px) {
  .sns-btn-1, .sns-btn-2, .sns-btn-3, .sns-btn-4 {
    width: 7.8125vw;
    height: 7.8125vw;
    padding-top: calc(2vw - 6px);
    font-size: 2.1875vw;
    text-shadow: 0 0.25vw 0.375vw #060;
    -moz-text-shadow: 0 0.25vw 0.375vw #060;
    -webkit-text-shadow: 0 0.25vw 0.375vw #060;
  }
  .sns-btn-1:hover, .sns-btn-2:hover, .sns-btn-3:hover, .sns-btn-4:hover {
    box-shadow: 0 0 1vw #fff;
    -moz-box-shadow: 0 0 1vw #fff;
    -webkit-box-shadow: 0 0 1vw #fff;
  }
}
@media screen and (max-width: 540px) {
  .sns-btn-1, .sns-btn-2, .sns-btn-3, .sns-btn-4 {
    width: 15.625vw;
    height: 15.625vw;
    padding-top: calc(3.9vw - 4px);
    font-size: 4.375vw;
    text-shadow: 0 0 0.45vw 0.8vw #060;
    -moz-text-shadow: 0 0 0.45vw 0.8vw #060;
    -webkit-text-shadow: 0 0 0.45vw 0.8vw #060;
  }
  .sns-btn-1:hover, .sns-btn-2:hover, .sns-btn-3:hover, .sns-btn-4:hover {
    box-shadow: 0 0 2vw #fff;
    -moz-box-shadow: 0 0 2vw #fff;
    -webkit-box-shadow: 0 0 2vw #fff;
  }
}
@media screen and (max-width: 360px) {
  .sns-btn-1, .sns-btn-2, .sns-btn-3, .sns-btn-4 {
    width: 56px;
    height: 56px;
    padding-top: 12px;
    font-size: 16px;
    text-shadow: 0 0 2px 3px #060;
    -moz-text-shadow: 0 0 2px 3px #060;
    -webkit-text-shadow: 0 0 2px 3px #060;
  }
  .sns-btn-1:hover, .sns-btn-2:hover, .sns-btn-3:hover, .sns-btn-4:hover {
    box-shadow: 0 0 8px #fff;
    -moz-box-shadow: 0 0 8px #fff;
    -webkit-box-shadow: 0 0 8px #fff;
  }
}

.sns-btn-1, .sns-btn-2, .sns-btn-3, .sns-btn-4 {
  font-family: "UD Shin Go DemiBold", sans-serif;
}
.sns-btn-1 span.cond, .sns-btn-2 span.cond, .sns-btn-3 span.cond, .sns-btn-4 span.cond {
  font-family: "UD Shin Go Conde70 DB", sans-serif;
}

.sns-btn-1 {top: 110px;left: 250px;}
@media screen and (max-width: 1600px) { .sns-btn-1 {top: 6.875vw;left: 15.625vw;}}
@media screen and (max-width: 540px) { .sns-btn-1 {top: 15.46875vw;left: 31.25vw;}}
@media screen and (max-width: 360px) { .sns-btn-1 {top: 55.55px;left: 112px;}}

.sns-btn-2 {top: 110px;left: 427px;}
@media screen and (max-width: 1600px) { .sns-btn-2 {top: 6.875vw;left: 26.666vw;}}
@media screen and (max-width: 540px) { .sns-btn-2 {top: 15.46875vw;left: 53.333vw;}}
@media screen and (max-width: 360px) { .sns-btn-2 {top: 55.55px;left: 192px;}}

.sns-btn-3 {top: 260px;left: 250px;}
@media screen and (max-width: 1600px) { .sns-btn-3 {top: 16.25vw;left: 15.625vw;}}
@media screen and (max-width: 540px) { .sns-btn-3 {top: 33vw;left: 31.25vw;}}
@media screen and (max-width: 360px) { .sns-btn-3 {top: 120px;left: 112px;}}

.sns-btn-4 {top: 260px;left: 427px;}
@media screen and (max-width: 1600px) { .sns-btn-4 {top: 16.25vw;left: 26.666vw;}}
@media screen and (max-width: 540px) { .sns-btn-4 {top: 33vw;left: 53.333vw;}}
@media screen and (max-width: 360px) { .sns-btn-4 {top: 120px;left: 192px;}}

.line_add_friends {
  display: inline-block;
  height: 18px;
}

/*------アクセス-------*/
.mapFieldStyle {
  height: 450px;
  margin-bottom: 20px;
}
@media screen and (max-width: 540px) {
  .mapFieldStyle {
    height: 300px;
  }
}
.mapFieldStyle .map-text {
  text-align: center;
}
.mapFieldStyle .map-text img {
  width: 50px;
}

.access_container1 {
  width: 350px;
  float: left;
}
@media screen and (max-width: 640px) {
  .access_container1 {
    width: 100%;
    float: none;
  }
}

.access_container2 {
  width: calc(100% - 350px);
  padding-left: 50px;
  float: left;
}
@media screen and (max-width: 768px) {
  .access_container2 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 640px) {
  .access_container2 {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}

.access_video-wrapper {
  width: 100%;
  margin: 0;
  height: auto;
}

.video_caption {
  text-align: center;
  font-size: 79%;
  color: #999;
  padding-bottom: 15px;
}

/*------フッター-------*/
.br812::before {
  content: "";
}
@media screen and (max-width: 812px) {
  .br812::before {
    content: "\a";
    white-space: pre;
  }
}

.br960::before {
  content: "";
}
@media screen and (max-width: 960px) {
  .br960::before {
    content: "\a";
    white-space: pre;
  }
}

.br960b::before {
  content: "";
}
@media screen and (max-width: 960px) {
  .br960b::before {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (max-width: 640px) {
  .br960b::before {
    content: "";
    white-space: normal;
  }
}
@media screen and (max-width: 480px) {
  .br960b::before {
    content: "\a";
    white-space: pre;
  }
}

section .footer_long_banner {
  display: block;
  position: relative;
  width: 100%;
}
section .footer_long_banner .appear640up {
  display: block;
}
@media screen and (max-width: 640px) {
  section .footer_long_banner .appear640up {
    display: none;
  }
}
section .footer_long_banner .appear640dn {
  display: none;
}
@media screen and (max-width: 640px) {
  section .footer_long_banner .appear640dn {
    display: block;
  }
}
section .footer_long_banner .bnr_long {
  width: 1600px;
  height: 400px;
}
@media screen and (max-width: 1600px) {
  section .footer_long_banner .bnr_long {
    width: 100%;
    height: 25vw;
  }
}
section .footer_long_banner .bnr_wide {
  width: 100%;
  height: 50vw;
}
@media screen and (max-width: 360px) {
  section .footer_long_banner .bnr_wide {
    width: 360px;
    height: 180px;
  }
}
section .footer_long_banner img {
  display: block;
  position: relative;
}
section .footer_long_banner a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  cursor: pointer;
}
section .footer_long_banner a img {
  display: block;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  transform: scale(0.95);
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transition: opacity 0.3s, transform 0.3s;
}
section .footer_long_banner a img:hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

/*------お問い合わせ------*/
section#contact {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  background-color: #eaeaea;
  background-image: url("/images2/bg-dotted.png");
  background-repeat: repeat;
  background-size: 8px;
}
@media screen and (max-width: 640px) {
  section#contact {
    float: none;
    width: 100%;
  }
}
section#contact .contact-content {
  padding: 40px;
}
section .button_contact {
  text-align: center;
  overflow: hidden;
  *zoom: 1;
}
section .button_contact li {
  text-align: center;
  display: block;
  float: left;
  width: 25%;
}
@media screen and (max-width: 1020px) {
  section .button_contact li {
    width: 50%;
  }
  section .button_contact li:nth-last-child(n+3) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  section .button_contact li {
    width: 25%;
  }
}
@media screen and (max-width: 540px) {
  section .button_contact li {
    width: 50%;
  }
  section .button_contact li:nth-last-child(n+3) {
    margin-bottom: 30px;
  }
}

/*------sns------*/
section#sns {
  display: inline-block;
  width: 50%;
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  section#sns {
    display: block;
    width: 100%;
  }
}
section#sns .sns-content {
  padding: 40px 40px 25px;
}
@media screen and (max-width: 1020px) {
  section#sns .sns-content {
    padding: 40px 40px 25px;
  }
}
@media screen and (max-width: 540px) {
  section#sns .sns-content {
    padding: 40px 40px 30px;
  }
}
section .button_sns {
  text-align: center;
  margin-left: -10px;
  overflow: hidden;
  *zoom: 1;
}
@media screen and (max-width: 1020px) {
  section .button_sns {
    margin-top: 25px;
    margin-left: 10%;
  }
}
@media screen and (max-width: 812px) {
  section .button_sns {
    margin-left: 5%;
  }
}
@media screen and (max-width: 768px) {
  section .button_sns {
    margin-top: 30px;
    margin-left: 4%;
  }
}
@media screen and (max-width: 640px) {
  section .button_sns {
    margin-top: 15px;
    margin-bottom: -15px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 540px) {
  section .button_sns {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
section .button_sns li {
  text-align: center;
  display: block;
  float: left;
  width: 20%;
}
@media screen and (max-width: 1020px) {
  section .button_sns li {
    width: 32%;
    margin-bottom: -15px;
  }
}
@media screen and (max-width: 640px) {
  section .button_sns li {
    width: 20%;
    margin-bottom: 0px;
  }
}
section .button_sns li .sns_icon {
  display: block;
  width: 72px;
  height: 72px;
  margin: 25px auto 0px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #fff;
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  z-index: 200;
  -moz-z-index: 200;
  -webkit-z-index: 200;
}
@media screen and (max-width: 812px) {
  section .button_sns li .sns_icon {
    width: 64px;
    height: 64px;
  }
}
@media screen and (max-width: 640px) {
  section .button_sns li .sns_icon {
    width: 52px;
    height: 52px;
  }
}
@media screen and (max-width: 540px) {
  section .button_sns li .sns_icon {
    width: 40px;
    height: 40px;
  }
}
section .button_sns li .sns_icon:hover {
  opacity: 0.7;
}

/*------svgロゴ------*/
img.footer_logo {
  width: 400px;
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 540px) {
  img.footer_logo {
    width: 300px;
  }
}

/*------拠点------*/
.footer-h2 {
  font-size: 100%;
}
@media screen and (max-width: 540px) {
  .footer-h2 {
    font-size: 79%;
  }
}

.location {
  border: solid 1px #fff;
  margin: 10px 10px 20px 10px;
  padding: 0px 10px 15px 10px;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  float: left;
  background-color: #ffefe7;
  background-image: url("/images2/bg-dotted-inv.png");
  background-repeat: repeat;
  background-size: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  /*	@include mq(px864) {
  		& p {
  			font-size: 95%;
  			padding: 0 15px;
  			&.telfax {
  				font-size: $px16;
  				line-height: 125%;
  			}
  			.br1::before {
  				content: "\A" ;
  				white-space: pre ;
  			}
  			.br2:before {
  				content:""
  			}
  			.br3:before {
  				content:""
  			}
  			.br4::before {
  				content: "\A" ;
  				white-space: pre ;
  			}
  			.br5::before {
  				content: "\A" ;
  				white-space: pre ;
  			}
  		}
  	} */
}
.location h3 {
  margin: 20px 0 8px 0;
  font-size: 129%;
}
.location p {
  padding: 0 90px;
  font-size: 100%;
}
.location p.telfax {
  display: block;
  position: relative;
  background: #fff;
  padding: 10px;
  margin: 10px 75px;
  border: solid 1px #ccc;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-size: 129%;
  text-align: center;
  transition: opacity, 0.3s;
}
.location p.telfax a:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
}
.location p .small {
  font-size: 70%;
}
.location p .x-small {
  font-size: 50% !important;
}
.location p .br1::before {
  content: "";
}
.location p .br2::before {
  content: "";
}
.location p .br3::before {
  content: "";
}
.location p .br4:before {
  content: "";
}
.location p .br5:before {
  content: "";
}
@media screen and (max-width: 1280px) {
  .location {
    padding: 0px 10px 10px;
  }
  .location p {
    padding: 0 35px;
    font-size: 95%;
  }
  .location p.telfax {
    margin: 10px 30px;
  }
  .location p .small {
    font-size: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .location p {
    padding: 0 20px;
  }
  .location p.telfax {
    margin: 10px 15px;
  }
}
@media screen and (max-width: 960px) {
  .location p {
    /*			padding: 0 20px;
    			font-size: 80%;
    			line-height: 175%;
    			&.telfax {
    				font-size: $px15;
    				padding: 10px 0;
    				margin: 10px 15px;
    			}
    			.small {
    				font-size: 70%;
    			}
    			.br2:before {
    				content:""
    			} 
    			.br3::before { */
  }
  .location p .br1::before {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (max-width: 768px) {
  .location h3 {
    margin: 20px 0 8px 0;
    font-size: 108%;
  }
  .location p {
    font-size: 85%;
  }
}
@media screen and (max-width: 640px) {
  .location {
    width: calc(100% - 20px);
  }
  .location h3 {
    margin: 20px 0 8px 0;
    font-size: 122%;
  }
  .location p {
    padding: 0 100px;
    font-size: 95%;
  }
  .location p.telfax {
    margin: 10px 85px;
    font-size: 129%;
  }
  .location p .br4:before {
    content: "";
  }
}
@media screen and (max-width: 540px) {
  .location p {
    padding: 0 25px;
  }
  .location p.telfax {
    margin: 10px 25px;
  }
}

.email-img {
  display: block;
  position: relative;
  margin: 2px auto 2px auto;
  height: 18px;
}
.email-img.info-at {
  width: 180px;
}
@media screen and (max-width: 640px) {
  .email-img.info-at {
    width: 180px;
  }
}
.email-img.asabu-at {
  width: 180px;
}
@media screen and (max-width: 640px) {
  .email-img.asabu-at {
    width: 180px;
  }
}
.email-img.hamamatsu-at {
  width: 180px;
}
@media screen and (max-width: 812px) {
  .email-img.hamamatsu-at {
    width: calc(100% - 16px);
  }
}
@media screen and (max-width: 640px) {
  .email-img.hamamatsu-at {
    width: 180px;
  }
}

/*copyright*/
.copyright {
  margin-bottom: 0;
  padding: 2px 0;
  background-color: #ea5514;
  font-family: 'Quicksand', sans-serif;
  font-size: 100%;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .copyright {
    font-size: 86%;
    padding: 1px 0;
  }
}

#page-top {
  position: fixed;
  bottom: 25px;
  left: calc(50% - 30px);
  z-index: 999;
  -moz-z-index: 999;
  -webkit-z-index: 999;
}
@media screen and (max-width: 812px) {
  #page-top {
    left: calc(50% - 24px);
  }
}

#page-top a {
  width: 60px;
  height: 60px;
  font-size: 286%;
  color: #fff;
  cursor: pointer;
  background-color: rgba(51, 51, 51, 0.6);
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 0.7);
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
}
@media screen and (max-width: 812px) {
  #page-top a {
    width: 48px;
    height: 48px;
    font-size: 229%;
  }
}
#page-top a i {
  margin-top: 8px;
}
@media screen and (max-width: 812px) {
  #page-top a i {
    margin-top: 6px;
  }
}

#page-top a:hover {
  text-decoration: none;
  background-color: rgba(104, 104, 104, 0.6);
  box-shadow: 0 0 12px rgba(255, 239, 231, 0.7);
  -moz-box-shadow: 0 0 12px rgba(255, 239, 231, 0.7);
  -webkit-box-shadow: 0 0 12px rgba(255, 239, 231, 0.7);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/*------その他の微調整項目-------*/
.stream {
  display: block;
  position: relative;
  width: 100%;
  border-left-style: solid;
  border-left-width: 64px;
  margin-bottom: 10px;
  z-index: 0;
  -moz-z-index: 0;
  -webkit-z-index: 0;
}
.stream.arrow1 {
  border-left-color: #ebbb5b;
}
.stream.arrow2 {
  border-left-color: #f7bba1;
}
.stream.arrow3 {
  border-left-color: #e95643;
}
.stream.arrow4 {
  border-left-color: #9c2c1d;
}
@media screen and (max-width: 540px) {
  .stream {
    border-left-width: 40px;
  }
}
.stream .stream-arrow {
  display: block;
  position: absolute;
  bottom: 0px;
  left: -64px;
  width: 0px;
  height: 0px;
  border: solid 32px #fff;
  border-top-color: transparent;
  z-index: 100;
  -moz-z-index: 100;
  -webkit-z-index: 100;
}
@media screen and (max-width: 540px) {
  .stream .stream-arrow {
    left: -40px;
    border: solid 20px #fff;
    border-top-color: transparent;
  }
}
.stream .stream-r {
  width: 100%;
  margin-bottom: -20px;
  padding-left: 20px;
  overflow: hidden;
}
@media screen and (max-width: 540px) {
  .stream .stream-r {
    padding-left: 10px;
  }
}
.stream .stream-r blockquote {
  padding-bottom: 0;
}

.whole-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  clear: both;
  overflow: hidden;
}

.half-wrapper {
  display: block;
  position: relative;
  width: calc(50% - 5px);
  height: auto;
  float: left;
  overflow: hidden;
}
.half-wrapper:nth-child(odd) {
  margin-right: 5px;
}
.half-wrapper:nth-child(even) {
  margin-left: 5px;
}
.half-wrapper img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
}
.half-wrapper .img-title {
  display: block;
  position: relative;
  top: -50px;
  width: 100%;
  height: 50px;
  padding-top: 13px;
  padding-right: 10px;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-size: 158%;
  text-align: right;
  color: white;
  background: rgba(176, 64, 15, 0.65);
  text-shadow: 0 0 6px #9c2c1d;
  -moz-text-shadow: 0 0 6px #9c2c1d;
  -webkit-text-shadow: 0 0 6px #9c2c1d;
}
@media screen and (max-width: 540px) {
  .half-wrapper .img-title {
    top: -28px;
    height: 28px;
    padding-top: 3px;
    padding-right: 7px;
    margin-bottom: 20px;
    font-size: 108%;
  }
}

ul.list-orange-circle {
  display: block;
  margin-top: -40px;
  padding-left: 12px;
  padding-bottom: 20px;
}
ul.list-orange-circle li {
  list-style: none;
}
ul.list-orange-circle li:before {
  color: #ea5514;
  content: "● ";
}
@media screen and (max-width: 540px) {
  ul.list-orange-circle {
    font-size: 86%;
    line-height: 140%;
  }
}

.hidden-paragraph p {
  display: none;
}

.workplace-logos {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  width: 25%;
  margin: 5px 0 0 0;
}
@media screen and (max-width: 540px) {
  .workplace-logos {
    width: 50%;
  }
}
.workplace-logos p {
  margin-top: -10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 78%;
  line-height: 140%;
  text-align: center;
}
.workplace-logos .wplogos {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 81.25%;
  height: auto;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);
}

.timetable-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
@media not screen and (max-width: 640px) {
  .timetable-wrapper {
    width: calc(50% - 5px);
    float: left;
  }
  .timetable-wrapper:nth-child(odd) {
    margin-right: 5px;
  }
  .timetable-wrapper:nth-child(even) {
    margin-left: 5px;
  }
}
.timetable-wrapper.rad-top-px640 {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
@media screen and (max-width: 640px) {
  .timetable-wrapper.rad-top-px640 {
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
  }
}
.timetable-wrapper.rad-bottom-px640 {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
@media screen and (max-width: 640px) {
  .timetable-wrapper.rad-bottom-px640 {
    margin-top: -16px;
    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
  }
}

.timetable-task {
  display: block;
  position: relative;
  width: 100%;
  height: 145px;
}
.timetable-task img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border: solid 3px #3a7e51;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.timetable-task .timetable-task-title {
  display: block;
  position: absolute;
  top: -8px;
  right: 0;
  width: calc(100% - 130px);
  font-size: 115%;
  color: #3a7e51;
}
.timetable-task .timetable-task-description {
  display: block;
  position: relative;
  top: -8px;
  margin-left: 135px;
  width: calc(100% - 135px);
  line-height: 160%;
  font-size: 100%;
}
@media screen and (max-width: 768px) {
  .timetable-task .timetable-task-description {
    font-size: 93%;
  }
}
@media screen and (max-width: 640px) {
  .timetable-task .timetable-task-description {
    font-size: 100%;
  }
}
@media screen and (max-width: 414px) {
  .timetable-task .timetable-task-description {
    font-size: 93%;
  }
}

.timetable-rest {
  width: 100%;
  height: 28px;
  padding-top: 3px;
  margin-bottom: 25px;
  background-color: #3e9949;
  font-size: 108%;
  color: #fff;
  text-align: center;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
}
@media screen and (max-width: 640px) {
  .timetable-rest {
    border-radius: 14px !important;
    -moz-border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
  }
}

.timetable-description {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 93%;
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  .timetable-description {
    font-size: 86%;
  }
}
@media screen and (max-width: 640px) {
  .timetable-description {
    font-size: 93%;
    padding-left: 10px;
  }
}
@media screen and (max-width: 414px) {
  .timetable-description {
    font-size: 86%;
  }
}

.img-w60 {
  display: block;
  position: relative;
  width: 50%;
  height: auto;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
  -webkit-appearance: none;
  font-family: sans-serif !important;
}

input[type="submit"] {
  -webkit-appearance: none;
}

.wpcf7 {
  box-sizing: border-box !important;
  max-width: 540px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (max-width: 540px) {
  .wpcf7 {
    width: 100%;
    min-width: 320px;
  }
}

.wpcf7-text {
  width: 100%;
  min-width: 300px;
  line-height: 150%;
  font-size: 100%;
  margin: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color: #f7f7f7;
}

.wpcf7-textarea {
  width: 100%;
  min-width: 300px;
  line-height: 150%;
  font-size: 100%;
  margin: 0;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color: #f7f7f7;
}

.required {
  font-size: 79%;
  color: #f66;
}

.form-textarea {
  box-sizing: border-box !important;
  width: calc(100% - 20px);
  margin: 0 0 30px 10px;
  padding: 15px;
  background-color: #ffefe7;
  font-size: 79%;
  line-height: 150%;
  color: #ea5514;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.btnWrapper {
  padding-bottom: 0 !important;
}

.wpcf7-submit {
  font-size: 93%;
  display: block;
  width: 120px;
  margin: 0 auto;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  padding: 10px 12px;
  cursor: pointer;
  color: #fff;
  background-color: #ea5514;
  border: 1px solid #ea5514;
  text-align: center;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  transition: color,0.4s backgroud-color,0.4s;
}
.wpcf7-submit:hover {
  color: #ea5514;
  background-color: #fff;
}

p.btnWrapper {
  margin-bottom: -16px;
}

.roundbutton {
  font-size: 93%;
  display: block;
  width: 180px;
  margin: 20px auto;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  padding: 10px 12px;
  cursor: pointer;
  color: #fff;
  background-color: #ea5514;
  border: 1px solid #ea5514;
  text-align: center;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  transition: color,0.4s backgroud-color,0.4s;
}
.roundbutton:hover {
  color: #ea5514;
  background-color: #fff;
}

.textmarker_1 {
  display: inline-block;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-weight: bold;
  font-size: 86%;
  line-height: 125%;
  margin: 0;
  padding: 6px 0 4px;
}

.textmarker_2 {
  display: inline-block;
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-weight: bold;
  font-size: 86%;
  line-height: 125%;
  color: #669;
  background-color: #eef;
  border: solid 1px #99c;
  border-radius: 4px;
  margin: 0 2px;
  padding: 6px 6px 4px;
}

.cert-support-icon {
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 640px) {
  .cert-support-icon {
    width: 160px;
    height: 160px;
  }
}
@media screen and (max-width: 540px) {
  .cert-support-icon {
    width: 132px;
    height: 132px;
  }
}
@media screen and (max-width: 414px) {
  .cert-support-icon {
    width: 110px;
    height: 110px;
  }
}

.inq-list {
  display: block;
  position: relative;
  width: 100%;
  min-width: 360px;
  overflow: hidden;
  padding-top: 10px;
  margin-bottom: 10px;
}
.inq-list a {
  display: block;
  position: relative;
  width: calc(calc(100% / 6) - 10px);
  height: 50px;
  border: solid 1px #b5b5b5;
  margin: 0 5px;
  color: #b5b5b5;
  background-color: #fff;
  float: left;
  transition: color,0.4s backgroud-color,0.4s border-color,0.4s opacity,0.4s;
  z-index: 100;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .inq-list a {
    width: calc(calc(100% / 6) - 8px);
    height: 75px;
    margin: 0 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
}
.inq-list a:hover {
  color: #e95643;
  background-color: #fff2f0;
  border-color: #e95643;
}
.inq-list .inq-item {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.inq-list .inq-item i {
  display: block;
  position: absolute;
  top: 12px;
  left: 10px;
  font-size: 158%;
}
@media screen and (max-width: 768px) {
  .inq-list .inq-item i {
    top: 12px;
    left: 40%;
  }
}
@media screen and (max-width: 640px) {
  .inq-list .inq-item i {
    left: 37%;
  }
}
@media screen and (max-width: 414px) {
  .inq-list .inq-item i {
    left: 35%;
  }
}
.inq-list .inq-item p {
  display: block;
  position: absolute;
  font-size: 86%;
  top: 2px;
  left: 40px;
}
@media screen and (max-width: 768px) {
  .inq-list .inq-item p {
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 79%;
  }
}
@media screen and (max-width: 414px) {
  .inq-list .inq-item p {
    font-size: 72%;
  }
}

.tile_w100 {
  display: block;
  width: 100%;
  overflow: hidden;
}

.tile_w50 {
  float: left;
}

.tile_w50r {
  float: right;
}

.tile_w50, .tile_w50r {
  display: block;
  width: 50%;
  height: auto;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .tile_w50, .tile_w50r {
    float: none;
    width: 100%;
  }
}

.imgfit_vh img {
  width: 100%;
  height: auto;
}

.imgfit_wide img {
  display: block;
  width: 100%;
  height: auto;
}

.text_large h2 {
  font-size: 258%;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .text_large h2 {
    font-size: 172%;
  }
}
@media screen and (max-width: 414px) {
  .text_large h2 {
    font-size: 158%;
  }
}
.text_large p {
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-size: 143%;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .text_large p {
    font-size: 100%;
  }
}
@media screen and (max-width: 414px) {
  .text_large p {
    font-size: 93%;
  }
}

.text_medium h2 {
  font-size: 143%;
}
@media screen and (max-width: 640px) {
  .text_medium h2 {
    font-size: 100%;
  }
}
.text_medium p {
  font-family: "FB Benton Sans Medium", "Koburina Gothic W6 JIS2004", sans-serif;
  font-size: 93%;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .text_medium p {
    font-size: 79%;
    line-height: 160%;
  }
}

.vr_flow_bg {
  background-color: #f0f0f0;
}

.vr_flow_l h2 {
  margin-left: 240px;
  font-size: 200%;
  text-align: left;
}
@media screen and (max-width: 1600px) {
  .vr_flow_l h2 {
    margin-left: 15vw;
  }
}
@media screen and (max-width: 1024px) {
  .vr_flow_l h2 {
    font-size: 158%;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 812px) {
  .vr_flow_l h2 {
    font-size: 143%;
    margin-top: 12px;
    margin-bottom: 8px;
  }
}
.vr_flow_l h3 {
  margin-left: 240px;
  text-align: left;
  width: 150px;
  font-size: 108%;
  border-bottom: solid 1px #333333;
}
@media screen and (max-width: 1600px) {
  .vr_flow_l h3 {
    margin-left: 15vw;
  }
}
@media screen and (max-width: 1024px) {
  .vr_flow_l h3 {
    font-size: 93%;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 812px) {
  .vr_flow_l h3 {
    margin-top: 8px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .vr_flow_l h3 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .vr_flow_l h3 {
    margin-top: 8px;
  }
}
.vr_flow_l p {
  margin-left: 240px;
  margin-right: 30px;
}
@media screen and (max-width: 1600px) {
  .vr_flow_l p {
    margin-left: 15vw;
  }
}
@media screen and (max-width: 1024px) {
  .vr_flow_l p {
    margin-left: 30px;
  }
}
@media screen and (max-width: 812px) {
  .vr_flow_l p {
    font-size: 86%;
    line-height: 160%;
    margin-right: 24px;
  }
}
@media screen and (max-width: 640px) {
  .vr_flow_l p {
    padding-bottom: 30px;
    margin-right: 30px;
  }
}

.vr_flow_r h2 {
  margin-left: 30px;
  font-size: 200%;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .vr_flow_r h2 {
    font-size: 158%;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 812px) {
  .vr_flow_r h2 {
    font-size: 143%;
    margin-top: 12px;
    margin-bottom: 8px;
  }
}
.vr_flow_r h3 {
  margin-left: 30px;
  text-align: left;
  width: 150px;
  font-size: 108%;
  border-bottom: solid 1px #333333;
}
@media screen and (max-width: 1024px) {
  .vr_flow_r h3 {
    font-size: 93%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 812px) {
  .vr_flow_r h3 {
    margin-top: 8px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .vr_flow_r h3 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .vr_flow_r h3 {
    margin-top: 8px;
  }
}
.vr_flow_r p {
  margin-right: 240px;
  margin-left: 30px;
}
@media screen and (max-width: 1600px) {
  .vr_flow_r p {
    margin-right: 15vw;
  }
}
@media screen and (max-width: 1024px) {
  .vr_flow_r p {
    margin-right: 30px;
  }
}
@media screen and (max-width: 812px) {
  .vr_flow_r p {
    font-size: 86%;
    margin-right: 24px;
    line-height: 160%;
  }
}
@media screen and (max-width: 640px) {
  .vr_flow_r p {
    padding-bottom: 30px;
    margin-right: 30px;
  }
}

.footerLink {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 60px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .footerLink {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 414px) {
  .footerLink {
    padding-bottom: 20px;
  }
}
.footerLink .bnr_wrap {
  text-align: center;
}
.footerLink .bnr_wrap img {
  display: inline-block;
  width: 200px;
  width: 200px;
  margin-left: 10px;
  margin-right: 10px;
  transition: opacity 0.3s;
}
.footerLink .bnr_wrap img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 960px) {
  .footerLink .bnr_wrap img {
    width: 160px;
    height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .footerLink .bnr_wrap img {
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 640px) {
  .footerLink .bnr_wrap img {
    width: 160px;
    height: 160px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 540px) {
  .footerLink .bnr_wrap img {
    width: 160px;
    height: 160px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 414px) {
  .footerLink .bnr_wrap img {
    width: 140px;
    height: 140px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

/***************************************
nav.css
***************************************/
*, *:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding: 0;
}

nav {
  font-size: 97%;
}
nav .nav-wrapper-xl {
  display: block;
  position: fixed;
  top: 0px;
  width: 100%;
  border-bottom: solid 1px #fff;
  text-align: center;
  background-color: rgba(240, 240, 240, 0.5);
  z-index: 200;
  -moz-z-index: 200;
  -webkit-z-index: 200;
}
@media screen and (max-width: 812px) {
  nav .nav-wrapper-xl {
    display: none;
  }
}
nav .nav-wrapper {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  border-bottom: solid 1px #fff;
  text-align: center;
  background-color: rgba(240, 240, 240, 0.5);
  z-index: 201;
  -moz-z-index: 201;
  -webkit-z-index: 201;
}
@media screen and (max-width: 812px) {
  nav .nav-wrapper {
    display: block;
  }
}
nav .nav-menu {
  display: block;
  position: relative;
  max-width: 1600px;
  min-width: 360px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  z-index: 210;
  -moz-z-index: 210;
  -webkit-z-index: 210;
}
@media screen and (max-width: 1020px) {
  nav .nav-menu {
    height: 68px;
    transition: height 0.2s ease;
    -moz-transition: height 0.2s ease;
    -webkit-transition: height 0.2s ease;
  }
  nav .nav-menu.active {
    height: 140px;
  }
}
@media screen and (max-width: 812px) {
  nav .nav-menu {
    height: 68px;
  }
  nav .nav-menu.active {
    height: 68px;
  }
}
nav .top-logo {
  display: block;
  position: absolute;
  top: 8px;
  left: 12px;
  width: 48px;
  height: 48px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  text-align: center;
  cursor: pointer;
  z-index: 290;
  -moz-z-index: 290;
  -webkit-z-index: 290;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
}
nav .top-logo:hover {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
@media screen and (max-width: 480px) {
  nav .top-logo {
    display: none;
  }
}
nav .svg-logo {
  z-index: 300;
  -moz-z-index: 300;
  -webkit-z-index: 300;
  margin-top: 8%;
  height: 40px;
}
nav .top-logo-sp {
  display: none;
}
@media screen and (max-width: 480px) {
  nav .top-logo-sp {
    opacity: 1;
    display: block;
    position: relative;
    width: 100%;
    height: 48px;
    background-color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
    z-index: 290;
    -moz-z-index: 290;
    -webkit-z-index: 290;
  }
  nav .top-logo-sp img {
    display: inline-block;
    z-index: 300;
    -moz-z-index: 300;
    -webkit-z-index: 300;
    margin-top: 10px;
    width: 40px;
    height: auto;
  }
}
nav .absolute-center, nav .btn-static_1 .fa, nav .btn-static_2 .fa, nav .btn-static_4 .fa, nav .menu .menu-btn .fa, nav .menu .btn .fa, nav .menu-xl .menu-btn .fa, nav .menu-xl .btn .fa, nav .menu-static .menu-btn .fa, nav .menu-static .btn .fa, nav .menu .menu-btn.trigger .line, nav .menu .btn.trigger .line, nav .menu-xl .menu-btn.trigger .line, nav .menu-xl .btn.trigger .line, nav .menu-static .menu-btn.trigger .line, nav .menu-static .btn.trigger .line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

nav .btn-static_1 {left: 204px;}
@media screen and (max-width: 1280px) {nav .btn-static_1 {left: 198px;}}
@media screen and (max-width: 812px) {nav .btn-static_1 {left: 110px;}}
@media screen and (max-width: 480px) {nav .btn-static_1 {left: 122px;}}
nav .btn-static_2 {left: 284px;}
@media screen and (max-width: 1280px) {nav .btn-static_2 {left: 272px;}}
@media screen and (max-width: 812px) {nav .btn-static_2 {left: 186px;}}
@media screen and (max-width: 480px) {nav .btn-static_2 {left: 194px;}}
nav .btn-static_3 {left: 364px;}
@media screen and (max-width: 1280px) {nav .btn-static_3 {left: 346px;}}
@media screen and (max-width: 812px) {nav .btn-static_3 {left: 262px;}}
@media screen and (max-width: 480px) {nav .btn-static_3 {left: 266px;}}
nav .btn-static_4 {left: 444px;}
@media screen and (max-width: 1280px) {nav .btn-static_4 {left: 420px;}}
@media screen and (max-width: 812px) {nav .btn-static_4 {left: 338px;}}
@media screen and (max-width: 480px) {nav .btn-static_4 {left: 338px;}}

nav .btn-static_1, nav .btn-static_2, nav .btn-static_3, nav .btn-static_4 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  height: 36px;
  width: 36px;
  cursor: pointer;
  background-color: #fff;
  text-align: center;
  z-index: 240;
  -moz-z-index: 240;
  -webkit-z-index: 240;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: background 0.4s;
}
nav .btn-static_3 {
  color: #06c755;
}
nav .btn-static_4 {
  color: #2b68b0;
}
nav .btn-static_1:hover, nav .btn-static_2:hover {
  color: #3a7e51;
  background: rgba(58, 126, 81, 0.85);
}
nav .btn-static_3:hover {
  color: #06c755;
  background: rgba(6, 199, 85, 0.85);
}
nav .btn-static_4:hover {
  color: #2b68b0;
  background: rgba(43, 104, 176, 0.85);
}

nav .btn-static_1 .fa, nav .btn-static_2 .fa {
  font-size: 1.5em;
  transition: color 0.2s;
}
nav .btn-static_1 .fa.mainlink, nav .btn-static_2 .fa.mainlink {
  color: #ea5514;
}
nav .btn-static_1 .fa.exlink, nav .btn-static_2 .fa.exlink {
  color: #3a7e51;
}
nav .btn-static_1:hover .fa, nav .btn-static_2:hover .fa {
  color: #fff;
}
nav .btn-static_1:hover .btn-title, nav .btn-static_2:hover .btn-title, nav .btn-static_3:hover .btn-title {
  transition: color 0.2s;
}
nav .btn-static_1:hover .btn-title.exlink, nav .btn-static_2:hover .btn-title.exlink {
  color: #3a7e51;
}
nav .btn-static_3:hover .btn-title.exlink {
  color: #06c755;
}

nav .btn.linelink {
  display: block;
  position: absolute;
  top: 0px;
  height: 36px;
  width: 36px;
  cursor: pointer;
  background-color: #fff;
  background-image: url(/images2/lineapp_green.png);
  background-size: 36px 36px;
  text-align: center;
  z-index: 240;
  -moz-z-index: 240;
  -webkit-z-index: 240;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: background 0.4s;
}
nav .btn.linelink:hover {
  color: #3a7e51;
  background-color: #06c755;
  background-image: url(/images2/lineapp_white.png);
}
nav .btn.linelink:hover .btn-title {
  transition: color 0.2s;
}
nav .btn.linelink:hover .btn-title.exlink {
  color: #3a7e51;
}
nav .btn.linelink:hover .btn-title.linelink {
  color: #06c755;
}

nav .btn.homelink {
  display: block;
  position: absolute;
  top: 0px;
  height: 36px;
  width: 36px;
  cursor: pointer;
  background-color: #fff;
  background-image: url(/images2/home_color.png);
  background-size: 36px 36px;
  text-align: center;
  z-index: 240;
  -moz-z-index: 240;
  -webkit-z-index: 240;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: background 0.4s;
}
nav .btn.homelink:hover {
  color: #3a7e51;
  background-color: #06c755;
  background-image: url(/images2/home_white.png);
}
nav .btn.homelink:hover .btn-title {
  transition: color 0.2s;
}
nav .btn.homelink:hover .btn-title.exlink {
  color: #3a7e51;
}
nav .btn.homelink:hover .btn-title.homelink {
  color: #06c755;
}

nav .btn-static_4 .fa {
  font-size: 1.5em;
  transition: color 0.2s;
}
nav .btn-static_4 .fa.mainlink {
  color: #ea5514;
}
nav .btn-static_4 .fa.exlink_2 {
  color: #2b68b0;
}
nav .btn-static_4:hover .fa {
  color: #fff;
}
nav .btn-static_4:hover .btn-title {
  transition: color 0.2s;
}
nav .btn-static_4:hover .btn-title.exlink_2 {
  color: #2b68b0;
}
nav .sp-menu {
  display: block;
  position: absolute;
  top: -36px;
  right: -36px;
  width: 36px;
  height: 36px;
  border: solid 3px rgba(234, 85, 20, 0.85);
  background-color: rgba(240, 240, 240, 0.7);
  transition: opacity 0.4s, top 0.4s ease, right 0.4s ease, width 0.4s ease, height 0.4s ease;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
}
nav .sp-menu.active {
  top: -150px;
  right: -80px;
  width: 500px;
  height: 500px;
  border: solid 3px rgba(234, 85, 20, 0.85);
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}
@media screen and (max-width: 480px) {
  nav .sp-menu.active {
    top: -330px;
    right: -150px;
    width: 640px;
    height: 640px;
    border: solid 3px rgba(234, 85, 20, 0.85);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
  }
}
nav .menu, nav .menu-xl, nav .menu-static {
  width: 5em;
  height: 5em;
}
nav .menu .menu-btn, nav .menu-xl .menu-btn, nav .menu-static .menu-btn {
  top: 8px;
  right: 12px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
nav .menu .btn, nav .menu-xl .btn, nav .menu-static .btn {
  top: 0;
  left: 28px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
nav .menu .btn.mainlink:hover, nav .menu-xl .btn.mainlink:hover, nav .menu-static .btn.mainlink:hover {
  background: rgba(234, 85, 20, 0.85);
}
nav .menu .btn.exlink:hover, nav .menu-xl .btn.exlink:hover, nav .menu-static .btn.exlink:hover {
  background: rgba(58, 126, 81, 0.85);
}
nav .menu .btn.exlink_2:hover, nav .menu-xl .btn.exlink_2:hover, nav .menu-static .btn.exlink_2:hover {
  background: rgba(43, 104, 176, 0.85);
}
nav .menu .menu-btn, nav .menu .btn, nav .menu-xl .menu-btn, nav .menu-xl .btn, nav .menu-static .menu-btn, nav .menu-static .btn {
  position: absolute;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  z-index: 220;
  -moz-z-index: 220;
  -webkit-z-index: 220;
  transition: opacity 0.4s, z-index 0.2s, transform 0.4s ease, background 0.4s;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
}
nav .menu .menu-btn .fa, nav .menu .btn .fa, nav .menu-xl .menu-btn .fa, nav .menu-xl .btn .fa, nav .menu-static .menu-btn .fa, nav .menu-static .btn .fa {
  font-size: 1.5em;
  transition: color 0.2s;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
}
nav .menu .menu-btn .fa.mainlink, nav .menu .btn .fa.mainlink, nav .menu-xl .menu-btn .fa.mainlink, nav .menu-xl .btn .fa.mainlink, nav .menu-static .menu-btn .fa.mainlink, nav .menu-static .btn .fa.mainlink {
  color: #ea5514;
}
nav .menu .menu-btn .fa.exlink, nav .menu .btn .fa.exlink, nav .menu-xl .menu-btn .fa.exlink, nav .menu-xl .btn .fa.exlink, nav .menu-static .menu-btn .fa.exlink, nav .menu-static .btn .fa.exlink {
  color: #3a7e51;
}
nav .menu .menu-btn:hover .fa, nav .menu .btn:hover .fa, nav .menu-xl .menu-btn:hover .fa, nav .menu-xl .btn:hover .fa, nav .menu-static .menu-btn:hover .fa, nav .menu-static .btn:hover .fa {
  color: #fff;
}
nav .menu .menu-btn:hover .btn-title, nav .menu .btn:hover .btn-title, nav .menu-xl .menu-btn:hover .btn-title, nav .menu-xl .btn:hover .btn-title, nav .menu-static .menu-btn:hover .btn-title, nav .menu-static .btn:hover .btn-title {
  color: #ea5514;
}
nav .menu .menu-btn.trigger, nav .menu .btn.trigger, nav .menu-xl .menu-btn.trigger, nav .menu-xl .btn.trigger, nav .menu-static .menu-btn.trigger, nav .menu-static .btn.trigger {
  cursor: pointer;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  z-index: 100;
  -moz-z-index: 100;
  -webkit-z-index: 100;
  transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
}
nav .menu .menu-btn.trigger:hover, nav .menu .btn.trigger:hover, nav .menu-xl .menu-btn.trigger:hover, nav .menu-xl .btn.trigger:hover, nav .menu-static .menu-btn.trigger:hover, nav .menu-static .btn.trigger:hover {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
nav .menu .menu-btn.trigger:hover .line, nav .menu .btn.trigger:hover .line, nav .menu-xl .menu-btn.trigger:hover .line, nav .menu-xl .btn.trigger:hover .line, nav .menu-static .menu-btn.trigger:hover .line, nav .menu-static .btn.trigger:hover .line {
  background-color: #ea5514;
}
nav .menu .menu-btn.trigger:hover .line:before, nav .menu .menu-btn.trigger:hover .line:after, nav .menu .btn.trigger:hover .line:before, nav .menu .btn.trigger:hover .line:after, nav .menu-xl .menu-btn.trigger:hover .line:before, nav .menu-xl .menu-btn.trigger:hover .line:after, nav .menu-xl .btn.trigger:hover .line:before, nav .menu-xl .btn.trigger:hover .line:after, nav .menu-static .menu-btn.trigger:hover .line:before, nav .menu-static .menu-btn.trigger:hover .line:after, nav .menu-static .btn.trigger:hover .line:before, nav .menu-static .btn.trigger:hover .line:after {
  background-color: #ea5514;
}
nav .menu .menu-btn.trigger .line, nav .menu .btn.trigger .line, nav .menu-xl .menu-btn.trigger .line, nav .menu-xl .btn.trigger .line, nav .menu-static .menu-btn.trigger .line, nav .menu-static .btn.trigger .line {
  width: 60%;
  height: 2px;
  background: #333333;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  transition: height 0.2s ease, top 0.2s ease, left 0.2s ease, background 0.2s, background-color 0.2s;
}
nav .menu .menu-btn.trigger .line:before, nav .menu .menu-btn.trigger .line:after, nav .menu .btn.trigger .line:before, nav .menu .btn.trigger .line:after, nav .menu-xl .menu-btn.trigger .line:before, nav .menu-xl .menu-btn.trigger .line:after, nav .menu-xl .btn.trigger .line:before, nav .menu-xl .btn.trigger .line:after, nav .menu-static .menu-btn.trigger .line:before, nav .menu-static .menu-btn.trigger .line:after, nav .menu-static .btn.trigger .line:before, nav .menu-static .btn.trigger .line:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333333;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  transition: top 0.2s ease, transform 0.2s ease, background 0.2s, background-color 0.2s;
}
nav .menu .menu-btn.trigger .line:before, nav .menu .btn.trigger .line:before, nav .menu-xl .menu-btn.trigger .line:before, nav .menu-xl .btn.trigger .line:before, nav .menu-static .menu-btn.trigger .line:before, nav .menu-static .btn.trigger .line:before {
  top: -8px;
  transform-origin: 15% 100%;
  -moz-transform-origin: 15% 100%;
  -webkit-transform-origin: 15% 100%;
}
nav .menu .menu-btn.trigger .line:after, nav .menu .btn.trigger .line:after, nav .menu-xl .menu-btn.trigger .line:after, nav .menu-xl .btn.trigger .line:after, nav .menu-static .menu-btn.trigger .line:after, nav .menu-static .btn.trigger .line:after {
  top: 8px;
  transform-origin: 35% 100%;
  -moz-transform-origin: 35% 100%;
  -webkit-transform-origin: 35% 100%;
}
nav .menu .menu-title, nav .menu-xl .menu-title, nav .menu-static .menu-title {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}
nav .menu .menu-title-trigger, nav .menu-xl .menu-title-trigger, nav .menu-static .menu-title-trigger {
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
}
nav .menu .menu-title, nav .menu .menu-title-trigger, nav .menu-xl .menu-title, nav .menu-xl .menu-title-trigger, nav .menu-static .menu-title, nav .menu-static .menu-title-trigger {
  display: block;
  position: absolute;
  top: 33px;
  left: -30px;
  width: 96px;
  font-size: 80%;
  font-weight: bold;
  color: #333333;
  text-align: center;
  transition: opacity 0.2s;
  font-family: "UD Shin Go DemiBold", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  text-shadow: 0 0 3px #FFF;
  -moz-text-shadow: 0 0 3px #FFF;
  -webkit-text-shadow: 0 0 3px #FFF;
}
nav .menu .slidepop, nav .menu-xl .slidepop, nav .menu-static .slidepop {
  top: 8px;
  right: 64px;
}
nav .menu .slidepop:hover .btn-title, nav .menu-xl .slidepop:hover .btn-title, nav .menu-static .slidepop:hover .btn-title {
  font-weight: bold;
}
nav .menu .slidepop-static, nav .menu-xl .slidepop-static, nav .menu-static .slidepop-static {
  top: 8px;
  z-index: 220;
  -moz-z-index: 220;
  -webkit-z-index: 220;
}
@media not screen and (max-width: 812px) {
  nav .menu .slidepop-static, nav .menu-xl .slidepop-static, nav .menu-static .slidepop-static {
    left: -100px;
  }
}
@media screen and (max-width: 812px) {
  nav .menu .slidepop-static, nav .menu-xl .slidepop-static, nav .menu-static .slidepop-static {
    margin-right: 384px;
  }
}
nav .menu .slidepop, nav .menu .slidepop-static, nav .menu-xl .slidepop, nav .menu-xl .slidepop-static, nav .menu-static .slidepop, nav .menu-static .slidepop-static {
  position: absolute;
  right: -28px;
  width: 96px;
  height: 50px;
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}
@media screen and (max-width: 1020px) {
  nav .menu .slidepop, nav .menu .slidepop-static, nav .menu-xl .slidepop, nav .menu-xl .slidepop-static, nav .menu-static .slidepop, nav .menu-static .slidepop-static {
    right: -16px;
  }
}
@media screen and (max-width: 812px) {
  nav .menu .slidepop, nav .menu .slidepop-static, nav .menu-xl .slidepop, nav .menu-xl .slidepop-static, nav .menu-static .slidepop, nav .menu-static .slidepop-static {
    right: -20px;
  }
}
nav .menu .slidepop .btn-title, nav .menu .slidepop-static .btn-title, nav .menu-xl .slidepop .btn-title, nav .menu-xl .slidepop-static .btn-title, nav .menu-static .slidepop .btn-title, nav .menu-static .slidepop-static .btn-title {
  display: block;
  position: absolute;
  top: 40px;
  left: -30px;
  width: 96px;
  font-size: 80%;
  font-weight: bold;
  font-family: "UD Shin Go DemiBold", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  color: #333333;
  line-height: 110%;
  text-align: center;
  transition: color 0.2s, opacity 0.2s;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  text-shadow: 0 0 4px #FFF;
  -moz-text-shadow: 0 0 4px #FFF;
  -webkit-text-shadow: 0 0 4px #FFF;
}
nav .menu.active .btn-icon, nav .menu-xl.active .btn-icon, nav .menu-static.active .btn-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  z-index: 230;
  -moz-z-index: 230;
  -webkit-z-index: 230;
}
nav .menu.active .trigger .line, nav .menu-xl.active .trigger .line, nav .menu-static.active .trigger .line {
  height: 0px;
  top: 50%;
  left: 50%;
}
nav .menu.active .trigger .line:before, nav .menu-xl.active .trigger .line:before, nav .menu-static.active .trigger .line:before {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 120%;
  top: -7.5px;
}
nav .menu.active .trigger .line:after, nav .menu-xl.active .trigger .line:after, nav .menu-static.active .trigger .line:after {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 120%;
  top: 1.5px;
}
nav .menu.active .trigger .menu-title, nav .menu-xl.active .trigger .menu-title, nav .menu-static.active .trigger .menu-title {
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
}
nav .menu.active .trigger .menu-title-trigger, nav .menu-xl.active .trigger .menu-title-trigger, nav .menu-static.active .trigger .menu-title-trigger {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.slidepop:nth-child(1) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(1) .btn-icon, .menu-xl.active .slidepop:nth-child(1) .btn-icon {
  transform: translateX(0px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(1) .btn-icon, .menu-xl.active .slidepop:nth-child(1) .btn-icon {
    transform: translateX(0px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(1) .btn-icon, .menu-xl.active .slidepop:nth-child(1) .btn-icon {
    transform: translateX(0px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(1) .btn-icon, .menu-xl.active .slidepop:nth-child(1) .btn-icon {
    transform: translateX(101px) translateY(168px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(1) .btn-icon, .menu-xl.active .slidepop:nth-child(1) .btn-icon {
    transform: translateX(97px) translateY(168px);
  }
}

.slidepop:nth-child(2) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(2) .btn-icon, .menu-xl.active .slidepop:nth-child(2) .btn-icon {
  transform: translateX(-80px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(2) .btn-icon, .menu-xl.active .slidepop:nth-child(2) .btn-icon {
    transform: translateX(-74px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(2) .btn-icon, .menu-xl.active .slidepop:nth-child(2) .btn-icon {
    transform: translateX(-45px) translateY(62px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(2) .btn-icon, .menu-xl.active .slidepop:nth-child(2) .btn-icon {
    transform: translateX(0px) translateY(168px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(2) .btn-icon, .menu-xl.active .slidepop:nth-child(2) .btn-icon {
    transform: translateX(0px) translateY(168px);
  }
}

.slidepop:nth-child(3) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(3) .btn-icon, .menu-xl.active .slidepop:nth-child(3) .btn-icon {
  transform: translateX(-160px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(3) .btn-icon, .menu-xl.active .slidepop:nth-child(3) .btn-icon {
    transform: translateX(-148px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(3) .btn-icon, .menu-xl.active .slidepop:nth-child(3) .btn-icon {
    transform: translateX(-90px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(3) .btn-icon, .menu-xl.active .slidepop:nth-child(3) .btn-icon {
    transform: translateX(-101px) translateY(168px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(3) .btn-icon, .menu-xl.active .slidepop:nth-child(3) .btn-icon {
    transform: translateX(-97px) translateY(168px);
  }
}

.slidepop:nth-child(4) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(4) .btn-icon, .menu-xl.active .slidepop:nth-child(4) .btn-icon {
  transform: translateX(-240px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(4) .btn-icon, .menu-xl.active .slidepop:nth-child(4) .btn-icon {
    transform: translateX(-222px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(4) .btn-icon, .menu-xl.active .slidepop:nth-child(4) .btn-icon {
    transform: translateX(-135px) translateY(62px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(4) .btn-icon, .menu-xl.active .slidepop:nth-child(4) .btn-icon {
    transform: translateX(-202px) translateY(168px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(4) .btn-icon, .menu-xl.active .slidepop:nth-child(4) .btn-icon {
    transform: translateX(-194px) translateY(168px);
  }
}

.slidepop:nth-child(5) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(5) .btn-icon, .menu-xl.active .slidepop:nth-child(5) .btn-icon {
  transform: translateX(-320px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(5) .btn-icon, .menu-xl.active .slidepop:nth-child(5) .btn-icon {
    transform: translateX(-296px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(5) .btn-icon, .menu-xl.active .slidepop:nth-child(5) .btn-icon {
    transform: translateX(-180px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(5) .btn-icon, .menu-xl.active .slidepop:nth-child(5) .btn-icon {
    transform: translateX(-303px) translateY(168px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(5) .btn-icon, .menu-xl.active .slidepop:nth-child(5) .btn-icon {
    transform: translateX(-291px) translateY(168px);
  }
}

.slidepop:nth-child(6) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(6) .btn-icon, .menu-xl.active .slidepop:nth-child(6) .btn-icon {
  transform: translateX(-400px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(6) .btn-icon, .menu-xl.active .slidepop:nth-child(6) .btn-icon {
    transform: translateX(-370px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(6) .btn-icon, .menu-xl.active .slidepop:nth-child(6) .btn-icon {
    transform: translateX(-225px) translateY(62px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(6) .btn-icon, .menu-xl.active .slidepop:nth-child(6) .btn-icon {
    transform: translateX(0px) translateY(84px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(6) .btn-icon, .menu-xl.active .slidepop:nth-child(6) .btn-icon {
    transform: translateX(0px) translateY(84px);
  }
}

.slidepop:nth-child(7) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(7) .btn-icon, .menu-xl.active .slidepop:nth-child(7) .btn-icon {
  transform: translateX(-480px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(7) .btn-icon, .menu-xl.active .slidepop:nth-child(7) .btn-icon {
    transform: translateX(-444px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(7) .btn-icon, .menu-xl.active .slidepop:nth-child(7) .btn-icon {
    transform: translateX(-270px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(7) .btn-icon, .menu-xl.active .slidepop:nth-child(7) .btn-icon {
    transform: translateX(-101px) translateY(84px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(7) .btn-icon, .menu-xl.active .slidepop:nth-child(7) .btn-icon {
    transform: translateX(-97px) translateY(84px);
  }
}

.slidepop:nth-child(8) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(8) .btn-icon, .menu-xl.active .slidepop:nth-child(8) .btn-icon {
  transform: translateX(-560px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(8) .btn-icon, .menu-xl.active .slidepop:nth-child(8) .btn-icon {
    transform: translateX(-518px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(8) .btn-icon, .menu-xl.active .slidepop:nth-child(8) .btn-icon {
    transform: translateX(-315px) translateY(62px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(8) .btn-icon, .menu-xl.active .slidepop:nth-child(8) .btn-icon {
    transform: translateX(-202px) translateY(84px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(8) .btn-icon, .menu-xl.active .slidepop:nth-child(8) .btn-icon {
    transform: translateX(-194px) translateY(84px);
  }
}

.slidepop:nth-child(9) {
  transform: translateX(0px);
}

.menu.active .slidepop:nth-child(9) .btn-icon, .menu-xl.active .slidepop:nth-child(9) .btn-icon {
  transform: translateX(-640px);
}
@media screen and (max-width: 1280px) {
  .menu.active .slidepop:nth-child(9) .btn-icon, .menu-xl.active .slidepop:nth-child(9) .btn-icon {
    transform: translateX(-592px);
  }
}
@media screen and (max-width: 1020px) {
  .menu.active .slidepop:nth-child(9) .btn-icon, .menu-xl.active .slidepop:nth-child(9) .btn-icon {
    transform: translateX(-360px);
  }
}
@media screen and (max-width: 812px) {
  .menu.active .slidepop:nth-child(9) .btn-icon, .menu-xl.active .slidepop:nth-child(9) .btn-icon {
    transform: translateX(-303px) translateY(84px);
  }
}
@media screen and (max-width: 480px) {
  .menu.active .slidepop:nth-child(9) .btn-icon, .menu-xl.active .slidepop:nth-child(9) .btn-icon {
    transform: translateX(-291px) translateY(84px);
  }
}

.ft_inner {
	width: 1000px;
	border: 3px solid #8ec31f;
	box-sizing: border-box;
	background: #fff;
	margin: 0 auto;
	padding: 50px 70px 25px;
}
.ft_inner p:nth-of-type(1) {
	text-align: center;
}
.ft_inner p:nth-of-type(2) {
	text-align: center;
	border-bottom: dashed 1px #ccc;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
}
.ft_box {
	overflow: hidden;
}
.ft_box ul {
	width: 48%;
	float: left;
	border-right: dashed 1px #ccc;
	padding-right: 2%;
	box-sizing: border-box;
	padding-left: 7%;
}
.ft_mail {
	width: 48%;
	float: right;
	margin-left: 2%;
	padding-top: 6px;
}
.ft_mail2 {
	width: 96%;
	float: right;
	margin-left: 2%;
	padding-top: 6px;
}
.ft_box ul li {
	line-height: 1;
	background: url(/images/icon_tel_footer.png) no-repeat top 15px left;
	padding-left: 12%;
	background-size: 30px;
}
.ft_box ul li a {
	color: #000;
	font-size: 35px;
	font-weight: bold;
}
.ft_box ul li:nth-child(1) {
	margin-bottom: 20px;
}
.ft_box ul li span.sc_name {
	font-size: 15px;
	margin-bottom: 0;
	font-weight: bold;
	color: #a91967;
	margin-top: 10px;
	display: block;
}
.ft_box ul li span.ft_time {
	display: block;
	font-size: 13px;
}
 @media screen and (max-width:767px) {

.ft_inner {
	width: 95%;
	padding: 50px 5%;
}
.ft_inner p:nth-of-type(1) {
	text-align: center;
}
.ft_inner p:nth-of-type(2) {
	text-align: center;
	border-bottom: dashed 1px #ccc;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}
.ft_box {
	overflow: hidden;
}
.ft_box ul {
	width:100%;
	float:none;
	border-right:none;
	padding-right: 0%;
	box-sizing: border-box;
	padding-left:3%;
}
.ft_mail {
	width:100%;
	float:none;
	margin-left: 0%;
	padding-top: 15px;
}
.ft_mail2 {
	width:100%;
	float:none;
	margin-left: 0%;
	padding-top: 15px;
}
.ft_box ul li {
	line-height: 1.2;
	background: url(/images/icon_tel_footer.png) no-repeat top 15px left;
	background-size:8%;
}
.ft_box ul li a {
	color: #000;
	font-size: 30px;
	font-weight: bold;
}
.ft_box ul li:nth-child(1) {
	margin-bottom: 20px;
}
.ft_box ul li span.sc_name {
	font-size: 15px;
	margin-bottom: 0;
	font-weight: bold;
	color: #a91967;
	margin-top: 10px;
	display: block;
}
.ft_box ul li span.ft_time {
	display: block;
	font-size: 13px;
}
 }