@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
.c-red {
  color: #F13300
} /*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */ *, ::after, ::before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
::after, ::before {
  text-decoration: inherit;
  vertical-align: inherit
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
article, aside, footer, header, nav, section {
  display: block
}
body {
  margin: 0
}
h1 {
  font-size: 2em;
  margin: 0.67em 0
}
figcaption, figure, main {
  display: block
}
figure {
  margin: 1em 40px
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
nav ol, nav ul {
  list-style: none
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b, strong {
  font-weight: inherit
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -0.25em
}
sup {
  top: -0.5em
}
::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}
audio, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none
}
svg {
  fill: currentColor
}
svg:not(:root) {
  overflow: hidden
}
table {
  border-collapse: collapse
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto;
  resize: vertical
}
details, menu {
  display: block
}
summary {
  display: list-item
}
canvas {
  display: inline-block
}
template {
  display: none
}
[tabindex], a, area, summary {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}
[hidden] {
  display: none
}
[aria-busy="true"] {
  cursor: progress
}
[aria-controls] {
  cursor: pointer
}
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute
}
[aria-disabled] {
  cursor: default
}
html {
  font-size: 62.5%;
  line-height: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  line-height: normal;
  color: #4d4d4d
}
a {
  text-decoration: underline
}
a[href^="tel:"] {
  cursor: default
}
ul, ol {
  margin: 0;
  padding: 0
}
address {
  font-style: normal
}
.cnt {
  width: auto;
  margin: 0 1rem
}
@media print, screen and (min-width: 1200px) {
  .cnt {
    width: 100rem;
    margin: 0 auto
  }
}
.sp {
  display: block
}
@media print, screen and (min-width: 1200px) {
  .sp {
    display: none
  }
}
.pc {
  display: none
}
@media print, screen and (min-width: 1200px) {
  .pc {
    display: block
  }
}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap
}
.cf {
  zoom: 1
}
.cf:after {
  display: block;
  content: "";
  clear: both
}
.right {
  float: right
}
.left {
  float: left
}
.center {
  text-align: center
}
.alignnone {
  float: none;
  clear: both
}
img.right {
  margin-left: 1rem;
  margin-bottom: 1rem
}
img.left {
  margin-right: 1rem;
  margin-bottom: 1rem
}
.col > * {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.col.np {
  padding: 0;
  margin-bottom: 1rem
}
.col.np > * {
  padding: 0
}
@media print, screen and (min-width: 1200px) {
  .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem
  }
  .col > * {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0 1rem
  }
  .col.np {
    padding: 0
  }
  .col.np > *:nth-child(2n-1) {
    padding-right: 1rem
  }
  .col.np > *:nth-child(2) {
    padding: 0
  }
}
.sticky-h {
  position: fixed;
  opacity: 0;
  top: -14.5rem;
  z-index: 90;
  background-color: #FFF;
  width: 100vw;
  -webkit-transition: all .5s linear 0s;
  transition: all .5s linear 0s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
@media print, screen and (min-width: breakpoint) {
  .sticky-h {
    position: absolute
  }
}
.sticky-ani {
  top: 0;
  opacity: 1
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype")
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: bold;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype")
}
body#pages #header, body#abstract #header, body#profile #header, body#councilor #header, body#articles #header, body#office #header, body#nyusatu #header, body#saiyou #header, body#notice #header {
  position: relative
}
body#pages #header::after, body#abstract #header::after, body#profile #header::after, body#councilor #header::after, body#articles #header::after, body#office #header::after, body#nyusatu #header::after, body#saiyou #header::after, body#notice #header::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 9.2rem;
  background: url("../img/tpl-bg-h1.gif") repeat-x 0 0
}
body#pages .wrap > *:first-child:not(h1) {
  padding-top: 9.2rem
}
a.btn {
  display: inline-block;
  position: relative;
  padding: 0 1rem;
  margin: .5rem 0;
  color: #FFF;
  text-decoration: none;
  border-radius: .3rem
}
a.btn.green {
  background-color: #47C9BE
}
a.btn.green:hover {
  background-color: #68D3CA
}
.wrap * {
  line-height: 1.07143
}
.wrap h1, .wrap h2 {
  margin: 4rem auto 2rem
}
.wrap h3, .wrap h4 {
  margin: 3rem auto 1rem
}
.wrap h5, .wrap h6 {
  margin: 1rem auto 1rem
}
.wrap h1 {
  font-size: 1.8rem;
  letter-spacing: .8rem
}
.wrap h2 {
  font-size: 1.8rem;
  letter-spacing: .8rem
}
.wrap h3 {
  font-size: 1.6rem
}
.wrap h4 {
  font-size: 1.4rem
}
.wrap h5 {
  font-size: 1.4rem
}
.wrap h6 {
  font-size: 1.4rem
}
.wrap ul, .wrap ol {
  margin: 2rem 0 2rem 2rem
}
.wrap em {
  font-style: normal;
  color: #FD7E14
}
.wrap dl {
  margin: 2rem 0
}
.wrap dt {
  color: #28A745;
  margin: 0
}
.wrap dd {
  margin: 0 0 2rem
}
.wrap table {
  margin: 1.5rem 0
}
.wrap table tr th {
  font-weight: normal;
  background-color: #eee
}
.wrap table th, .wrap table td {
  border: none;
  text-align: left;
  line-height: 1rem;
  padding: 1rem 1.7rem
}
.wrap table[border="1"] th, .wrap table[border="1"] td {
  border: 1px solid #4d4d4d
}
.wrap table.list {
  background-color: #eee;
  border-top: .75rem solid #eee;
  border-bottom: .75rem solid #eee;
  border-left: 1.5rem solid #eee;
  border-right: 1.5rem solid #eee
}
.wrap table.list tr:first-child th, .wrap table.list tr:first-child td {
  background-color: #eee
}
.wrap table.list th, .wrap table.list td {
  border: none;
  padding: 1rem
}
.wrap table.list td {
  color: #4d4d4d;
  border-bottom: 1px solid #4d4d4d
}
.wrap table.td-nobg tr td {
  background-color: #FFF
}
.wrap a.btn.green, .wrap a.btn.turquoise {
  line-height: 2.07143;
  padding: 0 6rem 0 3rem;
  -webkit-transition: .2s;
  transition: .2s
}
.wrap a.btn.green:after, .wrap a.btn.turquoise:after {
  content: url("../img/tag_a_btn_right.png");
  position: absolute;
  top: .2rem;
  right: 1.5rem;
  -webkit-transition: .2s;
  transition: .2s
}
.wrap a.btn.green:hover:after, .wrap a.btn.turquoise:hover:after {
  -webkit-animation: bounceright .3s alternate ease infinite;
  animation: bounceright .3s alternate ease infinite
}
.wrap a.btn.turquoise {
  background-color: #47C9BE
}
.wrap a.btn.turquoise:hover {
  background-color: #68D3CA
}
.wrap > h1:first-child {
  display: table-cell;
  vertical-align: middle;
  color: #28A745;
  height: 9.2rem
}
.wrap h2 {
  display: table;
  width: 100%;
  white-space: nowrap
}
.wrap h2::after {
  content: '';
  display: table-cell;
  width: 100%;
  background: url("../img/tpl-bg-h2.png") repeat-x 50% 50%;
  background-clip: padding-box;
  border-left: 2rem solid #fff
}
.wrap h3 {
  color: #4d4d4d;
  border-bottom: .2rem solid #28A745;
  line-height: 1rem;
  padding: .8rem 0
}
.wrap h4 {
  color: #4d4d4d
}
.wrap h4:before {
  content: '■';
  padding-right: 1rem
}
.wrap h5 {
  color: #4d4d4d
}
.wrap hr {
  clear: both;
  margin-bottom: 1rem
}
.wraps h1, .wraps h2 {
  margin: 4rem auto 2rem
}
.wraps h3, .wraps h4 {
  margin: 3rem auto 1rem
}
.wraps h5, .wraps h6 {
  margin: 1rem auto 1rem
}
.wraps h1 {
  font-size: 1.8rem;
  letter-spacing: .8rem
}
.wraps h2 {
  font-size: 1.8rem;
  letter-spacing: .8rem
}
.wraps h3 {
  font-size: 1.6rem;
  font-weight: normal
}
.wraps h4 {
  font-size: 1.4rem
}
.wraps h5 {
  font-size: 1.4rem
}
.wraps h6 {
  font-size: 1.4rem
}
.wraps h2 {
  display: table;
  width: 100%;
  white-space: nowrap
}
.wraps h2::after {
  content: '';
  display: table-cell;
  width: 100%;
  background: url("../img/tpl-bg-h2.png") repeat-x 50% 50%;
  background-clip: padding-box;
  border-left: 2rem solid #fff
}
.wrap {
  margin-bottom: 6rem
}
.wraps {
  margin-bottom: 2rem
}
.m-col {
  color: #e98e17
}
.as-col {
  color: #011740
}
.pl-blue {
  color: #ebf3fd
}
.sf-blue {
  color: #adc8ea
}
.li-blue {
  color: #1d87ff
}
.vi-blue {
  color: #0093aa
}
.dp-blue {
  color: #0053bd
}
.dk-blue {
  color: #0043ad
}
a[href^="tel:"] {
  text-decoration: none;
  color: #e98e17
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #0093aa
}
a:hover {
  color: #e98e17
}
button {
  font-weight: bold
}
span, p, h3 {
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph
}
span, p {
  margin-top: 0;
  margin-bottom: 0
}
th, td {
  line-height: 1.8
}
p {
  letter-spacing: .05rem
}
dt {
  letter-spacing: .2rem
}
h2 {
  letter-spacing: -.1rem
}
h3 {
  letter-spacing: .04rem
}
table:not(.mrc_webform_questionnaire) {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem
}
table:not(.mrc_webform_questionnaire) tr {
  border: solid 1px #ccc;
  background-color: #FAE3C5
}
table:not(.mrc_webform_questionnaire) tr th {
  display: inline-block;
  width: 8rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: normal;
  text-align: left;
  padding: 1rem 0 1rem 1rem;
  background-color: #FAE3C5
}
table:not(.mrc_webform_questionnaire) tr td {
  display: block;
  width: 100%;
  padding: 1rem;
  border-top: solid 1px #ccc;
  background-color: white
}
table:not(.mrc_webform_questionnaire) img.workerimg {
  display: none
}
input[type="text"], input[type="email"], select, textarea {
  line-height: 1
}
@media print, screen and (min-width: 1200px) {
  table:not(.mrc_webform_questionnaire) {
    width: 100%;
    margin-bottom: 8rem
  }
  table:not(.mrc_webform_questionnaire) tr {
    background-color: transparent
  }
  table:not(.mrc_webform_questionnaire) tr th {
    display: table-cell;
    width: 20%;
    padding: 1rem 2.5rem;
    border-right: solid 1px #ccc;
    background-color: #FAE3C5
  }
  table:not(.mrc_webform_questionnaire) tr td {
    display: table-cell;
    width: 80%;
    padding: 1.5rem 2rem;
    position: relative;
    background-color: transparent
  }
  table:not(.mrc_webform_questionnaire) tr _:-ms-lang(x)::-ms-backdrop, table:not(.mrc_webform_questionnaire) tr td {
    border: solid 1px #EAE9E7
  }
  table:not(.mrc_webform_questionnaire) img.workerimg {
    position: absolute;
    left: calc(50% + 29rem);
    bottom: -4rem;
    width: 15rem;
    height: auto;
    display: block
  }
  article {
    min-height: 50vh
  }
}
.cnt-h, .cnt {
  width: auto;
  margin: 0 1rem
}
.cnt-e {
  width: auto;
  margin: 0
}
.wrap {
  margin-bottom: 0
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.flex-t {
  display: table
}
.flex-t > * {
  display: table-cell;
  vertical-align: middle
}
.btn.gray {
  position: relative;
  display: block;
  height: 6rem;
  line-height: 6rem;
  background: #EAE9E7;
  color: #011740
}
.btn.gray:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#FDB32C), to(#E98E17));
  background-image: linear-gradient(90deg, #FDB32C 0%, #E98E17 100%);
  color: white
}
.btn.gray::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 1rem;
  margin: auto;
  display: inline-block;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: white;
  background-image: url("../img/arrow_nor.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .9rem auto;
  border-radius: 50%
}
.btn.navy {
  position: relative;
  display: block;
  height: 6rem;
  line-height: 6rem;
  background: #2d3d5c;
  color: white
}
.btn.navy:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#FDB32C), to(#E98E17));
  background-image: linear-gradient(90deg, #FDB32C 0%, #E98E17 100%);
  color: white
}
.btn.navy::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 1rem;
  margin: auto;
  display: inline-block;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: white;
  background-image: url("../img/arrow_nor.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .9rem auto;
  border-radius: 50%
}
.btn.bluegreen {
  position: relative;
  display: block;
  width: 20rem;
  height: 8rem;
  line-height: 8rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#00AEB8), to(#00919E));
  background-image: linear-gradient(90deg, #00AEB8 0%, #00919E 100%)
}
.btn.bluegreen::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 1.5rem;
  margin: auto;
  display: inline-block;
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  background: white;
  background-image: url("../img/arrow_nor.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .9rem auto;
  border-radius: 50%
}
h1.cnt {
  height: 6rem;
  line-height: 6rem
}
#gph2 {
  height: 6rem;
  line-height: 6rem;
  background-image: url("../img/gh2_bg.jpg");
  background-position: left top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  color: white
}
#gph2 h2.cnt {
  letter-spacing: .01rem;
  font-weight: normal
}
#gph2 h2.cnt a {
  color: white
}
body:not(#top) .block-sl1 {
  background-color: white;
  background-image: url("../img/town.svg"), linear-gradient(-190deg, rgba(255, 255, 255, 0) calc(100% - 15rem), #EAE9E7 calc(100% - 14.85rem), #EAE9E7 100%), linear-gradient(-170deg, rgba(255, 255, 255, 0) calc(100% - 15rem), #e98e17 calc(100% - 14.85rem), #e98e17 100%);
  background-position: bottom right calc(50% - 5rem), bottom left, bottom left;
  background-repeat: no-repeat;
  background-size: 30rem auto, auto auto, auto auto;
  padding-bottom: 7rem
}
body#event .block-sl1, body#interview .block-sl1 {
  padding-bottom: 15rem
}
body#privacy .block-sl1 {
  padding-bottom: 17rem
}
_:-ms-lang(x)::-ms-backdrop, body:not(#top) .block-sl1 {
  background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
  background-position: bottom right calc(50% - 5rem), bottom left, bottom left
}
@supports (-ms-ime-align: auto) {
  body:not(#top) .block-sl1 {
    background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
    background-position: bottom right calc(50% - 5rem), bottom left, bottom left
  }
}
@-moz-document url-prefix() {
  body:not(#top) .block-sl1 {
    background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
    background-position: bottom right calc(50% - 5rem), bottom left, bottom left
  }
}
.container {
  margin-bottom: 3rem
}
.container > .main.left {
  width: 100%;
  padding-right: 0
}
.container > #sidenavi.left {
  width: 100%
}
.liststyle {
  font-weight: bold;
  color: #2d3d5c;
  padding-left: 2.5rem;
  margin-bottom: 1rem;
  background-image: url("../img/h3.png");
  background-position: left top 1rem;
  background-repeat: no-repeat;
  background-size: auto 1.75rem
}
.borderstyle {
  border-top: solid 2px #011740;
  margin-top: 4rem;
  margin-bottom: 4rem;
  position: relative
}
.borderstyle span {
  position: absolute;
  top: -2.25rem;
  left: 0;
  right: 0;
  display: block;
  width: 30rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: white;
  color: #2d3d5c
}
.borderstyle span.head-join {
  width: 35rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.borderstyle img {
  position: absolute;
  top: -1rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: 2.25rem;
  padding: 0 2rem;
  background-color: white
}
_:-ms-lang(x)::-ms-backdrop, .borderstyle span {
  top: -2.5rem;
  width: 30rem;
  text-align: center
}
@supports (-ms-ime-align: auto) {
  .borderstyle span {
    top: -2.5rem;
    width: 30rem;
    text-align: center
  }
}
@-moz-document url-prefix() {
  .borderstyle span {
    top: -2.5rem;
    width: 30rem;
    text-align: center
  }
}
.apply {
  border-bottom: solid 2px #011740;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-bottom: 1rem;
  margin-bottom: 6rem
}
.apply img {
  width: auto;
  height: 5.6rem;
  margin-bottom: 1rem
}
.apply p {
  color: #2d3d5c;
  margin-left: 3rem;
  margin-right: 3rem;
  margin: 0 2rem 1rem 0;
  text-align: center
}
.apply a {
  max-width: 90%;
  min-width: 30rem;
  color: white !important;
  text-align: center;
  padding-right: 5rem !important;
  margin-left: auto;
  margin-right: auto
}
.apply div {
  text-align: center
}
.main > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem
}
.main ul {
  list-style: none
}
.main ul li {
  margin-bottom: .7rem
}
.main ul li::before {
  display: inline-block;
  content: "●";
  vertical-align: middle
}
.main ul li a {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: .25rem
}
.main #llslider ul li::before {
  display: none
}
.main h1.imgheader, .main h2.imgheader {
  margin-top: 0;
  margin-bottom: 2rem
}
.main h1.imgheader img, .main h2.imgheader img {
  width: 100%
}
.main h1:not(.imgheader) {
  color: #2d3d5c;
  padding: 1rem 2.5rem;
  margin-bottom: 3rem;
  border-left: solid 0.5rem #2d3d5c;
  background-image: url("../img/h1_bg.png");
  background-position: left top;
  background-repeat: repeat;
  background-size: 100% auto;
  clear: both
}
.main h2:not(.imgheader) {
  color: #2d3d5c;
  font-weight: bold;
  border-bottom: solid 2px #e98e17;
  padding-left: 0.25rem;
  padding-bottom: .8rem;
  position: relative;
  clear: both
}
.main h2:not(.imgheader)::after {
  display: block;
  content: "";
  width: 25%;
  border-bottom: solid 2px #2d3d5c;
  position: absolute;
  right: 0;
  bottom: -2px
}
.main p {
  margin-bottom: 3rem
}
.main address {
  font-style: normal;
  line-height: 1.8
}
.main .lcont {
  margin-bottom: 8rem
}
.main a.ob-link {
  padding-right: 2.5rem;
  background-image: url("../img/exlink.svg");
  background-position: right center;
  background-size: auto 1.6rem
}
.main a.ob-link:hover {
  background-image: url("../img/exlinkO.svg")
}
.main :-ms-lang(x)::-ms-backdrop, .main a.ob-link {
  padding-right: 2.5rem;
  background-image: url("../img/exlink.png");
  background-position: right center;
  background-size: auto 1.6rem
}
.main :-ms-lang(x)::-ms-backdrop, .main a.ob-link:hover {
  padding-right: 2.5rem;
  background-image: url("../img/exlinkO.png");
  background-position: right center;
  background-size: auto 1.6rem
}
#error404 .btn.bluegreen {
  width: 32rem;
  color: white;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2rem
}
.ofi {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit: cover; object-position: 50% 50%;"
}
@media (min-width: 1024px) {
  .container {
    margin-bottom: 3rem
  }
  .container > .main.left {
    width: calc(100% - 25rem);
    padding-right: 2rem
  }
  .container > #sidenavi.left {
    width: 23rem
  }
}
@media print, screen and (min-width: 1200px) {
  .cnt {
    width: 100rem;
    margin-left: auto;
    margin-right: auto
  }
  .cnt-h {
    width: 120rem;
    margin-left: auto;
    margin-right: auto
  }
  .cnt-e {
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }
  .btn.bluegreen {
    position: relative;
    display: block;
    width: 20rem;
    height: 8rem;
    line-height: 8rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#00AEB8), to(#00919E));
    background-image: linear-gradient(90deg, #00AEB8 0%, #00919E 100%)
  }
  .btn.efflight {
    display: block;
    width: 20rem;
    height: 8rem;
    line-height: 8rem;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    overflow: hidden
  }
  .btn.efflight::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    background-image: linear-gradient(-75deg, transparent 0%, transparent 40%, white 60%, transparent 90%, transparent 100%);
    height: 100%;
    width: 100%;
    -webkit-transform: skewX(-30deg) translateX(0);
    transform: skewX(-30deg) translateX(0);
    -webkit-transition: none;
    transition: none;
    opacity: 0.5
  }
  .btn.efflight:hover::before {
    -webkit-transform: skewX(-30deg) translateX(100rem);
    transform: skewX(-30deg) translateX(100rem);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    opacity: 0.5
  }
  #gph2 {
    width: 100%;
    height: 8rem;
    line-height: 8rem;
    padding-left: 3rem
  }
  #gph2 h2.cnt a {
    color: white
  }
  .liststyle {
    font-weight: bold;
    color: #2d3d5c;
    padding-left: 2.5rem;
    margin-bottom: 1rem
  }
  body:not(#top) .block-sl1 {
    background-image: url("../img/town.svg"), linear-gradient(-190deg, rgba(255, 255, 255, 0) calc(100% - 25rem), #EAE9E7 calc(100% - 24.8rem), #EAE9E7 100%), linear-gradient(-170deg, rgba(255, 255, 255, 0) calc(100% - 25rem), #e98e17 calc(100% - 24.8rem), #e98e17 100%);
    background-position: bottom right calc(50% - 20rem), bottom left, bottom left;
    background-size: 40rem auto, auto auto, auto auto;
    padding-bottom: 15rem
  }
  _:-ms-lang(x)::-ms-backdrop, body:not(#top) .block-sl1 {
    background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
    background-position: bottom right calc(50% - 20rem), bottom left, bottom left
  }
  @supports (-ms-ime-align: auto) {
    body:not(#top) .block-sl1 {
      background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
      background-position: bottom right calc(50% - 20rem), bottom left, bottom left
    }
  }
  @-moz-document url-prefix() {
    body:not(#top) .block-sl1 {
      background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 0%, #EAE9E7 25rem, transparent 25rem, transparent 0%), linear-gradient(10deg, #e98e17 0%, #e98e17 25rem, transparent 25rem, transparent 0%);
      background-position: bottom right calc(50% - 20rem), bottom left, bottom left;
      background-size: 40rem auto, 100% 50rem, 100% 50rem
    }
  }
  _:-ms-lang(x)::-ms-backdrop, body#top .block-sl1 {
    background-image: linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
    background-position: bottom left, bottom left
  }
  @supports (-ms-ime-align: auto) {
    body#top .block-sl1 {
      background-image: linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
      background-position: bottom left, bottom left
    }
  }
  @-moz-document url-prefix() {
    body#top .block-sl1 {
      background-image: linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
      background-position: bottom left, bottom left
    }
  }
  body#event .block-sl1, body#interview .block-sl1 {
    padding-bottom: 24rem
  }
  _:-ms-lang(x)::-ms-backdrop, body#event .block-sl1, _:-ms-lang(x)::-ms-backdrop, body#interview .block-sl1 {
    padding-bottom: 21rem
  }
  @supports (-ms-ime-align: auto) {
    body#event .block-sl1, body#interview .block-sl1 {
      padding-bottom: 21rem
    }
  }
  @-moz-document url-prefix() {
    body#event .block-sl1, body#interview .block-sl1 {
      padding-bottom: 21rem
    }
  }
  body#privacy .block-sl1 {
    padding-bottom: 26rem
  }
  _:-ms-lang(x)::-ms-backdrop, body#privacy .block-sl1 {
    padding-bottom: 23rem
  }
  @supports (-ms-ime-align: auto) {
    body#privacy .block-sl1 {
      padding-bottom: 23rem
    }
  }
  @-moz-document url-prefix() {
    body#privacy .block-sl1 {
      padding-bottom: 23rem
    }
  }
  .container > .main.left {
    width: 77rem;
    padding-right: 2rem
  }
  .container > #sidenavi.left {
    width: 23rem
  }
  .apply {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 6rem;
    padding-right: 6rem
  }
  .apply p {
    font-weight: bold;
    margin-right: 0
  }
  .apply.column2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .apply.column2 img {
    width: 50%
  }
  .main h2:not(.imgheader) {
    color: #2d3d5c;
    font-weight: bold;
    border-bottom: solid 2px #e98e17;
    padding-left: 0.25rem;
    padding-bottom: .8rem;
    position: relative
  }
  .main h2:not(.imgheader)::after {
    display: block;
    content: "";
    width: 25%;
    border-bottom: solid 2px #2d3d5c;
    position: absolute;
    right: 0;
    bottom: -2px
  }
}
@media (min-width: 1000px) {
  .cnt {
    width: 100rem;
    margin-left: auto;
    margin-right: auto
  }
}
article h3 {
  color: #0093aa
}
article a, article a:link, article a:visited {
  color: #0093aa;
  word-break: break-all
}
article a:hover, article a:active, article a:focus {
  color: #e98e17;
  word-break: break-all
}
.button a:link, .button a:visited {
  background-color: #e98e17
}
.button a:hover, .button a:active, .button a:focus {
  background-color: #0043ad
}
.wrap h1 ul, .wrap ul, .wrap ol {
  margin: 0
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}
[dir="rtl"] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat
}
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal
}
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 1
}
.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-prev {
  left: -25px
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px
}
.slick-prev:before {
  content: "←"
}
[dir="rtl"] .slick-prev:before {
  content: "→"
}
.slick-next {
  right: -25px
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto
}
.slick-next:before {
  content: "→"
}
[dir="rtl"] .slick-next:before {
  content: "←"
}
.slick-dotted.slick-slider {
  margin-bottom: 2rem
}
.slick-dots {
  position: absolute;
  bottom: 1.5rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 124rem
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  color: #FD7E14;
  opacity: 1
}
#header {
  width: 100%;
  background-color: white
}
#header > div {
  width: 100%
}
#header > div .flex-mw {
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden
}
#header > div .flex-mw h1 {
  margin: 0
}
#header > div .flex-mw h1 > a {
  display: block;
  width: 100%;
  height: 5rem;
  padding: .4rem 1rem;
  text-decoration: none
}
#header > div .flex-mw h1 > a > * {
  display: block
}
#header > div .flex-mw h1 > a img {
  width: auto;
  height: 2rem;
  margin-bottom: .2rem
}
#header > div .flex-mw h1 > a span {
  color: #2d3d5c;
  font-weight: normal;
  letter-spacing: 0;
  margin-left: 0
}
#header > div .flex-mw div.sp {
  background-color: #2d3d5c;
  background-image: url("../img/menu_o.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 70%;
  z-index: 90
}
@media (max-width: 360px) {
  #header > div .flex-mw h1 > a {
    display: block;
    height: auto
  }
  #header > div .flex-mw h1 > a img {
    width: 100%;
    height: auto
  }
}
@media print, screen and (min-width: 1200px) {
  #header {
    z-index: 90;
    position: absolute;
    top: 0;
    background-color: #EAE9E7
  }
  #header > div {
    background-color: white
  }
  #header > div .flex-mw {
    width: 120rem;
    height: 8rem
  }
  #header > div .flex-mw h1 > a {
    height: 100%
  }
  #header > div .flex-mw h1 > a img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem
  }
  #header > div .flex-mw h1 > a span {
    margin-left: .2rem
  }
  #header > div .flex-mw div.pc > .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #header > div .flex-mw div.pc > .flex > .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: white;
    padding: .5rem .5rem .5rem 1rem;
    margin: .5rem;
    border-radius: 3px;
    border: solid 1px #EAE9E7
  }
  #header > div .flex-mw div.pc > .flex > .flex > p {
    margin-left: 0;
    margin-right: 1rem;
    font-weight: bold;
    color: #2d3d5c
  }
  #header > div .flex-mw div.pc > .flex > .flex > button {
    margin-left: .5rem;
    margin-right: .5rem;
    background: #fff;
    color: #4d4d4d;
    padding: .5rem .75rem;
    border: none;
    border-radius: 0
  }
  #header > div .flex-mw div.pc > .flex address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 1rem;
    margin-right: 1rem
  }
  #header > div .flex-mw div.pc > .flex address p {
    display: inline-block;
    text-align-last: justify;
    text-justify: inter-ideograph
  }
  #header > div .flex-mw div.pc > .flex address p:nth-of-type(1) {
    margin-top: .5rem;
    margin-bottom: .5rem
  }
  #header > div .flex-mw div.pc > .flex address p:nth-of-type(1) img {
    max-width: 20rem
  }
  #header > div .flex-mw div.pc > .flex address p:nth-of-type(2) {
    display: inline-block;
    background-color: #2d3d5c;
    color: white;
    padding: .3rem 1rem;
    margin-left: .5rem;
    margin-right: .5rem
  }
  #header > div .flex-mw div.pc > .flex address p:nth-of-type(3) {
    color: #2d3d5c
  }
  #header > div .flex-mw div.pc > .flex > a.btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#00AFB9), to(#00909D));
    background-image: linear-gradient(to right, #00AFB9 0%, #00909D 100%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
    text-align: center;
    width: 15rem;
    height: 8rem;
    line-height: 8rem;
    padding: 0;
    cursor: pointer;
    border-radius: 0;
    margin: 0
  }
  #header > div .flex-mw div.pc > .flex > a.btn img {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto
  }
  #headerS {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
    z-index: 95;
    background: white;
    display: none;
    position: absolute;
    top: -9rem;
    width: 100%;
    min-width: 110rem
  }
  #headerS.fixed {
    display: block;
    position: fixed;
    top: 0;
    -webkit-transition: .5s all ease-in;
    transition: .5s all ease-in
  }
  #headerS nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120rem;
    height: 6.5rem;
    margin-left: auto;
    margin-right: auto
  }
  #headerS nav a:nth-of-type(1) {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
  }
  #headerS nav a:nth-of-type(1) img {
    vertical-align: middle;
    width: 25rem;
    padding-bottom: 0.5rem;
    padding-left: 2rem
  }
  #headerS nav a:nth-of-type(2) {
    background-image: -webkit-gradient(linear, left top, right top, from(#00AFB9), to(#00909D));
    background-image: linear-gradient(to right, #00AFB9 0%, #00909D 100%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 18rem;
    height: 6.5rem;
    line-height: 6.5rem;
    cursor: pointer;
    border-radius: 0;
    margin: 0;
    text-align: center
  }
  #headerS nav a:nth-of-type(2) img {
    width: 90%
  }
  #headerS nav ul {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem
  }
  #headerS nav ul li {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}
#mega {
  display: none
}
@media print, screen and (min-width: 1200px) {
  body {
    position: relative;
    padding-top: 14rem
  }
  #header .globalnavi ul.flex li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 6rem
  }
  #header .globalnavi ul.flex li a {
    height: 6rem;
    line-height: 6rem
  }
  #mega {
    opacity: 0;
    top: -30rem;
    left: 0;
    width: 100%;
    background-color: #EAE9E7;
    z-index: 51;
    padding: 1rem;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
  }
  #mega.absolute {
    display: block;
    position: absolute
  }
  #mega.fixed {
    display: block;
    position: fixed
  }
  #mega div.table {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
  #mega div.table #megaTitle {
    display: table-cell;
    width: 25%;
    padding-right: 1rem;
    vertical-align: middle
  }
  #mega div.table #megaTitle header em {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-style: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #mega div.table #megaTitle header em div:nth-of-type(1) strong {
    display: block;
    line-height: 1
  }
  #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(1) {
    color: #e98e17;
    margin-bottom: .5rem
  }
  #mega div.table #megaTitle header em div:nth-of-type(2) strong {
    display: block
  }
  #mega div.table #megaTitle p {
    padding-right: 1rem
  }
  #mega div.table nav {
    display: table-cell;
    width: 75%;
    vertical-align: middle;
    font-size: 0
  }
  #mega div.table nav ul li {
    display: inline-block;
    width: calc((100% - 2rem) / 3)
  }
  #mega div.table nav ul li a.btn.navy {
    height: 4rem;
    line-height: 4rem
  }
  #mega div.table nav ul li a.btn.navy::after {
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background-image: url("../img/arrow_nor.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: .6rem auto
  }
  #mega div.table nav ul li:nth-of-type(3n-1) {
    margin-left: 1rem;
    margin-right: 1rem
  }
  #headerS .globalnavi ul.flex li {
    height: 6.5rem
  }
  #headerS .globalnavi ul.flex li a {
    height: 6.5rem;
    line-height: 6.5rem
  }
  _:-ms-lang(x)::-ms-backdrop, #headerS .globalnavi ul.flex li {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .globalnavi ul.flex {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .globalnavi ul.flex li {
    display: block;
    border-left: solid 1px #ccc
  }
  .globalnavi ul.flex li:nth-last-of-type(1) {
    border-right: solid 1px #ccc
  }
  .globalnavi ul.flex li a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto
  }
  .globalnavi ul.flex li a:link, .globalnavi ul.flex li a:visited {
    color: #2d3d5c
  }
  .globalnavi ul.flex li a:hover, .globalnavi ul.flex li a:active, .globalnavi ul.flex li a:focus {
    color: #e98e17
  }
  .globalnavi ul.flex li _:-ms-lang(x)::-ms-backdrop, .globalnavi ul.flex li a {
    padding-left: .9rem;
    padding-right: .9rem
  }
  #about li.about, #greeting li.greeting, #information li.information, #history li.history, #bases li.bases, #recruit li.recruit, #work li.recruit, #merit li.recruit, #facility li.recruit, #procedure li.recruit, #event li.recruit, #interview li.recruit, #entry li.recruit, #seminar li.recruit, #experiment li.recruit {
    border-bottom: solid 4px #e98e17
  }
  #about li.about a, #greeting li.greeting a, #information li.information a, #history li.history a, #bases li.bases a, #recruit li.recruit a, #work li.recruit a, #merit li.recruit a, #facility li.recruit a, #procedure li.recruit a, #event li.recruit a, #interview li.recruit a, #entry li.recruit a, #seminar li.recruit a, #experiment li.recruit a {
    color: #e98e17
  }
}
#g_menu_btn.sp {
  cursor: pointer;
  right: 0;
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 0
}
@media print, screen and (min-width: 1200px) {
  #g_menu_btn.sp {
    display: none
  }
}
#g_menu_btn.sp, #g_menu_btn.sp > div {
  position: absolute;
  margin: auto;
  background-color: #e98e17;
  width: 5rem;
  height: 5rem
}
#g_menu_btn.sp div, #g_menu_btn.sp span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
#g_menu_btn.sp span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: .4rem;
  background-color: #fff;
  border-radius: .6rem
}
#g_menu_btn.sp span:nth-of-type(1) {
  top: 0
}
#g_menu_btn.sp span:nth-of-type(2) {
  top: 1.1rem
}
#g_menu_btn.sp span:nth-of-type(3) {
  bottom: 0
}
#g_menu_btn.sp.active > div {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
_:-ms-lang(x)::-ms-backdrop, #g_menu_btn.sp, _:-ms-lang(x)::-ms-backdrop, #g_menu_btn.sp > div {
  top: 0
}
#g_menu_drawr {
  position: fixed;
  top: 0;
  right: -100vw;
  z-index: 300;
  width: 90vw;
  max-width: 32rem;
  height: 100vh;
  background: #2d3d5c;
  color: white;
  opacity: 0.95;
  -webkit-transition: right 1s;
  transition: right 1s
}
@media print, screen and (min-width: 1200px) {
  #g_menu_drawr {
    display: none
  }
}
#g_menu_drawr.active {
  right: 0
}
#g_menu_drawr a {
  font-weight: normal;
  color: white;
  text-decoration: none
}
@media screen and (orientation: landscape) and (max-width: 600px) {
  #g_menu_drawr {
    width: 90vw;
    max-width: 100vw
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: .3
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: .3
  }
}
.slidemenu {
  font-weight: bold;
  height: 100%;
  overflow-y: scroll
}
.slidemenu > div.flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #374764
}
.slidemenu > div.flex p {
  display: inline-block;
  height: 4.5rem;
  line-height: 4.5rem;
  margin: 0 0 0 1.5rem
}
.tojiru {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  height: 4.5rem
}
.tojiru a {
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  background-image: url("../img/menu_c.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 70%
}
.menu {
  padding-top: .2rem;
  padding-bottom: 2rem;
  margin-bottom: 0
}
.menu .transition, .menu a, .menu ul li i:before, .menu ul li i:after {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out
}
.menu .flipIn, .menu ul li {
  -webkit-animation: flipdown 0.5s ease both;
  animation: flipdown 0.5s ease both
}
.menu .no-select, .menu i + span {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.menu i + span {
  display: block;
  letter-spacing: -.025rem;
  padding: .5rem 1rem;
  cursor: pointer
}
.menu a {
  display: block;
  padding: .5rem 1rem;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 2;
  background-image: url("../img/arrow_wrm.png");
  background-position: center right 1.6rem;
  background-repeat: no-repeat;
  background-size: auto 1rem
}
@media print, screen and (min-width: 813px) {
  .menu a {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none
  }
}
.menu ul {
  list-style: none
}
.menu ul li {
  padding: .75rem 0;
  font-weight: normal
}
@media print, screen and (min-width: 813px) {
  .menu ul li {
    -webkit-animation: none;
    animation: none
  }
}
.menu ul li:nth-of-type(odd) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s
}
.menu ul li:nth-of-type(even) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s
}
.menu ul li:last-of-type {
  padding-bottom: 0
}
.menu ul li:nth-of-type(even) {
  background-color: #374764
}
.menu ul li span ~ ul li a {
  text-indent: 1rem
}
.menu ul li span ~ ul li:nth-of-type(even) {
  background-color: #2d3d5c
}
.menu ul li i {
  position: absolute;
  -webkit-transform: translate(-1.25rem, 0);
  transform: translate(-1.25rem, 0);
  margin-top: 1.25rem;
  right: 1rem
}
.menu ul li i:before, .menu ul li i:after {
  content: "";
  position: absolute;
  background-color: white;
  width: 0.3rem;
  height: 0.9rem
}
.menu ul li i:before {
  -webkit-transform: translate(-0.175rem, 0) rotate(45deg);
  transform: translate(-0.175rem, 0) rotate(45deg)
}
.menu ul li i:after {
  -webkit-transform: translate(0.175rem, 0) rotate(-45deg);
  transform: translate(0.175rem, 0) rotate(-45deg)
}
.menu ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 5rem;
  margin-left: 0;
  margin-right: 0;
  z-index: 1;
  opacity: 0
}
.menu ul li input[type=checkbox]:checked ~ ul {
  margin-top: 0;
  margin-bottom: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}
.menu ul li input[type=checkbox]:checked ~ ul li {
  display: none
}
.menu ul li input[type=checkbox]:checked ~ i:before {
  -webkit-transform: translate(0.175rem, 0) rotate(45deg);
  transform: translate(0.175rem, 0) rotate(45deg)
}
.menu ul li input[type=checkbox]:checked ~ i:after {
  -webkit-transform: translate(-0.175rem, 0) rotate(-45deg);
  transform: translate(-0.175rem, 0) rotate(-45deg)
}
@media (min-width: 813px) {
  .menu ul li i {
    right: 2.4rem
  }
  .menu ul li input[type=checkbox] {
    width: calc(100% - 2.4rem)
  }
}
@-webkit-keyframes flipdown {
  0% {
    opacity: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
  }
  5% {
    opacity: 1
  }
  80% {
    -webkit-transform: rotateX(8deg);
    transform: rotateX(8deg)
  }
  83% {
    -webkit-transform: rotateX(6deg);
    transform: rotateX(6deg)
  }
  92% {
    -webkit-transform: rotateX(-3deg);
    transform: rotateX(-3deg)
  }
  100% {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
  }
}
@keyframes flipdown {
  0% {
    opacity: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
  }
  5% {
    opacity: 1
  }
  80% {
    -webkit-transform: rotateX(8deg);
    transform: rotateX(8deg)
  }
  83% {
    -webkit-transform: rotateX(6deg);
    transform: rotateX(6deg)
  }
  92% {
    -webkit-transform: rotateX(-3deg);
    transform: rotateX(-3deg)
  }
  100% {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
  }
}
.menu2 {
  width: 100%;
  padding-bottom: 8rem
}
.menu2 ul {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-left: 1rem;
  padding-right: 1rem
}
.menu2 ul > li {
  display: block;
  width: 29%
}
.menu2 ul > li a {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 100%;
  border-radius: 3px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#00AEB8), to(#00919E));
  background-image: linear-gradient(90deg, #00AEB8 0%, #00919E 100%)
}
.menu2 ul > li a:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#FDB32C), to(#E98E17));
  background-image: linear-gradient(90deg, #FDB32C 0%, #E98E17 100%)
}
.menu2 ul > li a span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 6rem;
  height: 5rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  margin: auto
}
#contactLink {
  margin-bottom: 15rem
}
#contactLink .flex.apply div {
  width: 36.9rem;
  margin-bottom: 2rem
}
#contactLink .flex.apply div img {
  width: 100%;
  height: auto;
  margin-bottom: .5rem
}
#contactLink .flex.apply div p {
  margin: 0 0 2rem 0
}
#contactLink .flex.apply div span {
  letter-spacing: -.1rem;
  color: #011740
}
#contactLink .flex.apply div a {
  width: 100%;
  max-width: 100%
}
#contactLinkB .flex.apply {
  width: 100%;
  margin-bottom: 5rem
}
#contactLinkB .flex.apply img {
  width: 15rem;
  height: auto;
  margin-bottom: .5rem
}
#contactLinkB .flex.apply _:-ms-lang(x)::-ms-backdrop, #contactLinkB .flex.apply img {
  width: 15rem;
  height: 70%;
  margin-bottom: .5rem
}
#contactLinkB .flex.apply p {
  display: block;
  width: 26rem;
  margin: 1.5rem 0
}
#contactLinkB .flex.apply a.btn.bluegreen.efflight {
  width: 33rem;
  max-width: 100%;
  min-width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  overflow: hidden
}
#contactLinkC .flex.apply {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0
}
#contactLinkC .flex.apply img {
  width: 60%;
  height: auto;
  margin-bottom: .5rem
}
#contactLinkC .flex.apply p {
  display: block;
  width: 100%;
  margin: 1.5rem 0
}
#contactLinkC .flex.apply a.btn.bluegreen.efflight {
  width: 100%;
  max-width: 100%;
  min-width: auto;
  margin-left: 0;
  margin-right: 0
}
#link-panel-area strong {
  display: block;
  color: #e98e17;
  text-align: center;
  margin-bottom: 1rem
}
#link-panel-area p {
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  margin-bottom: 3rem
}
#link-panel-area .flex {
  display: block
}
#link-panel-area .flex .link-panel {
  display: block;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e98e17), color-stop(50%, #e98e17), color-stop(50.1%, #EAE9E7), to(#EAE9E7));
  background-image: linear-gradient(to bottom, #e98e17 0%, #e98e17 50%, #EAE9E7 50.1%, #EAE9E7 100%);
  margin-bottom: 3rem;
  color: #4d4d4d;
  border-radius: .25rem;
  padding-top: 1rem;
  padding-bottom: 1rem
}
#link-panel-area .flex .link-panel:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2d3d5c), color-stop(50%, #2d3d5c), color-stop(50.1%, #EAE9E7), to(#EAE9E7));
  background-image: linear-gradient(to bottom, #2d3d5c 0%, #2d3d5c 50%, #EAE9E7 50.1%, #EAE9E7 100%)
}
#link-panel-area .flex .link-panel h4 {
  color: white;
  font-weight: normal;
  text-align: center
}
#link-panel-area .flex .link-panel h4 img {
  display: block;
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto
}
#link-panel-area .flex .link-panel img {
  display: block;
  width: calc(100% - 6rem);
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem
}
#link-panel-area .flex .link-panel p {
  position: relative;
  padding-left: 3rem;
  padding-right: 7rem;
  margin-bottom: 1rem;
  display: block;
  line-height: 1.6
}
#link-panel-area .flex .link-panel p::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 3rem;
  margin: auto;
  content: "";
  width: 3rem;
  height: 3rem;
  background: white;
  background-image: url("../img/arrow_nor.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .9rem auto;
  border-radius: 50%
}
.flex.application {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 3rem;
  margin-bottom: 3rem
}
.flex.application div {
  width: 100%;
  background-color: #EAE9E7;
  padding: 1rem .5rem;
  text-align: center;
  margin-bottom: 3rem
}
.flex.application div p {
  width: 100%;
  text-align: center
}
.flex.application div p:nth-of-type(1) {
  font-weight: bold;
  color: #e98e17;
  margin-bottom: 2rem
}
.flex.application div p:nth-of-type(2) {
  color: #2d3d5c;
  margin-bottom: 0
}
.flex.application div img {
  width: auto;
  max-width: 100%;
  height: 3rem;
  margin-bottom: 3rem
}
#experiment .main .flex.application a.btn.navy {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 3rem
}
@media (min-width: 768px) {
  #contactLink .flex.apply div img {
    width: 30rem
  }
  #contactLink .flex.apply div a {
    width: 3rem
  }
  #contactLinkC .flex.apply {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0
  }
  #contactLinkC .flex.apply img {
    width: 60%;
    height: auto;
    margin-bottom: .5rem
  }
  #contactLinkC .flex.apply p {
    display: block;
    width: 100%;
    margin: 1.5rem 0
  }
  #contactLinkC .flex.apply a.btn.bluegreen.efflight {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    margin-left: 0;
    margin-right: 0
  }
  #link-panel-area .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  #link-panel-area .flex .link-panel {
    display: block;
    width: calc(50% - 1.5rem)
  }
  .flex.application {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .flex.application div {
    width: 49%
  }
  #experiment .main .flex.application a.btn.navy {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 3rem
  }
}
@media print, screen and (min-width: 1200px) {
  #contactLink .flex.apply div span {
    letter-spacing: .025rem
  }
  #contactLink .flex.apply div p {
    text-align: center;
    letter-spacing: .1rem
  }
  #contactLinkB .flex.apply {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 4rem
  }
  #contactLinkB .flex.apply img {
    width: 25%
  }
  #contactLinkB .flex.apply _:-ms-lang(x)::-ms-backdrop, #contactLinkB .flex.apply img {
    width: 25%
  }
  #contactLinkB .flex.apply p {
    margin: 0 3rem
  }
  #contactLinkB .flex.apply span {
    letter-spacing: -.1rem
  }
  #contactLinkB .flex.apply a {
    overflow: hidden
  }
  #contactLinkB _:-ms-lang(x)::-ms-backdrop, #contactLinkB .flex.apply {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  #contactLinkC .flex.apply {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 1rem;
    padding-right: 0
  }
  #contactLinkC .flex.apply img {
    width: 25%
  }
  #contactLinkC .flex.apply p {
    width: 35%;
    margin: 0 1.5rem
  }
  #contactLinkC .flex.apply a.btn.bluegreen.efflight {
    width: 30%;
    min-width: 26rem
  }
  #link-panel-area p {
    text-align: center
  }
  #link-panel-area .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  #link-panel-area .flex .link-panel {
    width: 32%/*calc(50% - 1.5rem)*/;
    margin-bottom: 6rem
  }
  #link-panel-area .flex .link-panel h4 img {
    width: 100%;
    /*height: 4rem*/
  }
  #link-panel-area .flex .link-panel p {
    text-align: left
  }
  .flex.application {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 90rem;
    margin-bottom: 5rem
  }
  .flex.application div {
    width: 49%;
    padding: 3rem 2.5rem
  }
  .flex.application div img {
    height: 3.4rem;
    margin-bottom: 2rem
  }
  #experiment .main .flex.application a.btn.navy {
    width: 80%
  }
}
#pagetop {
  width: 6rem;
  height: auto;
  margin-left: 0;
  z-index: 50;
  right: 0;
  position: fixed;
  top: auto;
  bottom: 6.5rem;
  -webkit-transition: .5s all ease-out;
  transition: .5s all ease-out
}
.scrollT {
  opacity: 0;
  -webkit-transition: .5s all ease-out;
  transition: .5s all ease-out
}
#footer {
  padding-bottom: 0;
  position: relative
}
#footer > div:nth-of-type(1) {
  background: #011740;
  padding-bottom: 3rem
}
#footer nav {
  display: block;
  margin: 0;
  padding: 0
}
#footer nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0
}
#footer nav ul.pc {
  display: none
}
#footer nav ul:nth-of-type(1) li:nth-of-type(2) {
  width: 100%
}
#footer nav ul li {
  width: 50%;
  color: white;
  padding: 1rem;
  background: #2d3d5c;
  border: solid 1px #011740
}
#footer nav ul li:nth-of-type(1) {
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px #e98e17;
  background: #011740
}
#footer nav ul li:nth-of-type(2) {
  padding-bottom: 1rem
}
#footer nav ul li a {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  letter-spacing: .03rem;
  color: white;
  text-decoration: none
}
#footer nav ul li a:hover, #footer nav ul li a:active, #footer nav ul li a:focus {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 64, 128, 0.8);
  opacity: 1
}
#footer nav ul li a.ob-link {
  padding-right: 2.5rem;
  background-image: url("../img/exlinkW.svg");
  background-position: right top .5rem;
  background-size: auto 1.4rem
}
#footer nav ul li :-ms-lang(x)::-ms-backdrop, #footer nav ul li a.ob-link {
  padding-right: 2.5rem;
  background-image: url("../img/exlinkW.png");
  background-position: right top .5rem;
  background-size: auto 1.4rem
}
#footer .copy {
  background: #2d3d5c
}
#footer .copy p.cnt {
  font-size: 1rem;
  color: white;
  text-align: center;
  height: 3rem;
  line-height: 3rem;
  margin-bottom: 6rem
}
#footer #spbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.3);
  z-index: 90
}
#footer #spbtn a {
  display: inline-block;
  border-radius: 0;
  height: 6rem;
  line-height: 6rem;
  margin: 0
}
#footer #spbtn a.btn {
  padding: 0
}
#footer #spbtn a:not(.bluegreen) {
  width: 55%;
  color: #0093aa;
  background-image: url("../img/arrow_bg.svg"), -webkit-gradient(linear, left top, right top, from(white), color-stop(45%, #FEFEFE), to(#E7E7E7));
  background-image: url("../img/arrow_bg.svg"), linear-gradient(90deg, white 0%, #FEFEFE 45%, #E7E7E7 100%);
  background-position: center right 1.5rem, left top;
  background-repeat: no-repeat;
  background-size: 1rem auto, 100% 100%
}
#footer #spbtn a.btn.bluegreen {
  text-align: center;
  width: 45%;
  background-image: url("../img/mail_w.png"), url("../img/arrow_wrm.png"), -webkit-gradient(linear, left top, right top, from(#00AEB8), to(#00919E));
  background-image: url("../img/mail_w.png"), url("../img/arrow_wrm.png"), linear-gradient(90deg, #00AEB8 0%, #00919E 100%);
  background-position: top 2.25rem left 1.5rem, center right 1.6rem, top left;
  background-repeat: no-repeat;
  background-size: 2rem auto, .9rem auto, 100% 100%
}
#footer #spbtn a.btn.bluegreen::after {
  display: none
}
@media (min-width: 768px) {
  #footer > div:nth-of-type(1) {
    background: #111b3a;
    padding-top: 3rem
  }
  #footer nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto
  }
  #footer nav ul {
    width: 23%;
    margin-left: 1rem;
    margin-right: 1rem
  }
  #footer nav ul.pc {
    display: block
  }
  #footer nav ul li {
    width: 100%;
    padding: 0;
    background: none;
    border: none
  }
  #footer nav ul li:nth-of-type(1) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
  }
  #footer nav ul li:nth-of-type(2) {
    padding-bottom: 0
  }
  #footer nav ul li a {
    padding-bottom: 1rem
  }
  #footer .copy p.cnt {
    height: 6rem;
    line-height: 6rem;
    margin-bottom: 0
  }
  #footer #spbtn {
    display: none
  }
}
@media (max-width: 360px) {
  #footer #spbtn a.btn {
    padding: 0
  }
  #footer #spbtn a:not(.bluegreen) {
    background-image: url("../img/arrow_bg.svg"), -webkit-gradient(linear, left top, right top, from(white), color-stop(45%, #FEFEFE), to(#E7E7E7));
    background-image: url("../img/arrow_bg.svg"), linear-gradient(90deg, white 0%, #FEFEFE 45%, #E7E7E7 100%);
    background-position: center right .75rem, left top;
    background-repeat: no-repeat;
    background-size: .8rem auto, 100% 100%
  }
  #footer #spbtn a.btn.bluegreen {
    background-image: url("../img/mail_w.png"), url("../img/arrow_wrm.png"), -webkit-gradient(linear, left top, right top, from(#00AEB8), to(#00919E));
    background-image: url("../img/mail_w.png"), url("../img/arrow_wrm.png"), linear-gradient(90deg, #00AEB8 0%, #00919E 100%);
    background-position: center left 1rem, center right 1.4rem, top left;
    background-repeat: no-repeat;
    background-size: 1.6rem auto, .7rem auto, 100% 100%
  }
}
@media print, screen and (min-width: 1200px) {
  #pagetop {
    left: 50rem;
    right: auto;
    margin-left: 50%
  }
}
#sidenavi aside a {
  margin-bottom: .5rem
}
#sidenavi aside a:not(.btn) > img {
  width: 100%;
  height: auto;
  margin-bottom: .5rem
}
#sidenavi aside a.interview, #sidenavi aside a.event {
  width: 100%;
  height: 7.5rem;
  line-height: 7.5rem;
  background-color: #EAE9E7;
  color: #2d3d5c;
  padding-left: 6rem;
  background-position: left 1rem top 50%, right 1.5rem top 50%;
  background-repeat: no-repeat;
  background-size: 4rem auto, .5rem auto
}
#sidenavi aside a.interview {
  background-image: url("../img/i-mic_n.png"), url("../img/arrow_nr.png")
}
#sidenavi aside a.event {
  background-image: url("../img/i-flag_n.png"), url("../img/arrow_nr.png")
}
#sidenavi aside a:hover {
  color: #e98e17
}
#sidenavi aside a:hover.interview {
  background-image: url("../img/i-mic_o.png"), url("../img/arrow_or.png")
}
#sidenavi aside a:hover.event {
  background-image: url("../img/i-flag_o.png"), url("../img/arrow_or.png")
}
#sidenavi aside a.btn.bluegreen.efflight {
  width: 100%
}
#sidenavi aside a.btn.bluegreen.efflight img {
  display: inline-block;
  height: 1.6rem;
  margin-left: 1rem
}
#sidenavi aside a.btn.bluegreen.efflight::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: .5rem;
  margin: auto;
  display: inline-block;
  content: "";
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  background-image: url("../img/arrow_wr.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.75rem auto
}
#sidenavi nav.menu {
  padding-top: 0;
  padding-bottom: 1rem
}
#sidenavi nav.menu ul li {
  padding-top: 0;
  padding-bottom: 0
}
#sidenavi nav input[type=checkbox] {
  height: 6rem;
  width: 100%
}
#sidenavi nav span, #sidenavi nav a {
  display: block;
  width: 100%;
  height: 6rem;
  line-height: 6rem;
  padding: 0
}
#sidenavi nav span {
  background-color: #2d3d5c;
  color: white;
  text-align: center;
  border-bottom: solid 2px white
}
#sidenavi nav a {
  color: #2d3d5c;
  background-color: white;
  background-image: url("../img/arrow_nr.png");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: .5rem auto;
  border-bottom: solid 1px #EAE9E7;
  position: relative;
  padding-left: 1rem
}
#sidenavi nav a:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 4px;
  height: 5rem;
  background-color: #EAE9E7
}
#sidenavi nav a:nth-last-of-type(1) {
  border-bottom: none
}
#sidenavi nav a:hover {
  color: #e98e17;
  background-image: url("../img/arrow_or.png")
}
#sidenavi nav a:hover:before {
  background-color: #e98e17
}
#sidenavi nav li.current_page_item a {
  color: #e98e17;
  background-image: url("../img/arrow_or.png")
}
#sidenavi nav li.current_page_item a:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 4px;
  height: 5rem;
  background-color: #e98e17
}
_:-ms-lang(x)::-ms-backdrop, #sidenavi aside a:not(.btn) > img {
  width: 100%
}
@media print, screen and (min-width: 1200px) {
  #sidenavi aside a.interview, #sidenavi aside a.event {
    width: 23rem
  }
  #sidenavi aside a.btn.bluegreen.efflight {
    width: 23rem
  }
}
_:-ms-lang(x)::-ms-backdrop, #sidenavi aside a:not(.btn) > img {
  width: 23rem
}
#event #sidenavi nav a.event, #interview #sidenavi nav a.interview {
  background-image: url("../img/arrow_or.png")
}
#event #sidenavi nav a.event::before, #interview #sidenavi nav a.interview::before {
  background-color: #e98e17
}
#breadcrumb {
  display: block;
  width: 100%;
  overflow-x: scroll;
  word-break: keep-all;
  white-space: nowrap;
}
#breadcrumb ul {
  margin: 0 0 .4rem 0;
  padding: 1.25rem 0.5rem;
  background: #fff
}
#breadcrumb ul li {
  display: inline;
  margin: 0;
  padding: 0
}
#breadcrumb ul li.current-item {
  background-image: none
}
#breadcrumb ul li::before {
  display: none
}
#breadcrumb ul li a {
  display: inline;
  text-decoration: none;
  padding: 0 2.5rem 0 0;
  background-image: url("../img/arrow_nr.svg");
  background-position: right .5rem top 75%;
  background-repeat: no-repeat;
  background-size: .75rem auto
}
#breadcrumb ul li span {
  display: inline;
  color: #2d3d5c;
  letter-spacing: .15rem;
  padding: 0
}
@media print, screen and (min-width: 1200px) {
  #breadcrumb ul {
    margin-left: 1.6rem
  }
  #breadcrumb ul li a {
    padding: 0 3rem 0 0;
    background-position: right 1rem top 62%
  }
  #breadcrumb ul _:-ms-lang(x)::-ms-backdrop, #breadcrumb ul li a {
    background-image: url("../img/arrow_nr.png");
    background-position: right 1rem top 60%;
    background-size: auto 1.3rem
  }
}
#top .block-sl1 {
  background-image: linear-gradient(-190deg, rgba(255, 255, 255, 0) calc(100% - 25rem), #EAE9E7 calc(100% - 24.9rem), #EAE9E7 100%), linear-gradient(-170deg, rgba(255, 255, 255, 0) calc(100% - 25rem), #e98e17 calc(100% - 24.9rem), #e98e17 100%);
  background-repeat: no-repeat
}
.block-town {
  background-color: white;
  background-image: url("../img/town.svg"), linear-gradient(-190deg, rgba(255, 255, 255, 0) calc(100% - 15rem), #EAE9E7 calc(100% - 14.9rem), #EAE9E7 100%), linear-gradient(-170deg, rgba(255, 255, 255, 0) calc(100% - 15rem), #e98e17 calc(100% - 14.9rem), #e98e17 100%);
  background-position: bottom right calc(50% - 1rem), bottom left, bottom left;
  background-repeat: no-repeat;
  background-size: 25rem auto, auto auto, auto auto;
  padding-bottom: 7rem
}
_:-ms-lang(x)::-ms-backdrop, .block-town {
  background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
  background-position: bottom right calc(50% - 5rem), bottom left, bottom left
}
@supports (-ms-ime-align: auto) {
  .block-town {
    background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
    background-position: bottom right calc(50% - 5rem), bottom left, bottom left
  }
}
#top .block-town {
  padding-bottom: 21rem
}
.block-recommended {
  background-image: url("../img/recommend_bg.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover
}
#infolist {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
#infolist > div:nth-of-type(1) {
  display: block;
  width: 100%;
  text-align: left;
  background-color: #2d3d5c;
  color: white;
  position: relative;
  margin: 0
}
#infolist > div:nth-of-type(1) div {
  position: static;
  margin: auto;
  padding: .5rem 2rem;
  width: auto;
  height: auto;
  background-image: none
}
#infolist > div:nth-of-type(1) div span {
  display: inline-block;
  line-height: 3rem
}
#infolist > div:nth-of-type(1) div span:nth-of-type(1) {
  margin-bottom: 0
}
#infolist > div:nth-of-type(1) div span:nth-of-type(2) {
  display: none
}
#infolist .info-box {
  background: white;
  width: 100%;
  padding: 0 1rem 4.5rem;
  margin-bottom: 3rem
}
#infolist .info-box .flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
#infolist .info-box .flex:nth-of-type(3) {
  display: none
}
#infolist > a {
  position: absolute;
  right: 2rem;
  bottom: 4rem;
  padding-right: 3rem;
  height: 3rem;
  line-height: 3rem;
  color: #011740;
  background-image: url("../img/arrow_nor.svg");
  background-position: center right 1rem;
  background-repeat: no-repeat;
  background-size: 1rem auto
}
#infolist _:-ms-lang(x)::-ms-backdrop, #infolist > a {
  background-image: url("../img/arrow_nor.png")
}
#infolist dl {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px #EAE9E7;
  position: relative
}
#infolist dl::before {
  display: block;
  content: "";
  height: 0;
  border-bottom: solid 1px #e98e17;
  position: absolute;
  left: 0;
  bottom: -1px
}
#infolist dl dt {
  width: 10rem;
  padding-bottom: 1rem;
  color: #2d3d5c;
  text-align: center;
  font-weight: bold;
  letter-spacing: .1rem
}
#infolist dl dt > span, #infolist dl dt > a {
  display: inline-block;
  color: #2d3d5c;
  background: #EAE9E7;
  font-weight: bold;
  text-align: center;
  margin-top: .5rem
}
#infolist dl dd {
  width: calc(100% - 12rem);
  margin: 0 1rem .5rem 0;
  padding-left: 1rem
}
#recommended {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3rem 0 1.5rem
}
#recommended a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
  background: white;
  padding: 1.5rem 1rem;
  text-decoration: none;
  text-align: left;
  margin-left: .5rem;
  margin-right: .5rem;
  border-radius: .5rem
}
#recommended a:nth-of-type(1) > div > img {
  background-image: url("../img/rec01b.png")
}
#recommended a:nth-of-type(2) > div > img {
  background-image: url("../img/rec02b.png")
}
#recommended a:nth-of-type(3) > div > img {
  background-image: url("../img/rec03b.png")
}
#recommended a:nth-of-type(4) > div > img {
  background-image: url("../img/rec04b.png")
}
#recommended a:nth-of-type(5) > div > img {
  background-image: url("../img/rec05b.png")
}
#recommended a:nth-of-type(6) > div > img {
  background-image: url("../img/rec06b.png")
}
#recommended a:nth-of-type(7) > div > img {
  background-image: url("../img/rec07b.png")
}
#recommended a:nth-of-type(8) > div > img {
  background-image: url("../img/rec08b.png")
}
#recommended a:nth-of-type(9) > div > img {
  background-image: url("../img/rec09b.png")
}
#recommended a img {
  width: 8rem;
  height: auto;
  vertical-align: top;
  margin-right: .5rem
}
#recommended a div {
  width: calc(100% - 9rem);
  display: inline-block;
  vertical-align: top
}
#recommended a div img {
  width: 100%;
  height: 2.5rem;
  margin: 0;
  background-position: left top;
  background-size: auto 2.5rem
}
#recommended a div p {
  color: #4d4d4d;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  width: 90%
}
#recommended a:nth-of-type(6) div p {
  width: 100%
}
#headerRecruit {
  text-align: center;
  position: relative;
  background: #e98e17;
  padding-top: 1rem;
  padding-bottom: 2rem;
  margin-top: 0;
  margin-bottom: 7rem
}
#headerRecruit:after {
  position: absolute;
  left: calc(50% - 3rem);
  /* bottom: -1.5rem; */
  bottom: -1.4rem;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 3rem 0 3rem;
  border-color: #e98e17 transparent transparent transparent
}
#headerRecruit img {
  width: 94%;
  margin-left: -3%
}
.block-sl1 .cnt-h {
  margin: 0
}
.block-sl1 .wrap {
  margin-bottom: 0;
  position: relative
}
.block-sl1 .wrap:first-child {
  display: block;
  height: auto
}
.block-recruit h3:nth-of-type(1) ~ p {
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  margin-bottom: 3rem
}
.block-recruit .flex.admission {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.block-recruit .flex.admission a.btn {
  text-align: center;
  margin-top: 0;
  padding-left: .5rem;
  padding-right: 2.5rem;
  width: 49%;
  display: table
}
.block-recruit .flex.admission a.btn span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: white
}
.block-recruit .flex.admission a.btn.btn.navy::after {
  right: .5rem
}
.block-recruit .flex.admission a.btn.btn.bluegreen {
  width: 90%;
  color: white
}
.block-recruit .cnt.wow.fadeIn {
  margin-bottom: 5rem
}
.ob-link {
  background-image: url("../img/exlinkW.gif");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 60%;
  padding-right: 4rem
}
@media (min-width: 768px) {
  .block-recruit .flex.admission a.btn span .sp {
    display: none
  }
}
@media print, screen and (min-width: 1200px) {
  #top .block-sl1 {
    background-image: linear-gradient(-190deg, rgba(255, 255, 255, 0) calc(100% - 25rem), #EAE9E7 calc(100% - 24.9rem), #EAE9E7 100%), linear-gradient(-170deg, rgba(255, 255, 255, 0) calc(100% - 25rem), #e98e17 calc(100% - 24.9rem), #e98e17 100%);
    background-repeat: no-repeat
  }
  .block-town {
    background-image: url("../img/town.svg"), linear-gradient(-190deg, rgba(255, 255, 255, 0) 87%, #EAE9E7 87.1%, #EAE9E7 100%), linear-gradient(-170deg, rgba(255, 255, 255, 0) 87%, #e98e17 87.1%, #e98e17 100%);
    background-position: bottom right calc(50% - 20rem), bottom left, bottom left;
    background-size: 40rem auto, auto auto, auto auto;
    padding-bottom: 25rem
  }
  _:-ms-lang(x)::-ms-backdrop, .block-town {
    background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
    background-position: bottom right calc(50% - 20rem), bottom left, bottom left
  }
  @supports (-ms-ime-align: auto) {
    .block-town {
      background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
      background-position: bottom right calc(50% - 20rem), bottom left, bottom left
    }
  }
  @-moz-document url-prefix() {
    .block-town {
      background-image: url("../img/town.png"), linear-gradient(-10deg, #EAE9E7 25rem, transparent 0), linear-gradient(10deg, #e98e17 25rem, transparent 0);
      background-size: 40rem auto, 100% 50rem, 100% 50rem;
      background-position: bottom right calc(50% - 20rem), bottom left, bottom left
    }
  }
  #infolist {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  #infolist > div:nth-of-type(1) {
    width: 20rem;
    text-align: center
  }
  #infolist > div:nth-of-type(1) div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 0;
    width: 15rem;
    height: 8.5rem;
    background-image: url("../img/news_bg2_o.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 3rem auto
  }
  #infolist > div:nth-of-type(1) div span:nth-of-type(1) {
    margin-bottom: 1rem
  }
  #infolist > div:nth-of-type(1) div span:nth-of-type(2) {
    display: inline-block;
    margin-top: 1rem;
    color: #ffdb99
  }
  #infolist .info-box {
    width: calc(100% - 20rem);
    min-height: 10rem;
    padding: 0 1.5rem 0 2rem;
    margin-bottom: 0
  }
  #infolist .info-box .flex {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  #infolist .info-box .flex:nth-of-type(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  #infolist > a {
    right: -8rem;
    bottom: -2.5rem;
    display: block;
    width: 16rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    padding-right: 3.5rem;
    color: white;
    background-image: url("../img/list.png");
    background-position: center center;
    background-size: 16rem auto
  }
  #infolist > a:hover {
    background-image: url("../img/list_h.png")
  }
  #infolist dl dt {
    margin: 0 1rem 0 0
  }
  #infolist dl dt > span, #infolist dl dt > a {
    background: #EAE9E7;
    position: static;
    display: inline-block;
    margin-top: 0
  }
  #infolist dl dd {
    margin-bottom: 0;
    padding-bottom: 1rem
  }
  #recommended {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6rem 0 3rem
  }
  #recommended a {
    display: block;
    width: 32rem;
    height: 32rem;
    margin-bottom: 1rem;
    background: #5c6981;
    padding: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: .25rem;
    position: relative
  }
  #recommended a:nth-of-type(1) > div > img {
    background-image: url("../img/rec01a.png")
  }
  #recommended a:nth-of-type(2) > div > img {
    background-image: url("../img/rec02a.png")
  }
  #recommended a:nth-of-type(3) > div > img {
    background-image: url("../img/rec03a.png")
  }
  #recommended a:nth-of-type(4) > div > img {
    background-image: url("../img/rec04a.png")
  }
  #recommended a:nth-of-type(5) > div > img {
    background-image: url("../img/rec05a.png")
  }
  #recommended a:nth-of-type(6) > div > img {
    background-image: url("../img/rec06a.png")
  }
  #recommended a:nth-of-type(7) > div > img {
    background-image: url("../img/rec07a.png")
  }
  #recommended a:nth-of-type(8) > div > img {
    background-image: url("../img/rec08a.png")
  }
  #recommended a:nth-of-type(9) > div > img {
    background-image: url("../img/rec09a.png")
  }
  #recommended a:nth-of-type(1):hover > div > img {
    background-image: url("../img/rec01b.png")
  }
  #recommended a:nth-of-type(2):hover > div > img {
    background-image: url("../img/rec02b.png")
  }
  #recommended a:nth-of-type(3):hover > div > img {
    background-image: url("../img/rec03b.png")
  }
  #recommended a:nth-of-type(4):hover > div > img {
    background-image: url("../img/rec04b.png")
  }
  #recommended a:nth-of-type(5):hover > div > img {
    background-image: url("../img/rec05b.png")
  }
  #recommended a:nth-of-type(6):hover > div > img {
    background-image: url("../img/rec06b.png")
  }
  #recommended a:nth-of-type(7):hover > div > img {
    background-image: url("../img/rec07b.png")
  }
  #recommended a:nth-of-type(8):hover > div > img {
    background-image: url("../img/rec08b.png")
  }
  #recommended a:nth-of-type(9):hover > div > img {
    background-image: url("../img/rec09b.png")
  }
  #recommended a picture img {
    width: 100%;
    -webkit-mask-image: url("../img/mask.png");
    mask-image: url("../img/mask.png");
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-transition: .25s all ease-out;
    transition: .25s all ease-out
  }
  #recommended a div {
    width: 100%;
    height: 12rem;
    display: block;
    position: absolute;
    left: 0;
    bottom: 2rem
  }
  #recommended a div img {
    width: 27rem;
    height: 3rem;
    background-position: center top;
    background-size: auto 3rem;
    margin: 1.5rem auto 1rem auto
  }
  #recommended a div p {
    color: white;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    text-align: center
  }
  #recommended a:hover {
    background: white
  }
  #recommended a:hover picture img {
    width: 34rem;
    height: auto;
    margin-left: -1rem;
    -webkit-mask-position: left 1rem top -2rem;
    mask-position: left 1rem top -2rem;
    margin-top: -2rem;
    padding-bottom: 2rem;
    -webkit-transition: .25s all ease-out;
    transition: .25s all ease-out
  }
  #recommended a:hover div img {
    width: 27rem;
    height: 3rem
  }
  #recommended a:hover div p {
    color: #4d4d4d
  }
  #headerRecruit img {
    width: 60rem
  }
  .block-sl1 {
    padding-bottom: 6rem
  }
  .block-sl1 .cnt-h {
    margin-left: auto;
    margin-right: auto
  }
  .block-recruit .flex.admission {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .block-recruit .flex.admission a.btn {
    font-size: 1.8rem;
    width: 32rem
  }
  .block-recruit .flex.admission a.btn:nth-of-type(3n-1) {
    margin-left: 2rem;
    margin-right: 2rem
  }
  .block-recruit .flex.admission a.btn span {
    text-align: center
  }
  .block-recruit .flex.admission a.btn.btn.gray {
    width: 32rem
  }
  .block-recruit .flex.admission a.btn.btn.navy {
    width: 32rem
  }
  .block-recruit .flex.admission a.btn.btn.navy::after {
    right: .5rem
  }
  .block-recruit .flex.admission a.btn.btn.bluegreen {
    width: 32rem;
    color: white
  }
  .block-recruit h3:nth-of-type(1) ~ p {
    text-align: center
  }
}
@media print and (max-width: 1000px), screen and (min-width: 1200px) and (max-width: 1000px) {
  .block-recruit h3:nth-of-type(1) ~ div.flex > a.btn.gray, .block-recruit h3:nth-of-type(1) ~ div.flex > a.btn.bluegreen {
    width: 49%
  }
}
@media (max-width: 1180px) {
  #infolist a {
    right: 0
  }
}
@media (max-device-width: 360px) {
  #recommended {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3rem 0 1.5rem
  }
  #recommended a img {
    width: 6rem
  }
  #recommended a div {
    width: calc(100% - 7rem)
  }
  #recommended a div img {
    background-size: auto 2.2rem
  }
  .block-recruit h3:nth-of-type(1) img {
    height: 2rem
  }
}
#year .main dl, #news .main dl, .archive.category .main dl {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px #EAE9E7;
  position: relative
}
#year .main dl::before, #news .main dl::before, .archive.category .main dl::before {
  display: block;
  content: "";
  width: 11rem;
  height: 0;
  border-bottom: solid 1px #e98e17;
  position: absolute;
  left: 0;
  bottom: -1px
}
#year .main dl dt, #news .main dl dt, .archive.category .main dl dt {
  width: 10rem;
  padding-bottom: 1rem;
  color: #2d3d5c;
  text-align: center;
  font-weight: bold;
  letter-spacing: .1rem
}
#year .main dl dt > span, #year .main dl dt > a, #news .main dl dt > span, #news .main dl dt > a, .archive.category .main dl dt > span, .archive.category .main dl dt > a {
  display: inline-block;
  color: #2d3d5c;
  font-weight: bold;
  text-align: center;
  background: #EAE9E7;
  padding: .5rem 1rem;
  margin-top: .5rem
}
#year .main dl dd, #news .main dl dd, .archive.category .main dl dd {
  width: calc(100% - 12rem);
  margin: 0 1rem .5rem 0
}
.main nav.selectyear {
  margin-bottom: 2rem
}
.main nav.selectyear ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.main nav.selectyear ul li {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.main nav.selectyear ul li::before {
  display: none
}
.main nav.selectyear ul li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 2.8rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  color: #2d3d5c;
  letter-spacing: .16rem;
  border-left: solid 1px #2d3d5c
}
.main nav.selectyear ul li a:hover, .main nav.selectyear ul li a.active {
  color: #e98e17
}
.main nav.selectyear ul li:nth-last-of-type(1) a {
  border-right: solid 1px #2d3d5c
}
#year section.newslist, .main section.newslist {
  padding-bottom: 3rem;
  margin-bottom: 4rem;
  border-bottom: dashed 1px #2d3d5c
}
#year section.newslist dl.flex, .main section.newslist dl.flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
#year .main nav.selectpage, .main nav.selectpage {
  margin-bottom: 4rem
}
#year .main nav.selectpage div.pagenation, .main nav.selectpage div.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
#year .main nav.selectpage div.pagenation a, #year .main nav.selectpage div.pagenation span, .main nav.selectpage div.pagenation a, .main nav.selectpage div.pagenation span {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  background: white;
  color: #2d3d5c;
  border: solid 1px #EAE9E7;
  text-align: center;
  vertical-align: middle
}
#year .main nav.selectpage div.pagenation a:hover, #year .main nav.selectpage div.pagenation a.current.pager, #year .main nav.selectpage div.pagenation span:hover, #year .main nav.selectpage div.pagenation span.current.pager, .main nav.selectpage div.pagenation a:hover, .main nav.selectpage div.pagenation a.current.pager, .main nav.selectpage div.pagenation span:hover, .main nav.selectpage div.pagenation span.current.pager {
  background-color: #e98e17;
  color: white;
  border: solid 1px #2d3d5c
}
#year .main nav.selectpage div.pagenation > *:nth-child(1), .main nav.selectpage div.pagenation > *:nth-child(1) {
  border-radius: .33rem 0 0 .33rem;
  overflow: hidden
}
#year .main nav.selectpage div.pagenation > *:nth-last-child(1), .main nav.selectpage div.pagenation > *:nth-last-child(1) {
  border-radius: 0 .33rem .33rem 0;
  overflow: hidden
}
@media print, screen and (min-width: 1200px) {
  #year .main dl dt, #news .main dl dt, .archive.category .main dl dt {
    width: 22rem;
    margin: 0 1rem 0 0
  }
  #year .main dl dt > span, #year .main dl dt > a, #news .main dl dt > span, #news .main dl dt > a, .archive.category .main dl dt > span, .archive.category .main dl dt > a {
    position: static;
    margin-top: 0;
    margin-left: 1.5rem
  }
  #year .main dl dd, #news .main dl dd, .archive.category .main dl dd {
    width: calc(100% - 26rem);
    margin-bottom: 0;
    padding-bottom: 1rem
  }
  #year .main nav.selectyear, .main nav.selectyear {
    margin-bottom: 2rem
  }
}
@media (max-width: 768px) {
  #year .main nav.selectyear ul li a, .main nav.selectyear ul li a {
    padding-left: 1.3rem;
    padding-right: 1.3rem
  }
}
@media (max-width: 360px) {
  .main nav.selectyear ul li a {
    padding-left: .5rem;
    padding-right: .5rem
  }
}
#news.single .main p.flex, .post-template-default.single article .main p.flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%
}
#news.single .main h1:not(.imgheader) a, #news.single .main h2:not(.imgheader) a, .post-template-default.single article .main h1:not(.imgheader) a, .post-template-default.single article .main h2:not(.imgheader) a {
  font-size: 2rem;
  font-weight: bold;
  color: #2d3d5c
}
#news.single .main h1:not(.imgheader) a:hover, #news.single .main h2:not(.imgheader) a:hover, .post-template-default.single article .main h1:not(.imgheader) a:hover, .post-template-default.single article .main h2:not(.imgheader) a:hover {
  color: #2d3d5c
}
#news.single .main h1:not(.imgheader) ~ p > a, #news.single .main h2:not(.imgheader) ~ p > a, .post-template-default.single article .main h1:not(.imgheader) ~ p > a, .post-template-default.single article .main h2:not(.imgheader) ~ p > a {
  display: inline-block;
  color: #2d3d5c;
  font-weight: bold;
  text-align: center;
  background: #EAE9E7;
  padding: .5rem 1rem;
  margin-top: .5rem;
  font-size: 1.2rem
}
#news.single .main nav.selectpage, .post-template-default.single article .main nav.selectpage {
  margin-top: 2rem;
  margin-bottom: 4rem
}
#news.single .main nav.selectpage div.pagenation, .post-template-default.single article .main nav.selectpage div.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
#news.single .main nav.selectpage div.pagenation a, #news.single .main nav.selectpage div.pagenation span, .post-template-default.single article .main nav.selectpage div.pagenation a, .post-template-default.single article .main nav.selectpage div.pagenation span {
  width: 12rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10rem;
  height: 6rem;
  line-height: 6rem;
  background: white;
  color: #2d3d5c;
  border: solid 1px #EAE9E7;
  text-align: center;
  vertical-align: middle;
  padding-left: .5rem;
  padding-right: .5rem
}
#news.single .main nav.selectpage div.pagenation a:hover, #news.single .main nav.selectpage div.pagenation a.current.pager, #news.single .main nav.selectpage div.pagenation span:hover, #news.single .main nav.selectpage div.pagenation span.current.pager, .post-template-default.single article .main nav.selectpage div.pagenation a:hover, .post-template-default.single article .main nav.selectpage div.pagenation a.current.pager, .post-template-default.single article .main nav.selectpage div.pagenation span:hover, .post-template-default.single article .main nav.selectpage div.pagenation span.current.pager {
  background-color: #e98e17;
  color: white;
  border: solid 1px #2d3d5c
}
#news.single .main nav.selectpage div.pagenation > *:nth-child(1), .post-template-default.single article .main nav.selectpage div.pagenation > *:nth-child(1) {
  border-radius: .33rem 0 0 .33rem;
  overflow: hidden
}
#news.single .main nav.selectpage div.pagenation > *:nth-last-child(1), .post-template-default.single article .main nav.selectpage div.pagenation > *:nth-last-child(1) {
  border-radius: 0 .33rem .33rem 0;
  overflow: hidden
}
@media print, screen and (min-width: 1200px) {
  #news.single .main p.flex, .post-template-default.single article .main p.flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}
#privacy .main {
  margin-bottom: 4rem
}
#privacy .main ul, #privacy .main ol {
  margin: 1rem 1rem 3rem 2.5rem
}
#privacy .main ul li, #privacy .main ol li {
  margin-bottom: 1rem
}
#greeting .lcont {
  text-align: right
}
#about .main img {
  width: 100%
}
#recruit .main em {
  display: block;
  color: #2d3d5c;
  text-align: center;
  font-style: normal;
  margin: 0 auto 0 auto
}
#recruit .main em strong {
  font-weight: bold
}
#recruit .main em strong span {
  color: #e05000
}
#recruit .main em + p {
  font-weight: bold;
  text-align: center
}
#recruit .main .application {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 3rem
}
#recruit .main .application a {
  display: block;
  width: 48.5rem;
  height: 18.5rem;
  background-color: #e98e17;
  background-position: top 3rem center;
  background-size: 90% auto;
  padding: 8rem 3rem 3rem 3rem;
  border-radius: .33rem;
  margin-bottom: 3rem
}
#recruit .main .application a:nth-of-type(1) {
  background-image: url("../img/setsumeikai_app.png")
}
#recruit .main .application a:nth-of-type(2) {
  background-image: url("../img/taikenkai_app.png")
}
#recruit .main .application a:hover {
  background-color: #2d3d5c
}
#recruit .main .application a:hover:nth-of-type(1) {
  background-image: url("../img/setsumeikai_appH.png")
}
#recruit .main .application a:hover:nth-of-type(2) {
  background-image: url("../img/taikenkai_appH.png")
}
#recruit .main .application a p {
  color: white;
  letter-spacing: -.02rem
}
#recruit .main .pagelink {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6rem;
  margin-bottom: 4rem
}
#recruit .main .pagelink a {
  display: block;
  width: 100%;
  height: 70vw;
  background-color: #2d3d5c;
  background-position: top center;
  background-size: 100% auto;
  padding-top: 59vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  border-radius: .33rem;
  position: relative
}
#recruit .main .pagelink a:nth-of-type(1) {
  background-image: url("../img/rec01i.jpg")
}
#recruit .main .pagelink a:nth-of-type(2) {
  background-image: url("../img/rec02i.jpg")
}
#recruit .main .pagelink a:nth-of-type(3) {
  background-image: url("../img/rec03i.jpg")
}
#recruit .main .pagelink a p {
  position: relative;
  color: white;
  letter-spacing: -.02rem;
  text-align: center;
  padding-right: 3.75rem
}
#recruit .main .pagelink a p::after {
  position: absolute;
  top: 0.25rem;
  right: 1.25rem;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: white;
  background-image: url("../img/arrow_onr.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1rem auto;
  border-radius: 50%
}
#recruit .main .pagelink a:hover {
  background-color: #e98e17
}
#recruit .main .pagelink a:hover p {
  color: white
}
#recruit .main .bgplorange {
  background-color: #FAE3C5;
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-bottom: 4rem
}
#recruit .main .flex.member, #recruit .main .flex.report {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
#recruit .main .flex.member a, #recruit .main .flex.report a {
  width: calc(100vw - 20px);
  margin-bottom: 4rem
}
#recruit .main .flex.member a div, #recruit .main .flex.report a div {
  width: calc(100vw - 20px);
  height: calc((100vw - 20px) * 0.75);
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
#recruit .main .flex.member a div img, #recruit .main .flex.report a div img {
  width: calc(100vw - 20px);
  height: calc((100vw - 20px) * 0.75);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  margin-bottom: 2rem
}
#recruit .main .flex.member a p, #recruit .main .flex.report a p {
  margin-bottom: .5rem;
  color: #2d3d5c
}
#recruit .main .flex.member a p:nth-of-type(2)::before {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  height: 1.5rem;
  content: "";
  background-image: url("../img/h3.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto
}
#recruit .main .flex.member a p:nth-of-type(2) span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold
}
#recruit .main .flex.member a p:nth-of-type(2) span:nth-of-type(2) {
  margin-left: .5rem;
  color: #e05000
}
#recruit .main .flex.member a p:nth-of-type(3) {
  font-weight: bold
}
#recruit .main .flex.member a p:nth-of-type(3)::before {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  height: 1.5rem;
  content: "";
  background-image: url("../img/i-mic.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto
}
#recruit .main .flex.report a p:nth-of-type(1)::before {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  height: 1.5rem;
  content: "";
  background-image: url("../img/h3.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto
}
#recruit .main .flex.report a p:nth-of-type(1) span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold
}
#recruit .main .flex.report a p:nth-of-type(1) span:nth-of-type(2) {
  margin-left: .5rem;
  color: #e05000
}
#recruit .main .flex.report a p:nth-of-type(2) {
  font-weight: bold
}
#recruit .main .flex.report a p:nth-of-type(2)::before {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  height: 1.5rem;
  content: "";
  background-image: url("../img/i-flag.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto
}
#recruit .main .flex.member + a.btn.navy, #recruit .main .flex.report + a.btn.navy {
  color: white;
  font-weight: bold;
  padding-right: 5rem;
  text-align: center;
  width: 100%;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto
}
@media (min-width: 768px) {
  #recruit .main .pagelink {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  #recruit .main .pagelink a {
    width: 32%;
    height: 26vw;
    padding-top: 20vw
  }
  #recruit .main .flex.member, #recruit .main .flex.report {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  #recruit .main .flex.member a, #recruit .main .flex.report a {
    width: calc((90vw - 20px) / 3);
    margin-bottom: 0
  }
  #recruit .main .flex.member a div, #recruit .main .flex.report a div {
    width: calc((90vw - 20px) / 3);
    height: calc(((90vw - 20px) / 3) * 0.75)
  }
  #recruit .main .flex.member a div img, #recruit .main .flex.report a div img {
    width: calc((90vw - 20px) / 3);
    height: calc(((90vw - 20px) / 3) * 0.75)
  }
  #recruit .main .flex.member + a.btn.navy, #recruit .main .flex.report + a.btn.navy {
    width: 36rem
  }
}
@media (min-width: 1000px) {
  #recruit .main .flex.member a, #recruit .main .flex.report a {
    width: calc((100rem - 20px) / 3);
    margin-bottom: 0
  }
  #recruit .main .flex.member a div, #recruit .main .flex.report a div {
    width: calc((100rem - 20px) / 3);
    height: calc(((100rem - 20px) / 3) * 0.75);
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }
  #recruit .main .flex.member a div img, #recruit .main .flex.report a div img {
    width: calc((100rem - 20px) / 3);
    height: calc(((100rem - 20px) / 3) * 0.75)
  }
}
@media print, screen and (min-width: 1200px) {
  #recruit .main {
    margin-bottom: 9rem
  }
  #recruit .main em + p {
    font-weight: bold;
    text-align: center
  }
  #recruit .main .pagelink a {
    width: 32.5rem;
    height: 25rem;
    background-size: 32.5rem 19rem;
    padding-top: 20.33rem
  }
  #recruit .main .bgplorange {
    margin-bottom: 7rem
  }
  #recruit .main .flex.member, #recruit .main .flex.report {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  #recruit .main .flex.member a, #recruit .main .flex.report a {
    width: calc((100rem - 20px) / 3);
    margin-bottom: auto
  }
  #recruit .main .flex.member a div, #recruit .main .flex.report a div {
    width: calc((100rem - 20px) / 3);
    height: calc(((100rem - 20px) / 3) * 0.75);
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }
  #recruit .main .flex.member a div img, #recruit .main .flex.report a div img {
    width: calc((100rem - 20px) / 3);
    height: calc(((100rem - 20px) / 3) * 0.75)
  }
  #recruit .main .flex.member + a.btn.navy, #recruit .main .flex.report + a.btn.navy {
    width: 32rem
  }
}
#work .main .flex, #merit .main .flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
#work .main .flex > *:nth-child(1), #merit .main .flex > *:nth-child(1) {
  margin-right: 0
}
#work .main .flex picture img, #merit .main .flex picture img {
  width: 95vw;
  margin-bottom: 1rem
}
#work .main h3.liststyle + div.flex picture img, #merit .main h3.liststyle + div.flex picture img {
  width: 100%
}
#work .main picture, #merit .main picture {
  margin-left: auto;
  margin-right: auto
}
#work .main picture img, #merit .main picture img {
  display: block;
  width: 100%
}
#work .main li, #merit .main li {
  list-style: disc;
  margin-left: 2.125rem;
  line-height: 1.9
}
#work .main li span:nth-of-type(1), #merit .main li span:nth-of-type(1) {
  display: block;
  color: #e98e17;
  font-weight: bold
}
#work .main li span:nth-of-type(2), #merit .main li span:nth-of-type(2) {
  padding-left: 0.25rem
}
#work .main li::before, #merit .main li::before {
  display: none
}
@media (min-width: 768px) {
  #work .main .flex, #merit .main .flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  #work .main .flex > *:nth-child(1), #merit .main .flex > *:nth-child(1) {
    margin-right: 2rem
  }
  #work .main .flex p, #merit .main .flex p {
    width: calc(100% - 25rem)
  }
  #work .main .flex picture img, #merit .main .flex picture img {
    width: 25rem
  }
  #work .main h3.liststyle + div.flex p, #work .main h3.liststyle + div.flex ul, #merit .main h3.liststyle + div.flex p, #merit .main h3.liststyle + div.flex ul {
    width: calc(100% - 35rem)
  }
  #work .main h3.liststyle + div.flex picture img, #merit .main h3.liststyle + div.flex picture img {
    width: 35rem
  }
}
@media (min-width: 1024px) {
  #work .main .flex p, #merit .main .flex p {
    width: calc(100% - 30rem)
  }
  #work .main .flex picture img, #merit .main .flex picture img {
    width: 30rem
  }
}
@media print, screen and (min-width: 1200px) {
  #work .main .flex img, #merit .main .flex img {
    width: 25rem;
    margin-bottom: 0
  }
}
#event.single .main .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
#event.single .main .flex img {
  width: 100%;
  height: 100%;
  margin: 0 0 2rem 0
}
@media (min-width: 768px) {
  #event.single .main .flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  #event.single .main .flex.progress {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  #event.single .main .flex img {
    width: 48%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%
  }
}
@media (min-width: 1024px) {
  #event.single .main .flex img {
    width: 32%;
    height: auto
  }
  #event.single .main .flex img:nth-of-type(3n-1) {
    margin-left: 0;
    margin-right: 0
  }
}
#event .main .flex:not(.apply) > span {
  background-image: url("../img/labelO.svg");
  background-position: left -5rem top;
  background-repeat: no-repeat;
  background-size: 125% auto
}
#event .main .flex:not(.apply) > a time {
  margin: 1.5rem 2rem .75rem 0
}
_:-ms-lang(x)::-ms-backdrop .flex:not(.apply) > span, #event .main .flex:not(.apply) > span {
  background-image: url("../img/labelO.svg");
  background-position: left -5rem top -.8rem;
  background-repeat: no-repeat;
  background-size: 125% auto
}
#interview .main .flex:not(.apply) > span {
  background-image: url("../img/labelO.svg");
  background-position: left -3rem top;
  background-repeat: no-repeat;
  background-size: 125% auto
}
#interview .main .flex:not(.apply) > a time {
  margin: 1.5rem 2rem .75rem 2rem
}
_:-ms-lang(x)::-ms-backdrop .flex:not(.apply) > span, #event .main .flex:not(.apply) > span {
  background-image: url("../img/labelO.svg");
  background-position: left -5rem top -.8rem;
  background-repeat: no-repeat;
  background-size: 125% auto
}
_:-ms-lang(x)::-ms-backdrop .flex:not(.apply) > span, #interview .main .flex:not(.apply) > span {
  background-image: url("../img/labelO.svg");
  background-position: left -3rem top;
  background-repeat: no-repeat;
  background-size: 125% auto
}
_:-ms-lang(x)::-ms-backdrop .flex:not(.apply) > a time, #interview .main .flex:not(.apply) > a time {
  margin: 1.5rem 2rem .75rem 2rem
}
#event .main .flex:not(.apply), #interview .main .flex:not(.apply) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left
}
#event .main .flex:not(.apply).apply, #interview .main .flex:not(.apply).apply {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
#event .main .flex:not(.apply):nth-of-type(1), #interview .main .flex:not(.apply):nth-of-type(1) {
  margin-bottom: 1rem
}
#event .main .flex:not(.apply) > span, #interview .main .flex:not(.apply) > span {
  color: white;
  padding: 0 4rem 0 3rem;
  height: 4rem;
  line-height: 3.5rem
}
#event .main .flex:not(.apply) ul li, #interview .main .flex:not(.apply) ul li {
  height: auto;
  line-height: 1.3;
  margin-bottom: .2rem
}
#event .main .flex:not(.apply) ul li::before, #interview .main .flex:not(.apply) ul li::before {
  display: none;
  content: ""
}
#event .main .flex:not(.apply) ul li a, #interview .main .flex:not(.apply) ul li a {
  height: 3rem;
  line-height: 2.5rem;
  color: #2d3d5c;
  padding-left: 1rem;
  padding-right: 1rem;
  border-right: solid 1px #2d3d5c
}
#event .main .flex:not(.apply) ul li a:hover, #interview .main .flex:not(.apply) ul li a:hover {
  color: #e98e17
}
#event .main .flex:not(.apply) > a, #interview .main .flex:not(.apply) > a {
  display: block;
  position: relative;
  width: 31.6rem;
  background-color: #2d3d5c;
  border-radius: .5rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden
}
#event .main .flex:not(.apply) > a > div, #interview .main .flex:not(.apply) > a > div {
  width: 100%;
  height: 17.775rem;
  overflow: hidden
}
#event .main .flex:not(.apply) > a > div img, #interview .main .flex:not(.apply) > a > div img {
  width: 100%;
  height: 17.775rem;
  -o-object-fit: cover;
  object-fit: cover
}
#event .main .flex:not(.apply) > a .label, #interview .main .flex:not(.apply) > a .label {
  position: absolute;
  top: 16rem;
  left: 0;
  background-color: #FFF;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #2d3d5c;
  padding: 0 2rem
}
#event .main .flex:not(.apply) > a .label::after, #interview .main .flex:not(.apply) > a .label::after {
  content: "";
  position: absolute;
  right: -16px;
  display: inline;
  border-style: solid;
  border-width: 35px 16px 0 0;
  border-color: #FFF transparent transparent transparent
}
#event .main .flex:not(.apply) > a time, #interview .main .flex:not(.apply) > a time {
  display: block;
  font-weight: bold;
  color: #e98e17
}
#event .main .flex:not(.apply) > a > p, #interview .main .flex:not(.apply) > a > p {
  margin: 0 2rem 3rem 2rem;
  font-weight: bold;
  color: white;
  line-height: 1.75
}
#event .main .flex:not(.apply) > a > p:nth-of-type(1), #interview .main .flex:not(.apply) > a > p:nth-of-type(1) {
  margin: 3.5rem 2rem 0 2rem
}
#event .main .flex:not(.apply) > a:hover, #interview .main .flex:not(.apply) > a:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#FFB62E), to(#e98e17));
  background-image: linear-gradient(90deg, #FFB62E 0%, #e98e17 100%)
}
#event .main .flex:not(.apply) > a:hover time, #interview .main .flex:not(.apply) > a:hover time {
  color: white
}
#event .main .flex:not(.apply) > a:hover p, #interview .main .flex:not(.apply) > a:hover p {
  color: white
}
#event .main .flex:not(.apply) > a:hover p:nth-of-type(1), #interview .main .flex:not(.apply) > a:hover p:nth-of-type(1) {
  color: #2d3d5c
}
@media (min-width: 768px) {
  #event .main .flex:not(.apply), #interview .main .flex:not(.apply) {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  #event .main .flex:not(.apply) ul li a, #interview .main .flex:not(.apply) ul li a {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #event .main .flex:not(.apply) > a:nth-of-type(2n-1), #interview .main .flex:not(.apply) > a:nth-of-type(2n-1) {
    margin-left: 2.6rem;
    margin-right: 2.6rem
  }
  #event .main .flex:not(.apply) > a > div, #interview .main .flex:not(.apply) > a > div {
    height: 17.775rem
  }
}
@media (min-width: 1024px) {
  #event .main .flex:not(.apply) > a, #interview .main .flex:not(.apply) > a {
    margin-left: 0;
    margin-right: 0
  }
  #event .main .flex:not(.apply) > a:nth-of-type(2n-1), #interview .main .flex:not(.apply) > a:nth-of-type(2n-1) {
    margin-left: 0;
    margin-right: 0
  }
  #event .main .flex:not(.apply) > a:nth-of-type(3n-1), #interview .main .flex:not(.apply) > a:nth-of-type(3n-1) {
    margin-left: 2.6rem;
    margin-right: 2.6rem
  }
}
@media print, screen and (min-width: 1200px) {
  #event .main .flex:not(.apply) ul li, #interview .main .flex:not(.apply) ul li {
    height: 4rem;
    line-height: 3.5rem;
    margin-bottom: .7rem
  }
  #event .main .flex:not(.apply) > a > div, #interview .main .flex:not(.apply) > a > div {
    position: relative
  }
}
#interview.single .main header.flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #e98e17;
  background-image: -webkit-gradient(linear, left top, right top, from(#FFB62E), to(#e98e17));
  background-image: linear-gradient(90deg, #FFB62E 0%, #e98e17 100%);
  padding: 1.5rem 2rem;
  height: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: .33rem;
  margin-bottom: 2.5rem
}
#interview.single .main header.flex div.g09topimg {
  width: calc(13rem - 12px);
  height: calc(13rem - 12px);
  overflow: hidden;
  border-radius: 50%;
  border: solid 6px white;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto
}
#interview.single .main header.flex div.g09topimg > img {
  width: calc(13rem - 12px);
  height: calc(13rem - 12px);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}
#interview.single .main header.flex > div.flex {
  width: 100%;
  padding-top: .5rem
}
#interview.single .main header.flex > div.flex p:nth-of-type(1) {
  font-size: 2rem;
  font-weight: bold;
  color: #2d3d5c;
  margin-bottom: 1rem;
  line-height: 1.3
}
#interview.single .main header.flex > div.flex p:nth-of-type(2) {
  margin-bottom: 0
}
#interview.single .main header.flex > div.flex p:nth-of-type(2) span.label {
  display: block;
  background-image: url("../img/label.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #011740;
  padding: .5rem 3rem .5rem 1.25rem;
  margin-right: 2rem
}
#interview.single .main header.flex > div.flex p:nth-of-type(2) time {
  color: white;
  margin-right: 2rem
}
#interview.single .main header.flex > div.flex p:nth-of-type(2) span:nth-of-type(2) {
  color: white
}
#interview.single .main p.label {
  display: inline-block;
  background-image: url("../img/labelO.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: .75rem 2.5rem;
  color: white
}
#interview.single .main > div.flex.another {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}
#interview.single .main > div.flex.another a {
  border-radius: 0;
  margin-left: .5rem;
  margin-right: .5rem
}
#interview.single .main > div.flex.another a:nth-of-type(3n-1) {
  margin: 0
}
#interview.single .main > div.flex.another a.other-members {
  width: calc(100vw - 20px);
  height: calc((100vw - 20px) * 0.75);
  color: #4d4d4d;
  background-color: transparent;
  margin-bottom: 3rem
}
#interview.single .main > div.flex.another a.other-members:hover {
  background-image: none
}
#interview.single .main > div.flex.another a.other-members figure {
  margin: 0 0 3rem 0;
  width: calc(100vw - 40px);
  height: calc((100vw - 40px) * 0.75)
}
#interview.single .main > div.flex.another a.other-members figure div {
  width: calc(100vw - 40px);
  height: calc((100vw - 40px) * 0.7);
  overflow: hidden;
  margin-bottom: .5rem
}
#interview.single .main > div.flex.another a.other-members figure div img {
  width: calc(100vw - 40px);
  height: calc((100vw - 40px) * 0.7);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: .3rem
}
#interview.single .main > div.flex.another a.other-members figure figcaption {
  font-weight: bold;
  text-align: center;
  background-image: url("../img/i-mic.png");
  background-position: left calc(50% - 9rem) top;
  background-repeat: no-repeat;
  background-size: 2rem auto
}
#interview.single .main > div.flex.another a.setsumei, #interview.single .main > div.flex.another a.taiken {
  display: block;
  width: 100%;
  max-width: 36.7rem;
  max-height: 27.5rem;
  height: auto;
  padding: 7rem 2rem 2rem 2rem;
  background-color: #e98e17;
  background-position: left 1.5rem top 2rem;
  background-repeat: no-repeat;
  background-size: calc(100% - 3rem) auto;
  color: white;
  border-radius: .33rem;
  margin-bottom: 3rem
}
#interview.single .main > div.flex.another a.setsumei {
  background-image: url("../img/setsumeikai_app.png")
}
#interview.single .main > div.flex.another a.setsumei:hover {
  background-color: #2d3d5c;
  background-image: url("../img/setsumeikai_appH.png")
}
#interview.single .main > div.flex.another a.setsumei:hover p {
  color: white
}
#interview.single .main > div.flex.another a.taiken {
  background-image: url("../img/taikenkai_app.png")
}
#interview.single .main > div.flex.another a.taiken:hover {
  background-color: #2d3d5c;
  background-image: url("../img/taikenkai_appH.png")
}
#interview.single .main > div.flex.another a.taiken:hover p {
  color: white
}
#interview.single .main > div.flex.another a p {
  font-weight: normal;
  margin: 0
}
@media (min-width: 700px) {
  #interview.single .main header.flex > div.flex p:nth-of-type(2) span.label {
    display: inline-block
  }
  #interview.single .main > div.flex.another {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  #interview.single .main > div.flex.another a.other-members {
    width: 18vw;
    height: 16vw;
    margin-bottom: 0
  }
  #interview.single .main > div.flex.another a.other-members:hover {
    background-color: white
  }
  #interview.single .main > div.flex.another a.other-members figure {
    width: 18vw;
    height: 13.5vw
  }
  #interview.single .main > div.flex.another a.other-members figure div {
    width: 18vw;
    height: 13.5vw;
    overflow: hidden
  }
  #interview.single .main > div.flex.another a.other-members figure div img {
    width: 18vw;
    height: 13.5vw
  }
  #interview.single .main > div.flex.another a.other-members figure figcaption {
    background-position: left .5rem top;
    background-size: 1.6rem auto
  }
  #interview.single .main > div.flex.another a.setsumei, #interview.single .main > div.flex.another a.taiken {
    width: 49%;
    margin-bottom: 0
  }
}
@media (min-width: 1024px) {
  #interview.single .main > div.flex.another a.other-members {
    width: 18%;
    height: 13rem
  }
  #interview.single .main > div.flex.another a.other-members figure {
    width: 13.8rem;
    height: 10.3rem
  }
  #interview.single .main > div.flex.another a.other-members figure div {
    width: 13.8rem;
    height: 10.3rem;
    overflow: hidden
  }
  #interview.single .main > div.flex.another a.other-members figure div img {
    width: 13.8rem;
    height: 10.3rem
  }
}
@media print, screen and (min-width: 1200px) {
  #interview.single .main header.flex {
    background-image: -webkit-gradient(linear, left top, right top, from(#FFB62E), to(#e98e17));
    background-image: linear-gradient(90deg, #FFB62E 0%, #e98e17 100%);
    height: 16rem;
    margin-bottom: 4rem
  }
  #interview.single .main header.flex > div.flex {
    width: calc(100% - 15rem);
    padding-top: 2rem;
    margin-left: 1rem
  }
  #interview.single .main > div.flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
#entry .main .flex.procedure {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
#entry .main .flex.procedure > div {
  position: relative;
  width: 100%;
  background-color: #FAE3C5;
  margin-bottom: 2rem
}
#entry .main .flex.procedure > div p {
  background-color: #e98e17;
  color: white;
  font-weight: bold;
  margin-bottom: 0;
  padding: .5rem 1rem;
  text-align: center
}
#entry .main .flex.procedure > div span {
  display: block;
  padding: 1rem;
  color: #4d4d4d;
  line-height: auto;
  text-align: center
}
#entry .main .flex.procedure > div::after {
  position: absolute;
  top: auto;
  right: auto;
  left: calc(50% - 2rem);
  bottom: -1.5rem;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #2d3d5c transparent transparent transparent;
  border-width: 1.5rem 2rem 0 2rem
}
#entry .main .flex.procedure > div:nth-last-of-type(1)::after {
  display: none
}
@media (min-width: 1024px) {
  #entry .main .flex.procedure {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 4rem
  }
  #entry .main .flex.procedure > div {
    width: auto;
    max-width: 15rem
  }
  #entry .main .flex.procedure > div span.one-line {
    line-height: 6rem
  }
  #entry .main .flex.procedure > div span.two-line {
    line-height: 3rem
  }
  #entry .main .flex.procedure > div::after {
    position: absolute;
    top: calc(50% - 2rem);
    right: -1.5rem;
    bottom: auto;
    left: auto;
    border-color: transparent transparent transparent #2d3d5c;
    border-width: 2rem 0 2rem 1.5rem
  }
}
@media print, screen and (min-width: 1200px) {
  #entry .main {
    margin-bottom: 15rem
  }
  #entry .main .flex.procedure > div span {
    padding: .5rem
  }
}
#seminar .main em {
  font-weight: bold;
  font-style: normal
}
#seminar .main em span.c-org {
  color: #e98e17
}
#seminar .main #area-map .map-areas {
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}
#seminar .main #area-map .map-areas.hover {
  opacity: .3
}
#seminar .main #area-map {
  text-align: center
}
#seminar .main svg {
  width: 674px;
  height: 402px
}
#seminar .main .left.areamap, #seminar .main .left.arealist {
  width: 100%
}
#seminar .main .left.arealist p {
  background-image: url("../img/areaall.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: auto 4rem;
  height: 4rem;
  line-height: 4rem;
  padding-left: 2rem;
  margin-bottom: 2rem;
  color: white
}
#seminar .main .left.arealist ul {
  padding-left: 2rem
}
#seminar .main .left.arealist ul li::before {
  display: none
}
#seminar .main .left.arealist ul li a {
  display: block;
  width: calc(100% - 2rem);
  font-weight: bold;
  color: #2d3d5c;
  position: relative;
  border-bottom: solid 1px #2d3d5c;
  padding-bottom: .5rem;
  margin-bottom: 1rem
}
#seminar .main .left.arealist ul li a::after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: white;
  background-image: url("../img/arrow_onr.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40% auto;
  border-radius: 50%
}
#seminar .main .left.arealist ul li a:hover {
  color: #e98e17
}
#seminar .main .left.areamap {
  padding: 3rem 1rem
}
#seminar .main .left.areamap svg {
  width: 100%;
  height: auto
}
#seminar .main .cf.area {
  width: 100%;
  margin-bottom: 3rem
}
#seminar .main #seminarcontents {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1vw, transparent), color-stop(1.001vw, #e98e17), color-stop(17vw, #e98e17), color-stop(15.0001vw, #FAE3C5), to(#FAE3C5));
  background-image: linear-gradient(180deg, transparent 0%, transparent 1vw, #e98e17 1.001vw, #e98e17 17vw, #FAE3C5 15.0001vw, #FAE3C5 100%);
  padding-bottom: 5rem;
  margin-bottom: 4rem
}
#seminar .main #seminarcontents h2 {
  height: 24vw
}
#seminar .main #seminarcontents div:nth-of-type(1) {
  margin-bottom: .5rem
}
#seminar .main #seminarcontents div:nth-of-type(1) .left {
  width: 100%
}
#seminar .main #seminarcontents div:nth-of-type(1) ul li {
  position: relative;
  display: block;
  width: auto;
  font-weight: bold;
  color: #e95504;
  padding: 2rem 1rem 2rem 4.5rem;
  margin: 0 2rem 3rem 2rem;
  background-color: white
}
#seminar .main #seminarcontents div:nth-of-type(1) ul li::before {
  position: absolute;
  top: -.5rem;
  left: -2rem;
  content: "";
  width: 6rem;
  height: 8rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 8rem
}
#seminar .main #seminarcontents div:nth-of-type(1) ul li:nth-of-type(1)::before {
  background-image: url("../img/point1.png")
}
#seminar .main #seminarcontents div:nth-of-type(1) ul li:nth-of-type(2)::before {
  background-image: url("../img/point2.png")
}
#seminar .main #seminarcontents div:nth-of-type(1) ul li:nth-of-type(3)::before {
  background-image: url("../img/point3.png")
}
#seminar .main #seminarcontents div:nth-of-type(1) ul li:nth-of-type(4)::before {
  background-image: url("../img/point4.png")
}
#seminar .main #seminarcontents div:nth-of-type(1) iframe {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem
}
#seminar .main #seminarcontents div:nth-of-type(2) {
  display: block
}
#seminar .main #seminarcontents div:nth-of-type(2) p, #seminar .main #seminarcontents div:nth-of-type(2) ul {
  display: block;
  font-weight: bold;
  padding: 2rem
}
#seminar .main #seminarcontents div:nth-of-type(2) p {
  background-color: #2d3d5c;
  color: white;
  text-align: center;
  margin-bottom: 0
}
#seminar .main #seminarcontents div:nth-of-type(2) ul {
  background-color: white
}
#seminar .main #seminarcontents div:nth-of-type(2) ul li {
  list-style: disc;
  list-style-position: inside;
  color: #2d3d5c;
  margin-bottom: .5rem
}
#seminar .main #seminarcontents div:nth-of-type(2) ul li::before {
  display: none
}
#seminar .main #seminarcontents div:nth-of-type(2) ul li:nth-last-of-type(1) {
  margin-bottom: 0
}
#seminar .main .voice {
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem
}
#seminar .main .voice img {
  position: absolute;
  bottom: -1rem;
  left: 2rem;
  width: 6rem;
  z-index: 1
}
#seminar .main .voice p {
  position: relative;
  background-color: #FAE3C5;
  padding: 2rem 3rem 4rem 3rem;
  border-radius: 1.25rem;
  margin-bottom: 3rem
}
#seminar .main .voice p::after {
  position: absolute;
  bottom: -2rem;
  left: 8rem;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 1rem 0 1rem;
  border-color: #FAE3C5 transparent transparent transparent;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg)
}
#seminar .main .voice span {
  display: block;
  font-weight: bold;
  color: #2d3d5c;
  text-align: right;
  margin-top: -1.5rem;
  margin-bottom: 3rem
}
@media (min-width: 768px) {
  #seminar .main .left.arealist {
    width: 25%
  }
  #seminar .main .left.areamap {
    width: 75%
  }
  #seminar .main #seminarcontents div:nth-of-type(1) iframe {
    display: block;
    width: 48rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem
  }
  #seminar .main .voice {
    margin-left: 1rem;
    margin-right: 1rem;
	  margin-bottom: 2rem;
	width: 45%;
float: left;
  }	
}
@media print, screen and (min-width: 1200px) {
  #seminar .main #seminarcontents {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1.5rem, transparent), color-stop(1.501rem, #e98e17), color-stop(19rem, #e98e17), color-stop(15.0001rem, #FAE3C5), to(#FAE3C5));
    background-image: linear-gradient(180deg, transparent 0%, transparent 1.5rem, #e98e17 1.501rem, #e98e17 19rem, #FAE3C5 15.0001rem, #FAE3C5 100%)
  }
  #seminar .main #seminarcontents h2 {
    height: 24rem
  }
  #seminar .main #seminarcontents div:nth-of-type(1) .left {
    width: 50%
  }
  #seminar .main #seminarcontents div:nth-of-type(1) .left iframe {
    margin-bottom: 0
  }
  #seminar .main #seminarcontents div:nth-of-type(2) {
    display: table
  }
  #seminar .main #seminarcontents div:nth-of-type(2) p, #seminar .main #seminarcontents div:nth-of-type(2) ul {
    display: table-cell;
    vertical-align: middle
  }
  #seminar .main .voice {
    margin-left: 1rem;
    margin-right: 1rem;
	  margin-bottom: 2rem;
	width: 45%;
float: left;
  }
  _:-ms-lang(x)::-ms-backdrop, #seminar .main .left.areamap svg {
    width: auto;
    height: 30rem
  }
}
#seminar .main .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
#seminar .main .flex .arealist {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left
}
#seminar .main .flex:nth-of-type(1) {
  margin-bottom: 1rem
}
#seminar .main .flex img {
  width: 100%;
  margin: 0 0 2rem 0
}
#seminar .main .flex > span {
  color: white;
  background-image: url("../img/labelO.svg");
  background-position: left -5rem top;
  background-repeat: no-repeat;
  background-size: 125% auto;
  padding: 0 4rem 0 3rem;
  height: 4rem;
  line-height: 3.5rem
}
#seminar .main .flex ul li {
  height: auto;
  line-height: 1.3;
  margin-bottom: .2rem
}
#seminar .main .flex ul li::before {
  display: none;
  content: ""
}
#seminar .main .flex ul li a {
  height: 3rem;
  line-height: 2.5rem;
  color: #2d3d5c;
  padding-left: 1rem;
  padding-right: 1rem;
  border-right: solid 1px #2d3d5c
}
#seminar .main .flex ul li a:hover {
  color: #e98e17
}
#seminar .main .flex.seminar {
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  padding-top: 1.5rem;
  margin-bottom: .5rem
}
#seminar .main .flex.seminar.nolink {
  cursor: default
}
#seminar .main .flex.seminar.nolink:hover time {
  background-color: #2d3d5c
}
#seminar .main .flex.seminar p.arealabel {
  display: block;
  height: 2rem;
  line-height: 2rem;
  padding-left: 2rem;
  padding-right: 6rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
  color: white;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 3.2rem
}
#seminar .main .flex.seminar p.arealabel.hokkaido {
  background-image: url("../img/areahokkaido.png")
}
#seminar .main .flex.seminar p.arealabel.tohoku {
  background-image: url("../img/areatohoku.png")
}
#seminar .main .flex.seminar p.arealabel.kanto {
  background-image: url("../img/areakanto.png")
}
#seminar .main .flex.seminar p.arealabel.hokuriku {
  background-image: url("../img/areahokuriku.png")
}
#seminar .main .flex.seminar p.arealabel.chubu {
  background-image: url("../img/areachubu.png")
}
#seminar .main .flex.seminar p.arealabel.kinki {
  background-image: url("../img/areakinki.png")
}
#seminar .main .flex.seminar p.arealabel.chugoku {
  background-image: url("../img/areachugoku.png")
}
#seminar .main .flex.seminar p.arealabel.shikoku {
  background-image: url("../img/areashikoku.png")
}
#seminar .main .flex.seminar p.arealabel.kyuoki {
  background-image: url("../img/areakyuoki.png")
}
#seminar .main .flex.seminar p.arealabel.finished {
  background-image: url("../img/areafinished.png")
}
#seminar .main .flex.seminar p.arealabel.online {
  background-image: url("../img/areafinished.png")
}
#seminar .main .flex.seminar p.arealabel.taikenkai {
  background-image: url("../img/areafinished.png")
}
#seminar .main .flex.seminar p.arealabel.jitsumu {
  background-image: url("../img/areajitsumu.png")
}
#seminar .main .flex.seminar time {
  display: table-cell;
  width: 25rem;
  line-height: 1.2;
  margin: 0;
  background-color: #2d3d5c;
  font-weight: bold;
  text-align: center;
  color: white;
  padding-top: 1rem;
  padding-bottom: .25rem;
  vertical-align: middle
}
#seminar .main .flex.seminar p:nth-of-type(2) {
  display: table-cell;
  width: 75rem;
  line-height: 1.1;
  margin: 0;
  background-color: #FDF4E8;
  font-weight: bold;
  color: #4d4d4d;
  padding-top: .75rem;
  padding-bottom: .25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  vertical-align: middle
}
#seminar .main .flex.seminar:hover time {
  background-color: #e98e17
}
#seminar .main table.mrc_webform_questionnaire tr:nth-last-of-type(1) {
  visibility: hidden
}
#seminar .main table.mrc_webform_questionnaire tr:nth-last-of-type(1) td div input[type="text"] {
  pointer-events: none
}
_:-ms-lang(x)::-ms-backdrop, #seminar .main .flex > span {
  background-image: url("../img/labelO.svg");
  background-position: left -3rem top -.8rem;
  background-repeat: no-repeat;
  background-size: 125% auto
}
#seminar .main .font_point {
    font-size: 2.5rem;
    font-weight: bold;
	color: #F13300;
    padding-bottom: 3rem;
}
#seminar .main .font_point .marker1 {
    font-size: 3rem;
	background: linear-gradient(transparent 50%, rgba(255, 252, 107, .69) 50%);
}
#seminar .main .font_point a {
    font-size: 2.5rem;
    text-decoration: underline;
}
@media (min-width: 768px) {
  #hokkaido .main .flex ul li a, #seminar .main .flex ul li a {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}
@media (max-width: 360px) {
  #hokkaido .main .flex.seminar time, #seminar .main .flex.seminar time {
    width: 26rem;
    padding-left: .2rem;
    padding-right: 0
  }
}
@media print, screen and (min-width: 1200px) {
  #hokkaido .main .flex, #seminar .main .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  #hokkaido .main .flex.progress, #seminar .main .flex.progress {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  #hokkaido .main .flex ul li, #seminar .main .flex ul li {
    height: 4rem;
    line-height: 3.5rem;
    margin-bottom: .7rem
  }
  #hokkaido .main .flex ul li a, #seminar .main .flex ul li a {
    padding-left: 1rem;
    padding-right: 1rem
  }
  #hokkaido .main .flex img, #seminar .main .flex img {
    width: 32%;
    height: auto
  }
  #hokkaido .main .flex img:nth-of-type(3n-1), #seminar .main .flex img:nth-of-type(3n-1) {
    margin-left: 2%;
    margin-right: 2%
  }
  #hokkaido .main .flex img.left, #seminar .main .flex img.left {
    margin-right: 1rem
  }
  #hokkaido .main .flex img.right, #seminar .main .flex img.right {
    margin-left: 1rem
  }
  #hokkaido .main .flex.seminar, #seminar .main .flex.seminar {
    margin-bottom: 1rem
  }
  #hokkaido .main .flex.seminar time, #seminar .main .flex.seminar time {
    padding-left: 2rem;
    padding-right: 0
  }
  #hokkaido .main .flex.seminar p:nth-of-type(2), #seminar .main .flex.seminar p:nth-of-type(2) {
    width: 75rem;
    padding-right: 0
  }
}
#experiment .main p:nth-of-type(1) {
  margin-bottom: 1rem
}
#experiment .main small.c-red {
  display: block;
  text-align: right;
  margin-bottom: 3rem
}
#experiment .main iframe {
  display: block;
  margin-left: auto;
  margin-right: auto
}
#experiment .main .flex.pagelink {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: baseline;
  -ms-flex-pack: baseline;
  justify-content: baseline;
  margin-bottom: 8rem
}
#experiment .main .flex.pagelink a {
  display: block;
  width: 100%;
  border-radius: .33rem;
  overflow: hidden
}
#experiment .main .flex.pagelink a:nth-of-type(1) {
  margin-bottom: 3rem
}
#experiment .main .flex.pagelink a p {
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 0
}
#experiment .main .flex.pagelink a p:nth-of-type(1) {
  color: white;
  font-weight: bold;
  background-color: #2d3d5c
}
#experiment .main .flex.pagelink a p:nth-of-type(2) {
  color: #2d3d5c;
  background-color: #FAE3C5
}
#experiment .main .flex.pagelink a:hover p:nth-of-type(2) {
  background-color: #e98e17
}
#experiment .main .flex.pagelink .closedexperiment {
  color: #F13300;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  border: solid 1px #F13300;
  color: #F13300
}
#experiment .main .kindof {
  background-color: #e98e17;
  position: relative;
  margin-bottom: 3rem
}
#experiment .main .kindof::before {
  display: block;
  content: "";
  position: absolute;
  width: 100vw;
  height: 10rem;
  left: 0;
  bottom: 0;
  background-image: url("../img/worker2_2.png"), url("../img/worker1_2.png");
  background-position: left bottom, right bottom;
  background-repeat: no-repeat;
  background-size: auto 10rem
}
#experiment .main .kindof div.cnt {
  padding-top: 3rem;
  padding-bottom: 3rem
}
#experiment .main .kindof div.cnt p:nth-of-type(1) {
  color: white;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background-image: url("../img/deco-l.png"), url("../img/deco-r.png");
  background-position: left center, right center;
  background-repeat: no-repeat;
  background-size: auto 50%
}
#experiment .main .kindof div.cnt ul {
  background-color: white;
  padding: 3rem 1rem 3rem 5rem
}
#experiment .main .kindof div.cnt ul li {
  color: #2d3d5c;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  line-height: 2rem;
  margin-bottom: 1rem;
  list-style-image: url("../img/check.png")
}
#experiment .main .kindof div.cnt ul li::before {
  content: ""
}
#experiment .main .kindof div.cnt p:nth-of-type(2) {
  color: #4d4d4d;
  font-weight: bold;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 5rem;
  background-color: white
}
#experiment .main h2.borderstyle {
  border-bottom: none
}
#experiment .main h2.borderstyle::after {
  display: none
}
#experiment .main video, #experiment .main .video {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6rem
}
#experiment .main .application {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}
#experiment .main .voice {
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;
width: 100%;
float: none;
}
#experiment .main .voice img {
  position: absolute;
  bottom: -1.5rem;
  left: 2rem;
  width: 6rem;
  z-index: 1
}
#experiment .main .voice p {
  position: relative;
  background-color: #FAE3C5;
  padding: 2rem 3rem 4rem 3rem;
  border-radius: 1.25rem
}
#experiment .main .voice p::after {
  position: absolute;
  bottom: -2rem;
  left: 8rem;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 1rem 0 1rem;
  border-color: #FAE3C5 transparent transparent transparent;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg)
}
#experiment .main .voice span {
  display: block;
  font-weight: bold;
  color: #2d3d5c;
  text-align: right;
  margin-top: -.5rem;
  margin-bottom: 3rem
}
#experiment .main section.venue {
  margin-top: -6rem;
  padding-top: 6rem
}
#experiment .main h2.venue {
  font-weight: bold;
  color: white;
  padding-left: 2rem;
  height: 5rem;
  line-height: 5rem;
  border-left: solid 6px #e98e17;
  border-bottom: none;
  background-color: #2d3d5c
}
#experiment .main h2.venue::after {
  display: none
}
#experiment .main .forseminar {
  margin-top: 8rem;
  margin-bottom: 6rem
}
#experiment .main .forseminar h2 {
  color: white;
  font-weight: bold;
  text-align: center;
  background-color: #e98e17;
  border-bottom: none;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 0
}
#experiment .main .forseminar h2::after {
  display: none
}
#experiment .main .forseminar .flex {
  display: block;
  background-color: #FAE3C5
}
#experiment .main .forseminar .flex img {
  width: calc(100% - 2rem);
  margin: 3rem 1rem
}
#experiment .main .forseminar .flex div {
  margin: 0 1rem 3rem 1rem;
  padding-bottom: 3rem
}
#experiment .main .forseminar .flex div p {
  margin-bottom: 3rem
}
@media print, screen and (min-width: 1200px) {
  #experiment .main .forseminar .flex div a {
    width: 35rem;
    text-align: center;
    padding-right: 2.5rem
  }
  #experiment .main .forseminar .flex div a::after {
    right: 1.5rem
  }
}
@media (min-width: 768px) {
  #experiment .main video, #experiment .main .video {
    width: 80%
  }
  #experiment .main .forseminar .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  #experiment .main .forseminar .flex div {
    margin: 3rem 1rem 3rem 1rem
  }	
  #experiment .main .voice {
    margin-left: 1rem;
    margin-right: 1rem;
	margin-bottom: 2rem;
width: 46%;
float: left;
  }	
}
@media print, screen and (min-width: 1200px) {
  #experiment .main .flex.pagelink {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  #experiment .main .flex.pagelink a {
    width: 49%
  }
  #experiment .main .flex.pagelink .closedexperiment {
    color: #F13300;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
    border: solid 1px #F13300;
    color: #F13300
  }
  #experiment .main .kindof {
    margin-bottom: 9rem
  }
  #experiment .main .kindof::before {
    position: absolute;
    width: 120rem;
    height: 16rem;
    left: calc(50% - 60rem);
    background-image: url("../img/worker2_2.png"), url("../img/worker1_2.png");
    background-position: left calc(50% - 53rem) bottom, right calc(50% - 53rem) bottom;
    background-repeat: no-repeat;
    background-size: auto 16rem
  }
  #experiment .main .kindof div.cnt {
    padding-top: 3rem;
    padding-bottom: 6rem
  }
  #experiment .main .kindof div.cnt p:nth-of-type(1) {
    padding-left: 7rem;
    padding-right: 7rem;
    background-image: url("../img/deco-l.png"), url("../img/deco-r.png");
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: auto 75%
  }
  #experiment .main .kindof div.cnt ul {
    padding: 3rem 12rem
  }
  #experiment .main .kindof div.cnt ul li {
    height: 2rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FCEE21));
    background: linear-gradient(transparent 60%, #FCEE21 60%);
    list-style-image: url("../img/check.png")
  }
  #experiment .main .kindof div.cnt p:nth-of-type(2) {
    padding-left: 9rem;
    padding-right: 9rem;
    padding-bottom: 2rem
  }
  #experiment .main video, #experiment .main .video {
    margin-bottom: 9rem
  }
  #experiment .main .flex:not(.application):not(.pagelink) {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  #experiment .main .flex.application a {
    margin-bottom: 2rem;
    text-align: left
  }
  #experiment .main .voicearea {
    margin-bottom: 9rem
  }
  #experiment .main .voice {
    margin-left: 1rem;
    margin-right: 1rem;
	margin-bottom: 2rem;
width: 46%;
float: left;
  }
  #experiment .main section.venue {
    margin-top: -14rem;
    padding-top: 14rem
  }
  #experiment .main .forseminar {
    margin-top: 10rem;
    margin-bottom: 9rem
  }
  #experiment .main .forseminar .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  #experiment .main .forseminar .flex img {
    width: auto;
    margin-left: 3rem;
    margin-right: 3rem
  }
  #experiment .main .forseminar .flex div {
    margin: 3rem 3rem 3rem 0;
    padding-bottom: 0
  }
}
#experiment .shadow-top, #experiment .shadow-bottom {
  border: none;
  width: 100%;
  height: auto;
  margin-bottom: 6rem
}
#experiment .shadow-top {
  content: url("../img/shadow-top.png")
}
#experiment .shadow-bottom {
  content: url("../img/shadow-bottom.png")
}
form {
  margin-bottom: 20rem
}
.mw_wp_form.mw_wp_form_input, .mw_wp_form.mw_wp_form_confirm, .mw_wp_form.mw_wp_form_complete, #thanks, #thanksc, #thankse, #thankss, #thankst {
  color: #4d4d4d
}
.mw_wp_form.mw_wp_form_input .progress.flex, .mw_wp_form.mw_wp_form_confirm .progress.flex, .mw_wp_form.mw_wp_form_complete .progress.flex, #thanks .progress.flex, #thanksc .progress.flex, #thankse .progress.flex, #thankss .progress.flex, #thankst .progress.flex {
  margin-bottom: 3rem
}
.mw_wp_form.mw_wp_form_input .progress.flex p, .mw_wp_form.mw_wp_form_confirm .progress.flex p, .mw_wp_form.mw_wp_form_complete .progress.flex p, #thanks .progress.flex p, #thanksc .progress.flex p, #thankse .progress.flex p, #thankss .progress.flex p, #thankst .progress.flex p {
  display: block;
  width: calc((100% - 6rem) / 3);
  background-color: #EAE9E7;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0
}
.mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1), .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(2), .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(1), .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(1), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(2), #thanks .progress.flex p:nth-of-type(1), #thanks .progress.flex p:nth-of-type(2), #thanksc .progress.flex p:nth-of-type(1), #thanksc .progress.flex p:nth-of-type(2), #thankse .progress.flex p:nth-of-type(1), #thankse .progress.flex p:nth-of-type(2), #thankss .progress.flex p:nth-of-type(1), #thankss .progress.flex p:nth-of-type(2), #thankst .progress.flex p:nth-of-type(1), #thankst .progress.flex p:nth-of-type(2) {
  position: relative;
  margin-right: 3rem
}
.mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1)::after, .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(2)::after, .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(1)::after, .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2)::after, .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(1)::after, .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(2)::after, #thanks .progress.flex p:nth-of-type(1)::after, #thanks .progress.flex p:nth-of-type(2)::after, #thanksc .progress.flex p:nth-of-type(1)::after, #thanksc .progress.flex p:nth-of-type(2)::after, #thankse .progress.flex p:nth-of-type(1)::after, #thankse .progress.flex p:nth-of-type(2)::after, #thankss .progress.flex p:nth-of-type(1)::after, #thankss .progress.flex p:nth-of-type(2)::after, #thankst .progress.flex p:nth-of-type(1)::after, #thankst .progress.flex p:nth-of-type(2)::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5rem 0 2.5rem 2rem;
  border-color: transparent transparent transparent #EAE9E7
}
.mw_wp_form.mw_wp_form_input label, .mw_wp_form.mw_wp_form_confirm label, .mw_wp_form.mw_wp_form_complete label, #thanks label, #thanksc label, #thankse label, #thankss label, #thankst label {
  font-weight: bold
}
.mw_wp_form.mw_wp_form_input label.required span, .mw_wp_form.mw_wp_form_confirm label.required span, .mw_wp_form.mw_wp_form_complete label.required span, #thanks label.required span, #thanksc label.required span, #thankse label.required span, #thankss label.required span, #thankst label.required span {
  position: relative
}
.mw_wp_form.mw_wp_form_input label.required span::after, .mw_wp_form.mw_wp_form_confirm label.required span::after, .mw_wp_form.mw_wp_form_complete label.required span::after, #thanks label.required span::after, #thanksc label.required span::after, #thankse label.required span::after, #thankss label.required span::after, #thankst label.required span::after {
  position: absolute;
  top: 0;
  right: -6rem;
  line-height: 1.3;
  padding: .25rem .75rem;
  text-align: center;
  content: "必須";
  color: white;
  background-color: #e98e17;
  font-size: 1.4rem
}
.mw_wp_form.mw_wp_form_input label input + span, .mw_wp_form.mw_wp_form_confirm label input + span, .mw_wp_form.mw_wp_form_complete label input + span, #thanks label input + span, #thanksc label input + span, #thankse label input + span, #thankss label input + span, #thankst label input + span {
  font-weight: normal;
  padding-right: 1rem
}
.mw_wp_form.mw_wp_form_input input[type="radio"], .mw_wp_form.mw_wp_form_confirm input[type="radio"], .mw_wp_form.mw_wp_form_complete input[type="radio"], #thanks input[type="radio"], #thanksc input[type="radio"], #thankse input[type="radio"], #thankss input[type="radio"], #thankst input[type="radio"] {
  margin-right: .5rem
}
.mw_wp_form.mw_wp_form_input .listarea, .mw_wp_form.mw_wp_form_confirm .listarea, .mw_wp_form.mw_wp_form_complete .listarea, #thanks .listarea, #thanksc .listarea, #thankse .listarea, #thankss .listarea, #thankst .listarea {
  margin-bottom: 3rem
}
.mw_wp_form.mw_wp_form_input .listarea .flex, .mw_wp_form.mw_wp_form_confirm .listarea .flex, .mw_wp_form.mw_wp_form_complete .listarea .flex, #thanks .listarea .flex, #thanksc .listarea .flex, #thankse .listarea .flex, #thankss .listarea .flex, #thankst .listarea .flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 6rem;
  border-top: solid 1px #EAE9E7;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important
}
.mw_wp_form.mw_wp_form_input .listarea .flex label, .mw_wp_form.mw_wp_form_confirm .listarea .flex label, .mw_wp_form.mw_wp_form_complete .listarea .flex label, #thanks .listarea .flex label, #thanksc .listarea .flex label, #thankse .listarea .flex label, #thankss .listarea .flex label, #thankst .listarea .flex label {
  font-weight: bold
}
.mw_wp_form.mw_wp_form_input .listarea .flex p, .mw_wp_form.mw_wp_form_confirm .listarea .flex p, .mw_wp_form.mw_wp_form_complete .listarea .flex p, #thanks .listarea .flex p, #thanksc .listarea .flex p, #thankse .listarea .flex p, #thankss .listarea .flex p, #thankst .listarea .flex p {
  display: block;
  line-height: 1.6;
  margin-bottom: 1rem
}
.mw_wp_form.mw_wp_form_input .listarea .flex div, .mw_wp_form.mw_wp_form_confirm .listarea .flex div, .mw_wp_form.mw_wp_form_complete .listarea .flex div, #thanks .listarea .flex div, #thanksc .listarea .flex div, #thankse .listarea .flex div, #thankss .listarea .flex div, #thankst .listarea .flex div {
  width: 100%
}
.mw_wp_form.mw_wp_form_input .listarea .flex div input, .mw_wp_form.mw_wp_form_input .listarea .flex div select, .mw_wp_form.mw_wp_form_confirm .listarea .flex div input, .mw_wp_form.mw_wp_form_confirm .listarea .flex div select, .mw_wp_form.mw_wp_form_complete .listarea .flex div input, .mw_wp_form.mw_wp_form_complete .listarea .flex div select, #thanks .listarea .flex div input, #thanks .listarea .flex div select, #thanksc .listarea .flex div input, #thanksc .listarea .flex div select, #thankse .listarea .flex div input, #thankse .listarea .flex div select, #thankss .listarea .flex div input, #thankss .listarea .flex div select, #thankst .listarea .flex div input, #thankst .listarea .flex div select {
  height: 4rem
}
.mw_wp_form.mw_wp_form_input .listarea .flex div input:not(.postalcodes), .mw_wp_form.mw_wp_form_confirm .listarea .flex div input:not(.postalcodes), .mw_wp_form.mw_wp_form_complete .listarea .flex div input:not(.postalcodes), #thanks .listarea .flex div input:not(.postalcodes), #thanksc .listarea .flex div input:not(.postalcodes), #thankse .listarea .flex div input:not(.postalcodes), #thankss .listarea .flex div input:not(.postalcodes), #thankst .listarea .flex div input:not(.postalcodes) {
  width: 100%
}
.mw_wp_form.mw_wp_form_input .listarea .flex div label, .mw_wp_form.mw_wp_form_confirm .listarea .flex div label, .mw_wp_form.mw_wp_form_complete .listarea .flex div label, #thanks .listarea .flex div label, #thanksc .listarea .flex div label, #thankse .listarea .flex div label, #thankss .listarea .flex div label, #thankst .listarea .flex div label {
  display: inline-block;
  padding-left: 1rem
}
.mw_wp_form.mw_wp_form_input .listarea .flex div label input[type="radio"], .mw_wp_form.mw_wp_form_confirm .listarea .flex div label input[type="radio"], .mw_wp_form.mw_wp_form_complete .listarea .flex div label input[type="radio"], #thanks .listarea .flex div label input[type="radio"], #thanksc .listarea .flex div label input[type="radio"], #thankse .listarea .flex div label input[type="radio"], #thankss .listarea .flex div label input[type="radio"], #thankst .listarea .flex div label input[type="radio"] {
  display: inline-block;
  width: auto;
  height: auto
}
.mw_wp_form.mw_wp_form_input .listarea .flex div div, .mw_wp_form.mw_wp_form_confirm .listarea .flex div div, .mw_wp_form.mw_wp_form_complete .listarea .flex div div, #thanks .listarea .flex div div, #thanksc .listarea .flex div div, #thankse .listarea .flex div div, #thankss .listarea .flex div div, #thankst .listarea .flex div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0;
  margin-bottom: 1rem
}
.mw_wp_form.mw_wp_form_input .listarea .flex div div span, .mw_wp_form.mw_wp_form_confirm .listarea .flex div div span, .mw_wp_form.mw_wp_form_complete .listarea .flex div div span, #thanks .listarea .flex div div span, #thanksc .listarea .flex div div span, #thankse .listarea .flex div div span, #thankss .listarea .flex div div span, #thankst .listarea .flex div div span {
  display: inline-block;
  width: 20rem;
  padding-left: 1rem
}
.mw_wp_form.mw_wp_form_input .listarea .flex div p.conf-nodisp, .mw_wp_form.mw_wp_form_confirm .listarea .flex div p.conf-nodisp, .mw_wp_form.mw_wp_form_complete .listarea .flex div p.conf-nodisp, #thanks .listarea .flex div p.conf-nodisp, #thanksc .listarea .flex div p.conf-nodisp, #thankse .listarea .flex div p.conf-nodisp, #thankss .listarea .flex div p.conf-nodisp, #thankst .listarea .flex div p.conf-nodisp {
  line-height: 1.6;
  margin-bottom: 1rem !important
}
.mw_wp_form.mw_wp_form_input .listarea .flex.address div span, .mw_wp_form.mw_wp_form_input .listarea .flex.address div input[name="postalcodes"], .mw_wp_form.mw_wp_form_confirm .listarea .flex.address div span, .mw_wp_form.mw_wp_form_confirm .listarea .flex.address div input[name="postalcodes"], .mw_wp_form.mw_wp_form_complete .listarea .flex.address div span, .mw_wp_form.mw_wp_form_complete .listarea .flex.address div input[name="postalcodes"], #thanks .listarea .flex.address div span, #thanks .listarea .flex.address div input[name="postalcodes"], #thanksc .listarea .flex.address div span, #thanksc .listarea .flex.address div input[name="postalcodes"], #thankse .listarea .flex.address div span, #thankse .listarea .flex.address div input[name="postalcodes"], #thankss .listarea .flex.address div span, #thankss .listarea .flex.address div input[name="postalcodes"], #thankst .listarea .flex.address div span, #thankst .listarea .flex.address div input[name="postalcodes"] {
  vertical-align: middle
}
.mw_wp_form.mw_wp_form_input .listarea .flex:nth-of-type(5), .mw_wp_form.mw_wp_form_confirm .listarea .flex:nth-of-type(5), .mw_wp_form.mw_wp_form_complete .listarea .flex:nth-of-type(5), #thanks .listarea .flex:nth-of-type(5), #thanksc .listarea .flex:nth-of-type(5), #thankse .listarea .flex:nth-of-type(5), #thankss .listarea .flex:nth-of-type(5), #thankst .listarea .flex:nth-of-type(5) {
  border-bottom: solid 1px #EAE9E7
}
.mw_wp_form.mw_wp_form_input .listarea .flex .contacttype label, .mw_wp_form.mw_wp_form_confirm .listarea .flex .contacttype label, .mw_wp_form.mw_wp_form_complete .listarea .flex .contacttype label, #thanks .listarea .flex .contacttype label, #thanksc .listarea .flex .contacttype label, #thankse .listarea .flex .contacttype label, #thankss .listarea .flex .contacttype label, #thankst .listarea .flex .contacttype label {
  font-weight: normal;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.mw_wp_form.mw_wp_form_input _:-ms-lang(x)::-ms-backdrop, .mw_wp_form.mw_wp_form_input .listarea .flex .contacttype label, .mw_wp_form.mw_wp_form_confirm _:-ms-lang(x)::-ms-backdrop, .mw_wp_form.mw_wp_form_confirm .listarea .flex .contacttype label, .mw_wp_form.mw_wp_form_complete _:-ms-lang(x)::-ms-backdrop, .mw_wp_form.mw_wp_form_complete .listarea .flex .contacttype label, #thanks _:-ms-lang(x)::-ms-backdrop, #thanks .listarea .flex .contacttype label, #thanksc _:-ms-lang(x)::-ms-backdrop, #thanksc .listarea .flex .contacttype label, #thankse _:-ms-lang(x)::-ms-backdrop, #thankse .listarea .flex .contacttype label, #thankss _:-ms-lang(x)::-ms-backdrop, #thankss .listarea .flex .contacttype label, #thankst _:-ms-lang(x)::-ms-backdrop, #thankst .listarea .flex .contacttype label {
  width: 10rem
}
@supports (-ms-ime-align: auto) {
  .mw_wp_form.mw_wp_form_input .listarea .flex .contacttype label, .mw_wp_form.mw_wp_form_confirm .listarea .flex .contacttype label, .mw_wp_form.mw_wp_form_complete .listarea .flex .contacttype label, #thanks .listarea .flex .contacttype label, #thanksc .listarea .flex .contacttype label, #thankse .listarea .flex .contacttype label, #thankss .listarea .flex .contacttype label, #thankst .listarea .flex .contacttype label {
    width: 10rem
  }
}
.mw_wp_form.mw_wp_form_input .boxarea, .mw_wp_form.mw_wp_form_confirm .boxarea, .mw_wp_form.mw_wp_form_complete .boxarea, #thanks .boxarea, #thanksc .boxarea, #thankse .boxarea, #thankss .boxarea, #thankst .boxarea {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3rem
}
.mw_wp_form.mw_wp_form_input .boxarea > label, .mw_wp_form.mw_wp_form_confirm .boxarea > label, .mw_wp_form.mw_wp_form_complete .boxarea > label, #thanks .boxarea > label, #thanksc .boxarea > label, #thankse .boxarea > label, #thankss .boxarea > label, #thankst .boxarea > label {
  display: block;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  padding-left: 2.5rem;
  background-color: #FAE3C5;
  font-weight: bold;
  border: solid 1px #ccc
}
.mw_wp_form.mw_wp_form_input .boxarea > label + div, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div, .mw_wp_form.mw_wp_form_complete .boxarea > label + div, #thanks .boxarea > label + div, #thanksc .boxarea > label + div, #thankse .boxarea > label + div, #thankss .boxarea > label + div, #thankst .boxarea > label + div {
  min-height: 4.8rem;
  padding: 1rem 2rem;
  border: solid 1px #ccc
}
.mw_wp_form.mw_wp_form_input .boxarea > label + div select, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div select, .mw_wp_form.mw_wp_form_complete .boxarea > label + div select, #thanks .boxarea > label + div select, #thanksc .boxarea > label + div select, #thankse .boxarea > label + div select, #thankss .boxarea > label + div select, #thankst .boxarea > label + div select {
  height: 4rem
}
.mw_wp_form.mw_wp_form_input .boxarea > label + div .flex, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div .flex, .mw_wp_form.mw_wp_form_complete .boxarea > label + div .flex, #thanks .boxarea > label + div .flex, #thanksc .boxarea > label + div .flex, #thankse .boxarea > label + div .flex, #thankss .boxarea > label + div .flex, #thankst .boxarea > label + div .flex {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.mw_wp_form.mw_wp_form_input .boxarea > label + div .flex input, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div .flex input, .mw_wp_form.mw_wp_form_complete .boxarea > label + div .flex input, #thanks .boxarea > label + div .flex input, #thanksc .boxarea > label + div .flex input, #thankse .boxarea > label + div .flex input, #thankss .boxarea > label + div .flex input, #thankst .boxarea > label + div .flex input {
  margin-top: .75rem
}
.mw_wp_form.mw_wp_form_input .boxarea.flex, .mw_wp_form.mw_wp_form_confirm .boxarea.flex, .mw_wp_form.mw_wp_form_complete .boxarea.flex, #thanks .boxarea.flex, #thanksc .boxarea.flex, #thankse .boxarea.flex, #thankss .boxarea.flex, #thankst .boxarea.flex {
  padding: 1rem 0;
  border-style: solid none;
  border-width: 1px;
  border-color: #ccc
}
.mw_wp_form.mw_wp_form_input .boxarea.flex > div, .mw_wp_form.mw_wp_form_confirm .boxarea.flex > div, .mw_wp_form.mw_wp_form_complete .boxarea.flex > div, #thanks .boxarea.flex > div, #thanksc .boxarea.flex > div, #thankse .boxarea.flex > div, #thankss .boxarea.flex > div, #thankst .boxarea.flex > div {
  width: 100%;
  height: 6rem;
  padding-top: 1rem;
  padding-right: 0;
  margin-bottom: 2rem
}
.mw_wp_form.mw_wp_form_input .boxarea.flex > div label, .mw_wp_form.mw_wp_form_confirm .boxarea.flex > div label, .mw_wp_form.mw_wp_form_complete .boxarea.flex > div label, #thanks .boxarea.flex > div label, #thanksc .boxarea.flex > div label, #thankse .boxarea.flex > div label, #thankss .boxarea.flex > div label, #thankst .boxarea.flex > div label {
  font-weight: bold;
  padding-left: 1rem
}
.mw_wp_form.mw_wp_form_input .boxarea.flex > div label[name="message"], .mw_wp_form.mw_wp_form_confirm .boxarea.flex > div label[name="message"], .mw_wp_form.mw_wp_form_complete .boxarea.flex > div label[name="message"], #thanks .boxarea.flex > div label[name="message"], #thanksc .boxarea.flex > div label[name="message"], #thankse .boxarea.flex > div label[name="message"], #thankss .boxarea.flex > div label[name="message"], #thankst .boxarea.flex > div label[name="message"] {
  padding-left: 0
}
.mw_wp_form.mw_wp_form_input .boxarea.flex textarea, .mw_wp_form.mw_wp_form_confirm .boxarea.flex textarea, .mw_wp_form.mw_wp_form_complete .boxarea.flex textarea, #thanks .boxarea.flex textarea, #thanksc .boxarea.flex textarea, #thankse .boxarea.flex textarea, #thankss .boxarea.flex textarea, #thankst .boxarea.flex textarea {
  width: 100%;
  height: 20rem
}
.mw_wp_form.mw_wp_form_input .boxarea .block.mwform-radio-field.horizontal-item, .mw_wp_form.mw_wp_form_confirm .boxarea .block.mwform-radio-field.horizontal-item, .mw_wp_form.mw_wp_form_complete .boxarea .block.mwform-radio-field.horizontal-item, #thanks .boxarea .block.mwform-radio-field.horizontal-item, #thanksc .boxarea .block.mwform-radio-field.horizontal-item, #thankse .boxarea .block.mwform-radio-field.horizontal-item, #thankss .boxarea .block.mwform-radio-field.horizontal-item, #thankst .boxarea .block.mwform-radio-field.horizontal-item {
  display: block
}
.mw_wp_form.mw_wp_form_input .boxarea .block.horizontal-item + .horizontal-item, .mw_wp_form.mw_wp_form_confirm .boxarea .block.horizontal-item + .horizontal-item, .mw_wp_form.mw_wp_form_complete .boxarea .block.horizontal-item + .horizontal-item, #thanks .boxarea .block.horizontal-item + .horizontal-item, #thanksc .boxarea .block.horizontal-item + .horizontal-item, #thankse .boxarea .block.horizontal-item + .horizontal-item, #thankss .boxarea .block.horizontal-item + .horizontal-item, #thankst .boxarea .block.horizontal-item + .horizontal-item {
  margin-left: 0 !important
}
.mw_wp_form.mw_wp_form_input input[type="submit"], .mw_wp_form.mw_wp_form_input input[type="button"], .mw_wp_form.mw_wp_form_confirm input[type="submit"], .mw_wp_form.mw_wp_form_confirm input[type="button"], .mw_wp_form.mw_wp_form_complete input[type="submit"], .mw_wp_form.mw_wp_form_complete input[type="button"], #thanks input[type="submit"], #thanks input[type="button"], #thanksc input[type="submit"], #thanksc input[type="button"], #thankse input[type="submit"], #thankse input[type="button"], #thankss input[type="submit"], #thankss input[type="button"], #thankst input[type="submit"], #thankst input[type="button"] {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  font-size: 2rem;
  color: white;
  font-weight: bold;
  max-width: 90%;
  width: 30rem;
  height: 8rem;
  line-height: 8rem;
  margin: 6rem auto;
  padding-right: 3rem;
  border-radius: .33rem;
  background-color: #2d3d5c;
  background-image: url("../img/arrow_or_bgw.png"), -webkit-gradient(linear, left top, right top, from(#00AEB8), to(#00919E));
  background-image: url("../img/arrow_or_bgw.png"), linear-gradient(90deg, #00AEB8 0%, #00919E 100%);
  background-position: right 2rem center, left top;
  background-repeat: no-repeat;
  background-size: 2.5rem 2.5rem, 100% 100%;
  cursor: pointer
}
.mw_wp_form.mw_wp_form_input input[type="submit"]:hover, .mw_wp_form.mw_wp_form_input input[type="button"]:hover, .mw_wp_form.mw_wp_form_confirm input[type="submit"]:hover, .mw_wp_form.mw_wp_form_confirm input[type="button"]:hover, .mw_wp_form.mw_wp_form_complete input[type="submit"]:hover, .mw_wp_form.mw_wp_form_complete input[type="button"]:hover, #thanks input[type="submit"]:hover, #thanks input[type="button"]:hover, #thanksc input[type="submit"]:hover, #thanksc input[type="button"]:hover, #thankse input[type="submit"]:hover, #thankse input[type="button"]:hover, #thankss input[type="submit"]:hover, #thankss input[type="button"]:hover, #thankst input[type="submit"]:hover, #thankst input[type="button"]:hover {
  background-color: #e98e17
}
.mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1) {
  background-color: #e98e17;
  color: white
}
.mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1)::after {
  border-color: transparent transparent transparent #e98e17
}
.mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2) {
  background-color: #e98e17;
  color: white
}
.mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2)::after {
  border-color: transparent transparent transparent #e98e17
}
.mw_wp_form.mw_wp_form_confirm .required span::after {
  display: none
}
.mw_wp_form.mw_wp_form_confirm .conf-nodisp {
  display: none !important
}
#thanks, #thanksc, #thankse, #thankss, #thankst, .mw_wp_form.mw_wp_form_complete {
  color: #4d4d4d
}
#thanks .progress.flex, #thanksc .progress.flex, #thankse .progress.flex, #thankss .progress.flex, #thankst .progress.flex, .mw_wp_form.mw_wp_form_complete .progress.flex {
  margin-bottom: 3rem
}
#thanks .progress.flex p, #thanksc .progress.flex p, #thankse .progress.flex p, #thankss .progress.flex p, #thankst .progress.flex p, .mw_wp_form.mw_wp_form_complete .progress.flex p {
  display: block;
  width: calc((100% - 6rem) / 3);
  background-color: #EAE9E7;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0
}
#thanks .progress.flex p:nth-of-type(1), #thanks .progress.flex p:nth-of-type(2), #thanksc .progress.flex p:nth-of-type(1), #thanksc .progress.flex p:nth-of-type(2), #thankse .progress.flex p:nth-of-type(1), #thankse .progress.flex p:nth-of-type(2), #thankss .progress.flex p:nth-of-type(1), #thankss .progress.flex p:nth-of-type(2), #thankst .progress.flex p:nth-of-type(1), #thankst .progress.flex p:nth-of-type(2), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(1), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(2) {
  position: relative;
  margin-right: 3rem
}
#thanks .progress.flex p:nth-of-type(1)::after, #thanks .progress.flex p:nth-of-type(2)::after, #thanksc .progress.flex p:nth-of-type(1)::after, #thanksc .progress.flex p:nth-of-type(2)::after, #thankse .progress.flex p:nth-of-type(1)::after, #thankse .progress.flex p:nth-of-type(2)::after, #thankss .progress.flex p:nth-of-type(1)::after, #thankss .progress.flex p:nth-of-type(2)::after, #thankst .progress.flex p:nth-of-type(1)::after, #thankst .progress.flex p:nth-of-type(2)::after, .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(1)::after, .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(2)::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5rem 0 2.5rem 2rem;
  border-color: transparent transparent transparent #EAE9E7
}
#thanks .progress.flex p:nth-of-type(3), #thanksc .progress.flex p:nth-of-type(3), #thankse .progress.flex p:nth-of-type(3), #thankss .progress.flex p:nth-of-type(3), #thankst .progress.flex p:nth-of-type(3), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(3) {
  background-color: #e98e17;
  color: white
}
#thanks .required span::after, #thanksc .required span::after, #thankse .required span::after, #thankss .required span::after, #thankst .required span::after, .mw_wp_form.mw_wp_form_complete .required span::after {
  display: none
}
#thanks .conf-nodisp, #thanksc .conf-nodisp, #thankse .conf-nodisp, #thankss .conf-nodisp, #thankst .conf-nodisp, .mw_wp_form.mw_wp_form_complete .conf-nodisp {
  display: none !important
}
#thanks .inner p, #thanksc .inner p, #thankse .inner p, #thankss .inner p, #thankst .inner p, .mw_wp_form.mw_wp_form_complete .inner p {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  border: double 5px #EAE9E7;
  border-radius: 0.25rem;
  -webkit-box-shadow: 1px 1px 2px 0 hlsa(180, 50%, 50%, 0.5);
  box-shadow: 1px 1px 2px 0 hlsa(180, 50%, 50%, 0.5)
}
#thanks .inner a, #thanksc .inner a, #thankse .inner a, #thankss .inner a, #thankst .inner a, .mw_wp_form.mw_wp_form_complete .inner a {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  max-width: 90%;
  width: 30rem;
  height: 8rem;
  line-height: 8rem;
  margin: 6rem auto;
  padding-right: 3rem;
  border-radius: .33rem;
  font-size: 2rem;
  font-weight: bold;
  color: white;
  text-align: center;
  cursor: pointer
}
@media (min-width: 768px) {
  .mw_wp_form.mw_wp_form_input .sp, .mw_wp_form.mw_wp_form_confirm .sp, .mw_wp_form.mw_wp_form_complete .sp, #thanks .sp, #thanksc .sp, #thankse .sp, #thankss .sp, #thankst .sp {
    display: none
  }
  .mw_wp_form.mw_wp_form_input .progress.flex, .mw_wp_form.mw_wp_form_confirm .progress.flex, .mw_wp_form.mw_wp_form_complete .progress.flex, #thanks .progress.flex, #thanksc .progress.flex, #thankse .progress.flex, #thankss .progress.flex, #thankst .progress.flex {
    margin-bottom: 3rem
  }
  .mw_wp_form.mw_wp_form_input .progress.flex p, .mw_wp_form.mw_wp_form_confirm .progress.flex p, .mw_wp_form.mw_wp_form_complete .progress.flex p, #thanks .progress.flex p, #thanksc .progress.flex p, #thankse .progress.flex p, #thankss .progress.flex p, #thankst .progress.flex p {
    display: block;
    width: calc((100% - 6rem) / 3)
  }
}
@media print, screen and (min-width: 1200px) {
  .mw_wp_form.mw_wp_form_input, .mw_wp_form.mw_wp_form_confirm, .mw_wp_form.mw_wp_form_complete, #thanks, #thanksc, #thankse, #thankss, #thankst {
    color: #4d4d4d
  }
  .mw_wp_form.mw_wp_form_input .progress.flex p, .mw_wp_form.mw_wp_form_confirm .progress.flex p, .mw_wp_form.mw_wp_form_complete .progress.flex p, #thanks .progress.flex p, #thanksc .progress.flex p, #thankse .progress.flex p, #thankss .progress.flex p, #thankst .progress.flex p {
    display: block;
    width: calc((100% - 5rem) / 3);
    background-color: #EAE9E7;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center
  }
  .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1), .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(2), .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(1), .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(1), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(2), #thanks .progress.flex p:nth-of-type(1), #thanks .progress.flex p:nth-of-type(2), #thanksc .progress.flex p:nth-of-type(1), #thanksc .progress.flex p:nth-of-type(2), #thankse .progress.flex p:nth-of-type(1), #thankse .progress.flex p:nth-of-type(2), #thankss .progress.flex p:nth-of-type(1), #thankss .progress.flex p:nth-of-type(2), #thankst .progress.flex p:nth-of-type(1), #thankst .progress.flex p:nth-of-type(2) {
    position: relative;
    margin-right: 3rem
  }
  .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1)::after, .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(2)::after, .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(1)::after, .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2)::after, .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(1)::after, .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(2)::after, #thanks .progress.flex p:nth-of-type(1)::after, #thanks .progress.flex p:nth-of-type(2)::after, #thanksc .progress.flex p:nth-of-type(1)::after, #thanksc .progress.flex p:nth-of-type(2)::after, #thankse .progress.flex p:nth-of-type(1)::after, #thankse .progress.flex p:nth-of-type(2)::after, #thankss .progress.flex p:nth-of-type(1)::after, #thankss .progress.flex p:nth-of-type(2)::after, #thankst .progress.flex p:nth-of-type(1)::after, #thankst .progress.flex p:nth-of-type(2)::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -2rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5rem 0 2.5rem 2rem;
    border-color: transparent transparent transparent #EAE9E7
  }
  .mw_wp_form.mw_wp_form_input label, .mw_wp_form.mw_wp_form_confirm label, .mw_wp_form.mw_wp_form_complete label, #thanks label, #thanksc label, #thankse label, #thankss label, #thankst label {
    font-weight: bold
  }
  .mw_wp_form.mw_wp_form_input label.required span, .mw_wp_form.mw_wp_form_confirm label.required span, .mw_wp_form.mw_wp_form_complete label.required span, #thanks label.required span, #thanksc label.required span, #thankse label.required span, #thankss label.required span, #thankst label.required span {
    position: relative
  }
  .mw_wp_form.mw_wp_form_input label.required span::after, .mw_wp_form.mw_wp_form_confirm label.required span::after, .mw_wp_form.mw_wp_form_complete label.required span::after, #thanks label.required span::after, #thanksc label.required span::after, #thankse label.required span::after, #thankss label.required span::after, #thankst label.required span::after {
    position: absolute;
    top: 0;
    right: -6rem;
    line-height: 1.3;
    padding: .25rem .75rem;
    text-align: center;
    content: "必須";
    color: white;
    background-color: #e98e17;
    font-size: 1.4rem
  }
  .mw_wp_form.mw_wp_form_input .listarea, .mw_wp_form.mw_wp_form_confirm .listarea, .mw_wp_form.mw_wp_form_complete .listarea, #thanks .listarea, #thanksc .listarea, #thankse .listarea, #thankss .listarea, #thankst .listarea {
    margin-bottom: 3rem
  }
  .mw_wp_form.mw_wp_form_input .listarea .flex, .mw_wp_form.mw_wp_form_confirm .listarea .flex, .mw_wp_form.mw_wp_form_complete .listarea .flex, #thanks .listarea .flex, #thanksc .listarea .flex, #thankse .listarea .flex, #thankss .listarea .flex, #thankst .listarea .flex {
    line-height: 7rem;
    border-top: solid 1px #EAE9E7
  }
  .mw_wp_form.mw_wp_form_input .listarea .flex label, .mw_wp_form.mw_wp_form_confirm .listarea .flex label, .mw_wp_form.mw_wp_form_complete .listarea .flex label, #thanks .listarea .flex label, #thanksc .listarea .flex label, #thankse .listarea .flex label, #thankss .listarea .flex label, #thankst .listarea .flex label {
    width: 25%;
    font-weight: bold
  }
  .mw_wp_form.mw_wp_form_input .listarea .flex div, .mw_wp_form.mw_wp_form_confirm .listarea .flex div, .mw_wp_form.mw_wp_form_complete .listarea .flex div, #thanks .listarea .flex div, #thanksc .listarea .flex div, #thankse .listarea .flex div, #thankss .listarea .flex div, #thankst .listarea .flex div {
    width: 75%
  }
  .mw_wp_form.mw_wp_form_input .listarea .flex div input, .mw_wp_form.mw_wp_form_input .listarea .flex div select, .mw_wp_form.mw_wp_form_confirm .listarea .flex div input, .mw_wp_form.mw_wp_form_confirm .listarea .flex div select, .mw_wp_form.mw_wp_form_complete .listarea .flex div input, .mw_wp_form.mw_wp_form_complete .listarea .flex div select, #thanks .listarea .flex div input, #thanks .listarea .flex div select, #thanksc .listarea .flex div input, #thanksc .listarea .flex div select, #thankse .listarea .flex div input, #thankse .listarea .flex div select, #thankss .listarea .flex div input, #thankss .listarea .flex div select, #thankst .listarea .flex div input, #thankst .listarea .flex div select {
    height: 4rem
  }
  .mw_wp_form.mw_wp_form_input .listarea .flex div input:not(.postalcodes), .mw_wp_form.mw_wp_form_confirm .listarea .flex div input:not(.postalcodes), .mw_wp_form.mw_wp_form_complete .listarea .flex div input:not(.postalcodes), #thanks .listarea .flex div input:not(.postalcodes), #thanksc .listarea .flex div input:not(.postalcodes), #thankse .listarea .flex div input:not(.postalcodes), #thankss .listarea .flex div input:not(.postalcodes), #thankst .listarea .flex div input:not(.postalcodes) {
    width: 100%
  }
  .mw_wp_form.mw_wp_form_input .listarea .flex:nth-last-of-type(1), .mw_wp_form.mw_wp_form_confirm .listarea .flex:nth-last-of-type(1), .mw_wp_form.mw_wp_form_complete .listarea .flex:nth-last-of-type(1), #thanks .listarea .flex:nth-last-of-type(1), #thanksc .listarea .flex:nth-last-of-type(1), #thankse .listarea .flex:nth-last-of-type(1), #thankss .listarea .flex:nth-last-of-type(1), #thankst .listarea .flex:nth-last-of-type(1) {
    border-bottom: solid 1px #EAE9E7
  }
  .mw_wp_form.mw_wp_form_input .listarea.nob, .mw_wp_form.mw_wp_form_confirm .listarea.nob, .mw_wp_form.mw_wp_form_complete .listarea.nob, #thanks .listarea.nob, #thanksc .listarea.nob, #thankse .listarea.nob, #thankss .listarea.nob, #thankst .listarea.nob {
    margin-bottom: 0
  }
  .mw_wp_form.mw_wp_form_input .listarea.nob .flex:nth-last-of-type(1), .mw_wp_form.mw_wp_form_confirm .listarea.nob .flex:nth-last-of-type(1), .mw_wp_form.mw_wp_form_complete .listarea.nob .flex:nth-last-of-type(1), #thanks .listarea.nob .flex:nth-last-of-type(1), #thanksc .listarea.nob .flex:nth-last-of-type(1), #thankse .listarea.nob .flex:nth-last-of-type(1), #thankss .listarea.nob .flex:nth-last-of-type(1), #thankst .listarea.nob .flex:nth-last-of-type(1) {
    border-bottom: none
  }
  .mw_wp_form.mw_wp_form_input .boxarea, .mw_wp_form.mw_wp_form_confirm .boxarea, .mw_wp_form.mw_wp_form_complete .boxarea, #thanks .boxarea, #thanksc .boxarea, #thankse .boxarea, #thankss .boxarea, #thankst .boxarea {
    margin-bottom: 3rem
  }
  .mw_wp_form.mw_wp_form_input .boxarea > label, .mw_wp_form.mw_wp_form_confirm .boxarea > label, .mw_wp_form.mw_wp_form_complete .boxarea > label, #thanks .boxarea > label, #thanksc .boxarea > label, #thankse .boxarea > label, #thankss .boxarea > label, #thankst .boxarea > label {
    display: block;
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    padding-left: 2.5rem;
    background-color: #FAE3C5;
    font-weight: bold;
    border: solid 1px #ccc
  }
  .mw_wp_form.mw_wp_form_input .boxarea > label + div, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div, .mw_wp_form.mw_wp_form_complete .boxarea > label + div, #thanks .boxarea > label + div, #thanksc .boxarea > label + div, #thankse .boxarea > label + div, #thankss .boxarea > label + div, #thankst .boxarea > label + div {
    padding: 1rem 2rem;
    border: solid 1px #ccc
  }
  .mw_wp_form.mw_wp_form_input .boxarea > label + div select, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div select, .mw_wp_form.mw_wp_form_complete .boxarea > label + div select, #thanks .boxarea > label + div select, #thanksc .boxarea > label + div select, #thankse .boxarea > label + div select, #thankss .boxarea > label + div select, #thankst .boxarea > label + div select {
    height: 4rem
  }
  .mw_wp_form.mw_wp_form_input .boxarea > label + div .flex, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div .flex, .mw_wp_form.mw_wp_form_complete .boxarea > label + div .flex, #thanks .boxarea > label + div .flex, #thanksc .boxarea > label + div .flex, #thankse .boxarea > label + div .flex, #thankss .boxarea > label + div .flex, #thankst .boxarea > label + div .flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .mw_wp_form.mw_wp_form_input .boxarea > label + div .flex input, .mw_wp_form.mw_wp_form_confirm .boxarea > label + div .flex input, .mw_wp_form.mw_wp_form_complete .boxarea > label + div .flex input, #thanks .boxarea > label + div .flex input, #thanksc .boxarea > label + div .flex input, #thankse .boxarea > label + div .flex input, #thankss .boxarea > label + div .flex input, #thankst .boxarea > label + div .flex input {
    margin-top: .75rem
  }
  .mw_wp_form.mw_wp_form_input .boxarea.flex, .mw_wp_form.mw_wp_form_confirm .boxarea.flex, .mw_wp_form.mw_wp_form_complete .boxarea.flex, #thanks .boxarea.flex, #thanksc .boxarea.flex, #thankse .boxarea.flex, #thankss .boxarea.flex, #thankst .boxarea.flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0;
    border-style: solid none;
    border-width: 1px;
    border-color: #EAE9E7
  }
  .mw_wp_form.mw_wp_form_input .boxarea.flex.nob, .mw_wp_form.mw_wp_form_confirm .boxarea.flex.nob, .mw_wp_form.mw_wp_form_complete .boxarea.flex.nob, #thanks .boxarea.flex.nob, #thanksc .boxarea.flex.nob, #thankse .boxarea.flex.nob, #thankss .boxarea.flex.nob, #thankst .boxarea.flex.nob {
    border-bottom: none;
    margin-bottom: 0
  }
  .mw_wp_form.mw_wp_form_input .boxarea.flex > div, .mw_wp_form.mw_wp_form_confirm .boxarea.flex > div, .mw_wp_form.mw_wp_form_complete .boxarea.flex > div, #thanks .boxarea.flex > div, #thanksc .boxarea.flex > div, #thankse .boxarea.flex > div, #thankss .boxarea.flex > div, #thankst .boxarea.flex > div {
    width: 25%;
    min-width: 25rem;
    height: 9rem;
    padding-top: 0;
    padding-right: 1rem;
    margin-bottom: 0
  }
  .mw_wp_form.mw_wp_form_input .boxarea.flex > div label, .mw_wp_form.mw_wp_form_confirm .boxarea.flex > div label, .mw_wp_form.mw_wp_form_complete .boxarea.flex > div label, #thanks .boxarea.flex > div label, #thanksc .boxarea.flex > div label, #thankse .boxarea.flex > div label, #thankss .boxarea.flex > div label, #thankst .boxarea.flex > div label {
    font-weight: bold;
    padding-left: 1rem
  }
  .mw_wp_form.mw_wp_form_input .boxarea.flex > div label[name="message"], .mw_wp_form.mw_wp_form_confirm .boxarea.flex > div label[name="message"], .mw_wp_form.mw_wp_form_complete .boxarea.flex > div label[name="message"], #thanks .boxarea.flex > div label[name="message"], #thanksc .boxarea.flex > div label[name="message"], #thankse .boxarea.flex > div label[name="message"], #thankss .boxarea.flex > div label[name="message"], #thankst .boxarea.flex > div label[name="message"] {
    width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0;
    padding-bottom: 0
  }
  .mw_wp_form.mw_wp_form_input .boxarea.flex > div p, .mw_wp_form.mw_wp_form_confirm .boxarea.flex > div p, .mw_wp_form.mw_wp_form_complete .boxarea.flex > div p, #thanks .boxarea.flex > div p, #thanksc .boxarea.flex > div p, #thankse .boxarea.flex > div p, #thankss .boxarea.flex > div p, #thankst .boxarea.flex > div p {
    margin-bottom: 0
  }
  .mw_wp_form.mw_wp_form_input .boxarea.flex textarea, .mw_wp_form.mw_wp_form_confirm .boxarea.flex textarea, .mw_wp_form.mw_wp_form_complete .boxarea.flex textarea, #thanks .boxarea.flex textarea, #thanksc .boxarea.flex textarea, #thankse .boxarea.flex textarea, #thankss .boxarea.flex textarea, #thankst .boxarea.flex textarea {
    width: 75%;
    height: 20rem;
    margin-top: 1rem;
    margin-bottom: 1rem
  }
  .mw_wp_form.mw_wp_form_input input[type="submit"], .mw_wp_form.mw_wp_form_input input[type="button"], .mw_wp_form.mw_wp_form_confirm input[type="submit"], .mw_wp_form.mw_wp_form_confirm input[type="button"], .mw_wp_form.mw_wp_form_complete input[type="submit"], .mw_wp_form.mw_wp_form_complete input[type="button"], #thanks input[type="submit"], #thanks input[type="button"], #thanksc input[type="submit"], #thanksc input[type="button"], #thankse input[type="submit"], #thankse input[type="button"], #thankss input[type="submit"], #thankss input[type="button"], #thankst input[type="submit"], #thankst input[type="button"] {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    font-size: 2rem;
    color: white;
    font-weight: bold;
    width: 30rem;
    height: 8rem;
    line-height: 8rem;
    margin: 6rem auto;
    padding-right: 3rem;
    border-radius: .33rem;
    background-color: #2d3d5c;
    background-image: url("../img/arrow_or_bgw.png"), -webkit-gradient(linear, left top, right top, from(#00AEB8), to(#00919E));
    background-image: url("../img/arrow_or_bgw.png"), linear-gradient(90deg, #00AEB8 0%, #00919E 100%);
    background-position: right 2rem center, left top;
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem, 100% 100%;
    cursor: pointer
  }
  .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1) {
    background-color: #e98e17;
    color: white
  }
  .mw_wp_form.mw_wp_form_input .progress.flex p:nth-of-type(1)::after {
    border-color: transparent transparent transparent #e98e17
  }
  .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2) {
    background-color: #e98e17;
    color: white
  }
  .mw_wp_form.mw_wp_form_confirm .progress.flex p:nth-of-type(2)::after {
    border-color: transparent transparent transparent #e98e17
  }
  .mw_wp_form.mw_wp_form_confirm .conf-nodisp {
    display: none !important
  }
  #thanks .progress.flex p:nth-of-type(3), #thanksc .progress.flex p:nth-of-type(3), #thankse .progress.flex p:nth-of-type(3), #thankss .progress.flex p:nth-of-type(3), #thankst .progress.flex p:nth-of-type(3), .mw_wp_form.mw_wp_form_complete .progress.flex p:nth-of-type(3) {
    background-color: #e98e17;
    color: white
  }
  #thanks .conf-nodisp, #thanksc .conf-nodisp, #thankse .conf-nodisp, #thankss .conf-nodisp, #thankst .conf-nodisp, .mw_wp_form.mw_wp_form_complete .conf-nodisp {
    display: none !important
  }
}
#eyecatch {
  width: 100%;
  margin-top: 0
}
#eyecatch .slick-list.draggable .slick-track img {
  width: 100%
}
h2#llslider.imgheader {
  width: 100%;
  margin-top: 0
}
h2#llslider.imgheader .slick-list.draggable .slick-track img {
  width: 100%
}
h2#llslider.imgheader::before {
  display: none
}
h2#llslider.imgheader .prev, h2#llslider.imgheader .next {
  display: none
}
.slick-dots {
  bottom: 1rem;
  width: 100%;
  display: block
}
.slick-dots li {
  margin-left: 3rem;
  margin-right: 3rem
}
.slick-dots li button::before {
  content: "";
  width: 6rem;
  height: .5rem;
  margin-left: -1.5rem;
  background: white
}
.slick-dots li.slick-active button::before {
  background: #e98e17
}
@media print, screen and (min-width: 1200px) {
  #slides.slide-on .prev.slick-arrow, #slides.slide-on .next.slick-arrow {
    display: block;
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: calc(50% - 6rem);
    z-index: 50
  }
  #slides.slide-on .prev.slick-arrow img, #slides.slide-on .next.slick-arrow img {
    width: 10rem;
    height: auto
  }
  #slides.slide-on .prev.slick-arrow {
    left: calc(50% - 58rem)
  }
  #slides.slide-on .next.slick-arrow {
    right: calc(50% - 58rem)
  }
  #eyecatch {
    height: 50rem;
    margin-bottom: 5rem
  }
  #eyecatch .slick-list.draggable {
    height: 50rem
  }
  #eyecatch .slick-list.draggable .slick-track {
    height: 50rem
  }
  #eyecatch .slick-list.draggable .slick-track img {
    width: 144rem
  }
  #eyecatch #slides.slide-on .prev.slick-arrow, #eyecatch #slides.slide-on .next.slick-arrow {
    display: block;
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: calc(50% - 6rem);
    z-index: 50
  }
  #eyecatch #slides.slide-on .prev.slick-arrow img, #eyecatch #slides.slide-on .next.slick-arrow img {
    width: 10rem;
    height: auto
  }
  #eyecatch #slides.slide-on .prev.slick-arrow {
    left: calc(50% - 58rem)
  }
  #eyecatch #slides.slide-on .next.slick-arrow {
    right: calc(50% - 58rem)
  }
  h2#llslider.imgheader {
    height: 30rem;
    margin-bottom: 4rem
  }
  h2#llslider.imgheader .slick-list.draggable {
    height: 30rem
  }
  h2#llslider.imgheader .slick-list.draggable .slick-track {
    height: 30rem
  }
  h2#llslider.imgheader .slick-list.draggable .slick-track img {
    width: 100rem
  }
  h2#llslider.imgheader #slides.slide-on .prev.slick-arrow, h2#llslider.imgheader #slides.slide-on .next.slick-arrow {
    display: block;
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: calc(50% - 4rem);
    z-index: 50
  }
  h2#llslider.imgheader #slides.slide-on .prev.slick-arrow img, h2#llslider.imgheader #slides.slide-on .next.slick-arrow img {
    width: 8rem;
    height: auto
  }
  h2#llslider.imgheader #slides.slide-on .prev.slick-arrow {
    left: 1rem
  }
  h2#llslider.imgheader #slides.slide-on .next.slick-arrow {
    right: 1rem
  }
  .slick-dots {
    bottom: -4rem
  }
  .slick-dots li button::before {
    margin-left: -3rem;
    background: #EAE9E7
  }
  .slick-dots li.slick-active button::before {
    background: #011740
  }
  _:-ms-lang(x)::-ms-backdrop, #recruit .main h2#llslider.imgheader .slick-list.draggable .slick-track .slick-slide a img {
    width: 1000px
  }
  _:-ms-lang(x)::-ms-backdrop, #recruit .main h2#llslider.imgheader .slick-list.draggable .slick-track .slick-slide {
    margin-left: 22rem
  }
}
br.lg {
  display: none
}
dt span {
  font-size: 1.2rem
}
a, em, strong, span, p, dt, dd, h3, table:not(.mrc_webform_questionnaire) th, table:not(.mrc_webform_questionnaire) td, nav.selectpage .pagenation a, nav.selectpage .pagenation span {
  font-size: 1.6rem
}
h1.cnt {
  font-size: 1.8rem
}
h1 span {
  font-size: 2.6rem
}
#gph2 {
  font-size: 1.4rem
}
#gph2 h2.cnt a {
  font-size: 1.4rem
}
.liststyle {
  font-size: 2rem;
  background-image: url("../img/h3.png");
  background-position: left top 1rem;
  background-repeat: no-repeat;
  background-size: auto 1.75rem
}
.borderstyle span {
  font-size: 2.6rem
}
.borderstyle span.head-join {
  font-size: 2.2rem
}
.apply p {
  font-size: 2rem
}
.apply a {
  font-size: 1.8rem
}
.main ul li {
  font-size: 1.6rem
}
.main ul li::before {
  font-size: 1.8rem
}
.main h1:not(.imgheader) {
  font-size: 2.4rem
}
.main h2:not(.imgheader) {
  font-size: 2rem
}
.main address {
  font-size: 1.6rem
}
#error404 .btn.bluegreen {
  font-size: 1.8rem
}
#breadcrumb ul li span {
  font-size: 1.4rem
}
#contactLink .flex.apply div span {
  font-size: 1.2rem
}
#link-panel-area strong {
  font-size: 2.8rem
}
#link-panel-area p {
  font-size: 1.6rem
}
#link-panel-area .flex .link-panel h4 {
  font-size: 2.4rem;
	margin-left: 2rem;
	margin-right: 2rem;
}
#link-panel-area .flex .link-panel p {
  font-size: 1.6rem
}
.flex.application div p:nth-of-type(1) {
  font-size: 2rem
}
.flex.application div p:nth-of-type(2) {
  font-size: 1.6rem
}
#infolist > div:nth-of-type(1) div span:nth-of-type(1) {
  font-size: 1.6rem
}
#infolist > a {
  font-size: 1.4rem
}
#recommended a div p {
  font-size: 1.6rem
}
.block-recruit h3:nth-of-type(1) ~ p, .block-recruit .flex.admission a.btn {
  font-size: 1.6rem
}
#infolist dl::before, #year .main dl::before, #news .main dl::before, .archive.category .main dl::before {
  width: 11rem
}
#infolist dl dt, #infolist dl dt > span, #infolist dl dt > a, #year .main dl dt, #year .main dl dt > span, #year .main dl dt > a, #news .main dl dt, #news .main dl dt > span, #news .main dl dt > a, .archive.category .main dl dt, .archive.category .main dl dt > span, .archive.category .main dl dt > a {
  font-size: 1.2rem;
  padding: .5rem
}
#infolist dl dd, #year .main dl dd, #news .main dl dd, .archive.category .main dl dd {
  font-size: 1.6rem
}
#recruit .main em {
  font-size: 2.8rem
}
#recruit .main em strong, #recruit .main em strong span {
  font-size: 3rem
}
#recruit .main em + p {
  font-size: 1.8rem
}
#recruit .main .pagelink a p {
  font-size: 1.6rem
}
#recruit .main .flex.member a p:nth-of-type(2) span, #recruit .main .flex.report a p:nth-of-type(1) span {
  font-size: 1.5rem
}
#recruit .main .flex.report a p:nth-of-type(2) span {
  font-size: 1.8rem
}
#event .flex:not(.apply) > span, #event .flex:not(.apply) > a p, #interview .main .flex:not(.apply) > span, #interview .main .flex:not(.apply) > a p {
  font-size: 1.6rem
}
#event .flex:not(.apply) ul li a, #event .flex:not(.apply) > a .label, #event .flex:not(.apply) > a time, #interview .main .flex:not(.apply) ul li a, #interview .main .flex:not(.apply) > a .label, #interview .main .flex:not(.apply) > a time {
  font-size: 1.4rem
}
#interview.single .main header.flex > div.flex p:nth-of-type(1) {
  font-size: 2rem
}
#interview.single .main header.flex > div.flex p:nth-of-type(2) span.label {
  font-size: 1.4rem
}
#interview.single .main header.flex > div.flex p:nth-of-type(2) time, #interview.single .main header.flex > div.flex p:nth-of-type(2) span:nth-of-type(2) {
  font-size: 1.8rem
}
#interview.single .main > div.flex.another a.other-members figcaption {
  font-size: 1.6rem
}
#seminar .main em, #seminar .main em span.c-org {
  font-size: 2.2rem
}
#seminar .main #seminarcontents div:nth-of-type(1) ul li {
  font-size: 1.4rem
}
#seminar .main #seminarcontents div:nth-of-type(2) p {
  font-size: 2rem
}
#seminar .main .voice span {
  font-size: 1.4rem
}
#seminar .main .flex > span {
  font-size: 1.6rem
}
#seminar .main .flex ul li a {
  font-size: 1.4rem
}
#seminar .main .flex.seminar time {
  font-size: 1.3rem
}
#seminar .main .flex.seminar p:nth-of-type(2) {
  font-size: 1.5rem
}
#experiment .main .flex.pagelink a p:nth-of-type(1) {
  font-size: 1.8rem
}
#experiment .main .flex.pagelink a p:nth-of-type(2) {
  font-size: 1.6rem
}
#experiment .main .flex.pagelink .closedexperiment {
  font-size: 1.8rem
}
#experiment .main .kindof div.cnt p:nth-of-type(1) {
  font-size: 2.2rem
}
#experiment .main .kindof div.cnt ul li {
  font-size: 1.6rem
}
#experiment .main .kindof div.cnt p:nth-of-type(2) {
  font-size: 1.8rem
}
#experiment .main .voice span {
  font-size: 1.4rem
}
#experiment .main h2.venue {
  font-size: 2.2rem
}
#experiment .main .forseminar h2 {
  font-size: 3rem
}
#privacy.fm .main ul li, #privacy.fm .main ol li {
  font-size: 1.6rem
}
.slidemenu > div.flex p {
  font-size: 1.1rem
}
.menu li {
  font-size: 1.6rem
}
.menu2 ul > li a span {
  font-size: 1.9rem
}
#footer nav ul li, #footer nav ul li a {
  font-size: 1.4rem
}
#footer .copy p.cnt {
  font-size: 1rem
}
#footer #spbtn a:not(.bluegreen), #footer #spbtn a.btn.bluegreen {
  font-size: 1.6rem
}
#header > div .flex-mw {
  font-size: 1rem
}
#header > div .flex-mw h1 a span {
  font-size: 1.5rem
}
@media (min-width: 700px) {
  #interview.single .main > div.flex.another a.other-members figcaption {
    font-size: 1.2rem
  }
}
@media (min-width: 768px) {
  #recruit .main em strong, #recruit .main em strong span {
    font-size: 3.6rem
  }
  #seminar .main .flex.seminar time, #seminar .main .flex.seminar p:nth-of-type(2) {
    font-size: 1.8rem
  }
  #experiment .main .flex.pagelink a p:nth-of-type(1) {
    font-size: 2.8rem
  }
  #footer .copy p.cnt {
    font-size: 1.2rem
  }
}
@media (max-width: 360px) {
  #recommended a div p {
    font-size: 1.3rem
  }
  #seminar .main .flex.seminar time, #seminar .main .flex.seminar p:nth-of-type(2) {
    font-size: 1.2rem
  }
  #footer #spbtn a:not(.bluegreen), #footer #spbtn a.btn.bluegreen {
    font-size: 1.4rem
  }
}
@media print, screen and (min-width: 1200px) {
  #header > div .flex-mw div.pc > .flex > .flex > button, .fm #header > div .flex-mw div.pc > .flex > .flex > button, .fl #header > div .flex-mw div.pc > .flex > .flex > button, .fx #header > div .flex-mw div.pc > .flex > .flex > button {
    cursor: pointer
  }
  #header > div .flex-mw div.pc > .flex > .flex > button {
    background-color: #EAE9E7;
    color: #2d3d5c
  }
  #header > div .flex-mw div.pc > .flex > .flex > button:hover {
    background-color: #e98e17;
    color: white
  }
  #header > div .flex-mw div.pc > .flex > .flex > button.btnclick, #header > div .flex-mw div.pc > .flex > .flex > button.current {
    background-color: #2d3d5c;
    color: white
  }
  #gph2 {
    font-size: 1.8rem
  }
  #gph2 h2.cnt a {
    font-size: 1.8rem
  }
  #contactLink .flex.apply div span, #contactLinkB .flex.apply span {
    font-size: 1.2rem
  }
  #contactLink .flex.apply div p {
    font-size: 1.6rem
  }
  #link-panel-area strong {
    font-size: 3rem
  }
  #infolist > div:nth-of-type(1) div span:nth-of-type(1) {
    font-size: 2rem
  }
  #infolist > div:nth-of-type(1) div span:nth-of-type(2) {
    font-size: 1.6rem
  }
  #infolist .info-box .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #infolist > a {
    font-size: 1.6rem
  }
  #infolist dl dt {
    font-size: 1.6rem;
    width: 25rem
  }
  #infolist dl dt > span {
    font-size: 1.6rem;
    width: 11rem;
    margin-left: 2rem;
    padding: .5rem
  }
  #infolist dl dd {
    display: table;
    height: 4.8rem;
    width: calc(100% - 27rem);
    padding: 0
  }
  #infolist dl dd a {
    display: table-cell;
    vertical-align: middle
  }
  .fm dt span {
    font-size: 1.2rem
  }
  .fm a, .fm em, .fm strong, .fm span, .fm p, .fm dt, .fm dd, .fm h3, .fm table:not(.mrc_webform_questionnaire) th, .fm table:not(.mrc_webform_questionnaire) td, .fm nav.selectpage .pagenation a, .fm nav.selectpage .pagenation span {
    font-size: 1.6rem
  }
  .fm h1.cnt {
    font-size: 1.8rem
  }
  .fm h1 span {
    font-size: 2.6rem
  }
  .fm #gph2 {
    font-size: 1.8rem
  }
  .fm #gph2 h2.cnt a {
    font-size: 1.8rem
  }
  .fm .liststyle {
    font-size: 2rem;
    background-image: url("../img/h3.png");
    background-position: left top 1rem;
    background-repeat: no-repeat;
    background-size: auto 1.75rem
  }
  .fm .borderstyle span {
    font-size: 2.6rem
  }
  .fm .borderstyle span.head-join {
    font-size: 2.2rem
  }
  .fm .apply p {
    font-size: 2rem
  }
  .fm .apply a {
    font-size: 1.8rem
  }
  .fm .main ul li {
    font-size: 1.6rem
  }
  .fm .main ul li::before {
    font-size: 1.8rem
  }
  .fm .main h1:not(.imgheader) {
    font-size: 2.4rem
  }
  .fm .main h2:not(.imgheader) {
    font-size: 2.2rem
  }
  .fm .main address {
    font-size: 1.6rem
  }
  .fm #error404 .btn.bluegreen {
    font-size: 1.8rem
  }
  .fm #breadcrumb ul li span {
    font-size: 1.4rem
  }
  .fm #contactLink .flex.apply div span, .fm #contactLinkB .flex.apply span {
    font-size: 1.2rem
  }
  .fm #contactLink .flex.apply div p {
    font-size: 1.6rem
  }
  .fm #link-panel-area strong {
    font-size: 3rem
  }
  .fm #link-panel-area p {
    font-size: 1.6rem
  }
  .fm #link-panel-area .flex .link-panel h4 {
    font-size: 2.4rem;
	  margin-left: 2rem;
	  margin-right: 2rem;
  }
  .fm #link-panel-area .flex .link-panel p {
    font-size: 1.6rem
  }
  .fm .flex.application div p:nth-of-type(1) {
    font-size: 2rem
  }
  .fm .flex.application div p:nth-of-type(2) {
    font-size: 1.6rem
  }
  .fm #infolist > div:nth-of-type(1) div span:nth-of-type(1) {
    font-size: 2rem
  }
  .fm #infolist > div:nth-of-type(1) div span:nth-of-type(2) {
    font-size: 1.6rem
  }
  .fm #infolist .info-box .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .fm #infolist > a {
    font-size: 1.6rem
  }
  .fm #infolist dl::before {
    width: 11rem
  }
  .fm #infolist dl dt {
    font-size: 1.6rem;
    width: 25rem
  }
  .fm #infolist dl dt > span {
    font-size: 1.6rem;
    width: 11rem;
    margin-left: 2rem;
    padding: .5rem
  }
  .fm #infolist dl dd {
    display: table;
    height: 4.8rem;
    width: calc(100% - 27rem);
    padding: 0
  }
  .fm #infolist dl dd a {
    display: table-cell;
    vertical-align: middle
  }
  .fm #recommended a div p {
    font-size: 1.6rem
  }
  .fm .block-recruit h3:nth-of-type(1) ~ p, .fm .block-recruit .flex.admission a.btn {
    font-size: 1.6rem
  }
  #news.single .main h1:not(.imgheader) ~ p > a, #news.single .main h2:not(.imgheader) ~ p > a, .post-template-default.single article .main h1:not(.imgheader) ~ p > a, .post-template-default.single article .main h2:not(.imgheader) ~ p > a, #news.single.fm .main h1:not(.imgheader) ~ p > a, #news.single.fm .main h2:not(.imgheader) ~ p > a, .post-template-default.single.fm article .main h1:not(.imgheader) ~ p > a, .post-template-default.single.fm article .main h2:not(.imgheader) ~ p > a {
    font-size: 1.2rem;
    margin-top: 0
  }
  #infolist dl::before, #year .main dl::before, #news .main dl::before, .archive.category .main dl::before, .fm #infolist dl::before, #year.fm .main dl::before, #news.fm .main dl::before, .fm.archive.category .main dl::before {
    width: 11rem
  }
  #infolist dl dt, #year .main dl dt, #news .main dl dt, .archive.category .main dl dt, .fm #infolist dl dt, #year.fm .main dl dt, #news.fm .main dl dt, .fm.archive.category .main dl dt {
    font-size: 1.6rem;
    width: 23rem
  }
  #infolist dl dt > span, #infolist dl dt > a, #year .main dl dt > span, #year .main dl dt > a, #news .main dl dt > span, #news .main dl dt > a, .archive.category .main dl dt > span, .archive.category .main dl dt > a, .fm #infolist dl dt > span, .fm #infolist dl dt > a, #year.fm .main dl dt > span, #year.fm .main dl dt > a, #news.fm .main dl dt > span, #news.fm .main dl dt > a, .fm.archive.category .main dl dt > span, .fm.archive.category .main dl dt > a {
    font-size: 1.2rem;
    width: 9rem;
    margin-left: 2rem;
    padding: .5rem
  }
  #infolist dl dd, #year .main dl dd, #news .main dl dd, .archive.category .main dl dd, .fm #infolist dl dd, #year.fm .main dl dd, #news.fm .main dl dd, .fm.archive.category .main dl dd {
    width: calc(100% - 27rem);
    padding: 0
  }
  #recruit em, #recruit.fm em {
    font-size: 3.6rem
  }
  #recruit em + p, #recruit.fm em + p {
    font-size: 1.8rem
  }
  #event .flex:not(.apply) > span, #event .flex:not(.apply) > a p, #interview .main .flex:not(.apply) > span, #interview .main .flex:not(.apply) > a p, #event.fm .flex:not(.apply) > span, #event.fm .flex:not(.apply) > a p, #interview.fm .main .flex:not(.apply) > span, #interview.fm .main .flex:not(.apply) > a p {
    font-size: 1.6rem
  }
  #event .flex:not(.apply) ul li a, #event .flex:not(.apply) > a .label, #event .flex:not(.apply) > a time, #interview .main .flex:not(.apply) ul li a, #interview .main .flex:not(.apply) > a .label, #interview .main .flex:not(.apply) > a time, #event.fm .flex:not(.apply) ul li a, #event.fm .flex:not(.apply) > a .label, #event.fm .flex:not(.apply) > a time, #interview.fm .main .flex:not(.apply) ul li a, #interview.fm .main .flex:not(.apply) > a .label, #interview.fm .main .flex:not(.apply) > a time {
    font-size: 1.4rem
  }
  #interview.single .main header.flex > div.flex p:nth-of-type(1), #interview.single.fm .main header.flex > div.flex p:nth-of-type(1) {
    font-size: 2rem
  }
  #interview.single .main header.flex > div.flex p:nth-of-type(2) span.label, #interview.single.fm .main header.flex > div.flex p:nth-of-type(2) span.label {
    font-size: 1.4rem
  }
  #interview.single .main header.flex > div.flex p:nth-of-type(2) time, #interview.single .main header.flex > div.flex p:nth-of-type(2) span:nth-of-type(2), #interview.single.fm .main header.flex > div.flex p:nth-of-type(2) time, #interview.single.fm .main header.flex > div.flex p:nth-of-type(2) span:nth-of-type(2) {
    font-size: 1.8rem
  }
  #interview.single .main > div.flex.another a.other-members figcaption, #interview.single.fm .main > div.flex.another a.other-members figcaption {
    font-size: 1.2rem
  }
  #seminar .main #seminarcontents div:nth-of-type(1) ul li, #seminar.fm .main #seminarcontents div:nth-of-type(1) ul li {
    font-size: 1.8rem
  }
  #seminar .main .flex > span, #seminar.fm .main .flex > span {
    font-size: 1.6rem
  }
  #seminar .main .flex ul li a, #seminar.fm .main .flex ul li a {
    font-size: 1.4rem
  }
  #seminar .main .flex.seminar time, #seminar .main .flex.seminar p:nth-of-type(2), #seminar.fm .main .flex.seminar time, #seminar.fm .main .flex.seminar p:nth-of-type(2) {
    font-size: 2rem
  }
  #experiment .main .flex.pagelink a p:nth-of-type(1), #experiment.fm .main .flex.pagelink a p:nth-of-type(1) {
    font-size: 2.4rem
  }
  #experiment .main .flex.pagelink .closedexperiment, #experiment.fm .main .flex.pagelink .closedexperiment {
    font-size: 2.2rem
  }
  #experiment .main .kindof div.cnt p:nth-of-type(1), #experiment.fm .main .kindof div.cnt p:nth-of-type(1) {
    font-size: 3.4rem
  }
  #experiment .main .kindof div.cnt ul li, #experiment.fm .main .kindof div.cnt ul li {
    font-size: 2rem
  }
  #entry .main .flex.procedure > div span, #entry.fm .main .flex.procedure > div span {
    letter-spacing: .1rem
  }
  #privacy .main ul li, #privacy .main ol li, #privacy.fm .main ul li, #privacy.fm .main ol li {
    font-size: 1.6rem
  }
  .fl br.lg {
    display: block
  }
  .fl dt span {
    font-size: 1.4rem
  }
  .fl a, .fl em, .fl strong, .fl span, .fl p, .fl dt, .fl dd, .fl h3, .fl table:not(.mrc_webform_questionnaire) th, .fl table:not(.mrc_webform_questionnaire) td, .fl nav.selectpage .pagenation a, .fl nav.selectpage .pagenation span {
    font-size: 1.8rem
  }
  .fl h1.cnt {
    font-size: 2rem
  }
  .fl h1 span {
    font-size: 2.8rem
  }
  .fl #gph2 {
    font-size: 2rem
  }
  .fl #gph2 h2.cnt a {
    font-size: 2rem
  }
  .fl .liststyle {
    font-size: 2.2rem;
    background-image: url("../img/h3.png");
    background-position: left top 1rem;
    background-repeat: no-repeat;
    background-size: auto 2.1rem
  }
  .fl .borderstyle span {
    font-size: 2.8rem
  }
  .fl .borderstyle span.head-join {
    font-size: 2.4rem
  }
  .fl .apply p {
    font-size: 2.2rem
  }
  .fl .apply a {
    font-size: 2rem
  }
  .fl .main ul li {
    font-size: 1.8rem
  }
  .fl .main ul li::before {
    font-size: 2rem
  }
  .fl .main h1:not(.imgheader) {
    font-size: 2.6rem
  }
  .fl .main h2:not(.imgheader) {
    font-size: 2.4rem
  }
  .fl .main address {
    font-size: 1.8rem
  }
  .fl #contactLinkB .flex.apply p {
    letter-spacing: -.1rem
  }
  .fl #error404 .btn.bluegreen {
    font-size: 2rem
  }
  .fl #breadcrumb ul li span {
    font-size: 1.6rem
  }
  .fl #contactLink .flex.apply div span, .fl #contactLinkB .flex.apply span {
    font-size: 1.4rem
  }
  .fl #contactLink .flex.apply div p {
    font-size: 1.8rem
  }
  .fl #link-panel-area strong {
    font-size: 3.2rem
  }
  .fl #link-panel-area p {
    font-size: 1.8rem
  }
  .fl #link-panel-area .flex .link-panel h4 {
    font-size: 2.6rem
  }
  .fl #link-panel-area .flex .link-panel p {
    font-size: 1.8rem
  }
  .fl .flex.application div p:nth-of-type(1) {
    font-size: 2.2rem
  }
  .fl .flex.application div p:nth-of-type(2) {
    font-size: 1.8rem;
    letter-spacing: -.1rem
  }
  .fl #infolist > div:nth-of-type(1) div span:nth-of-type(1) {
    font-size: 2.2rem
  }
  .fl #infolist > div:nth-of-type(1) div span:nth-of-type(2) {
    font-size: 1.8rem
  }
  .fl #infolist .info-box .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .fl #infolist > a {
    font-size: 1.8rem
  }
  .fl #recommended a div p {
    font-size: 1.8rem
  }
  .fl .block-recruit h3:nth-of-type(1) ~ p, .fl .block-recruit .flex.admission a.btn {
    font-size: 1.8rem
  }
  #news.single.fl .main h1:not(.imgheader) ~ p > a, #news.single.fl .main h2:not(.imgheader) ~ p > a, .post-template-default.single.fl article .main h1:not(.imgheader) ~ p > a, .post-template-default.single.fl article .main h2:not(.imgheader) ~ p > a {
    font-size: 1.4rem
  }
  .fl #infolist dl::before, #year.fl .main dl::before, #news.fl .main dl::before, .fl.archive.category .main dl::before {
    width: 12rem
  }
  .fl #infolist dl dt, #year.fl .main dl dt, #news.fl .main dl dt, .fl.archive.category .main dl dt {
    font-size: 1.8rem;
    width: 11rem
  }
  .fl #infolist dl dt > span, .fl #infolist dl dt > a, #year.fl .main dl dt > span, #year.fl .main dl dt > a, #news.fl .main dl dt > span, #news.fl .main dl dt > a, .fl.archive.category .main dl dt > span, .fl.archive.category .main dl dt > a {
    width: 11rem;
    font-size: 1.4rem;
    margin-left: 0;
    padding: .5rem
  }
  .fl #infolist dl dd, #year.fl .main dl dd, #news.fl .main dl dd, .fl.archive.category .main dl dd {
    width: calc(100% - 13rem)
  }
  #recruit.fl .main em {
    font-size: 3.8rem
  }
  #recruit.fl .main em + p {
    font-size: 2rem
  }
  #event.fl .flex:not(.apply) > span, #event.fl .flex:not(.apply) > a p, #interview.fl .main .flex:not(.apply) > span, #interview.fl .main .flex:not(.apply) > a p {
    font-size: 1.8rem
  }
  #event.fl .flex:not(.apply) ul li a, #event.fl .flex:not(.apply) > a .label, #event.fl .flex:not(.apply) > a time, #interview.fl .main .flex:not(.apply) ul li a, #interview.fl .main .flex:not(.apply) > a .label, #interview.fl .main .flex:not(.apply) > a time {
    font-size: 1.6rem
  }
  #interview.single.fl .main header.flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto
  }
  #interview.single.fl .main header.flex > div.flex p:nth-of-type(1) {
    font-size: 2.2rem
  }
  #interview.single.fl .main header.flex > div.flex p:nth-of-type(2) span.label {
    font-size: 1.6rem
  }
  #interview.single.fl .main header.flex > div.flex p:nth-of-type(2) time, #interview.single.fl .main header.flex > div.flex p:nth-of-type(2) span:nth-of-type(2) {
    font-size: 2rem
  }
  #interview.single.fl .main > div.flex.another a.other-members figcaption {
    font-size: 1.4rem;
    background-image: none
  }
  #seminar.fl .main #seminarcontents div:nth-of-type(1) ul li {
    font-size: 2rem
  }
  #seminar.fl .main .flex > span {
    font-size: 1.8rem
  }
  #seminar.fl .main .flex ul li a {
    font-size: 1.6rem
  }
  #seminar.fl .main .flex.seminar time, #seminar.fl .main .flex.seminar p:nth-of-type(2) {
    font-size: 2.2rem
  }
  #experiment.fl .main .flex.pagelink a p:nth-of-type(1) {
    font-size: 2.6rem
  }
  #experiment.fl .main .flex.pagelink .closedexperiment {
    font-size: 2.4rem
  }
  #experiment.fl .main .kindof div.cnt p:nth-of-type(1) {
    font-size: 3.6rem
  }
  #experiment.fl .main .kindof div.cnt ul li {
    font-size: 2.2rem
  }
  #entry.fl .main .flex.procedure > div span {
    letter-spacing: -.1rem
  }
  #privacy.fl .main ul li, #privacy.fl .main ol li {
    font-size: 1.7rem
  }
  .fx br.lg {
    display: block
  }
  .fx dt span {
    font-size: 1.6rem
  }
  .fx a, .fx em, .fx strong, .fx span, .fx p, .fx dt, .fx dd, .fx h3, .fx table:not(.mrc_webform_questionnaire) th, .fx table:not(.mrc_webform_questionnaire) td, .fx nav.selectpage .pagenation a, .fx nav.selectpage .pagenation span {
    font-size: 2rem
  }
  .fx h1.cnt {
    font-size: 2.2rem
  }
  .fx h1 span {
    font-size: 3rem
  }
  .fx #gph2 {
    font-size: 2.2rem
  }
  .fx #gph2 h2.cnt a {
    font-size: 2.2rem
  }
  .fx .liststyle {
    font-size: 2.4rem;
    background-image: url("../img/h3.png");
    background-position: left top 1rem;
    background-repeat: no-repeat;
    background-size: auto 2.3rem
  }
  .fx .borderstyle span {
    font-size: 3rem
  }
  .fx .borderstyle span.head-join {
    font-size: 2.6rem
  }
  .fx .apply p {
    font-size: 2.4rem
  }
  .fx .apply a {
    font-size: 2.2rem
  }
  .fx .main ul li {
    font-size: 2rem
  }
  .fx .main ul li::before {
    font-size: 2.2rem
  }
  .fx .main h1:not(.imgheader) {
    font-size: 2.8rem
  }
  .fx .main h2:not(.imgheader) {
    font-size: 2.6rem
  }
  .fx .main address {
    font-size: 2rem
  }
  .fx #contactLink .flex.apply p, .fx #contactLinkB .flex.apply p {
    letter-spacing: -.2rem
  }
  .fx #error404 .btn.bluegreen {
    font-size: 2.2rem
  }
  .fx #breadcrumb ul li span {
    font-size: 1.8rem
  }
  .fx #contactLink .flex.apply div span, .fx #contactLinkB .flex.apply span {
    font-size: 1.6rem
  }
  .fx #contactLink .flex.apply div p {
    font-size: 1.8rem
  }
  .fx #link-panel-area strong {
    font-size: 3.4rem
  }
  .fx #link-panel-area p {
    font-size: 2rem
  }
  .fx #link-panel-area .flex .link-panel h4 {
    font-size: 2.8rem
  }
  .fx #link-panel-area .flex .link-panel p {
    font-size: 2rem
  }
  .fx .flex.application div p:nth-of-type(1) {
    font-size: 2.2rem
  }
  .fx .flex.application div p:nth-of-type(2) {
    font-size: 1.8rem;
    letter-spacing: -.3rem
  }
  .fx #infolist > div:nth-of-type(1) div span:nth-of-type(1) {
    font-size: 2.4rem
  }
  .fx #infolist > div:nth-of-type(1) div span:nth-of-type(2) {
    font-size: 2rem
  }
  .fx #infolist .info-box .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .fx #infolist > a {
    font-size: 2rem
  }
  .fx #recommended a div p {
    font-size: 2rem;
    letter-spacing: -.1rem
  }
  .fx .block-recruit h3:nth-of-type(1) ~ p, .fx .block-recruit .flex.admission a.btn {
    font-size: 2rem
  }
  #news.single.fx .main h1:not(.imgheader) ~ p > a, #news.single.fx .main h2:not(.imgheader) ~ p > a, .post-template-default.single.fx article .main h1:not(.imgheader) ~ p > a, .post-template-default.single.fx article .main h2:not(.imgheader) ~ p > a {
    font-size: 1.6rem
  }
  .fx #infolist dl::before, #year.fx .main dl::before, #news.fx .main dl::before, .fx.archive.category .main dl::before {
    width: 13rem
  }
  .fx #infolist dl dt, #year.fx .main dl dt, #news.fx .main dl dt, .fx.archive.category .main dl dt {
    font-size: 2rem;
    width: 13rem
  }
  .fx #infolist dl dt > span, .fx #infolist dl dt > a, #year.fx .main dl dt > span, #year.fx .main dl dt > a, #news.fx .main dl dt > span, #news.fx .main dl dt > a, .fx.archive.category .main dl dt > span, .fx.archive.category .main dl dt > a {
    width: 12rem;
    font-size: 1.6rem;
    margin-left: 0;
    padding: .5rem
  }
  .fx #infolist dl dd, #year.fx .main dl dd, #news.fx .main dl dd, .fx.archive.category .main dl dd {
    width: calc(100% - 15rem)
  }
  #recruit.fx .main em {
    font-size: 4rem
  }
  #recruit.fx .main em + p {
    font-size: 2.2rem
  }
  #recruit.fx .main .flex.member + a.btn.navy {
    width: 34rem
  }
  #event.fx .flex:not(.apply) > span, #event.fx .flex:not(.apply) > a p, #interview.fx .main .flex:not(.apply) > span, #interview.fx .main .flex:not(.apply) > a p {
    font-size: 2rem
  }
  #event.fx .flex:not(.apply) ul li a, #event.fx .flex:not(.apply) > a .label, #event.fx .flex:not(.apply) > a time, #interview.fx .main .flex:not(.apply) ul li a, #interview.fx .main .flex:not(.apply) > a .label, #interview.fx .main .flex:not(.apply) > a time {
    font-size: 1.8rem
  }
  #interview.single.fx .main header.flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto
  }
  #interview.single.fx .main header.flex > div.flex p:nth-of-type(1) {
    font-size: 2.4rem
  }
  #interview.single.fx .main header.flex > div.flex p:nth-of-type(2) span.label {
    font-size: 1.8rem
  }
  #interview.single.fx .main header.flex > div.flex p:nth-of-type(2) time, #interview.single.fx .main header.flex > div.flex p:nth-of-type(2) span:nth-of-type(2) {
    font-size: 2.2rem
  }
  #interview.single.fx .main > div.flex.another a.other-members figcaption {
    font-size: 1.6rem;
    background-image: none
  }
  #seminar.fx .main #seminarcontents div:nth-of-type(1) ul li {
    font-size: 2.2rem
  }
  #seminar.fx .main .flex > span {
    font-size: 2rem
  }
  #seminar.fx .main .flex ul li a {
    font-size: 1.8rem
  }
  #seminar.fx .main .flex.seminar time, #seminar.fx .main .flex.seminar p:nth-of-type(2) {
    font-size: 2.4rem
  }
  #experiment.fx .main .flex.pagelink a p:nth-of-type(1) {
    font-size: 2.8rem
  }
  #experiment.fx .main .flex.pagelink .closedexperiment {
    font-size: 2.6rem
  }
  #experiment.fx .main .kindof div.cnt p:nth-of-type(1) {
    font-size: 3.8rem
  }
  #experiment.fx .main .kindof div.cnt ul li {
    font-size: 2.4rem
  }
  #entry.fx .main .flex.procedure > div {
    max-width: 20rem
  }
  #entry.fx .main .flex.procedure > div span {
    letter-spacing: -.05rem
  }
  #entry.fx .main .flex.procedure > div::after {
    position: absolute;
    top: calc(50% - 2rem);
    right: -.75rem;
    bottom: auto;
    left: auto;
    border-color: transparent transparent transparent #2d3d5c;
    border-width: 2rem 0 2rem .75rem
  }
  #privacy.fx .main ul li, #privacy.fx .main ol li {
    font-size: 1.8rem
  }
  #header > div .flex-mw h1 a {
    width: 340px !important
  }
  #header > div .flex-mw div.pc > .flex > .flex > p {
    font-size: 1.4rem
  }
  #header > div .flex-mw div.pc > .flex > .flex > button {
    font-size: 1.3rem
  }
  #header > div .flex-mw div.pc > .flex address p:nth-of-type(1) img {
    width: 200px !important;
    height: auto
  }
  #header > div .flex-mw div.pc > .flex address p:nth-of-type(2), #header > div .flex-mw div.pc > .flex address p:nth-of-type(3) {
    font-size: 12px !important
  }
  #header > div .flex-mw div.pc > .flex > a.btn {
    font-size: 1.6rem
  }
  #header .globalnavi ul.flex li a {
    font-size: 1.6rem
  }
  nav a:nth-of-type(2) {
    font-size: 1.5rem
  }
  .globalnavi ul.flex li a {
    font-size: 1.4rem
  }
  #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(1) {
    font-size: 1.2rem
  }
  #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(2) {
    font-size: 1.8rem
  }
  #mega div.table #megaTitle header em div:nth-of-type(2) strong {
    font-size: 3.7rem
  }
  #mega div.table nav ul li a {
    font-size: 1.6rem
  }
  #mega div.table nav ul li a.btn.btn.navy::after {
    right: .5rem
  }
  #sidenavi nav a {
    font-size: 1.5rem
  }
  #sidenavi aside a, #sidenavi nav span {
    font-size: 1.6rem
  }
  .fm #header > div .flex-mw h1 a, .fl #header > div .flex-mw h1 a, .fx #header > div .flex-mw h1 a {
    width: 340px !important
  }
  .fm #header > div .flex-mw h1 a span, .fl #header > div .flex-mw h1 a span, .fx #header > div .flex-mw h1 a span {
    font-size: 1.5rem
  }
  .fm #header > div .flex-mw div.pc > .flex > .flex > p, .fl #header > div .flex-mw div.pc > .flex > .flex > p, .fx #header > div .flex-mw div.pc > .flex > .flex > p {
    font-size: 1.4rem
  }
  .fm #header > div .flex-mw div.pc > .flex > .flex > button, .fl #header > div .flex-mw div.pc > .flex > .flex > button, .fx #header > div .flex-mw div.pc > .flex > .flex > button {
    font-size: 1.3rem
  }
  .fm #header > div .flex-mw div.pc > .flex address p:nth-of-type(1), .fl #header > div .flex-mw div.pc > .flex address p:nth-of-type(1), .fx #header > div .flex-mw div.pc > .flex address p:nth-of-type(1) {
    font-size: 1.6rem !important
  }
  .fm #header > div .flex-mw div.pc > .flex address p:nth-of-type(1) img, .fl #header > div .flex-mw div.pc > .flex address p:nth-of-type(1) img, .fx #header > div .flex-mw div.pc > .flex address p:nth-of-type(1) img {
    width: 200px !important;
    height: auto
  }
  .fm #header > div .flex-mw div.pc > .flex address p:nth-of-type(2), .fm #header > div .flex-mw div.pc > .flex address p:nth-of-type(3), .fl #header > div .flex-mw div.pc > .flex address p:nth-of-type(2), .fl #header > div .flex-mw div.pc > .flex address p:nth-of-type(3), .fx #header > div .flex-mw div.pc > .flex address p:nth-of-type(2), .fx #header > div .flex-mw div.pc > .flex address p:nth-of-type(3) {
    font-size: 12px !important
  }
  .fm #header > div .flex-mw div.pc > .flex > a.btn.efflight, .fl #header > div .flex-mw div.pc > .flex > a.btn.efflight, .fx #header > div .flex-mw div.pc > .flex > a.btn.efflight {
    font-size: 1.6rem !important
  }
  .fm #header > div .flex-mw div.pc > .flex > a.btn.efflight img, .fl #header > div .flex-mw div.pc > .flex > a.btn.efflight img, .fx #header > div .flex-mw div.pc > .flex > a.btn.efflight img {
    width: 12rem;
    height: 1.845rem
  }
  .fm #header .globalnavi ul.flex li a, .fl #header .globalnavi ul.flex li a, .fx #header .globalnavi ul.flex li a {
    font-size: 1.6rem
  }
  .fm #headerS nav a:nth-of-type(2), .fl #headerS nav a:nth-of-type(2), .fx #headerS nav a:nth-of-type(2) {
    font-size: 1.5rem
  }
  .fm #headerS .globalnavi ul.flex li a, .fl #headerS .globalnavi ul.flex li a, .fx #headerS .globalnavi ul.flex li a {
    font-size: 1.4rem
  }
  .fm #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(1), .fl #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(1), .fx #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(1) {
    font-size: 1.2rem
  }
  .fm #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(2), .fl #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(2), .fx #mega div.table #megaTitle header em div:nth-of-type(1) strong:nth-of-type(2) {
    font-size: 1.8rem
  }
  .fm #mega div.table #megaTitle header em div:nth-of-type(2) strong, .fl #mega div.table #megaTitle header em div:nth-of-type(2) strong, .fx #mega div.table #megaTitle header em div:nth-of-type(2) strong {
    font-size: 3.7rem
  }
  .fm #mega div.table nav ul li a, .fl #mega div.table nav ul li a, .fx #mega div.table nav ul li a {
    font-size: 1.6rem
  }
  .fm #mega div.table nav ul li a.btn.btn.navy::after, .fl #mega div.table nav ul li a.btn.btn.navy::after, .fx #mega div.table nav ul li a.btn.btn.navy::after {
    right: .5rem
  }
  .fm #sidenavi nav a, .fl #sidenavi nav a, .fx #sidenavi nav a {
    font-size: 1.5rem
  }
  .fm #sidenavi aside a, .fm #sidenavi nav span, .fl #sidenavi aside a, .fl #sidenavi nav span, .fx #sidenavi aside a, .fx #sidenavi nav span {
    font-size: 1.6rem
  }
}
#mrc_webform, #mrc_download {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 12px !important;
  text-align: center !important
}
#mrc_webform table.mrc_webform_questionnaire, #mrc_download table.mrc_webform_questionnaire {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  text-align: left !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 98% !important
}
#mrc_webform .mrc_webform_row th, #mrc_webform .mrc_webform_row td, #mrc_download .mrc_webform_row th, #mrc_download .mrc_webform_row td {
  border: none !important;
  text-align: left !important;
  padding: 0px 0px 8px 0px !important;
  width: auto !important
}
.mrc_webform_row .mrc_webform_q {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 12px !important;
  font-weight: bold !important;
  border: 1px solid #eee !important;
  padding: 5px 8px !important
}
.mrc_webform_row .mrc_webform_a {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 12px !important;
  border-right: 1px solid #eee !important;
  border-left: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  padding: 5px 8px !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[type='text'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='text'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='date'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='date'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='number'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='number'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='email'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='email'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='tel'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='tel'] {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #AAA #CCC #CCC #AAA !important;
  padding: 2px !important;
  background-color: white !important;
  text-align: left !important;
  width: auto !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a label.mrc_webform_overlimit, #mrc_webform .mrc_webform_row .mrc_webform_a input[disabled], #mrc_download .mrc_webform_row .mrc_webform_a label.mrc_webform_overlimit, #mrc_download .mrc_webform_row .mrc_webform_a input[disabled] {
  color: gray !important;
  cursor: not-allowed !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[disabled], #mrc_download .mrc_webform_row .mrc_webform_a input[disabled] {
  background-color: #eee !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[type='checkbox'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='checkbox'] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
  margin: 3px 3px 3px 4px !important;
  border-style: none !important;
  width: auto !important
}
#mrc_webform .mrc_webform_save_custinfo_message input[type='checkbox'], #mrc_download .mrc_webform_save_custinfo_message input[type='checkbox'] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[type='radio'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='radio'] {
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
  appearance: radio !important;
  margin: 3px 3px 0px 5px !important;
  border-style: none !important;
  width: auto !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a select, #mrc_download .mrc_webform_row .mrc_webform_a select {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a textarea, #mrc_download .mrc_webform_row .mrc_webform_a textarea {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #AAA #CCC #CCC #AAA !important;
  padding: 2px !important;
  background-color: white !important;
  width: auto !important
}
#mrc_webform .mrc_webform_row input[type='text'], #mrc_webform .mrc_webform_row input[type='date'], #mrc_webform .mrc_webform_row input[type='number'], #mrc_webform .mrc_webform_row input[type='email'], #mrc_webform .mrc_webform_row input[type='tel'], #mrc_webform .mrc_webform_row select, #mrc_download .mrc_webform_row input[type='text'], #mrc_download .mrc_webform_row input[type='date'], #mrc_download .mrc_webform_row input[type='number'], #mrc_download .mrc_webform_row input[type='email'], #mrc_download .mrc_webform_row input[type='tel'], #mrc_download .mrc_webform_row select {
  margin-bottom: 3px !important
}
#mrc_webform span.mrc_webform_req, #mrc_download span.mrc_webform_req {
  padding: 2px 4px !important;
  margin: 2px !important;
  display: inline-block !important
}
#mrc_webform div.mrc_webform_q span, #mrc_download div.mrc_webform_q span {
  margin: 0 !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a label, #mrc_download .mrc_webform_row .mrc_webform_a label {
  width: auto !important;
  display: inline-block !important
}
#mrc_webform .mrc_webform_row .mrc_webform_a span.mrc_webform_group, #mrc_download .mrc_webform_row .mrc_webform_a span.mrc_webform_group {
  width: auto !important;
  display: inline-block !important
}
#mrc_webform .mrc_webform_custtitle th, #mrc_webform .mrc_webform_custinfo th, #mrc_webform .mrc_webform_custinfo td, #mrc_download .mrc_webform_custtitle th, #mrc_download .mrc_webform_custinfo th, #mrc_download .mrc_webform_custinfo td {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 12px !important;
  padding: 5px 8px !important;
  border: 1px solid #eee !important
}
#mrc_webform .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input, #mrc_download .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input {
  width: 300px !important;
  width: calc(98% - 40px) !important
}
#mrc_webform .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input, #mrc_download .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input {
  width: 300px !important;
  width: calc(98% - 80px) !important
}
#mrc_download .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input {
  width: 80px !important
}
#mrc_webform .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input {
  width: 100px !important
}
#mrc_webform .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input, #mrc_download .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input {
  width: 300px !important;
  width: calc(98% - 80px) !important
}
#mrc_webform .mrc_webform_message, #mrc_download .mrc_webform_message {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 12px !important;
  margin-top: 5px !important
}
#mrc_webform .mrc_webform_message label, #mrc_download .mrc_webform_message label {
  margin: 0 !important
}
#mrc_webform .mrc_webform_button, #mrc_download .mrc_webform_button {
  margin-top: 10px !important
}
#mrc_webform .mrc_webform_button button, #mrc_download .mrc_webform_button button {
  color: #333 !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  display: inline-block !important;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.42857 !important;
  padding: 6px 12px !important;
  background-image: none !important;
  width: 140px !important;
  margin: 0 5px !important
}
#mrc_webform .mrc_webform_button button:hover, #mrc_webform .mrc_webform_button button:focus, #mrc_download .mrc_webform_button button:hover, #mrc_download .mrc_webform_button button:focus {
  background-color: #ebebeb !important;
  border-color: #adadad !important
}
#mrc_webform .mrc_webform_button button:active, #mrc_download .mrc_webform_button button:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important
}
.mrc_webform_title, .mrc_webform_premsg, .mrc_webform_postmsg {
  margin: 10px !important;
  display: inline-block !important;
  width: 100% !important;
  text-align: left !important
}
.mrc_webform_close {
  float: right !important;
  font-size: 21px !important;
  font-weight: bold !important;
  line-height: 1 !important;
  color: #000 !important;
  text-shadow: 0 1px 0 #fff !important;
  filter: alpha(opacity=20) !important;
  opacity: .2 !important
}
.mrc_webform_close:hover, .mrc_webform_close:focus {
  color: #000 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  filter: alpha(opacity=50) !important;
  opacity: .5 !important
}
button.mrc_webform_close {
  -webkit-appearance: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  background: transparent !important;
  border: 0 !important
}
.mrc_webform_modal {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 10000000 !important;
  overflow: auto !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;
  outline: 0 !important
}
.mrc_webform_modal .mrc_webform_modal_dialog {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  position: relative !important;
  width: 600px !important;
  margin: 30px auto !important;
  height: 100% !important
}
@media (max-width: 639px) {
  .mrc_webform_modal .mrc_webform_modal_dialog {
    width: 400px !important
  }
}
@media (max-width: 399px) {
  .mrc_webform_modal .mrc_webform_modal_dialog {
    width: 310px !important
  }
}
.mrc_webform_modal .mrc_webform_modal_content {
  position: relative !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #999 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 6px !important;
  outline: none !important;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important
}
.mrc_webform_modal .mrc_webform_modal_header {
  min-height: 16.42857143px !important;
  padding: 15px !important;
  border-bottom: 1px solid #e5e5e5 !important
}
.mrc_webform_modal .mrc_webform_modal_header .mrc_webform_close {
  margin-top: -2px !important
}
.mrc_webform_modal .mrc_webform_modal_header h4 {
  position: static !important
}
.mrc_webform_modal .mrc_webform_modal_title {
  text-align: left !important;
  margin: 0 !important;
  line-height: 1.42857143 !important;
  font-weight: normal !important;
  font-size: 18px !important
}
.mrc_webform_modal .mrc_webform_modal_body {
  position: relative !important;
  padding: 20px !important
}
.mrc_webform_modal .mrc_webform_modal_footer {
  padding: 19px 20px 20px !important;
  margin-top: 15px !important;
  text-align: right !important;
  border-top: 1px solid #e5e5e5 !important
}
.mrc_webform_modal .mrc_webform_modal_body iframe {
  width: 100% !important;
  border: none !important
}
.mrc_webform_confirm_message {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 14px !important
}
.mrc_webform_confirm_a_prefix, .mrc_webform_confirm_a_postfix {
  color: gray !important
}
.mrc_webform_confirm_email {
  background-color: #f8f8f8 !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 4px !important;
  color: #333333 !important;
  margin-bottom: 20px !important;
  margin-left: 20px !important;
  padding: 15px !important
}
.mrc_webform_reenter_email {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 14px !important;
  font-weight: bold !important
}
.mrc_webform_reenter_email_form {
  width: 200px !important
}
.mrc_webform_confirm_countdown {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 24px !important;
  padding-left: 30px !important
}
.mrc_webform_error {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 14px !important;
  color: #a94442 !important
}
.mrc_webform_error_required {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 14px !important;
  list-style-type: none !important
}
#mrc_download_modal_desc {
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 20px 20px 5px 20px !important
}
#mrc_webform, #mrc_download {
  font-size: 16px;
  text-align: center
}
#mrc_webform table.mrc_webform_questionnaire, #mrc_download table.mrc_webform_questionnaire {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 98%
}
#mrc_webform .mrc_webform_row th, #mrc_webform .mrc_webform_row td, #mrc_download .mrc_webform_row th, #mrc_download .mrc_webform_row td {
  border: none;
  text-align: left;
  padding: 0px 0px 8px 0px;
  width: auto
}
.mrc_webform_row .mrc_webform_q {
  font-size: 20px;
  line-height: 1.3;
  border: 1px solid #eee;
  padding: 5px 8px
}
.mrc_webform_row .mrc_webform_a {
  font-size: 16px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 5px 8px
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[type='text'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='text'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='date'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='date'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='number'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='number'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='email'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='email'], #mrc_webform .mrc_webform_row .mrc_webform_a input[type='tel'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='tel'] {
  border-style: solid;
  border-width: 1px;
  border-color: #AAA #CCC #CCC #AAA;
  padding: 2px !important;
  background-color: white;
  text-align: left;
  width: auto;
  height: 30px;
  font-size: 20px
}
#mrc_webform .mrc_webform_row .mrc_webform_a label.mrc_webform_overlimit, #mrc_webform .mrc_webform_row .mrc_webform_a input[disabled], #mrc_download .mrc_webform_row .mrc_webform_a label.mrc_webform_overlimit, #mrc_download .mrc_webform_row .mrc_webform_a input[disabled] {
  color: gray;
  cursor: not-allowed
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[disabled], #mrc_download .mrc_webform_row .mrc_webform_a input[disabled] {
  background-color: #eee
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[type='checkbox'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='checkbox'] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  margin: 3px 3px 3px 4px;
  border-style: none;
  -webkit-transform: scale(1.3);
  -webkit-transform-origin: 100% 50%;
  -moz-transform: scale(1.3);
  -moz-transform-origin: 100% 50%;
  -ms-transform: scale(1.3);
  -ms-transform-origin: 100% 50%;
  width: 18px;
  height: 18px;
  vertical-align: middle
}
#mrc_webform .mrc_webform_save_custinfo_message input[type='checkbox'], #mrc_download .mrc_webform_save_custinfo_message input[type='checkbox'] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox
}
#mrc_webform .mrc_webform_row .mrc_webform_a input[type='radio'], #mrc_download .mrc_webform_row .mrc_webform_a input[type='radio'] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  margin: 0px 3px 0px 5px;
  border-style: none;
  -webkit-transform: scale(1.3);
  -webkit-transform-origin: 100% 50%;
  -moz-transform: scale(1.3);
  -moz-transform-origin: 100% 50%;
  -ms-transform: scale(1.3);
  -ms-transform-origin: 100% 50%;
  width: 18px;
  height: 18px;
  vertical-align: middle
}
#mrc_webform .mrc_webform_row .mrc_webform_a select, #mrc_download .mrc_webform_row .mrc_webform_a select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  font-size: 18px
}
#mrc_webform .mrc_webform_row .mrc_webform_a textarea, #mrc_download .mrc_webform_row .mrc_webform_a textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #AAA #CCC #CCC #AAA;
  padding: 2px !important;
  background-color: white;
  width: auto;
  font-size: 20px
}
#mrc_webform .mrc_webform_row input[type='text'], #mrc_webform .mrc_webform_row input[type='date'], #mrc_webform .mrc_webform_row input[type='number'], #mrc_webform .mrc_webform_row input[type='email'], #mrc_webform .mrc_webform_row input[type='tel'], #mrc_webform .mrc_webform_row select, #mrc_download .mrc_webform_row input[type='text'], #mrc_download .mrc_webform_row input[type='date'], #mrc_download .mrc_webform_row input[type='number'], #mrc_download .mrc_webform_row input[type='email'], #mrc_download .mrc_webform_row input[type='tel'], #mrc_download .mrc_webform_row select {
  margin-bottom: 3px
}
#mrc_webform span.mrc_webform_req, #mrc_download span.mrc_webform_req {
  padding: 2px 4px;
  margin: 2px;
  display: inline-block
}
#mrc_webform div.mrc_webform_q span, #mrc_download div.mrc_webform_q span {
  margin: 0
}
#mrc_webform .mrc_webform_row .mrc_webform_a label, #mrc_download .mrc_webform_row .mrc_webform_a label {
  width: auto;
  display: inline-block;
  font-size: 20px;
  line-height: 1.3;
  margin-right: 15px
}
#mrc_webform .mrc_webform_row .mrc_webform_a span.mrc_webform_group, #mrc_download .mrc_webform_row .mrc_webform_a span.mrc_webform_group {
  width: auto;
  display: inline-block
}
#mrc_webform .mrc_webform_custtitle th, #mrc_webform .mrc_webform_custinfo th, #mrc_webform .mrc_webform_custinfo td, #mrc_download .mrc_webform_custtitle th, #mrc_download .mrc_webform_custinfo th, #mrc_download .mrc_webform_custinfo td {
  font-size: 16px;
  padding: 5px 5px;
  border: 1px solid #eee
}
#mrc_webform .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input, #mrc_download .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input {
  width: 300px;
  width: calc(98% - 50px)
}
#mrc_webform .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input, #mrc_download .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_a input {
  width: 300px;
  width: calc(98% - 80px)
}
#mrc_webform .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input, #mrc_download .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input {
  width: 80px
}
#mrc_webform .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input, #mrc_download .mrc_webform_questionnaire_en .mrc_webform_row.mrc_webform_custinfo .mrc_webform_zipcode input {
  width: 300px;
  width: calc(98% - 80px)
}
#mrc_webform .mrc_webform_message, #mrc_download .mrc_webform_message {
  font-size: 12px;
  margin-top: 5px
}
#mrc_webform .mrc_webform_message label, #mrc_download .mrc_webform_message label {
  margin: 0
}
#mrc_webform .mrc_webform_button, #mrc_download .mrc_webform_button {
  margin-top: 10px
}
#mrc_webform .mrc_webform_button button, #mrc_download .mrc_webform_button button {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.42857;
  padding: 6px 12px;
  background-image: none;
  width: 220px;
  margin: 10px 7px
}
#mrc_webform .mrc_webform_button button:hover, #mrc_webform .mrc_webform_button button:focus, #mrc_download .mrc_webform_button button:hover, #mrc_download .mrc_webform_button button:focus {
  background-color: #ebebeb;
  border-color: #adadad
}
#mrc_webform .mrc_webform_button button:active, #mrc_download .mrc_webform_button button:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.mrc_webform_title, .mrc_webform_premsg, .mrc_webform_postmsg {
  margin: 10px;
  display: inline-block;
  width: 100%;
  text-align: left
}
.mrc_webform_close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2
}
.mrc_webform_close:hover, .mrc_webform_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5
}
button.mrc_webform_close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0
}
.mrc_webform_modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000000;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0
}
.mrc_webform_modal .mrc_webform_modal_dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  width: 600px;
  margin: 30px auto;
  height: 100%
}
@media (max-width: 639px) {
  .mrc_webform_modal .mrc_webform_modal_dialog {
    width: 400px
  }
}
@media (max-width: 399px) {
  .mrc_webform_modal .mrc_webform_modal_dialog {
    width: 310px
  }
}
.mrc_webform_modal .mrc_webform_modal_content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
}
.mrc_webform_modal .mrc_webform_modal_header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}
.mrc_webform_modal .mrc_webform_modal_header .mrc_webform_close {
  margin-top: -2px
}
.mrc_webform_modal .mrc_webform_modal_title {
  text-align: left;
  margin: 0;
  line-height: 1.42857143;
  font-weight: normal;
  font-size: 18px
}
.mrc_webform_modal .mrc_webform_modal_body {
  position: relative;
  padding: 20px
}
.mrc_webform_modal .mrc_webform_modal_footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}
.mrc_webform_modal .mrc_webform_modal_body iframe {
  width: 100%;
  border: none
}
.mrc_webform_confirm_message {
  font-size: 14px
}
.mrc_webform_confirm_a_prefix, .mrc_webform_confirm_a_postfix {
  color: gray
}
.mrc_webform_confirm_email {
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  color: #333333;
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 15px
}
.mrc_webform_reenter_email {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  font-weight: bold
}
.mrc_webform_reenter_email_form {
  width: 200px
}
.mrc_webform_confirm_countdown {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 24px;
  padding-left: 30px
}
.mrc_webform_error {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  color: #a94442
}
.mrc_webform_error_required {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  list-style-type: none
}
#mrc_download_modal_desc {
  font-size: 14px;
  font-weight: bold;
  padding: 20px 20px 5px 20px
}
#mrc_webform {
  max-width: 100% !important
}
#mrc_webform * textarea {
  max-width: 85vw !important;
  vertical-align: middle
}
#mrc_webform * input[type="text"], #mrc_webform * input[type="email"], #mrc_webform * input[type="tel"] {
  max-width: calc(100% - 5rem) !important
}
.mrc_webform_questionnaire .mrc_webform_row td, .mrc_webform_questionnaire .mrc_webform_row th.mrc_webform_q, .mrc_webform_questionnaire .mrc_webform_q, .mrc_webform_questionnaire .mrc_webform_a, .mrc_webform_questionnaire .mrc_webform_a label {
  font-size: 1.4rem !important
}
.mrc_webform_questionnaire .mrc_webform_a select {
  padding: .5rem;
  vertical-align: middle;
  background-color: blue !important;
  line-height: 3.7rem !important;
  height: 3.7rem
}
.mrc_webform_questionnaire .mrc_webform_a label {
  margin-top: 1rem;
  margin-bottom: 1rem
}
#mrc_webform .mrc_webform_custtitle th, #mrc_webform .mrc_webform_custinfo th, #mrc_webform .mrc_webform_custinfo td, #mrc_download .mrc_webform_custtitle th, #mrc_download .mrc_webform_custinfo th, #mrc_download .mrc_webform_custinfo td {
  font-size: 1.4rem !important
}
#mrc_webform .mrc_webform_button button, #mrc_download .mrc_webform_button button {
  font-size: 1.6rem !important
}
.main .loop p {
  vertical-align: top;
  zoom: 1
}
.main .loop p:after {
  display: block;
  content: "";
  clear: both
}
.main .loop p img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
  vertical-align: top;
  margin-left: 1%;
  margin-right: 1%
}
.main .loop p img:nth-of-type(3n-1) {
  margin-left: 1%;
  margin-right: 1%
}
.main .loop p img.left, .main .loop p img.alignleft, .main .loop p img.right, .main .loop p img.alignright {
  float: none;
  display: block
}
.main .loop img {
  max-width: 100%;
  height: auto
}
.alignleft, .alignright {
  float: none;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0
}
.alignnone {
  max-width: 100%;
  height: auto
}
#seminar .main .flex ul li a#list-finished, #seminar .main .left.arealist ul li a#list-finished {
  display: none
}
@media (min-width: 768px) {
  .main .loop p img {
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-left: 1%;
    margin-right: 1%
  }
  .main .loop p img:nth-of-type(3n-1) {
    margin-left: 0;
    margin-right: 0
  }
  .main .loop p img.left, .main .loop p img.alignleft {
    float: left;
    width: 48%;
    height: auto
  }
  .main .loop p img.right, .main .loop p img.alignright {
    float: right;
    width: 48%;
    height: auto
  }
  .alignleft {
    float: left;
    margin-left: 0;
    margin-right: 1rem;
    width: 48%;
    height: auto
  }
  .alignright {
    float: right;
    margin-left: 1rem;
    margin-right: 0;
    width: 48%;
    height: auto
  }
}
@media (min-width: 1024px) {
  .main .loop p img:nth-of-type(3n-1) {
    margin-left: 0;
    margin-right: 0
  }
  .main .loop p img.left, .main .loop p img.alignleft {
    width: 24rem;
    height: auto
  }
  .main .loop p img.right, .main .loop p img.alignright {
    width: 24rem;
    height: auto
  }
  .alignleft {
    margin-left: 0;
    margin-right: 1rem;
    width: auto;
    height: auto
  }
  .alignright {
    margin-left: 1rem;
    margin-right: 0;
    width: auto;
    height: auto
  }
}

 .wrap-chart {
    width: 100%;
    height: 375px;
}
@media (max-width: 480px){
.wrap-chart {
    height: 350px;
}
}
.ballonWrap {
  display: flex;
  justify-content: center;
  margin: 1.5em 0 1em;
}

.ani {
  animation-name: ani1;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
    text-align:center;
}

@keyframes ani1 {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-10px)
    }
}
.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}
.balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

.balloon p {
  margin: 0;
  padding: 0;
}
@media (min-width: 1000px){
#breadcrumb::-webkit-scrollbar {
   display: none
}
}