@charset "UTF-8";
/* *****
 Foundation
***** */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
input, select, textarea, button {
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
textarea {
  resize: vertical;
}
input[type='checkbox'],
input[type='radio'] {
  display: none;
}
input[type='submit'],
input[type='button'],
label, button, select {
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
/* *-*-*-
 base
*-*-*- */
html {
  font-size: 62.5%;
  font-weight: 400;
}
body {
  font-size: 15px;
  line-height: 1.6;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", メイリオ, Meiryo, 'ＭＳ Ｐゴシック',  sans-serif, Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  color: #333;
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 1.82292vw;
    line-height: 1.5;
  }
}
* {
  box-sizing: border-box;
  backface-visibility: hidden;
}
html,
body {
  height: 100%;
}
ul {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
i,
em,
strong,
address {
  font-style: normal;
}
a {
  color: #004b9f;
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  a:hover {
    text-decoration: none;
  }
}
/* *****
 Layout
***** */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}
#wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  #wrapper {
    min-width: auto;
    overflow: unset;
  }
}
#wrapper section
.inner {
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #wrapper section
.inner {
    width: 94.79167vw;
    display: block;
  }
}
/* *****
 Block
***** */
.article nav {
  position: fixed;
  top: 30%;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .article nav {
    position: relative;
    margin-top: -40px;
  }
}
.article nav .menu {
  margin: 0;
  text-indent: 0;
  padding-left: 0;
}
.article nav .menu li {
  margin-bottom: 0;
}
.article nav .menu li + li {
  margin-top: 1px;
}
.article nav .menu li:before {
  content: none;
}
.article nav .menu li a {
  display: block;
  background-color: #ff9900;
  color: #fff;
  text-decoration: none;
  padding: 5px 15px;
}
@media only screen and (max-width: 768px) {
  .article nav .menu li a {
    padding: 1.30208vw 3.90625vw;
  }
}
.article nav .menu li.member-nav a {
  background-color: #333;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M224%20256c70.7%200%20128-57.3%20128-128S294.7%200%20224%200S96%2057.3%2096%20128s57.3%20128%20128%20128zm-45.7%2048C79.8%20304%200%20383.8%200%20482.3C0%20498.7%2013.3%20512%2029.7%20512H418.3c16.4%200%2029.7-13.3%2029.7-29.7C448%20383.8%20368.2%20304%20269.7%20304H178.3z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0.5em center;
  background-size: auto 50%;
  padding-left: 2em;
}
.article #advisor table td:first-of-type {
  width: 10%;
}
@media only screen and (max-width: 768px) {
  .article #advisor table td:first-of-type {
    width: 19%;
  }
}
.article #advisor table td:last-of-type {
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .article #advisor table td:last-of-type {
    width: 28%;
  }
}
.article .start11 {
  counter-reset: item 10;
}
.article .start21 {
  counter-reset: item 20;
}
.article .start26 {
  counter-reset: item 25;
}
.article .start51 {
  counter-reset: item 50;
}
.article {
  /*overflow: hidden;*/
}
.article section .inner > *:first-child {
  padding-top: 50px;
}
.article section {
  padding: 40px 0 80px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .article section {
    padding: 5.20833vw 0 10.41667vw;
  }
}
.article h2 {
  clear: both;
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  position: relative;
  padding-top: 30px;
  line-height: 1.25;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .article h2 {
    font-size: 5.46875vw;
    line-height: 1.23529;
    padding-top: 7.8125vw;
  }
}
.article h3 {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  text-align: center;
  margin: 0 auto 10px;
  line-height: 1.25;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .article h3 {
    font-size: 4.94792vw;
    line-height: 1.23529;
  }
}
.article p {
  margin-top: 35px;
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .article p {
    margin-top: 8.07292vw;
    font-size: 3.64583vw;
    line-height: 1.5;
  }
}
.article p + p {
  margin-top: 14px;
}
@media only screen and (max-width: 768px) {
  .article p + p {
    margin-top: 4.55729vw;
  }
}
.article p.lead {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .article p.lead {
    font-size: 4.16667vw;
  }
}
.article em {
  font-style: italic;
}
.article strong {
  font-weight: bold;
}
.article sup {
  font-size: 0.7em;
  vertical-align: super;
}
.article code {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif, Helvetica, Arial;
}
.article sub {
  font-size: 0.7em;
  vertical-align: sub;
}
@media only screen and (max-width: 768px) {
  .article sub {
    font-size: 2.60417vw;
  }
}
.article figure {
  margin-top: 35px;
}
@media only screen and (max-width: 768px) {
  .article figure {
    margin-top: 4.55729vw;
  }
}
.article a {
  text-decoration: underline;
  color: #004b9f;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .article a {
    font-size: 3.64583vw;
  }
}
.article a:hover {
  text-decoration: none;
}
.article a:visited {
  color: #551b8c;
}
.article .imgBlock {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  text-indent: 0;
}
.article .small {
  font-size: 0.9em;
}
@media only screen and (max-width: 768px) {
  .article .small {
    font-size: 2.60417vw;
  }
}
.article .large {
  font-size: 2em;
}
.article .red {
  color: #ff9900;
  font-size: 13px;
}
@media only screen and (max-width: 768px) {
  .article .red {
    font-size: 2.60417vw;
  }
}
.article .caution {
  color: #ff9900;
}
.article .box, .article .Box {
  margin-top: 30px;
  background-color: #f6f6f6;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  .article .box, .article .Box {
    margin-top: 3.90625vw;
    padding: 3.90625vw;
  }
}
.article .box *:first-child, .article .Box *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.article .box h4, .article .Box h4 {
  margin-top: 10px;
}
.article .box h5 + *, .article .Box h5 + * {
  margin-top: 10px;
}
.article .box dl, .article .Box dl {
  margin-bottom: 0;
}
.article .box dl dt, .article .Box dl dt {
  text-align: left;
}
.article .box li:last-of-type, .article .Box li:last-of-type {
  margin-bottom: 0;
}
.article .cautionBox {
  text-align: center;
  padding: 10px;
  background-color: #e00;
  color: #fff;
  font-size: 1.5em;
}
@media only screen and (max-width: 768px) {
  .article .cautionBox {
    margin-top: 6.51042vw;
    padding: 3.90625vw;
    font-size: 3.90625vw;
  }
}
.article .displaynone {
  display: none;
}
.article .freedial {
  width: 50px;
  vertical-align: sub;
}
.article ul, .article ol {
  margin-top: 30px;
  font-size: 16px;
  list-style-type: none;
  line-height: 1.6;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
@media only screen and (max-width: 768px) {
  .article ul, .article ol {
    margin-top: 8.07292vw;
    font-size: 3.64583vw;
    line-height: 1.5;
  }
}
.article ul ul, .article ul ol, .article ol ul, .article ol ol {
  margin: 0;
}
.article ul ul li, .article ul ol li, .article ol ul li, .article ol ol li {
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .article ul ul li, .article ul ol li, .article ol ul li, .article ol ol li {
    margin-top: 1.30208vw;
  }
}
.article ul li::before, .article ol li::before {
  display: inline-block;
  width: 1.5em;
  color: #004b9f;
  transform: translateX(1.5em);
}
@media only screen and (max-width: 768px) {
  .article ul li li li, .article ol li li li {
    margin-bottom: 0;
  }
}
.article ul + h5, .article ol + h5 {
  margin-top: 50px;
}
.article ul > li {
  margin-bottom: 5px;
}
.article ul > li::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #ff9900;
  border-radius: 100%;
  margin-left: -1.5em;
  margin-right: 1.8em;
}
@media only screen and (max-width: 768px) {
  .article ul > li::before {
    width: 1.82292vw;
    height: 1.82292vw;
  }
}
.article ol {
  counter-reset: numberA;
}
.article ol > li::before {
  counter-increment: numberA;
  content: counter(numberA) ".";
  font-weight: bold;
  color: #ff9900;
}
.article ol.el_oderAlphabet {
  counter-reset: ap;
}
.article ol.el_oderAlphabet > li::before {
  font-weight: 500;
  counter-increment: ap;
  content: counter(ap, upper-alpha) ".";
}
.article ol ol {
  counter-reset: numberB;
  padding-left: 2em;
  text-indent: -2em;
}
.article ol ol > li::before {
  counter-increment: numberB;
  content: "(" counter(numberB) ")";
  font-weight: 400;
  transform: translateX(1.8em) scale(0.9);
}
.article ol ol ol {
  counter-reset: numberC;
  padding-left: 1.75em;
}
.article ol ol ol > li::before {
  counter-increment: numberC;
  content: counter(numberC);
  font-weight: 400;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  border: 1px solid #004b9f;
  margin-right: 0.365em;
  transform: translateX(0) scale(0.8);
  text-indent: 0;
}
.article td > ul, .article td > ol {
  margin-top: 0;
}
.article dl {
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .article dl {
    font-size: 3.64583vw;
  }
}
.article dl dt {
  width: 60px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .article dl dt {
    width: 18%;
  }
}
.article dl dd {
  width: calc(100% - 60px);
  margin-bottom: 5px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .article dl dd {
    width: 82%;
  }
}
.article .clearBoth {
  clear: both;
}
.article iframe {
  position: relative;
  margin-top: 35px;
  width: 100%;
  height: 1000px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .article iframe {
    height: 104.16667vw;
  }
}
.article .border img {
  border: 1px solid #f6f6f6;
}
a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
.breadCrunmb {
  max-width: 1200px;
  padding: 0 20px;
  margin: 40px auto;
}
.breadCrunmb::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.46667) * 0.5em);
  content: '';
}
.breadCrunmb::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.46667) * 0.5em);
  content: '';
}
@media only screen and (max-width: 768px) {
  .breadCrunmb {
    margin-top: 6.51042vw;
    padding: 0 2.60417vw;
    overflow: visible;
  }
}
.breadCrunmb li {
  display: inline;
  font-size: 15px;
  position: relative;
  color: #004b9f;
  font-weight: 700;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .breadCrunmb li {
    font-size: 3.38542vw;
    line-height: 2;
  }
  .breadCrunmb li:last-child {
    padding-right: 2.60417vw;
  }
}
.breadCrunmb li::before {
  content: none !important;
}
.breadCrunmb li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -25px;
  width: 10px;
  height: 1px;
  background-color: #000;
}
.breadCrunmb li + li {
  margin-left: 20px;
}
.breadCrunmb li br, .breadCrunmb li span {
  display: none;
}
.breadCrunmb li a {
  color: #000;
  font-weight: 400;
}
.breadCrunmb li:last-child::after {
  display: none;
}
.breadCrunmb li:last-child span {
  display: none;
}
section#footer {
  position: relative;
  padding: 120px 0 0 !important;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  background-image: url("../../assets/images/footer/bg_footer.png");
  background-size: auto 100px;
  background-repeat: repeat-x;
  background-position: center bottom;
}
@media only screen and (max-width: 768px) {
  section#footer {
    min-width: 100%;
    padding: 15.625vw 0 0 !important;
    background-size: auto 15.625vw;
    background-position: center bottom 7.8125vw;
  }
}
section#footer #copyright {
  text-align: center;
  margin-top: 80px;
}
@media only screen and (max-width: 768px) {
  section#footer #copyright {
    background-color: #8ecaff;
    line-height: 1.1;
    margin-top: 20.83333vw;
  }
}
section#footer #copyright small {
  font-size: 1rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  section#footer #copyright small {
    font-size: 1.30208vw;
  }
}
section#footer .inner {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  section#footer .inner {
    display: block;
    margin-top: 23.4375vw;
    padding: 0 2.60417vw;
  }
}
section#footer .inner .address h2 {
  font-size: 1.8rem;
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  section#footer .inner .address h2 {
    font-size: 4.42708vw;
  }
}
section#footer .inner .address h2 + p {
  margin-top: 5px;
}
section#footer .inner .address a img {
  width: 15px;
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  section#footer .inner .address a img {
    width: 3.90625vw;
    margin-left: 1.30208vw;
  }
}
section#footer .inner .address + .address {
  margin-left: 5%;
}
@media only screen and (max-width: 768px) {
  section#footer .inner .address + .address {
    margin: 3.90625vw 0 0 0;
  }
}
section#footer .inner .machimura {
  width: 350px;
}
@media only screen and (min-width: 769px) {
  section#footer .inner .machimura a:hover {
    opacity: 0.8;
  }
}
#header {
  background: white;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #8ecaff 70%);
}
#header + * {
  padding-top: 80px;
}
@media only screen and (max-width: 950px) {
  #header + * {
    padding-top: 20.83333vw;
  }
}
#header .header_inner {
  position: relative;
  height: 100%;
  margin: 0 auto;
}
#header .header_inner h1 {
  text-align: center;
}
#header .header_inner h1 {
  display: inline-block;
  font-size: 3rem;
  font-weight: bold;
  color: #333;
  line-height: 100px;
  height: 100px;
  text-decoration: none;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,
 -2px 2px 0 #FFF, 2px -2px 0 #FFF,
 0px 2px 0 #FFF,  0 -2px 0 #FFF,
 -2px 0 0 #FFF, 2px 0 0 #FFF;
}
@media only screen and (max-width: 950px) {
  #header .header_inner h1 {
    display: block;
    font-size: 6.25vw;
    padding: 11.06771vw 0 0 3.90625vw;
    text-align: left;
    line-height: 1.2;
    height: 31.25vw;
  }
}
#header .header_inner h1 span {
  display: block;
  font-size: 1.55rem;
  font-weight: 400;
}
@media only screen and (max-width: 950px) {
  #header .header_inner h1 span {
    font-size: 2.53906vw;
    font-weight: normal;
  }
}

#header .header_inner {
  text-align: center;
}


#header .header_inner .contact {
  display: none;
  position: absolute;
  top: 15px;
  right: 110px;
  width: 80px;
  height: 80px;
  background-color: #fff;
  padding-top: 50px;
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  background-image: url("../../assets/images/icon/mail.svg");
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: top 30% center;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.085);
  transition: 0.2s all ease;
  z-index: 10;
}
@media only screen and (max-width: 950px) {
  #header .header_inner .contact {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #header .header_inner .contact:hover {
    background-color: #ff9900;
    background-image: url("../../assets/images/icon/mail_w.svg");
    color: #fff;
  }
}
#header .header_inner .header-menu {
  position: absolute;
  top: 0;
  right: 0;
  height: 100vh;
  display: none;
  background-color: #004b9f;
  z-index: 9;
}
@media only screen and (max-width: 950px) {
  #header .header_inner .header-menu {
    display: none;
    width: 100%;
    right: 0;
  }
}
#header .header_inner .header-menu nav {
  padding-top: 110px;
}
@media only screen and (max-width: 950px) {
  #header .header_inner .header-menu nav ul li {
    flex-grow: 1;
  }
}
#header .header_inner .header-menu nav ul li a {
  position: relative;
  display: block;
  transition: 0.2s all ease;
  font-size: 1.6rem;
  color: #fff;
  text-decoration: none;
  text-align: left;
  padding: 15px 50px;
  border-bottom: 1px dotted #fff;
}
@media only screen and (max-width: 950px) {
  #header .header_inner .header-menu nav ul li a {
    text-align: center;
    width: 100%;
    font-size: 4.16667vw;
  }
}
@media only screen and (min-width: 769px) {
  #header .header_inner .header-menu nav ul li a:hover {
    background-color: #ff9900;
  }
}
#header .header_inner .header-menu nav ul li:last-child a {
  border: none;
}
#header .header_inner .header-menu nav ul li#nav-informationrmation {
  display: none;
}
#header.active .header_inner {
  /*.contact,*/
}
#header.active .header_inner .header-menu {
  display: block;
}
.article #iryo-docArea {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .article #iryo-docArea {
    flex-wrap: wrap;
  }
}
.article #iryo-docArea section {
  width: 50%;
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .article #iryo-docArea section {
    width: 100%;
  }
}
.article #iryo-docArea section + section {
  padding-left: 30px;
  padding-right: 5px;
}
@media only screen and (max-width: 768px) {
  .article #iryo-docArea section + section {
    padding-left: 0;
  }
}
.article #iryo-docArea section + section .note {
  margin: 2em 0;
  font-weight: bold;
  border: solid 1px #efefef;
  padding: 0.3em 1em 0.5em 1em;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.article #iryo-docArea section + section .sen {
  background-color: #fff;
  background-image: linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #333 100%);
  background-size: 100% 2em;
  padding: 1em 1em 0.2em 1em;
}
.article #iryo-docArea section + section dl dt {
  width: 130px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
.article #iryo-docArea section + section dl dd {
  width: calc(100% - 130px);
  padding-right: 15px;
}
.article #iryo-docArea section + section dl + input {
  margin-top: -20px;
}
.article #iryo-docArea section + section dl + input + dl {
  margin-top: 10px;
  border-top: 3px solid #004b9f;
  padding-top: 20px;
  margin-bottom: 0;
}
.article #iryo-docArea section + section dl + input + dl + p {
  margin-top: 0;
  color: #ee0000;
}
.article #iryo-docArea section + section input {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .article #iryo-docArea section .imgBlock li {
    width: 46%;
    margin: 0 2% 25px !important;
  }
}
#mv {
  position: relative;
  margin: 0 auto;
  padding: 10px 0 100px;
  overflow: hidden;
  min-height: 100%;
}
@media only screen and (max-width: 768px) {
  #mv {
    padding: 1.30208vw 0 15.625vw;
  }
}
#mv::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/images/home/bg_mv.png");
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: center 0;
  opacity: 0.3;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #mv::after {
    background-size: 100% auto;
    background-position: center top;
  }
}
#mv p {
  text-align: center;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 3rem;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #mv p {
    font-size: 4.6875vw;
  }
}
#mv .mv-img {
  width: 80%;
  max-width: 1533px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #mv .mv-img {
    width: 100%;
  }
}
#mv .mv-img img {
  width: 100%;
}
#news {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
#news dl {
  margin: 0;
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px dotted #004b9f;
}
@media only screen and (max-width: 768px) {
  #news dl {
    padding-bottom: 0;
  }
}
#news dl dt {
  display: block;
  position: relative;
  float: left;
  clear: left;
  width: 100px;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px dotted #004b9f;
}
@media only screen and (max-width: 768px) {
  #news dl dt {
    float: none;
    width: 100%;
    font-size: 3.64583vw;
    margin: 1.95313vw 0 0;
    padding-top: 1.95313vw;
  }
}
@media only screen and (min-width: 769px) {
  #news dl dt.new + dd {
    padding-left: 52px;
  }
  #news dl dt.new + dd:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    content: "NEW" !important;
    background: #ee0000;
    color: #fff;
    margin-right: 5px;
    padding: 1px 5px;
  }
}
@media only screen and (max-width: 768px) {
  #news dl dt.new:after {
    position: relative;
    content: "NEW";
    background: #ee0000;
    color: #fff;
    margin-left: 1.95313vw;
    padding: 0.13021vw 1.30208vw;
    font-size: 2.60417vw;
  }
}
#news dl dd {
  text-indent: 0;
  padding-left: 0;
  margin: 10px 0 0;
  padding-top: 10px;
  position: relative;
  float: left;
  width: calc(100% - 100px);
  border-top: 1px dotted #004b9f;
}
@media only screen and (max-width: 768px) {
  #news dl dd {
    margin: 0;
    padding: 1.30208vw 0;
    font-size: 3.64583vw;
    border-top: none;
    width: 100%;
  }
}
#news dl dd p {
  margin-top: 0 !important;
}
#news dl dt:first-of-type, #news dl dd:first-of-type {
  border: none;
}
#products {
  max-width: 980px;
  margin: -180px auto 30px;
}
@media only screen and (max-width: 768px) {
  #products {
    width: 100%;
    margin: -20.83333vw auto 0;
  }
}
#products ul {
  display: flex;
  justify-content: space-between;
  clear: both;
  padding: 50px 0 0;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #products ul {
    display: block;
    padding: 1.30208vw 0 0;
    margin: 0 auto;
    width: 90%;
  }
}
#products ul li {
  width: 32%;
}
@media only screen and (max-width: 768px) {
  #products ul li {
    width: 100%;
    margin-bottom: 3.90625vw;
  }
}
#products ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 30px;
  height: 100%;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #004b9f;
  border-radius: 5px;
  transition: 0.2s all ease;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #products ul li a {
    padding: 2.60417vw 0;
    font-size: 5.20833vw;
  }
}
#products ul li a::before {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -500px;
  content: "";
  width: 1000px;
  height: 1000px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  #products ul li a::before {
    bottom: 3.90625vw;
    margin-left: -130.20833vw;
    content: "";
    width: 260.41667vw;
    height: 260.41667vw;
  }
}
@media only screen and (min-width: 769px) {
  #products ul li a:hover {
    background-color: #ff9900;
  }
}
#products ul li a span {
  display: block;
  width: 100%;
}
.home section h2 {
  font-size: 2rem;
  margin: 0 0 10px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .home section h2 {
    font-size: 4.94792vw;
    margin: 0 0 2.60417vw;
  }
}
.home section h2 + p {
  margin-top: 0;
}
.home section p {
  margin-top: 35px;
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .home section p {
    margin-top: 8.07292vw;
    font-size: 3.64583vw;
    line-height: 1.5;
  }
}
.home section p + p {
  margin-top: 14px;
}
@media only screen and (max-width: 768px) {
  .home section p + p {
    margin-top: 4.55729vw;
  }
}
/* *****
 Element
***** */
.article .back {
  clear: both;
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .article .back {
    margin-top: 10.41667vw;
  }
}
.article .back a {
  position: relative;
  padding-left: 30px;
}
.article .back a:after {
  transition: 0.2s all ease;
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -2px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  transform: rotate(45deg);
  transition: 0.2s all ease;
}
@media only screen and (max-width: 768px) {
  .article .back a:after {
    width: 1.5625vw;
    height: 1.5625vw;
    margin-top: -0.78125vw;
    border-width: 0.26042vw;
  }
}
@media only screen and (min-width: 769px) {
  .article .back a:hover:after {
    left: 10px;
  }
}
.article .banner a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  color: #000;
  border: 5px solid #06c755;
  /*
    color: $base-color;
	background-color: $banner;*/
}
.article .banner a p {
  font-size: 1.5em;
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .article .banner a p {
    font-size: 4.42708vw;
  }
}
@media only screen and (min-width: 769px) {
  .article .banner a:hover {
    top: 2px;
  }
}
@media only screen and (max-width: 768px) {
  .article .banner a {
    font-size: 3.64583vw;
  }
}
.article .banner a img {
  width: 50px;
  height: auto;
  margin-right: 10px;
  /*border: 3px solid $base-color;*/
  border-radius: 10px;
}
.article .faq_line {
  float: left;
  width: 35px;
  margin-right: 10px;
}
.btnMore {
  position: relative;
  width: 250px;
  margin: 0 auto !important;
  z-index: 2;
  padding: 30px 0 2px 0;
}
@media only screen and (max-width: 768px) {
  .btnMore {
    width: 80%;
    padding: 7.8125vw 0 0 0;
  }
}
.btnMore a, .btnMore a:visited {
  padding: 10px 25px;
  border: 1px solid #004b9f;
  background: transparent;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #004b9f;
  color: #fff;
  font-size: 1.4rem;
  text-decoration: none !important;
  text-align: center;
  z-index: 1;
  overflow: hidden;
  transition: 0.2s all ease;
}
@media only screen and (max-width: 768px) {
  .btnMore a, .btnMore a:visited {
    padding: 2.60417vw 3.25521vw;
    font-size: 4.16667vw;
  }
}
.btnMore a:after, .btnMore a:visited:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 500%;
  content: "";
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
  opacity: 1;
  background: #fff;
  transition: 0.2s all ease;
  z-index: -1;
}
@media only screen and (min-width: 769px) {
  .btnMore a:hover, .btnMore a:visited:hover {
    color: #004b9f;
  }
  .btnMore a:hover:after, .btnMore a:visited:hover:after {
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
  }
  .btnMore a:active, .btnMore a:visited:active {
    top: 2px;
  }
}
.btnMore a.member_icon {
  padding-left: 50px;
}
.btnMore a.member_icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M592%20288H576V212.7c0-41.84-30.03-80.04-71.66-84.27C456.5%20123.6%20416%20161.1%20416%20208V288h-16C373.6%20288%20352%20309.6%20352%20336v128c0%2026.4%2021.6%2048%2048%2048h192c26.4%200%2048-21.6%2048-48v-128C640%20309.6%20618.4%20288%20592%20288zM496%20432c-17.62%200-32-14.38-32-32s14.38-32%2032-32s32%2014.38%2032%2032S513.6%20432%20496%20432zM528%20288h-64V208c0-17.62%2014.38-32%2032-32s32%2014.38%2032%2032V288zM224%20256c70.7%200%20128-57.31%20128-128S294.7%200%20224%200C153.3%200%2096%2057.31%2096%20128S153.3%20256%20224%20256zM320%20336c0-8.672%201.738-16.87%204.303-24.7C308.6%20306.6%20291.9%20304%20274.7%20304H173.3C77.61%20304%200%20381.7%200%20477.4C0%20496.5%2015.52%20512%2034.66%20512h301.7C326.3%20498.6%20320%20482.1%20320%20464V336z%22%2F%3E%3C%2Fsvg%3E");
}
@media only screen and (max-width: 768px) {
  .btnMore a.member_icon::before {
    width: 20.83333vw;
    background-size: 7.8125vw auto;
  }
}
.btnMore a.member_icon:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22%231e1d2b%22%20d%3D%22M592%20288H576V212.7c0-41.84-30.03-80.04-71.66-84.27C456.5%20123.6%20416%20161.1%20416%20208V288h-16C373.6%20288%20352%20309.6%20352%20336v128c0%2026.4%2021.6%2048%2048%2048h192c26.4%200%2048-21.6%2048-48v-128C640%20309.6%20618.4%20288%20592%20288zM496%20432c-17.62%200-32-14.38-32-32s14.38-32%2032-32s32%2014.38%2032%2032S513.6%20432%20496%20432zM528%20288h-64V208c0-17.62%2014.38-32%2032-32s32%2014.38%2032%2032V288zM224%20256c70.7%200%20128-57.31%20128-128S294.7%200%20224%200C153.3%200%2096%2057.31%2096%20128S153.3%20256%20224%20256zM320%20336c0-8.672%201.738-16.87%204.303-24.7C308.6%20306.6%20291.9%20304%20274.7%20304H173.3C77.61%20304%200%20381.7%200%20477.4C0%20496.5%2015.52%20512%2034.66%20512h301.7C326.3%20498.6%20320%20482.1%20320%20464V336z%22%2F%3E%3C%2Fsvg%3E");
}
#contents .inner {
  display: flex;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  #contents .inner {
    display: block;
    padding: 1.95313vw;
  }
}
#contents .inner #news {
  width: 70%;
  padding: 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.085);
}
@media only screen and (max-width: 768px) {
  #contents .inner #news {
    width: 100%;
    padding: 3.90625vw;
  }
}
#contents .inner #publication {
  margin-left: 1%;
  width: 29%;
  padding: 30px 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.085);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #contents .inner #publication {
    width: 100%;
    margin: 3.90625vw 0 0 0;
    padding: 3.90625vw;
  }
}
#contents .inner #publication img {
  width: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.085);
  border: 1px solid #efefef;
  margin: 0.5% auto;
  transition: 0.2s all ease;
}
#contents .inner #publication a[href$=".pdf"] {
  position: relative;
}
#contents .inner #publication a[href$=".pdf"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22file-pdf%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23d42923%22%20d%3D%22M181.9%20256.1c-5-16-4.9-46.9-2-46.9%208.4%200%207.6%2036.9%202%2046.9zm-1.7%2047.2c-7.7%2020.2-17.3%2043.3-28.4%2062.7%2018.3-7%2039-17.2%2062.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1%20428.1c0%20.8%2013.2-5.4%2034.9-40.2-6.7%206.3-29.1%2024.5-34.9%2040.2zM248%20160h136v328c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24V24C0%2010.7%2010.7%200%2024%200h200v136c0%2013.2%2010.8%2024%2024%2024zm-8%20171.8c-20-12.2-33.3-29-42.7-53.8%204.5-18.5%2011.6-46.6%206.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5%2018.3-.4%2044.1%208.1%2077-11.6%2027.6-28.7%2064.6-40.8%2085.8-.1%200-.1.1-.2.1-27.1%2013.9-73.6%2044.5-54.5%2068%205.6%206.9%2016%2010%2021.5%2010%2017.9%200%2035.7-18%2061.1-61.8%2025.8-8.5%2054.1-19.1%2079-23.2%2021.7%2011.8%2047.1%2019.5%2064%2019.5%2029.2%200%2031.2-32%2019.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377%20105L279%207c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1%20255.3c4.1-2.7-2.5-11.9-42.8-9%2037.1%2015.8%2042.8%209%2042.8%209z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  width: 20px;
  height: 21px;
}
@media only screen and (max-width: 768px) {
  #contents .inner #publication a[href$=".pdf"]::after {
    right: -7.8125vw;
    width: 6.25vw;
    height: 6.25vw;
  }
}
@media only screen and (min-width: 769px) {
  #contents .inner #publication a:hover img {
    width: 51%;
    margin: 0 auto;
  }
}
#contents .inner #publication small {
  font-size: 0.8em;
}
#faq dl {
  overflow: hidden;
  margin-bottom: 50px;
  display: block;
}
#faq dl dt {
  width: 100%;
  position: relative;
  border-top: 1px solid #ccc;
  padding: 20px 70px;
  cursor: pointer;
  font-size: 1.2em;
  background-image: url("../../assets/images/icon/q.svg");
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: auto 40px;
}
@media only screen and (max-width: 768px) {
  #faq dl dt {
    padding: 5.20833vw 10.41667vw;
    font-size: 3.90625vw;
    background-position: left 0px center;
    background-size: auto 7.8125vw;
  }
}
#faq dl dt:before, #faq dl dt:after {
  display: block;
  content: '';
  background-color: #004b9f;
  position: absolute;
  width: 20px;
  height: 3px;
  top: 41px;
  right: 20px;
  transition: 0.2s all ease;
}
@media only screen and (max-width: 768px) {
  #faq dl dt:before, #faq dl dt:after {
    width: 5.20833vw;
    height: 0.78125vw;
    top: 50%;
    right: 0;
    margin-top: -0.39063vw;
  }
}
#faq dl dt:before {
  width: 3px;
  height: 20px;
  top: 33px;
  right: 28px;
}
@media only screen and (max-width: 768px) {
  #faq dl dt:before {
    width: 0.78125vw;
    height: 5.20833vw;
    top: 50%;
    right: 2.08333vw;
    margin-top: -2.60417vw;
  }
}
#faq dl dt.active:before {
  transform: rotate(-90deg);
}
#faq dl dt:first-of-type {
  border: none;
}
#faq dl dd {
  width: 100%;
  min-height: 80px;
  display: none;
  position: relative;
  padding: 20px 0 20px 100px;
  background-image: url("../../assets/images/icon/a.svg");
  background-repeat: no-repeat;
  background-position: left 40px top 20px;
  background-size: auto 40px;
}
@media only screen and (max-width: 768px) {
  #faq dl dd {
    width: auto;
    min-height: inherit;
    font-size: 3.64583vw;
    margin-left: 3.125vw;
    padding: 2.60417vw 0 5.20833vw 10.41667vw;
    background-position: left 0 top 2.60417vw;
    background-size: auto 7.8125vw;
  }
}
#faq dl dd ul, #faq dl dd ol {
  margin-top: 0;
  margin-left: 15px;
}
@media only screen and (max-width: 768px) {
  #faq dl dd ul, #faq dl dd ol {
    margin-left: 3.90625vw;
  }
}
#faq dl dd ul + *, #faq dl dd ol + * {
  margin-top: 0;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
textarea {
  padding: 8px 10px 5px 10px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #9c9c9c;
  color: #000;
  transition: 0.2s all ease;
}
input[type="text"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9c9c9c;
  border-color: #9c9c9c;
  text-align: left !important;
}
input[type="text"]:placeholder-shown,
input[type="number"]:placeholder-shown,
input[type="email"]:placeholder-shown,
input[type="tel"]:placeholder-shown,
input[type="password"]:placeholder-shown,
input[type="date"]:placeholder-shown,
textarea:placeholder-shown {
  color: #9c9c9c;
  border-color: #9c9c9c;
  text-align: left !important;
}
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
textarea:disabled {
  color: #9c9c9c;
  border-color: #9c9c9c;
  background-color: #efefef;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus {
  background-color: #fff;
  border-color: #004b9f !important;
  color: #000;
}
input[type="email"] {
  width: 100%;
}
input[type="submit"],
input[type="button"] {
  background-color: #004b9f;
  display: block;
  color: #fff;
  padding: 10px 0;
  transition: 0.2s all ease;
}
@media only screen and (max-width: 768px) {
  input[type="submit"],
  input[type="button"] {
    width: 100%;
    padding: 3.90625vw 0 2.60417vw;
    font-size: 3.64583vw;
  }
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #ff9900;
}
input[type="submit"].btn_back {
  background-color: #efefef;
  color: #000;
  padding: 20px 50px 15px;
}
@media only screen and (max-width: 768px) {
  input[type="submit"].btn_back {
    width: 50%;
    padding: 3.90625vw 0 2.60417vw;
  }
}
@media only screen and (min-width: 769px) {
  input[type="submit"].btn_back:hover {
    background-color: #f6f6f6;
  }
}
input[type="submit"].btn_back + input {
  margin-left: 30px;
}
@media only screen and (max-width: 768px) {
  input[type="submit"].btn_back + input {
    margin-left: 3.90625vw;
  }
}
input + span.error-text,
textarea + span.error-text,
.selectbox + span.error-text {
  display: none;
}
#ret_data1 {
  background-color: #ff9900;
  color: #fff;
  border-color: #e6b422;
  text-align: right;
}
.error {
  border-color: #ee0000 !important;
}
.error * {
  border-color: #ee0000 !important;
}
.error + span.error-text {
  display: block !important;
  color: #b00000;
  font-size: 1.4rem;
}
textarea[row] {
  height: 130px;
}
textarea.flex-height {
  resize: none;
  overflow: hidden;
  min-height: 34px;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-left: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: 0.2s all ease;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #008080;
  background-color: #efefef;
  border-radius: 4px;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.2s all ease;
}
input[type="checkbox"] + label::after,
input[type="radio"] + label::after {
  content: "";
  display: block;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  opacity: 0;
  width: 8px;
  height: 4px;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 6px;
}
input[type="checkbox"]:checked + label::after,
input[type="radio"]:checked + label::after {
  opacity: 1;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  background-color: #004b9f;
}
input[type="radio"] + label:before {
  border-radius: 15px;
  border-color: #008080;
  background-color: #efefef;
}
input[type="radio"]:checked + label::before {
  border-color: #004b9f;
}
.selectbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.selectbox::after {
  position: absolute;
  right: 10px;
  width: 10px;
  height: 7px;
  background-color: #9c9c9c;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  pointer-events: none;
}
.selectbox:hover::after, .selectbox:active::after, .selectbox:focus::after {
  background-color: #004b9f;
}
.selectbox select {
  width: 100%;
  appearance: none;
  padding: 5px 25px 5px 10px;
  cursor: pointer;
  border: 1px solid #9c9c9c;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.selectbox select:focus {
  background-color: #fff;
  border-color: #004b9f !important;
  color: #000;
}
.selectbox select:invalid {
  color: #9c9c9c;
  background-color: #efefef;
}
.btnArea {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .btnArea {
    display: flex;
    margin-top: 7.8125vw;
  }
}
.btnArea input + input {
  margin-left: 15px;
}
@media only screen and (max-width: 768px) {
  .btnArea input + input {
    margin-left: 3.90625vw;
  }
}
.file-select {
  display: flex;
  align-items: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.file-select label {
  display: inline-block;
  padding: 10px 20px 5px 20px;
  color: #fff;
  cursor: pointer;
  background-color: #004b9f;
  transition: 0.2s all ease;
  white-space: nowrap;
  width: 175px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .file-select label {
    padding: 1.95313vw 1.30208vw 1.30208vw;
    width: 33.85417vw;
  }
}
.file-select label:is(:hover, :focus) {
  opacity: 0.8;
}
.file-select .file-select-filename {
  margin-top: 5px !important;
  padding-left: 15px;
  flex-grow: 1;
  line-height: 34px;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .file-select .file-select-filename {
    margin-top: 1.04167vw !important;
    line-height: 7.8125vw;
    padding-left: 1.30208vw;
  }
}
.file-select .file-select-clear {
  margin-top: 0 !important;
  display: none;
  cursor: pointer;
  background-color: #efefef;
  padding: 10px 20px 5px 20px;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .file-select .file-select-clear {
    padding: 1.95313vw 1.30208vw 1.30208vw;
  }
}
.file-select input[type="file"] {
  display: none;
}
.code {
  display: block;
  font-size: 0.85em !important;
}
@media only screen and (max-width: 768px) {
  .code a {
    font-size: 3.125vw !important;
  }
}
.zu {
  display: flex;
  margin-top: 3em;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .zu {
    flex-wrap: wrap;
  }
}
.zu .zu01 {
  width: 64%;
}
.zu .zu02 {
  width: 34%;
}
@media only screen and (max-width: 768px) {
  .zu .zu02 {
    margin-top: 3em;
  }
}
.zu .zu01 p,
.zu .zu02 p {
  margin-top: 10px !important;
  display: block;
  text-align: center;
}
.zu .zu01 a,
.zu .zu02 a {
  display: block;
}
.zu .zu01 a::after,
.zu .zu02 a::after {
  content: none !important;
}
@media only screen and (max-width: 768px) {
  .zu .zu01,
  .zu .zu02 {
    width: 100%;
    padding-left: 0;
  }
}
.imgBlock {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .imgBlock {
    display: block;
    margin: 2%;
  }
}
.imgBlock li {
  position: relative;
  width: 23%;
  margin: 0 1% 25px !important;
  background: #fff;
  padding-left: 0;
  text-indent: 0;
  transition: 0.2s all ease;
}
.imgBlock li::before {
  content: none !important;
}
@media only screen and (max-width: 768px) {
  .imgBlock li {
    width: 100%;
    margin: 0 0 3.90625vw !important;
  }
}
.imgBlock li a, .imgBlock li .no-download {
  display: block;
  height: 100%;
  outline: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.085);
  transition: 0.2s all ease;
  color: #000;
  text-decoration: none !important;
}
.imgBlock li a[href$=".pdf"], .imgBlock li a[href$=".doc"], .imgBlock li a[href$=".docx"], .imgBlock li a[href$=".xls"], .imgBlock li a[href$=".xlsx"], .imgBlock li .no-download[href$=".pdf"], .imgBlock li .no-download[href$=".doc"], .imgBlock li .no-download[href$=".docx"], .imgBlock li .no-download[href$=".xls"], .imgBlock li .no-download[href$=".xlsx"] {
  margin: 0 !important;
}
.imgBlock li a[href$=".pdf"]:after, .imgBlock li a[href$=".doc"]:after, .imgBlock li a[href$=".docx"]:after, .imgBlock li a[href$=".xls"]:after, .imgBlock li a[href$=".xlsx"]:after, .imgBlock li .no-download[href$=".pdf"]:after, .imgBlock li .no-download[href$=".doc"]:after, .imgBlock li .no-download[href$=".docx"]:after, .imgBlock li .no-download[href$=".xls"]:after, .imgBlock li .no-download[href$=".xlsx"]:after {
  content: none;
}
.imgBlock li a[href$=".pdf"] dt, .imgBlock li a[href$=".doc"] dt, .imgBlock li a[href$=".docx"] dt, .imgBlock li a[href$=".xls"] dt, .imgBlock li a[href$=".xlsx"] dt, .imgBlock li .no-download[href$=".pdf"] dt, .imgBlock li .no-download[href$=".doc"] dt, .imgBlock li .no-download[href$=".docx"] dt, .imgBlock li .no-download[href$=".xls"] dt, .imgBlock li .no-download[href$=".xlsx"] dt {
  position: relative;
}
.imgBlock li a[href$=".pdf"] dt::after, .imgBlock li a[href$=".doc"] dt::after, .imgBlock li a[href$=".docx"] dt::after, .imgBlock li a[href$=".xls"] dt::after, .imgBlock li a[href$=".xlsx"] dt::after, .imgBlock li .no-download[href$=".pdf"] dt::after, .imgBlock li .no-download[href$=".doc"] dt::after, .imgBlock li .no-download[href$=".docx"] dt::after, .imgBlock li .no-download[href$=".xls"] dt::after, .imgBlock li .no-download[href$=".xlsx"] dt::after {
  position: absolute;
  bottom: 5px;
  right: 5px;
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  width: 20px;
  height: 21px;
}
@media only screen and (max-width: 768px) {
  .imgBlock li a[href$=".pdf"] dt::after, .imgBlock li a[href$=".doc"] dt::after, .imgBlock li a[href$=".docx"] dt::after, .imgBlock li a[href$=".xls"] dt::after, .imgBlock li a[href$=".xlsx"] dt::after, .imgBlock li .no-download[href$=".pdf"] dt::after, .imgBlock li .no-download[href$=".doc"] dt::after, .imgBlock li .no-download[href$=".docx"] dt::after, .imgBlock li .no-download[href$=".xls"] dt::after, .imgBlock li .no-download[href$=".xlsx"] dt::after {
    width: 4.16667vw;
    height: 4.16667vw;
  }
}
.imgBlock li a[href$=".pdf"] dt::after, .imgBlock li .no-download[href$=".pdf"] dt::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22file-pdf%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23d42923%22%20d%3D%22M181.9%20256.1c-5-16-4.9-46.9-2-46.9%208.4%200%207.6%2036.9%202%2046.9zm-1.7%2047.2c-7.7%2020.2-17.3%2043.3-28.4%2062.7%2018.3-7%2039-17.2%2062.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1%20428.1c0%20.8%2013.2-5.4%2034.9-40.2-6.7%206.3-29.1%2024.5-34.9%2040.2zM248%20160h136v328c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24V24C0%2010.7%2010.7%200%2024%200h200v136c0%2013.2%2010.8%2024%2024%2024zm-8%20171.8c-20-12.2-33.3-29-42.7-53.8%204.5-18.5%2011.6-46.6%206.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5%2018.3-.4%2044.1%208.1%2077-11.6%2027.6-28.7%2064.6-40.8%2085.8-.1%200-.1.1-.2.1-27.1%2013.9-73.6%2044.5-54.5%2068%205.6%206.9%2016%2010%2021.5%2010%2017.9%200%2035.7-18%2061.1-61.8%2025.8-8.5%2054.1-19.1%2079-23.2%2021.7%2011.8%2047.1%2019.5%2064%2019.5%2029.2%200%2031.2-32%2019.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377%20105L279%207c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1%20255.3c4.1-2.7-2.5-11.9-42.8-9%2037.1%2015.8%2042.8%209%2042.8%209z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.imgBlock li a[href$=".doc"] dt::after, .imgBlock li a[href$=".docx"] dt::after, .imgBlock li .no-download[href$=".doc"] dt::after, .imgBlock li .no-download[href$=".docx"] dt::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22file-word%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%231249af%22%20d%3D%22M224%20136V0H24C10.7%200%200%2010.7%200%2024v464c0%2013.3%2010.7%2024%2024%2024h336c13.3%200%2024-10.7%2024-24V160H248c-13.2%200-24-10.8-24-24zm57.1%20120H305c7.7%200%2013.4%207.1%2011.7%2014.7l-38%20168c-1.2%205.5-6.1%209.3-11.7%209.3h-38c-5.5%200-10.3-3.8-11.6-9.1-25.8-103.5-20.8-81.2-25.6-110.5h-.5c-1.1%2014.3-2.4%2017.4-25.6%20110.5-1.3%205.3-6.1%209.1-11.6%209.1H117c-5.6%200-10.5-3.9-11.7-9.4l-37.8-168c-1.7-7.5%204-14.6%2011.7-14.6h24.5c5.7%200%2010.7%204%2011.8%209.7%2015.6%2078%2020.1%20109.5%2021%20122.2%201.6-10.2%207.3-32.7%2029.4-122.7%201.3-5.4%206.1-9.1%2011.7-9.1h29.1c5.6%200%2010.4%203.8%2011.7%209.2%2024%20100.4%2028.8%20124%2029.6%20129.4-.2-11.2-2.6-17.8%2021.6-129.2%201-5.6%205.9-9.5%2011.5-9.5zM384%20121.9v6.1H256V0h6.1c6.4%200%2012.5%202.5%2017%207l97.9%2098c4.5%204.5%207%2010.6%207%2016.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.imgBlock li a[href$=".xls"] dt::after, .imgBlock li a[href$=".xlsx"] dt::after, .imgBlock li .no-download[href$=".xls"] dt::after, .imgBlock li .no-download[href$=".xlsx"] dt::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22file-excel%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23127f45%22%20d%3D%22M224%20136V0H24C10.7%200%200%2010.7%200%2024v464c0%2013.3%2010.7%2024%2024%2024h336c13.3%200%2024-10.7%2024-24V160H248c-13.2%200-24-10.8-24-24zm60.1%20106.5L224%20336l60.1%2093.5c5.1%208-.6%2018.5-10.1%2018.5h-34.9c-4.4%200-8.5-2.4-10.6-6.3C208.9%20405.5%20192%20373%20192%20373c-6.4%2014.8-10%2020-36.6%2068.8-2.1%203.9-6.1%206.3-10.5%206.3H110c-9.5%200-15.2-10.5-10.1-18.5l60.3-93.5-60.3-93.5c-5.2-8%20.6-18.5%2010.1-18.5h34.8c4.4%200%208.5%202.4%2010.6%206.3%2026.1%2048.8%2020%2033.6%2036.6%2068.5%200%200%206.1-11.7%2036.6-68.5%202.1-3.9%206.2-6.3%2010.6-6.3H274c9.5-.1%2015.2%2010.4%2010.1%2018.4zM384%20121.9v6.1H256V0h6.1c6.4%200%2012.5%202.5%2017%207l97.9%2098c4.5%204.5%207%2010.6%207%2016.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.imgBlock li a dl, .imgBlock li .no-download dl {
  display: block;
  height: 100%;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .imgBlock li a dl, .imgBlock li .no-download dl {
    display: flex;
    min-height: 31.25vw;
  }
}
.imgBlock li a dt, .imgBlock li .no-download dt {
  position: relative;
  width: 100%;
  background: #efefef;
  overflow: hidden;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .imgBlock li a dt, .imgBlock li .no-download dt {
    width: 25%;
  }
}
.imgBlock li a dt:before, .imgBlock li .no-download dt:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.imgBlock li a dt img, .imgBlock li .no-download dt img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  max-width: inherit;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: auto;
  transition: 0.2s;
  transform: translateY(-50%) translateX(-50%) scale(1.002);
}
.imgBlock li a dt .noimg, .imgBlock li .no-download dt .noimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 8rem;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 768px) {
  .imgBlock li a dt .noimg, .imgBlock li .no-download dt .noimg {
    font-size: 32.55208vw;
  }
}
.imgBlock li a dd, .imgBlock li .no-download dd {
  width: 100%;
  padding: 15px;
  line-height: 1.5;
  margin: 0;
  text-indent: 0;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 769px) {
  .imgBlock li a dd, .imgBlock li .no-download dd {
    height: 44%;
  }
}
@media only screen and (max-width: 768px) {
  .imgBlock li a dd, .imgBlock li .no-download dd {
    padding: 1.95313vw 3.90625vw;
    width: 75%;
  }
}
.imgBlock li a dd::before, .imgBlock li .no-download dd::before {
  content: none;
}
.imgBlock li a dd h4, .imgBlock li .no-download dd h4 {
  width: 100%;
  font-size: 1.6rem !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .imgBlock li a dd h4, .imgBlock li .no-download dd h4 {
    font-size: 4.16667vw !important;
    margin: 0 0 1.30208vw !important;
  }
}
.imgBlock li a dd h4 + p, .imgBlock li .no-download dd h4 + p {
  margin-top: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  .imgBlock li a dd h4 + p, .imgBlock li .no-download dd h4 + p {
    font-size: 3.38542vw;
  }
}
.imgBlock li a dd .size, .imgBlock li .no-download dd .size {
  width: 100%;
  margin-top: auto;
  text-align: right;
  font-size: 0.8em;
}
.imgBlock li a:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 769px) {
  .imgBlock li a:hover .thumb img, .imgBlock li a:hover dt img {
    transform: translateY(-50%) translateX(-50%) scale(1.05);
  }
}
@media only screen and (max-width: 768px) {
  .imgBlock li + li {
    margin-top: 3.90625vw;
  }
}
.mb-menuBtn {
  position: relative;
  cursor: pointer;
  z-index: 10;
  position: fixed;
  z-index: 12;
  top: 15px;
  right: 15px;
  width: 80px;
  height: 80px;
  background-color: #004b9f;
  transition: 0.2s all ease;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.085);
}
@media only screen and (max-width: 950px) {
  .mb-menuBtn {
    display: block;
  }
}
@media only screen and (max-width: 950px) {
  .mb-menuBtn {
    width: 20.83333vw;
    height: 20.83333vw;
  }
}
.mb-menuBtn::after {
  position: absolute;
  left: 0;
  top: 65%;
  width: 100%;
  text-align: center;
  content: "MENU";
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 950px) {
  .mb-menuBtn::after {
    font-size: 3.125vw;
  }
}
.mb-menuBtn span {
  display: inline-block;
  transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  width: 50%;
  height: 5px;
  margin-left: -25%;
  background-color: #fff;
  border-radius: 5px;
}
.mb-menuBtn span:nth-of-type(1) {
  top: 25%;
}
.mb-menuBtn span:nth-of-type(2) {
  top: 40%;
}
@media only screen and (min-width: 769px) {
  .mb-menuBtn:hover {
    background-color: #ff9900;
  }
}
@media only screen and (max-width: 950px) {
  width: 15.625vw;
  height: 15.625vw;
  ::after {
    font-size: 2.60417vw;
  }
}
#header.active .mb-menuBtn {
  background-color: #fff;
}
#header.active .mb-menuBtn::after {
  content: "CLOSE";
  color: #004b9f;
  letter-spacing: 0.1em;
}
#header.active .mb-menuBtn span:nth-of-type(1) {
  background-color: #004b9f;
  transform: translateY(7px) rotate(-31deg);
}
#header.active .mb-menuBtn span:nth-of-type(2) {
  background-color: #004b9f;
  transform: translateY(-5px) rotate(31deg);
}
@media only screen and (min-width: 769px) {
  #header.active .mb-menuBtn:hover {
    background-color: #ff9900;
  }
  #header.active .mb-menuBtn:hover::after {
    color: #fff;
  }
  #header.active .mb-menuBtn:hover span:nth-of-type(1) {
    background-color: #fff;
  }
  #header.active .mb-menuBtn:hover span:nth-of-type(2) {
    background-color: #fff;
  }
}
@media only screen and (max-width: 950px) {
  #header.active .mb-menuBtn span:nth-of-type(1) {
    transform: translateY(1.82292vw) rotate(-31deg);
  }
  #header.active .mb-menuBtn span:nth-of-type(2) {
    transform: translateY(-1.30208vw) rotate(31deg);
  }
}
.pagetop {
  font-family: Helvetica, Arial, sans-serif;
  position: fixed;
  right: 15px;
  bottom: 37px;
  width: calc(100% - 68px);
  width: 68px;
  height: 68px;
  transition: 0.5s transform ease, 0.5s opacity ease, 0.5s bottom ease;
  will-change: transform, opacity;
  z-index: 99;
}
@media only screen and (max-width: 768px) {
  .pagetop {
    position: absolute !important;
    left: 0 !important;
    right: 0;
    bottom: auto !important;
    top: auto !important;
    width: 100%;
    height: 13.02083vw;
  }
}
.pagetop.is-active {
  position: fixed;
  bottom: 0;
}
@media only screen and (max-width: 768px) {
  .pagetop.is-active {
    position: absolute;
    bottom: 14.84375vw;
  }
}
.pagetop a {
  text-decoration: none;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.2s all ease;
  border-radius: 50%;
}
@media only screen and (min-width: 769px) {
  .pagetop a {
    background-color: #004b9f;
    color: #fff;
    font-size: 10px;
    padding-top: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .pagetop a {
    background-color: #004b9f;
    color: #fff;
    padding-top: 6.51042vw;
    font-size: 2.86458vw;
    border-radius: 0;
  }
}
.pagetop a:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -18px;
  margin-left: -6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M182.6%20137.4c-12.5-12.5-32.8-12.5-45.3%200l-128%20128c-9.2%209.2-11.9%2022.9-6.9%2034.9s16.6%2019.8%2029.6%2019.8H288c12.9%200%2024.6-7.8%2029.6-19.8s2.2-25.7-6.9-34.9l-128-128z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: 0.2s all ease;
}
@media only screen and (max-width: 768px) {
  .pagetop a:after {
    width: 3.125vw;
    height: 3.125vw;
    margin-top: -4.6875vw;
    border-width: 0.52083vw;
    margin-left: -1.5625vw;
  }
}
@media only screen and (min-width: 769px) {
  .pagetop a:hover {
    transform: translateY(-5px);
    background-color: #ff9900;
  }
}
.article table {
  table-layout: auto;
  border-collapse: collapse;
  width: 80%;
  margin: 60px auto 0;
}
@media only screen and (max-width: 768px) {
  .article table {
    min-width: 100%;
    margin-top: 10.41667vw;
  }
}
.article table td, .article table th {
  padding: 15px;
  font-weight: inherit;
}
@media only screen and (max-width: 768px) {
  .article table td, .article table th {
    padding: 3.90625vw;
  }
}
.article table td {
  text-align: left !important;
}
@media only screen and (max-width: 768px) {
  .article table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.article table tbody th {
  text-align: left !important;
  white-space: nowrap;
  vertical-align: top;
  font-weight: bold;
  color: #004b9f;
  border-top: 3px solid #004b9f;
}
@media only screen and (max-width: 768px) {
  .article table tbody th {
    width: 100%;
    text-align: center !important;
    font-size: 3.64583vw;
    line-height: 1.5;
  }
}
.article table tbody td {
  border-top: 3px solid #efefef;
}
@media only screen and (max-width: 768px) {
  .article table tbody td {
    width: 100%;
    font-size: 3.64583vw;
    line-height: 1.5;
    border-top: 1px dotted #efefef;
  }
}
.article a {
  position: relative;
  text-decoration: underline;
  word-break: break-all;
}
@media only screen and (min-width: 769px) {
  .article a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 768px) {
  .article a {
    font-size: 3.64583vw;
  }
}
.article a[target="_blank"] {
  margin-right: 5px;
}
.article a[target="_blank"]::after {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20d%3D%22M464%2C0H48C21.492%2C0%2C0%2C21.492%2C0%2C48v416c0%2C26.507%2C21.492%2C48%2C48%2C48h416c26.508%2C0%2C48-21.493%2C48-48V48%20C512%2C21.492%2C490.508%2C0%2C464%2C0z%20M444.664%2C35c10.492%2C0%2C19%2C8.507%2C19%2C19c0%2C10.492-8.508%2C19-19%2C19s-19-8.508-19-19%20C425.664%2C43.507%2C434.172%2C35%2C444.664%2C35z%20M374.164%2C35c10.492%2C0%2C19%2C8.507%2C19%2C19c0%2C10.492-8.508%2C19-19%2C19s-19-8.508-19-19%20C355.164%2C43.507%2C363.672%2C35%2C374.164%2C35z%20M303.664%2C35c10.492%2C0%2C19%2C8.507%2C19%2C19c0%2C10.492-8.508%2C19-19%2C19s-19-8.508-19-19%20C284.664%2C43.507%2C293.172%2C35%2C303.664%2C35z%20M472%2C464c0%2C4.406-3.586%2C8-8%2C8H48c-4.414%2C0-8-3.594-8-8V104h432V464z%22%20style%3D%22fill%3A%20%231e1d2b%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 16px;
  margin-left: 5px;
  height: 16px;
}
@media only screen and (max-width: 768px) {
  .article a[target="_blank"]::after {
    width: 3.38542vw;
    height: 3.38542vw;
    margin-left: 1.43229vw;
  }
}
.article a[href$=".pdf"] {
  margin-right: 5px;
}
.article a[href$=".pdf"]::after {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22file-pdf%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23d42923%22%20d%3D%22M181.9%20256.1c-5-16-4.9-46.9-2-46.9%208.4%200%207.6%2036.9%202%2046.9zm-1.7%2047.2c-7.7%2020.2-17.3%2043.3-28.4%2062.7%2018.3-7%2039-17.2%2062.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1%20428.1c0%20.8%2013.2-5.4%2034.9-40.2-6.7%206.3-29.1%2024.5-34.9%2040.2zM248%20160h136v328c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24V24C0%2010.7%2010.7%200%2024%200h200v136c0%2013.2%2010.8%2024%2024%2024zm-8%20171.8c-20-12.2-33.3-29-42.7-53.8%204.5-18.5%2011.6-46.6%206.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5%2018.3-.4%2044.1%208.1%2077-11.6%2027.6-28.7%2064.6-40.8%2085.8-.1%200-.1.1-.2.1-27.1%2013.9-73.6%2044.5-54.5%2068%205.6%206.9%2016%2010%2021.5%2010%2017.9%200%2035.7-18%2061.1-61.8%2025.8-8.5%2054.1-19.1%2079-23.2%2021.7%2011.8%2047.1%2019.5%2064%2019.5%2029.2%200%2031.2-32%2019.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377%20105L279%207c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1%20255.3c4.1-2.7-2.5-11.9-42.8-9%2037.1%2015.8%2042.8%209%2042.8%209z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  width: 20px;
  height: 21px;
  margin-left: 9px;
}
@media only screen and (max-width: 768px) {
  .article a[href$=".pdf"]::after {
    width: 3.64583vw;
    height: 3.64583vw;
    margin-left: 1.43229vw;
  }
}
.article a[href$=".doc"], .article a[href$=".docx"] {
  margin-right: 5px;
}
.article a[href$=".doc"]::after, .article a[href$=".docx"]::after {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22file-word%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%231249af%22%20d%3D%22M224%20136V0H24C10.7%200%200%2010.7%200%2024v464c0%2013.3%2010.7%2024%2024%2024h336c13.3%200%2024-10.7%2024-24V160H248c-13.2%200-24-10.8-24-24zm57.1%20120H305c7.7%200%2013.4%207.1%2011.7%2014.7l-38%20168c-1.2%205.5-6.1%209.3-11.7%209.3h-38c-5.5%200-10.3-3.8-11.6-9.1-25.8-103.5-20.8-81.2-25.6-110.5h-.5c-1.1%2014.3-2.4%2017.4-25.6%20110.5-1.3%205.3-6.1%209.1-11.6%209.1H117c-5.6%200-10.5-3.9-11.7-9.4l-37.8-168c-1.7-7.5%204-14.6%2011.7-14.6h24.5c5.7%200%2010.7%204%2011.8%209.7%2015.6%2078%2020.1%20109.5%2021%20122.2%201.6-10.2%207.3-32.7%2029.4-122.7%201.3-5.4%206.1-9.1%2011.7-9.1h29.1c5.6%200%2010.4%203.8%2011.7%209.2%2024%20100.4%2028.8%20124%2029.6%20129.4-.2-11.2-2.6-17.8%2021.6-129.2%201-5.6%205.9-9.5%2011.5-9.5zM384%20121.9v6.1H256V0h6.1c6.4%200%2012.5%202.5%2017%207l97.9%2098c4.5%204.5%207%2010.6%207%2016.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  width: 20px;
  height: 21px;
  margin-left: 9px;
}
@media only screen and (max-width: 768px) {
  .article a[href$=".doc"]::after, .article a[href$=".docx"]::after {
    width: 3.64583vw;
    height: 3.64583vw;
    margin-left: 1.43229vw;
  }
}
.article a[href$=".xls"], .article a[href$=".xlsx"] {
  margin-right: 5px;
}
.article a[href$=".xls"]::after, .article a[href$=".xlsx"]::after {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22file-excel%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23127f45%22%20d%3D%22M224%20136V0H24C10.7%200%200%2010.7%200%2024v464c0%2013.3%2010.7%2024%2024%2024h336c13.3%200%2024-10.7%2024-24V160H248c-13.2%200-24-10.8-24-24zm60.1%20106.5L224%20336l60.1%2093.5c5.1%208-.6%2018.5-10.1%2018.5h-34.9c-4.4%200-8.5-2.4-10.6-6.3C208.9%20405.5%20192%20373%20192%20373c-6.4%2014.8-10%2020-36.6%2068.8-2.1%203.9-6.1%206.3-10.5%206.3H110c-9.5%200-15.2-10.5-10.1-18.5l60.3-93.5-60.3-93.5c-5.2-8%20.6-18.5%2010.1-18.5h34.8c4.4%200%208.5%202.4%2010.6%206.3%2026.1%2048.8%2020%2033.6%2036.6%2068.5%200%200%206.1-11.7%2036.6-68.5%202.1-3.9%206.2-6.3%2010.6-6.3H274c9.5-.1%2015.2%2010.4%2010.1%2018.4zM384%20121.9v6.1H256V0h6.1c6.4%200%2012.5%202.5%2017%207l97.9%2098c4.5%204.5%207%2010.6%207%2016.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  width: 20px;
  height: 21px;
  margin-left: 9px;
}
@media only screen and (max-width: 768px) {
  .article a[href$=".xls"]::after, .article a[href$=".xlsx"]::after {
    width: 3.64583vw;
    height: 3.64583vw;
    margin-left: 1.43229vw;
  }
}
.article a[href$=".zip"] {
  margin-right: 5px;
}
.article a[href$=".zip"]::after {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22download%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%231e1d2b%22%20d%3D%22M216%200h80c13.3%200%2024%2010.7%2024%2024v168h87.7c17.8%200%2026.7%2021.5%2014.1%2034.1L269.7%20378.3c-7.5%207.5-19.8%207.5-27.3%200L90.1%20226.1c-12.6-12.6-3.7-34.1%2014.1-34.1H192V24c0-13.3%2010.7-24%2024-24zm296%20376v112c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24V376c0-13.3%2010.7-24%2024-24h146.7l49%2049c20.1%2020.1%2052.5%2020.1%2072.6%200l49-49H488c13.3%200%2024%2010.7%2024%2024zm-124%2088c0-11-9-20-20-20s-20%209-20%2020%209%2020%2020%2020%2020-9%2020-20zm64%200c0-11-9-20-20-20s-20%209-20%2020%209%2020%2020%2020%2020-9%2020-20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  width: 20px;
  height: 21px;
  margin-left: 9px;
}
@media only screen and (max-width: 768px) {
  .article a[href$=".zip"]::after {
    width: 3.64583vw;
    height: 3.64583vw;
    margin-left: 1.43229vw;
  }
}
.article a[href*="mailto:"] {
  margin-left: 5px;
}
.article a[href*="mailto:"]::before {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url("../../assets/images/icon/mail.svg");
  background-size: 18px auto;
  background-position: center center;
  width: 22px;
  height: 21px;
}
@media only screen and (max-width: 768px) {
  .article a[href*="mailto:"]::before {
    width: 3.64583vw;
    height: 3.64583vw;
    background-size: 3.125vw auto;
    margin-left: 1.43229vw;
  }
}
/* *****
 Helper
***** */
.pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}
.sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}
.clearboth {
  clear: both;
}
.indent {
  text-indent: -1em;
  margin-left: 1em;
}
.txtRight {
  text-align: right;
}
.txtCenter, .textCenter,
.article table td.textCenter {
  text-align: center !important;
}
.txtLeft, .textLeft {
  text-align: left;
}
.floatRight {
  float: right;
}
.clearBoth {
  clear: both;
}