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

html {
  line-height: 1; }

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

dl, dt, dd,
ul, li {
  list-style: none; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

img {
  vertical-align: bottom; }

ins {
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

a {
  cursor: pointer; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

address {
  font-style: normal; }

@media screen and (max-width: 640px) {
  .basic-UI p {
    padding-left: 10px;
    padding-right: 10px; } }
.basic-UI ul, .basic-UI ol, .basic-UI dl {
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .basic-UI ul, .basic-UI ol, .basic-UI dl {
      padding-left: 10px;
      padding-right: 10px; } }
  .basic-UI ul.floatList li, .basic-UI ol.floatList li, .basic-UI dl.floatList li {
    float: left;
    margin-right: 20px; }
  .basic-UI ul.listStyle-disc li, .basic-UI ol.listStyle-disc li, .basic-UI dl.listStyle-disc li {
    list-style-type: disc;
    margin-left: 1.2em; }
  .basic-UI ul li:last-child, .basic-UI ol li:last-child, .basic-UI dl li:last-child {
    margin-bottom: 0; }
  .basic-UI ul li ul li, .basic-UI ul li ol li, .basic-UI ol li ul li, .basic-UI ol li ol li, .basic-UI dl li ul li, .basic-UI dl li ol li {
    margin-bottom: 5px; }
    .basic-UI ul li ul li:last-child, .basic-UI ul li ol li:last-child, .basic-UI ol li ul li:last-child, .basic-UI ol li ol li:last-child, .basic-UI dl li ul li:last-child, .basic-UI dl li ol li:last-child {
      margin-bottom: 0; }
  .basic-UI ul dt, .basic-UI ol dt, .basic-UI dl dt {
    font-weight: bold; }
  @media screen and (max-width: 640px) {
    .basic-UI ul p, .basic-UI ol p, .basic-UI dl p {
      padding-left: 0;
      padding-right: 0; } }
.basic-UI input[type="text"], .basic-UI input[type="number"], .basic-UI input[type="email"], .basic-UI input[type="password"] {
  padding: 10px 5px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em; }
  @media screen and (max-width: 640px) {
    .basic-UI input[type="text"], .basic-UI input[type="number"], .basic-UI input[type="email"], .basic-UI input[type="password"] {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
.basic-UI input[type="checkbox"], .basic-UI input[type="radio"] {
  padding-top: 5px;
  margin: 0 5px 3px 0; }
.basic-UI select {
  height: 40px;
  padding: 5px;
  margin-bottom: 7px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em; }
.basic-UI textarea {
  width: 90%;
  height: 75px;
  padding: 10px;
  margin: 2px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em;
  line-height: 1.2; }
.basic-UI .separateBox-2 .separateBox-left {
  float: left;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    .basic-UI .separateBox-2 .separateBox-left {
      float: none;
      width: 100%; } }
.basic-UI .separateBox-2 .separateBox-right {
  float: right;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    .basic-UI .separateBox-2 .separateBox-right {
      float: none;
      width: 100%; } }
.basic-UI .scrollBox {
  overflow-y: scroll;
  border: solid 1px #E4E4E4;
  height: 180px;
  padding: 10px; }
  @media screen and (max-width: 640px) {
    .basic-UI .scrollBox {
      margin: 0 10px; } }

.pagesContentsItem {
  margin-bottom: 25px; }

.mt00 {
  margin-top: 0px !important; }

.mt05 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mb00 {
  margin-bottom: 0px !important; }

.mb05 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.ml00 {
  margin-left: 0px !important; }

.ml05 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml100 {
  margin-left: 100px !important; }

.mr00 {
  margin-right: 0 !important; }

.mr05 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.m0a {
  margin: 0 auto; }

.pt00 {
  padding-top: 0px !important; }

.pt05 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pb00 {
  padding-bottom: 0px !important; }

.pb05 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pl00 {
  padding-left: 0px !important; }

.pl05 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl50 {
  padding-left: 50px !important; }

.pr00 {
  padding-right: 0 !important; }

.pr05 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.fw_b {
  font-weight: bold; }

.hosoku {
  font-size: 92% !important;
  line-height: 1.5 !important;
  background: #f4f4f4 !important;
  color: #666 !important;
  padding: 30px 30px !important;
  margin: 20px !important; }
  @media screen and (max-width: 979px) {
    .hosoku {
      padding: 20px !important;
      margin: 0 0 20px  !important; } }

/*font--------------------*/
.font10 {
  font-size: 77% !important; }

.font11 {
  font-size: 85% !important; }

.font12 {
  font-size: 93% !important; }

.font14 {
  font-size: 108% !important; }

.font15 {
  font-size: 116% !important; }

.font16 {
  font-size: 123.1% !important; }

.font17 {
  font-size: 131% !important; }

.font18 {
  font-size: 138.5% !important; }

.font19 {
  font-size: 146.5% !important; }

.font20 {
  font-size: 153.9% !important; }

.font21 {
  font-size: 161.6% !important; }

.font22 {
  font-size: 167% !important; }

.font23 {
  font-size: 174% !important; }

.font24 {
  font-size: 182% !important; }

.font25 {
  font-size: 189% !important; }

.font26 {
  font-size: 197% !important; }

.fontb {
  font-weight: bold !important; }

.font_r {
  color: #ff0000 !important; }

.ta_l {
  text-align: left; }

.ta_r {
  text-align: right; }

.ta_c {
  text-align: center; }

.ti_1 {
  margin-left: 1em;
  text-indent: -1em; }

.ti_1-5 {
  margin-left: 1.5em;
  text-indent: -1.5em; }

.d_n_pc {
  display: none; }
  @media screen and (max-width: 979px) {
    .d_n_pc {
      display: block; } }

.d_n_sp {
  display: none; }
  @media screen and (min-width: 993px) {
    .d_n_sp {
      display: block; } }

@font-face {
  font-family: 'Avenir';
  src: url("/common/fonts/ttf/avenir.ttf"); }
@font-face {
  font-family: 'NotoSans';
  src: url("/common/fonts/ttf/NotoSansCJKjp-Thin.ttf");
  font-weight: 0; }
@font-face {
  font-family: 'NotoSans';
  src: url("/common/fonts/ttf/NotoSansCJKjp-Regular.ttf");
  font-weight: 100; }
@font-face {
  font-family: 'NotoSans';
  src: url("/common/fonts/ttf/NotoSansCJKjp-Medium.ttf");
  font-weight: 200; }
@font-face {
  font-family: 'NotoSans';
  src: url("/common/fonts/ttf/NotoSansCJKjp-DemiLight.ttf");
  font-weight: 300; }
@font-face {
  font-family: 'NotoSans';
  src: url("/common/fonts/ttf/NotoSansCJKjp-Bold.ttf");
  font-weight: 400; }
@font-face {
  font-family: 'NotoSans';
  src: url("/common/fonts/ttf/NotoSansCJKjp-Black.ttf");
  font-weight: 500; }
html {
  font-family: NotoSans, Avenir, 'PT Sans Narrow',"Hiragino Kaku Gothic Pro",sans-serif;
  font-size: 62.5%; }
  html input, html button, html textarea {
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace", NotoSans, Avenir, "PT Sans Narrow", "Hiragino Kaku Gothic Pro", sans-serif; }
  html br {
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace"; }

body {
  background: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333;
  -webkit-text-size-adjust: 100%; }
  body.menuOpen {
    overflow: hidden; }

.clearfix:after, .basic-UI ul.floatList:after, .basic-UI ol.floatList:after, .basic-UI dl.floatList:after, .basic-UI .separateBox-2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clearfix, .basic-UI ul.floatList, .basic-UI ol.floatList, .basic-UI dl.floatList, .basic-UI .separateBox-2 {
  min-height: 1px; }

* html .clearfix, * html .basic-UI ul.floatList, .basic-UI * html ul.floatList, * html .basic-UI ol.floatList, .basic-UI * html ol.floatList, * html .basic-UI dl.floatList, .basic-UI * html dl.floatList, * html .basic-UI .separateBox-2, .basic-UI * html .separateBox-2 {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/ }

a {
  color: #000;
  text-decoration: none; }
  a img {
    -ms-interpolation-mode: bicubic; }
  a:hover {
    color: #666; }
    a:hover img {
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8; }

@media screen and (min-width: 768px) {
  .ssp {
    display: none !important; }

  .sp {
    display: none !important; }

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

  .sp {
    display: block; }

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

  .sp {
    display: block; }

  .pc {
    display: none !important; } }
.floL {
  float: left; }

.floR {
  float: right; }

.bold {
  font-weight: bold; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.font_en {
  font-family: 'PT Sans Narrow', sans-serif; }

.font_min {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }

a {
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s; }
  a:hover {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s; }

.small {
  font-size: 12px;
  font-size: 1.2rem; }

@media print {
  .headerNavWrap {
    display: none; } }
/* =================
	header
================== */
header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 7px 10px -5px #666;
  box-shadow: 0px 7px 10px -5px rgba(102, 102, 102, 0.4);
  z-index: 1; }
  header .tagline {
    background: #ececec;
    width: 100%;
    padding: 0.3em; }
    header .tagline h1 {
      width: 1024px;
      margin: 0 auto;
      font-size: 14px;
      font-size: 1.4rem; }
      @media screen and (max-width: 1024px) {
        header .tagline h1 {
          width: 100%;
          padding: 0 0.5em; } }
  header .headerWrap.pc {
    width: 100%; }
    header .headerWrap.pc .headerInner {
      width: 1024px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 1024px) {
        header .headerWrap.pc .headerInner {
          width: 100%;
          padding: 0 0 0 1em; } }
      header .headerWrap.pc .headerInner h2 {
        width: 295px;
        margin-top: 1.5em; }
        header .headerWrap.pc .headerInner h2 img {
          width: 100%;
          height: auto; }
        @media screen and (max-width: 1024px) {
          header .headerWrap.pc .headerInner h2 {
            width: 240px; } }
      header .headerWrap.pc .headerInner nav {
        /*width: 665px;*/
        width: 680px; }
        @media screen and (max-width: 930px) {
          header .headerWrap.pc .headerInner nav {
            width: 100%;
            margin: 0 auto; } }
        @media screen and (max-width: 768px) {
          header .headerWrap.pc .headerInner nav {
            display: none; } }
        header .headerWrap.pc .headerInner nav ul#gNav {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          margin: 0em auto 0em; }
          @media screen and (max-width: 930px) {
            header .headerWrap.pc .headerInner nav ul#gNav {
              justify-content: center; } }
          header .headerWrap.pc .headerInner nav ul#gNav > li {
            margin: 2.2em 0 2.2em;
            padding: 0 1.0em 0;
            border-right: 1px solid #ececec;
            display: inline;
            height: 1.4em; }
            @media screen and (max-width: 930px) {
              header .headerWrap.pc .headerInner nav ul#gNav > li {
                margin: 2em 0 2em;
                padding: 0 1em 0; } }
            header .headerWrap.pc .headerInner nav ul#gNav > li:last-of-type {
              border-right: none;
              padding-right: 0; }
            header .headerWrap.pc .headerInner nav ul#gNav > li a {
              font-size: 14px;
              font-size: 1.4rem;
              padding: 0 0 2.2em;
              display: block;
              border-bottom: 4px solid transparent;
              letter-spacing: 0.03em; }
              @media screen and (max-width: 930px) {
                header .headerWrap.pc .headerInner nav ul#gNav > li a {
                  padding: 0 0 2.0em; } }
            header .headerWrap.pc .headerInner nav ul#gNav > li > a:hover {
              border-bottom: 4px solid #eb6e8f; }
            header .headerWrap.pc .headerInner nav ul#gNav > li.on > a {
              border-bottom: 4px solid #eb6e8f; }
            header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp {
              position: absolute;
              top: 7.7em;
              left: 0;
              z-index: 100;
              overflow: hidden;
              display: none;
              width: 100%; }
              @media screen and (max-width: 930px) {
                header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp {
                  top: 11em; } }
              header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner {
                margin: 0 auto 0;
                padding-bottom: 2em;
                width: 100%;
                height: auto;
                background: #faf4ed; }
                header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl {
                  position: relative;
                  width: 1024px;
                  margin: 0 auto;
                  padding: 2em 0; }
                  @media screen and (max-width: 1024px) {
                    header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl {
                      width: 100%; } }
                  header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dt {
                    text-align: center;
                    color: #eb6e8f;
                    font-size: 24px;
                    font-size: 2.4rem;
                    font-weight: bold;
                    letter-spacing: 0.1em;
                    margin-bottom: 1em; }
                  header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd ul {
                    display: flex;
                    flex-wrap: wrap; }
                    @media screen and (max-width: 1024px) {
                      header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd ul {
                        padding: 0 0.8em; } }
                    header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd ul li {
                      width: 25%;
                      padding: 0 1em;
                      margin: 0; }
                      @media screen and (max-width: 1024px) {
                        header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd ul li {
                          padding: 0 0.5em; } }
                      header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd ul li a {
                        color: #333;
                        font-size: 14px;
                        font-size: 1.4rem;
                        padding: 0 1em;
                        border-right: none;
                        margin: 0; }
                        header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd ul li a img {
                          width: 100%;
                          height: auto;
                          display: block;
                          margin-bottom: 0.5em; }
                        header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd ul li a span:before {
                          content: '\e90b';
                          color: #eb6e8f;
                          font-size: 15px;
                          font-size: 1.5rem;
                          padding: 0 0.5em 0 0;
                          font-family: 'icomoon' !important;
                          font-style: normal;
                          font-weight: normal;
                          line-height: 1;
                          -webkit-font-smoothing: antialiased;
                          -moz-osx-font-smoothing: grayscale; }
                  header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd.linkTo {
                    position: absolute;
                    right: 0;
                    top: 2em; }
                    header .headerWrap.pc .headerInner nav ul#gNav > li .naviWrapp .wrapInner dl dd.linkTo a:before {
                      content: '\e90b';
                      color: #eb6e8f;
                      font-size: 15px;
                      font-size: 1.5rem;
                      padding: 0 0.5em 0 0;
                      font-family: 'icomoon' !important;
                      font-style: normal;
                      font-weight: normal;
                      line-height: 1;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale; }

#container {
  width: 100%; }
  #container .topicPath {
    width: 100%;
    background: #eb6e90; }
    #container .topicPath ul {
      width: 1024px;
      margin: 0 auto;
      padding: 1em 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      @media screen and (max-width: 1024px) {
        #container .topicPath ul {
          width: 100%;
          padding: 1em 1em; } }
      @media screen and (max-width: 768px) {
        #container .topicPath ul {
          display: none; } }
      #container .topicPath ul li {
        color: #FFF;
        font-size: 14px;
        font-size: 1.4rem; }
        #container .topicPath ul li a {
          color: #FFF; }
          #container .topicPath ul li a:after {
            content: " > ";
            padding: 0 0.5em; }
  #container .pageTtl_flag {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    background: #FFF; }
    @media screen and (max-width: 1024px) {
      #container .pageTtl_flag {
        width: 100%;
        padding: 1.2em 0 1.4em; } }
    @media screen and (max-width: 768px) {
      #container .pageTtl_flag {
        margin-top: 90px; } }
    @media screen and (max-width: 480px) {
      #container .pageTtl_flag {
        margin-top: 60px; } }
    #container .pageTtl_flag h2 {
      color: #000;
      padding: 1em 0;
      font-size: 36px;
      font-size: 3.6rem;
      font-weight: 300;
      text-align: center;
      display: inline-block;
      position: relative; }
      #container .pageTtl_flag h2 span {
        font-size: 20px;
        font-size: 2rem;
        padding-left: 0.5em; }
        @media screen and (max-width: 480px) {
          #container .pageTtl_flag h2 span {
            font-size: 18px;
            font-size: 1.8rem; } }
        @media screen and (max-width: 360px) {
          #container .pageTtl_flag h2 span {
            display: block; } }
      @media screen and (max-width: 768px) {
        #container .pageTtl_flag h2 {
          font-size: 28px;
          font-size: 2.8rem;
          /*padding: 0.5em 0;*/
           padding: 0.5em 56px;
           box-sizing: border-box;} }
      @media screen and (max-width: 480px) {
        #container .pageTtl_flag h2 {
          font-size: 22px;
          font-size: 2.2rem; } }
      #container .pageTtl_flag h2:before {
        content: "";
        background: url("../../common/img/common/ttl_flag_left.png") no-repeat 0 0;
        background-size: 70px 39px;
        margin: 0 0 0 0;
        width: 70px;
        height: 39px;
        display: inline-block;
        position: absolute;
        left: -85px;
        top: 1.2em; }
        @media screen and (max-width: 768px) {
          #container .pageTtl_flag h2:before {
            background-size: 46px 27px;
            width: 46px;
            height: 27px;
            /*left: -56px;*/
            left: 0;
            top: 0.9em; } }
        @media screen and (max-width: 480px) {
          #container .pageTtl_flag h2:before {
            background-size: 46px 27px;
            width: 46px;
            height: 27px;
            top: 0.7em; } }
      #container .pageTtl_flag h2:after {
        content: "";
        background: url("../../common/img/common/ttl_flag_right.png") no-repeat 0 0;
        background-size: 70px 39px;
        width: 70px;
        height: 39px;
        display: inline-block;
        position: absolute;
        right: -85px;
        top: 1.2em; }
        @media screen and (max-width: 768px) {
          #container .pageTtl_flag h2:after {
            background-size: 46px 27px;
            width: 46px;
            height: 27px;
            /*right: -56px;*/
            right: 0;
            top: 0.9em; } }
        @media screen and (max-width: 480px) {
          #container .pageTtl_flag h2:after {
            background-size: 46px 27px;
            width: 46px;
            height: 27px;
            top: 0.7em; } }
  #container #wrapper {
    width: 100%;
    position: relative;
    background: #FFF; }
    #container #wrapper .ttl {
      text-align: center;
      font-size: 36px;
      font-size: 3.6rem;
      font-weight: 300;
      font-family: 'NotoSans';
      margin-bottom: 2em; }
      @media screen and (max-width: 1024px) {
        #container #wrapper .ttl {
          margin-bottom: 1em; } }
      @media screen and (max-width: 768px) {
        #container #wrapper .ttl {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #container #wrapper .ttl {
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (max-width: 360px) {
        #container #wrapper .ttl {
          font-size: 20px;
          font-size: 2rem; } }
    #container #wrapper .sttl {
      text-align: left;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 300;
      font-family: 'NotoSans';
      border-bottom: 3px solid #d8d8d8;
      padding-bottom: 10px;
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #container #wrapper .sttl {
          font-size: 20px;
          font-size: 2rem;
          margin-bottom: 1em; } }
      @media screen and (max-width: 480px) {
        #container #wrapper .sttl {
          font-size: 18px;
          font-size: 1.8rem; } }
      #container #wrapper .sttl span {
        position: relative;
        display: inline-block; }
        #container #wrapper .sttl span:after {
          position: absolute;
          z-index: 1;
          left: 0;
          bottom: -13px;
          content: '';
          background: #7bcf7c;
          height: 3px;
          width: 100%;
          display: inline; }
      #container #wrapper .sttl.blue span:after {
        background: #009be7 !important; }
      #container #wrapper .sttl.pink span:after {
        background: #f16ea0 !important; }
      #container #wrapper .sttl.orange span:after {
        background: #f89f4a !important; }
      #container #wrapper .sttl.purple span:after {
        background: #ce8ec7 !important; }
      #container #wrapper .sttl.skBlue span:after {
        background: #6293ef !important; }
      #container #wrapper .sttl.green01 span:after {
        background: #7bcf7c !important; }
      #container #wrapper .sttl.green02 span:after {
        background: #b6d657 !important; }
    #container #wrapper .contentBox {
      width: 1000px;
      margin: 0 auto;
      padding: 0em 0 4em; }
      @media screen and (max-width: 1024px) {
        #container #wrapper .contentBox {
          width: 100%;
          padding: 0em 1em 4em; } }
      @media screen and (max-width: 768px) {
        #container #wrapper .contentBox {
          width: 100%;
          padding: 0em 1em 1em; } }
  #container footer {
    background: #FFF; }
    #container footer .footerInner {
      background: #ececec;
      padding: 2em 0; }
      #container footer .footerInner dl {
        width: 840px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
        @media screen and (max-width: 1024px) {
          #container footer .footerInner dl {
            width: 100%;
            padding: 0 1em; } }
        @media screen and (max-width: 768px) {
          #container footer .footerInner dl {
            padding: 0 1.5em; } }
        #container footer .footerInner dl dt {
          width: 100%;
          font-size: 22px;
          font-size: 2.2rem;
          text-align: center;
          margin-bottom: 1em;
          font-weight: bold; }
          @media screen and (max-width: 1024px) {
            #container footer .footerInner dl dt {
              font-size: 34px;
              font-size: 3.4rem;
              line-height: 1.6; } }
          @media screen and (max-width: 768px) {
            #container footer .footerInner dl dt {
              font-size: 22px;
              font-size: 2.2rem; } }
          @media screen and (max-width: 480px) {
            #container footer .footerInner dl dt {
              font-size: 20px;
              font-size: 2rem; } }
          @media screen and (max-width: 379px) {
            #container footer .footerInner dl dt {
              font-size: 17px;
              font-size: 1.7rem; } }
        #container footer .footerInner dl dd {
          width: 58%;
          font-weight: bold; }
          @media screen and (max-width: 768px) {
            #container footer .footerInner dl dd {
              width: 100%; } }
          #container footer .footerInner dl dd:first-of-type {
            background: #FFF;
            width: 40%;
            padding: 1.5em 2em 1em;
            margin-right: 1%; }
            @media screen and (max-width: 820px) {
              #container footer .footerInner dl dd:first-of-type {
                padding: 1.5em 1em 1em; } }
            @media screen and (max-width: 768px) {
              #container footer .footerInner dl dd:first-of-type {
                width: 100%;
                margin-right: 0;
                margin-bottom: 12px;
                padding: 2.5em 5em 2em; } }
            @media screen and (max-width: 655px) {
              #container footer .footerInner dl dd:first-of-type {
                padding: 2.5em 2em 2em; } }
            @media screen and (max-width: 480px) {
              #container footer .footerInner dl dd:first-of-type {
                padding: 2em 1em 1.5em; } }
            #container footer .footerInner dl dd:first-of-type p {
              margin-bottom: 0.4em; }
              #container footer .footerInner dl dd:first-of-type p.tel {
                font-size: 41px;
                font-size: 4.1rem;
                color: #eb6e8f;
                font-weight: bold;
                line-height: 1; }
                #container footer .footerInner dl dd:first-of-type p.tel br {
                  display: none !important; }
                @media screen and (max-width: 1024px) {
                  #container footer .footerInner dl dd:first-of-type p.tel {
                    font-size: 38px;
                    font-size: 3.8rem; } }
                @media screen and (max-width: 768px) {
                  #container footer .footerInner dl dd:first-of-type p.tel {
                    font-size: 70px;
                    font-size: 7rem;
                    text-align: center;
                    margin: 0.3em 0 0.4em; } }
                @media screen and (max-width: 655px) {
                  #container footer .footerInner dl dd:first-of-type p.tel {
                    font-size: 55px;
                    font-size: 5.5rem; } }
                @media screen and (max-width: 480px) {
                  #container footer .footerInner dl dd:first-of-type p.tel {
                    font-size: 45px;
                    font-size: 4.5rem; } }
                @media screen and (max-width: 379px) {
                  #container footer .footerInner dl dd:first-of-type p.tel {
                    font-size: 36px;
                    font-size: 3.6rem;
                    text-align: left;
                    line-height: 1.1; } }
              #container footer .footerInner dl dd:first-of-type p.reception {
                font-size: 14px;
                font-size: 1.4rem;
                line-height: 1.6;
                margin-bottom: 0.8em; }
                @media screen and (max-width: 768px) {
                  #container footer .footerInner dl dd:first-of-type p.reception {
                    font-size: 18px;
                    font-size: 1.8rem; } }
                @media screen and (max-width: 379px) {
                  #container footer .footerInner dl dd:first-of-type p.reception {
                    font-size: 14px;
                    font-size: 1.4rem; } }
              #container footer .footerInner dl dd:first-of-type p.info span {
                width: 46%;
                text-align: center;
                margin: 0 1.5%;
                display: inline-block;
                padding: 0.5em 1em;
                border: 2px solid #000; }
          #container footer .footerInner dl dd ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start; }
            #container footer .footerInner dl dd ul li {
              width: 100%;
              background: #FFF;
              display: block;
              padding: 1em 0.8em 1em 1em;
              font-size: 18px;
              font-size: 1.8rem; }
              @media screen and (max-width: 379px) {
                #container footer .footerInner dl dd ul li {
                  font-size: 17px;
                  font-size: 1.7rem; } }
              #container footer .footerInner dl dd ul li a {
                position: relative;
                padding: 0 0 0 42px;
                display: block; }
                #container footer .footerInner dl dd ul li a:before {
                  font-family: 'icomoon' !important;
                  content: "\e90e";
                  color: #eb6e8f;
                  font-size: 32px;
                  padding: 0 0 0 0;
                  position: absolute;
                  top: 0;
                  left: 0;
                  font-style: normal;
                  font-weight: normal;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
              #container footer .footerInner dl dd ul li:nth-of-type(1) {
                margin-bottom: 2%; }
                #container footer .footerInner dl dd ul li:nth-of-type(1) a:before {
                  content: "\e90e"; }
              #container footer .footerInner dl dd ul li:nth-of-type(2) {
                margin-bottom: 2%; }
                #container footer .footerInner dl dd ul li:nth-of-type(2) a:before {
                  content: "\e90d"; }
              #container footer .footerInner dl dd ul li:nth-of-type(3) span, #container footer .footerInner dl dd ul li:nth-of-type(4) span {
                font-size: 14px;
                font-size: 1.4rem; }
              #container footer .footerInner dl dd ul li:nth-of-type(3) {
                margin-right: 2%;
                width: 52%; }
                @media screen and (max-width: 768px) {
                  #container footer .footerInner dl dd ul li:nth-of-type(3) {
                    width: 49%; } }
                @media screen and (max-width: 480px) {
                  #container footer .footerInner dl dd ul li:nth-of-type(3) {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 2%; } }
                #container footer .footerInner dl dd ul li:nth-of-type(3) a:before {
                  content: "\e910";
                  top: 15px; }
              #container footer .footerInner dl dd ul li:nth-of-type(4) {
                width: 46%; }
                @media screen and (max-width: 768px) {
                  #container footer .footerInner dl dd ul li:nth-of-type(4) {
                    width: 49%; } }
                @media screen and (max-width: 480px) {
                  #container footer .footerInner dl dd ul li:nth-of-type(4) {
                    width: 100%; } }
                #container footer .footerInner dl dd ul li:nth-of-type(4) a:before {
                  content: "\e90f";
                  top: 15px; }
    #container footer .footerBtm {
      width: 1024px;
      padding: 2em 0;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      position: relative; }
      @media screen and (max-width: 1024px) {
        #container footer .footerBtm {
          width: 100%;
          padding: 2em 0.5em; } }
      @media screen and (max-width: 768px) {
        #container footer .footerBtm {
          display: block;
          padding: 0; } }
      @media screen and (max-width: 768px) {
        #container footer .footerBtm nav ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: center; } }
      #container footer .footerBtm nav ul li {
        display: inline; }
        @media screen and (max-width: 768px) {
          #container footer .footerBtm nav ul li {
            width: 50%;
            text-align: left;
            border-bottom: 1px solid #DDD; }
            #container footer .footerBtm nav ul li:nth-child(2n) {
              border-left: 1px solid #DDD; } }
        #container footer .footerBtm nav ul li a {
          font-size: 14px;
          font-size: 1.4rem;
          padding: 0 1.5em 0 0; }
          @media screen and (max-width: 768px) {
            #container footer .footerBtm nav ul li a {
              font-size: 18px;
              font-size: 1.8rem;
              display: block;
              padding: 1.5em; } }
          @media screen and (max-width: 480px) {
            #container footer .footerBtm nav ul li a {
              font-size: 13px;
              font-size: 1.3rem;
              padding: 1.0em; } }
      #container footer .footerBtm .copyright {
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #container footer .footerBtm .copyright {
            padding: 2em 1em; } }
    #container footer .pagetop {
      position: fixed;
      right: 55px;
      bottom: 55px;
      display: block;
      padding: 0;
      z-index: 100;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      -ms-transition: none;
      transition: none; }
      @media screen and (max-width: 1024px) {
        #container footer .pagetop {
          right: 10px; } }
      @media screen and (max-width: 768px) {
        #container footer .pagetop {
          display: none !important; } }
      #container footer .pagetop img {
        vertical-align: bottom; }

@media screen and (max-width: 768px) {
  html {
    overflow-x: hidden; }

  header.header {
    background: #FFF;
    position: fixed;
    height: 90px;
    z-index: 1000;
    top: 0; } }
  @media screen and (max-width: 768px) and (max-width: 480px) {
    header.header {
      height: 60px; } }
@media screen and (max-width: 768px) {
    header.header h1 {
      padding: 1.2em; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      header.header h1 {
        padding: 0.7em; } }
@media screen and (max-width: 768px) {
      header.header h1 img {
        width: 120%; } }
      @media screen and (max-width: 768px) and (max-width: 480px) {
        header.header h1 img {
          width: 84%; } }
@media screen and (max-width: 768px) {
    header.header #js-menuBk {
      display: none;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.6); }
    header.header #js-openBtn {
      display: block;
      position: absolute;
      top: 12px;
      right: 0;
      bottom: 0;
      margin: auto;
      padding: 10px 17px; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      header.header #js-openBtn {
        top: 10px; } }
@media screen and (max-width: 768px) {
      header.header #js-openBtn img {
        position: absolute;
        right: 1em;
        top: 0.0em;
        zoom: .8; } }
      @media screen and (max-width: 768px) and (max-width: 480px) {
        header.header #js-openBtn img {
          zoom: .5; } }
@media screen and (max-width: 768px) {
    header.header #js-spNav {
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      width: 78%;
      background: #FFF;
      transform: translateX(100%);
      transition: all .3s;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; }
      header.header #js-spNav.isOpen {
        transform: translateX(0); }
      header.header #js-spNav #js-closeBtnWrap {
        display: block;
        background: #fff;
        height: 90px;
        width: 100%;
        border-bottom: 1px solid #DDD; }
        header.header #js-spNav #js-closeBtnWrap img {
          position: absolute;
          right: 1.5em;
          top: 1.0em; } }
        @media screen and (max-width: 768px) and (max-width: 480px) {
          header.header #js-spNav #js-closeBtnWrap img {
            zoom: .7; } }
@media screen and (max-width: 768px) {
    header.header .headerNavWrap {
      display: block; }
    header.header .headerNav {
      display: none; }
      header.header .headerNav li {
        width: 100%;
        border-bottom: 1px solid #c9c9c9; }
        header.header .headerNav li:last-child {
          border-bottom: none; }
        header.header .headerNav li a {
          display: block;
          color: #333;
          padding: 0.5em 0 0.5em 1em;
          line-height: 50px;
          text-align: left;
          cursor: pointer;
          font-size: 16px;
          font-size: 1.6rem;
          position: relative; } }
        @media screen and (max-width: 768px) and (max-width: 480px) {
          header.header .headerNav li a {
            font-size: 14px;
            font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
          header.header .headerNav li a:after {
            position: absolute;
            right: 0.5em;
            top: 1.6em;
            display: block;
            padding: 0 0.5em 0 0;
            text-align: right;
            font-family: 'icomoon' !important;
            content: "\e903";
            font-size: 13px;
            color: #333;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
        header.header .headerNav li.sub {
          display: block;
          padding: 0;
          line-height: 50px;
          text-align: left;
          cursor: pointer;
          position: relative; }
          header.header .headerNav li.sub.active {
            background: #ececec; }
          header.header .headerNav li.sub > a:first-of-type {
            display: inline-block !important;
            line-height: 50px;
            text-align: left;
            cursor: pointer; }
          header.header .headerNav li.sub:before {
            position: absolute;
            right: 0.5em;
            top: 1.6em;
            display: block;
            padding: 0 0.5em 0 0;
            text-align: right;
            font-family: 'icomoon' !important;
            content: "\e901";
            font-size: 13px;
            color: #333;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          header.header .headerNav li.sub.active:before {
            position: absolute;
            right: 0.5em;
            top: 1.6em;
            display: block;
            padding: 0 0.5em 0 0;
            text-align: right;
            font-family: 'icomoon' !important;
            content: "\e911";
            font-size: 13px;
            color: #333;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          header.header .headerNav li.sub > a:first-of-type:after {
            display: none; }
          header.header .headerNav li.sub ul a {
            display: inline-block;
            padding: 0.5em 1em 0.5em 1em;
            text-align: left;
            border-bottom: none;
            background: #ececec; }
          header.header .headerNav li.sub ul.subLevel {
            display: none;
            border-top: 1px solid #c9c9c9;
            /*border-top:#666 1px solid;
            border-bottom:#666 1px solid;
            padding: 0.5em 0;*/
            padding: 0 0; }
            header.header .headerNav li.sub ul.subLevel a {
              overflow: hidden;
              color: #333;
              height: 100%;
              padding: 1em 1em 1em 2em;
              line-height: 1.4;
              text-align: left;
              display: block;
              vertical-align: middle;
              position: relative;
              border-bottom: none;
              box-sizing: border-box;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              /*
              				&:after {
              					display: none;
              				}*/ }
              header.header .headerNav li.sub ul.subLevel a:after {
                position: absolute;
                right: 0.5em;
                top: 1.6em;
                display: block;
                padding: 0 0.5em 0 0;
                text-align: right;
                font-family: 'icomoon' !important;
                content: "\e903";
                font-size: 13px;
                color: #333;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
            header.header .headerNav li.sub ul.subLevel li.sub ul.subLevel li {
              padding: 0.5em 0 0 1em;
              border-bottom: none; }
              header.header .headerNav li.sub ul.subLevel li.sub ul.subLevel li:last-of-type {
                padding: 0.5em 0 0.5em 1em; }
              header.header .headerNav li.sub ul.subLevel li.sub ul.subLevel li.sub {
                padding: 0.5em 0 0 0; }
              header.header .headerNav li.sub ul.subLevel li.sub ul.subLevel li a:before {
                color: #eb6e8f; }
    header.header .isOpen .headerNav {
      display: block; } }
#top #wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media screen and (max-width: 768px) {
    #top #wrapper {
      padding-top: 90px; } }
  @media screen and (max-width: 480px) {
    #top #wrapper {
      padding-top: 60px; } }
  #top #wrapper section {
    position: relative;
    padding: 3em; }
    #top #wrapper section a {
      display: block;
      position: absolute;
      z-index: 100;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #top #wrapper section a:hover {
        background: rgba(0, 0, 0, 0.19); }
      #top #wrapper section a:after {
        position: absolute;
        right: 0.8em;
        bottom: 1em;
        content: '\e907';
        color: #FFF;
        font-size: 30px;
        font-size: 3rem;
        padding: 0;
        font-family: 'icomoon' !important;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #top #wrapper section a:after {
            font-size: 22px;
            font-size: 2.2rem; } }
    #top #wrapper section .inner {
      position: absolute;
      bottom: 25px;
      left: 25px; }
      @media screen and (max-width: 480px) {
        #top #wrapper section .inner {
          bottom: 15px;
          left: 15px; } }
    #top #wrapper section .inner.facility_tours_inner {
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
      display: table; }
    .facility_tours_inner_cell {
      padding: 15px 30px;
      display: table-cell;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        #top #wrapper section .inner.facility_tours_inner {
          left: 0; } }
      #top #wrapper section .inner h1 {
        color: #FFF;
        font-size: 30px;
        font-size: 3rem;
        letter-spacing: 0.06em;
        margin-bottom: 10px; }
        @media screen and (max-width: 480px) {
          #top #wrapper section .inner h1 {
            font-size: 22px;
            font-size: 2.2rem; } }
      #top #wrapper section .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6;
        display: block;
        color: #FFF; }
        @media screen and (max-width: 768px) {
          #top #wrapper section .inner p {
            display: none; } }
  #top #wrapper .recruit {
    width: 50%;
    height: 720px;
    background: url("../../common/img/top/img01.jpg") 0 0 no-repeat;
    background-size: cover;
    padding: 3em 2.5em; }
    @media screen and (max-width: 768px) {
      #top #wrapper .recruit {
        width: 100%;
        padding: 2em 25px 2em; } }
    @media screen and (max-width: 480px) {
      #top #wrapper .recruit {
        height: 520px; } }
    #top #wrapper .recruit a:after {
      font-size: 50px;
      font-size: 5rem;
      right: 1em;
      bottom: 1.0em; }
      @media screen and (max-width: 768px) {
        #top #wrapper .recruit a:after {
          right: 0.5em; } }
      @media screen and (max-width: 480px) {
        #top #wrapper .recruit a:after {
          font-size: 30px;
          font-size: 3rem; } }
    #top #wrapper .recruit h1 {
      color: #FFF;
      font-size: 70px;
      font-size: 7rem;
      line-height: 1.2;
      letter-spacing: 0.05em;
      position: static; }
      @media screen and (max-width: 480px) {
        #top #wrapper .recruit h1 {
          font-size: 44px;
          font-size: 4.4rem; } }
    #top #wrapper .recruit p {
      color: #FFF;
      font-size: 24px;
      font-size: 2.4rem;
      position: absolute;
      line-height: 1.6;
      bottom: 1.5em; }
      @media screen and (max-width: 768px) {
        #top #wrapper .recruit p {
          font-size: 28px;
          font-size: 2.8rem;
          font-weight: bold; } }
      @media screen and (max-width: 480px) {
        #top #wrapper .recruit p {
          font-size: 22px;
          font-size: 2.2rem; }
          #top #wrapper .recruit p span {
            display: block; } }
  #top #wrapper .contentR {
    width: 50%;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      #top #wrapper .contentR {
        width: 100%; } }
    #top #wrapper .contentR .advantage {
      width: 100%;
      height: 240px;
      background: url("../../common/img/top/img02.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .advantage {
          height: 180px; } }
    #top #wrapper .contentR .facility_tours {
      overflow: hidden;
      width: 100%;
      height: 240px;
      background: #eb6e90;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .facility_tours {
          height: 180px; } }
    .tag_new {
      position: absolute;
      top: -0;
      left: -0;
      display: block;
      width: 6em;
      height: 6em;
      background: url("../../common/img/top/tag_new.png") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        .tag_new {
          width: 4.6em;
          height: 4.6em; } }
    #top #wrapper .contentR .company {
      width: 100%;
      height: 240px;
      background: url("../../common/img/top/img03.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .company {
          height: 180px; } }
    #top #wrapper .contentR .personal {
      width: 50%;
      height: 240px;
      background: url("../../common/img/top/img04.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .personal {
          width: 100%;
          height: 180px; } }
    #top #wrapper .contentR .corp {
      width: 50%;
      height: 240px;
      background: url("../../common/img/top/img05.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .corp {
          width: 100%;
          height: 180px; } }
  #top #wrapper .news {
    width: 100%;
    background: #FFF;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #top #wrapper .news ul {
      width: 70%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 1.2em 1em 0.8em; }
      @media screen and (max-width: 768px) {
        #top #wrapper .news ul {
          width: 100%;
          padding: 1.8em 1em 2em; } }
      #top #wrapper .news ul li {
/*        width: 50%;*/
        width: 90%;
        padding-right: 2em;
        padding-bottom: 1rem;
        margin: 0 auto 1rem auto; }
        @media screen and (max-width: 768px) {
          #top #wrapper .news ul li {
            width: 100%; }
/*
          #top #wrapper .news ul li:first-child {
            margin-bottom: 2em; }
*/
            #top #wrapper .news ul li:nth-of-type(2) {
/*              display: none; */}
            #top #wrapper .news ul li:nth-of-type(5),
            #top #wrapper .news ul li:nth-of-type(6) {
              display: none; } }
        #top #wrapper .news ul li a {
          display: block;
          position: relative;
          padding-left: 52px;
          font-size: 14px;
          font-size: 1.4rem; }
          @media screen and (max-width: 768px) {
            #top #wrapper .news ul li a {
              padding-left: 72px; } }
          #top #wrapper .news ul li a span {
            display: block;
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1; }
          #top #wrapper .news ul li a:before {
            font-family: 'icomoon' !important;
            content: "\e900";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 0;
            top: 0;
            font-size: 15px;
            background: #eb6e8f;
            width: 40px;
            text-align: center;
            padding: 8px 0 10px;
            display: inline-block;
            color: #FFF;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px; }
            @media screen and (max-width: 768px) {
              #top #wrapper .news ul li a:before {
                font-size: 22px;
                width: 60px;
                padding: 12px 0 14px; } }
        #top #wrapper .news ul li a.more {
          display: block;
          position: relative;
          padding: 0.6em 1em 0.6em 0.6em; }
        #top #wrapper .news ul li a.more:before {
          position: static;
          width: auto;
          background: none;
          font-family: 'icomoon' !important;
          content: "\e90b";
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 15px;
          color: #eb6e8f;
          text-align: center;
          padding: 0 0.5em 0 0;
          display: inline-block; }
        @media screen and (max-width: 768px) {
          #top #wrapper .news ul li.more_parent {
            display: none; } }

    #top #wrapper .news p.more {
      width: 15%;
      position: relative;
      border-left: #FEFEFE 1px solid;
      box-shadow: -10px 0px 30px -10px rgba(102, 102, 102, 0.2), 0px 0px 20px rgba(102, 102, 102, 0.2);
      display: flex;
      align-items: center;
      display: none; }
      @media screen and (max-width: 768px) {
        #top #wrapper .news p.more {
          display: flex;
          width: 100%;
          border-top: #DDD 1px solid;
          border-left: none;
          box-shadow: none; } }
      #top #wrapper .news p.more a {
        display: block;
        position: relative;
        padding: 0.6em 1em 0.6em 1.2em; }
        @media screen and (max-width: 768px) {
          #top #wrapper .news p.more a {
            padding: 1.4em 1em 1.4em 1em;
            font-size: 18px;
            font-size: 1.8rem;
            text-align: center; } }
        #top #wrapper .news p.more a:before {
          font-family: 'icomoon' !important;
          content: "\e90b";
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 15px;
          color: #eb6e8f;
          text-align: center;
          padding: 0 0.5em 0 0;
          display: inline-block; }
          @media screen and (max-width: 768px) {
            #top #wrapper .news p.more a:before {
              font-size: 18px;
              font-size: 1.8rem; } }

#advantage #container {
  width: 100%; }
  #advantage #container #wrapper .PageTtl {
    color: #eb6e90;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300; }
    @media screen and (max-width: 1024px) {
      #advantage #container #wrapper .PageTtl {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media screen and (max-width: 768px) {
      #advantage #container #wrapper .PageTtl {
        font-size: 30px;
        font-size: 3rem; } }
    @media screen and (max-width: 480px) {
      #advantage #container #wrapper .PageTtl {
        font-size: 30px;
        font-size: 3rem; } }
  #advantage #container #wrapper .underPageLink {
    border-bottom: 1px solid #DDD;
    margin-bottom: 2em; }
    #advantage #container #wrapper .underPageLink ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center; }
      #advantage #container #wrapper .underPageLink ul li {
        padding: 0 1.5em; }
        @media screen and (max-width: 1200px) {
          #advantage #container #wrapper .underPageLink ul li {
            padding: 0 1.2em; } }
        @media screen and (max-width: 1024px) {
          #advantage #container #wrapper .underPageLink ul li {
            padding: 0 0.6em; } }
        #advantage #container #wrapper .underPageLink ul li a {
          display: block;
          padding: 1em 0;
          border-bottom: 4px solid transparent;
          text-align: center; }
          @media screen and (max-width: 1024px) {
            #advantage #container #wrapper .underPageLink ul li a {
              font-size: 14px;
              font-size: 1.4rem; } }
          #advantage #container #wrapper .underPageLink ul li a:hover {
            border-bottom: 4px solid #eb6e8f;
            color: #eb6e8f; }
        #advantage #container #wrapper .underPageLink ul li.on a {
          border-bottom: 4px solid #eb6e8f;
          color: #eb6e8f; }
    #advantage #container #wrapper .underPageLink.sp {
      border-bottom: none;
      margin-bottom: 0; }
      #advantage #container #wrapper .underPageLink.sp ul {
        display: block;
        border-top: 1px solid #DDD; }
        #advantage #container #wrapper .underPageLink.sp ul li {
          padding: 0 0; }
          #advantage #container #wrapper .underPageLink.sp ul li a {
            display: block;
            padding: 1em 1.5em;
            border-bottom: 1px solid #DDD;
            position: relative; }
            #advantage #container #wrapper .underPageLink.sp ul li a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              color: #eb6e8f;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 35%;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (max-width: 480px) {
                #advantage #container #wrapper .underPageLink.sp ul li a:after {
                  font-size: 14px;
                  font-size: 1.4rem; } }
  #advantage #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #advantage #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #advantage #container #wrapper .col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 1000px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      #advantage #container #wrapper .col2 {
        width: 100%;
        padding: 0em 1em 4em; } }
    @media screen and (max-width: 768px) {
      #advantage #container #wrapper .col2 {
        flex-direction: column-reverse;
        padding: 0 1em; } }
    #advantage #container #wrapper .col2 .contentBox {
      padding-top: 0;
      margin: 0;
      width: 710px; }
      @media screen and (max-width: 1024px) {
        #advantage #container #wrapper .col2 .contentBox {
          width: 71%;
          padding: 0; } }
      @media screen and (max-width: 768px) {
        #advantage #container #wrapper .col2 .contentBox {
          width: 100%;
          padding: 0; } }
    #advantage #container #wrapper .col2 .sideCon {
      width: 260px;
      margin-bottom: 2em; }
      @media screen and (max-width: 1024px) {
        #advantage #container #wrapper .col2 .sideCon {
          width: 26%; } }
      @media screen and (max-width: 768px) {
        #advantage #container #wrapper .col2 .sideCon {
          width: 100%;
          margin: 1em auto; } }
      #advantage #container #wrapper .col2 .sideCon section {
        background: #f3f3f3;
        padding: 0 0 1em; }
        #advantage #container #wrapper .col2 .sideCon section h1 {
          color: #FFF;
          background: #eb6e90;
          padding: 1em;
          text-align: center;
          letter-spacing: 0.05em; }
          @media screen and (max-width: 768px) {
            #advantage #container #wrapper .col2 .sideCon section h1 {
              position: relative;
              padding-right: 1.5em;
              -webkit-border-radius: 4px 4px 0 0;
              -moz-border-radius: 4px 4px 0 0;
              border-radius: 4px 4px 0 0; }
              #advantage #container #wrapper .col2 .sideCon section h1:after {
                font-family: 'icomoon' !important;
                content: "\e901";
                font-size: 19px;
                font-size: 1.9rem;
                padding: 0 0 0;
                position: absolute;
                right: 1em;
                top: 35%;
                margin: auto auto;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      #advantage #container #wrapper .col2 .sideCon section h1:after {
        font-size: 14px;
        font-size: 1.4rem; } }

        #advantage #container #wrapper .col2 .sideCon section dl {
          padding: 1em; }
          #advantage #container #wrapper .col2 .sideCon section dl dt {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: bold; }
          #advantage #container #wrapper .col2 .sideCon section dl dd {
            border-bottom: 1px dotted #333;
            padding-bottom: 1em;
            margin: 1em auto; }
        #advantage #container #wrapper .col2 .sideCon section ul li {
          padding: 0 1em; }
          #advantage #container #wrapper .col2 .sideCon section ul li.on {
            padding: 1em 1em 1em 1.8em;
            font-size: 14px;
            font-size: 1.4rem;
            color: #eb6e90; }
            #advantage #container #wrapper .col2 .sideCon section ul li.on + li a {
              border-top: 1px dotted #333; }
          #advantage #container #wrapper .col2 .sideCon section ul li a {
            position: relative;
            display: block;
            padding: 1em 1em 1em 1.8em;
            border-bottom: 1px dotted #333;
            font-size: 14px;
            font-size: 1.4rem; }
            #advantage #container #wrapper .col2 .sideCon section ul li a:before {
              font-family: 'icomoon' !important;
              content: "\e90b";
              color: #eb6e90;
              font-size: 12px;
              padding: 0 0 0 0;
              position: absolute;
              top: 36%;
              left: 0.8em;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
  #advantage #container #wrapper .txtimgBox {
    width: 1000px;
    margin: 3em auto 6em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      #advantage #container #wrapper .txtimgBox {
        width: 100%;
        padding: 0 1em; } }
    @media screen and (max-width: 768px) {
      #advantage #container #wrapper .txtimgBox {
        display: block;
        padding: 0 1em;
        margin: 0em auto 4em; } }
    #advantage #container #wrapper .txtimgBox p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.8;
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #advantage #container #wrapper .txtimgBox p {
          font-size: 14px;
          font-size: 1.4rem; } }
      #advantage #container #wrapper .txtimgBox p.img {
        width: 32%;
        margin: 0 auto 0;
        padding: 0 2em 2em 0; }
        @media screen and (max-width: 768px) {
          #advantage #container #wrapper .txtimgBox p.img {
            width: 100%;
            padding: 0;
            margin-bottom: 1em; } }
        #advantage #container #wrapper .txtimgBox p.img.imgR {
          width: 32%;
          margin: 0 auto 0;
          padding: 0 0 2em 2em; }
          @media screen and (max-width: 768px) {
            #advantage #container #wrapper .txtimgBox p.img.imgR {
              width: 100%;
              padding: 0;
              margin-bottom: 1em; } }
        #advantage #container #wrapper .txtimgBox p.img.imgL {
          width: 32%;
          margin: 0 auto 0;
          padding: 0 2em 2em 0; }
          @media screen and (max-width: 768px) {
            #advantage #container #wrapper .txtimgBox p.img.imgL {
              width: 100%;
              padding: 0;
              margin-bottom: 1em; } }
        #advantage #container #wrapper .txtimgBox p.img img {
          width: 100%;
          height: auto; }
    #advantage #container #wrapper .txtimgBox div {
      width: 68%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #advantage #container #wrapper .txtimgBox div {
          width: 100%; } }
      #advantage #container #wrapper .txtimgBox div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.8;
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #advantage #container #wrapper .txtimgBox div p {
            font-size: 14px;
            font-size: 1.4rem; } }
        #advantage #container #wrapper .txtimgBox div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90;
          margin-bottom: 0.6em; }
          @media screen and (max-width: 768px) {
            #advantage #container #wrapper .txtimgBox div p.catch {
              font-size: 24px;
              font-size: 2.4rem;
              margin-bottom: 0.6em; } }
          @media screen and (max-width: 480px) {
            #advantage #container #wrapper .txtimgBox div p.catch {
              font-size: 20px;
              font-size: 2rem; } }
  #advantage #container #wrapper .catch {
    font-size: 30px;
    font-size: 3rem;
    color: #eb6e90;
    font-weight: 300;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 768px) {
      #advantage #container #wrapper .catch {
        font-size: 26px;
        font-size: 2.6rem;
        padding: 0; } }
    @media screen and (max-width: 480px) {
      #advantage #container #wrapper .catch {
        font-size: 24px;
        font-size: 2.4rem; } }
  #advantage #container #wrapper .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #advantage #container #wrapper .btn a, #advantage #container #wrapper .btn button {
      text-align: center;
      padding: 1em 3.5em 1em 3em;
      margin: 0 auto;
      width: auto;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #eb6e90;
      color: #FFF; }
      #advantage #container #wrapper .btn a:focus, #advantage #container #wrapper .btn button:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        #advantage #container #wrapper .btn a, #advantage #container #wrapper .btn button {
          width: 100%;
          padding: 1em;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #advantage #container #wrapper .btn a, #advantage #container #wrapper .btn button {
          padding: 1em 1em 1em 0.5em;
          font-size: 16px;
          font-size: 1.6rem; } }
      #advantage #container #wrapper .btn a:after, #advantage #container #wrapper .btn button:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 0;
        position: absolute;
        right: 0.5em;
        top: 35%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #advantage #container #wrapper .btn a:after, #advantage #container #wrapper .btn button:after {
            font-size: 14px;
            font-size: 1.4rem; } }
    #advantage #container #wrapper .btn.outlinkWh a:after {
      content: "";
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAFFJREFUKJGdkEsKwDAIRJ8lB9eTTzcN5EOJcUDQxfhGcXck9UrpoSCTNM4C7ODZSCcDAO3bnkrVm9JNbd3yoynNLUkjKSurkLgmRcRkyr4dgBed0znxy8V0FQAAAABJRU5ErkJggg==") no-repeat 0 0;
      background-size: 13px 12px;
      width: 13px;
      height: 12px;
      display: inline-block;
      padding-left: 8px; }
    #advantage #container #wrapper .btn.outlink a:after {
      content: "";
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAGtJREFUSIljbGhoYICB7HcCDEjgPwMVARM1DRtZFrEQoYaRQjv+MzAMEh9R6hNUi9CSNM0ACwOV8wsDjpAYfsl7QFIdVfILLjAo8hGlAMWHw8JHKHE+vJM31cBUoQ8YYsM76KhdiqMAuvkIAKasDCqb2UAcAAAAAElFTkSuQmCC") no-repeat 0 0;
      background-size: 13px 12px;
      width: 13px;
      height: 12px;
      display: inline-block;
      padding-left: 8px; }
  #advantage #container #wrapper .sttl {
    text-align: left;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      #advantage #container #wrapper .sttl {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 480px) {
      #advantage #container #wrapper .sttl {
        font-size: 18px;
        font-size: 1.8rem; } }
#advantage.index #container #wrapper {
  width: 100%; }
  #advantage.index #container #wrapper.index .intro {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #advantage.index #container #wrapper.index .intro {
        width: 100%;
        padding: 0 1.5em; } }
    #advantage.index #container #wrapper.index .intro h1.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #advantage.index #container #wrapper.index .intro h1.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #advantage.index #container #wrapper.index .intro h1.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #advantage.index #container #wrapper.index .intro .msg p {
      margin-bottom: 1em; }
  #advantage.index #container #wrapper.index .pageIndex {
    width: 100%;
    background: #fbf9f0;
    padding: 4em 0 1em;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      #advantage.index #container #wrapper.index .pageIndex {
        padding: 2em 0 1em; } }
    #advantage.index #container #wrapper.index .pageIndex ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 1000px;
      margin: 0 auto 2em; }
      @media screen and (max-width: 1024px) {
        #advantage.index #container #wrapper.index .pageIndex ul {
          width: 100%;
          padding: 0 1.5em 0em; } }
      #advantage.index #container #wrapper.index .pageIndex ul li {
        width: 31%;
        margin-right: 3.4%;
        margin-bottom: 3%;
        padding-top: 21%;
        position: relative; }
        @media screen and (max-width: 768px) {
          #advantage.index #container #wrapper.index .pageIndex ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 1.5em;
            padding-top: 45%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(3n) {
          margin-right: 0; }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
          background: url("../../common/img/advantage/index/img01.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
              background: url("../../common/img/advantage/index/img01_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
          background: url("../../common/img/advantage/index/img02.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
              background: url("../../common/img/advantage/index/img02_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
          background: url("../../common/img/advantage/index/img03.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
              background: url("../../common/img/advantage/index/img03_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(4) {
          background: url("../../common/img/advantage/index/img04.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(4) {
              background: url("../../common/img/advantage/index/img04_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(5) {
          background: url("../../common/img/advantage/index/img05.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(5) {
              background: url("../../common/img/advantage/index/img05_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(6) {
          background: url("../../common/img/advantage/index/img06.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(6) {
              background: url("../../common/img/advantage/index/img06_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(7) {
          background: url("../../common/img/advantage/index/img07.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(7) {
              background: url("../../common/img/advantage/index/img07_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(8) {
          background: url("../../common/img/advantage/index/img08.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li:nth-of-type(8) {
              background: url("../../common/img/advantage/index/img08_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #advantage.index #container #wrapper.index .pageIndex ul li p.img {
          margin-bottom: 0.8em; }
          @media screen and (max-width: 768px) {
            #advantage.index #container #wrapper.index .pageIndex ul li p.img {
              height: 200px;
              overflow: hidden;
              position: relative; } }
          @media screen and (max-width: 480px) {
            #advantage.index #container #wrapper.index .pageIndex ul li p.img {
              height: 160px; } }
        #advantage.index #container #wrapper.index .pageIndex ul li p.page_name {
          color: #eb6e90;
          font-size: 18px;
          font-size: 1.8rem;
          margin-bottom: 0.5em; }
        #advantage.index #container #wrapper.index .pageIndex ul li p.txt {
          font-size: 14px;
          font-size: 1.4rem; }
        #advantage.index #container #wrapper.index .pageIndex ul li a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0; }
#advantage.advantage #container #wrapper {
  width: 100%; }
  #advantage.advantage #container #wrapper.advantage .intro {
    width: 1000px;
    margin: 0 auto 3em;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #advantage.advantage #container #wrapper.advantage .intro {
        width: 100%;
        padding: 0 1em; } }
    @media screen and (max-width: 768px) {
      #advantage.advantage #container #wrapper.advantage .intro {
        flex-direction: column; } }
    #advantage.advantage #container #wrapper.advantage .intro .msg p {
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #advantage.advantage #container #wrapper.advantage .intro .msg p {
          font-size: 14px;
          font-size: 1.4rem; } }
    #advantage.advantage #container #wrapper.advantage .intro .img {
      margin-left: 2em; }
      @media screen and (max-width: 768px) {
        #advantage.advantage #container #wrapper.advantage .intro .img {
          margin-left: 0; } }
      #advantage.advantage #container #wrapper.advantage .intro .img img {
        width: 100%;
        height: auto; }
  #advantage.advantage #container #wrapper.advantage .unit {
    width: 1000px;
    margin: 0 auto 4em; }
    @media screen and (max-width: 1024px) {
      #advantage.advantage #container #wrapper.advantage .unit {
        width: 100%;
        padding: 0 1em; } }
    #advantage.advantage #container #wrapper.advantage .unit .inner {
      margin: 0 auto 2em; }
      #advantage.advantage #container #wrapper.advantage .unit .inner p {
        font-size: 14px;
        font-size: 1.4rem; }
#advantage.safety #container #wrapper {
  width: 100%; }
  #advantage.safety #container #wrapper.safety .unit {
    width: 1000px;
    margin: 0 auto 4em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #advantage.safety #container #wrapper.safety .unit {
        width: 100%;
        padding: 0 1em; } }
    #advantage.safety #container #wrapper.safety .unit .inner {
      width: 48%;
      margin: 0 0 2em; }
      @media screen and (max-width: 1024px) {
        #advantage.safety #container #wrapper.safety .unit .inner {
          width: 100%; } }
      #advantage.safety #container #wrapper.safety .unit .inner p {
        font-size: 14px;
        font-size: 1.4rem; }
    #advantage.safety #container #wrapper.safety .unit p.matome {
      font-size: 16px;
      font-size: 1.6rem;
      margin: 2em 0; }
      @media screen and (max-width: 1024px) {
        #advantage.safety #container #wrapper.safety .unit p.matome {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 0 0 2em; } }
  #advantage.safety #container #wrapper.safety .catch_center {
    width: 100%;
    font-size: 30px;
    font-size: 3rem;
    color: #eb6e90;
    font-weight: 300;
    margin-bottom: 0.5em;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #advantage.safety #container #wrapper.safety .catch_center {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 0; }
        #advantage.safety #container #wrapper.safety .catch_center br {
          display: none; } }
    @media screen and (max-width: 480px) {
      #advantage.safety #container #wrapper.safety .catch_center {
        font-size: 18px;
        font-size: 1.8rem; }
        #advantage.safety #container #wrapper.safety .catch_center br {
          display: none; } }
#advantage.environment #container #wrapper {
  width: 100%; }
  #advantage.environment #container #wrapper.environment .catch_center {
    width: 100%;
    font-size: 30px;
    font-size: 3rem;
    color: #eb6e90;
    font-weight: 300;
    margin-bottom: 0.5em;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #advantage.environment #container #wrapper.environment .catch_center {
        display: none; } }
#advantage.training #container #wrapper {
  width: 100%; }
#advantage.miniku #container #wrapper {
  width: 100%; }
  #advantage.miniku #container #wrapper .catch span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #eb6e90; }
  #advantage.miniku #container #wrapper .contentBox p {
    margin-bottom: 2em; }
    #advantage.miniku #container #wrapper .contentBox p .red {
      color: #eb6e90; }
  #advantage.miniku #container #wrapper .contentBox .imgBlock {
    background: #fbf9f0;
    text-align: center;
    padding: 3.5em 3em; }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper .contentBox .imgBlock {
        padding: 1em; } }
    #advantage.miniku #container #wrapper .contentBox .imgBlock img {
      width: 100%;
      height: auto; }
  #advantage.miniku #container #wrapper .contentBox ul.pointBlock, #advantage.miniku #container #wrapper .contentBox dl.pointBlock {
    background: #fbf9f0;
    padding: 1.5em 1.5em 1em;
    margin-bottom: 1.5em; }
    #advantage.miniku #container #wrapper .contentBox ul.pointBlock li, #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt, #advantage.miniku #container #wrapper .contentBox dl.pointBlock li, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt {
      margin-bottom: 0.5em;
      color: #eb6e90;
      font-size: 20px;
      font-size: 2rem;
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper .contentBox ul.pointBlock li, #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt, #advantage.miniku #container #wrapper .contentBox dl.pointBlock li, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt {
          font-size: 16px;
          font-size: 1.6rem; } }
      #advantage.miniku #container #wrapper .contentBox ul.pointBlock li span, #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt span, #advantage.miniku #container #wrapper .contentBox dl.pointBlock li span, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt span {
        font-size: 16px;
        font-size: 1.6rem; }
        @media screen and (max-width: 768px) {
          #advantage.miniku #container #wrapper .contentBox ul.pointBlock li span, #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt span, #advantage.miniku #container #wrapper .contentBox dl.pointBlock li span, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt span {
            display: block;
            font-size: 14px;
            font-size: 1.4rem; } }
      #advantage.miniku #container #wrapper .contentBox ul.pointBlock li p, #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt p, #advantage.miniku #container #wrapper .contentBox dl.pointBlock li p, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt p {
        margin-bottom: 0; }
        @media screen and (max-width: 480px) {
          #advantage.miniku #container #wrapper .contentBox ul.pointBlock li p br, #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt p br, #advantage.miniku #container #wrapper .contentBox dl.pointBlock li p br, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt p br {
            display: none; } }
        #advantage.miniku #container #wrapper .contentBox ul.pointBlock li p.number, #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt p.number, #advantage.miniku #container #wrapper .contentBox dl.pointBlock li p.number, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt p.number {
          background: #eb6e90;
          color: #FFF;
          line-height: 1.0;
          display: block;
          padding: 0.3em 0.5em 0.1em;
          margin-right: 0.5em;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px; }
    #advantage.miniku #container #wrapper .contentBox ul.pointBlock dt, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dt {
      margin-bottom: 0.2em; }
    #advantage.miniku #container #wrapper .contentBox ul.pointBlock dd, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dd {
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 0.8em; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper .contentBox ul.pointBlock dd, #advantage.miniku #container #wrapper .contentBox dl.pointBlock dd {
          font-size: 12px;
          font-size: 1.2rem; } }
  #advantage.miniku #container #wrapper .contentBox div.voice {
    padding: 2em;
    margin-bottom: 1.5em;
    background: url("../../common/img/recruit/about/about05_icon01.png") no-repeat 3% 50% #fdeaef;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px; }
    @media screen and (max-width: 1024px) {
      #advantage.miniku #container #wrapper .contentBox div.voice {
        background-position: 3% 38%;
        background-size: 20%;
        padding: 1em; } }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper .contentBox div.voice {
        background-position: 5% 22%;
        background-size: 20%;
        padding: 1em; } }
    @media screen and (max-width: 480px) {
      #advantage.miniku #container #wrapper .contentBox div.voice {
        background-position: 6% 10%;
        background-size: 20%;
        padding: 1em; } }
    #advantage.miniku #container #wrapper .contentBox div.voice .inner {
      width: 75%;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.8;
      background: #FFF;
      -webkit-border-radius: 6px 6px 6px 6px;
      -moz-border-radius: 6px 6px 6px 6px;
      border-radius: 6px 6px 6px 6px;
      padding: 2em;
      margin: 0 0 0 25%;
      position: relative; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper .contentBox div.voice .inner {
          padding: 1.5em; } }
      @media screen and (max-width: 480px) {
        #advantage.miniku #container #wrapper .contentBox div.voice .inner {
          margin: 0 0 0 30%;
          width: 70%; } }
      #advantage.miniku #container #wrapper .contentBox div.voice .inner:before {
        position: absolute;
        left: -10px;
        bottom: 0px;
        top: 0px;
        margin: auto auto;
        text-align: center;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 10px 6px 0;
        border-color: transparent #ffffff transparent transparent; }
        @media screen and (max-width: 768px) {
          #advantage.miniku #container #wrapper .contentBox div.voice .inner:before {
            top: 10%;
            bottom: inherit; } }
        @media screen and (max-width: 480px) {
          #advantage.miniku #container #wrapper .contentBox div.voice .inner:before {
            top: 5%;
            bottom: inherit; } }
      #advantage.miniku #container #wrapper .contentBox div.voice .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        width: 100%;
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 768px) {
          #advantage.miniku #container #wrapper .contentBox div.voice .inner p {
            width: 100%;
            font-size: 14px;
            font-size: 1.4rem;
            margin: 0 0 0.5em 0; } }
  #advantage.miniku #container #wrapper.miniku00 .contentBox p {
    margin-bottom: 2em; }
  #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock {
    padding: 1.5em 1.5em 0;
    background: #fbf9f0;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock {
        padding: 1em 1em 0; } }
    #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock h1 {
      color: #eb6e90;
      font-size: 20px;
      font-size: 2rem;
      font-weight: 300;
      width: 100%;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock h1 {
          font-size: 18px;
          font-size: 1.8rem; } }
      @media screen and (max-width: 480px) {
        #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock h1 {
          font-size: 16px;
          font-size: 1.6rem; } }
    #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock div {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock div p {
        font-size: 14px;
        font-size: 1.4rem; }
        #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock div p.img {
          margin-right: 1.5em; }
          @media screen and (max-width: 768px) {
            #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock div p.img img {
              zoom: 0.7; } }
          @media screen and (max-width: 480px) {
            #advantage.miniku #container #wrapper.miniku00 .contentBox .commentBlock div p.img img {
              zoom: 0.5; } }
  #advantage.miniku #container #wrapper.miniku00 .contentBox .imgBlock {
    background: #fbf9f0;
    text-align: center;
    padding: 2em; }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper.miniku00 .contentBox .imgBlock img {
        zoom: 0.7; } }
    @media screen and (max-width: 480px) {
      #advantage.miniku #container #wrapper.miniku00 .contentBox .imgBlock img {
        zoom: 0.5; } }
  #advantage.miniku #container #wrapper.miniku01 .contentBox p {
    margin-bottom: 2em; }
  #advantage.miniku #container #wrapper.miniku01 .contentBox .imgBlock {
    background: #fbf9f0;
    text-align: center;
    padding: 0.5em 1em; }
    #advantage.miniku #container #wrapper.miniku01 .contentBox .imgBlock img {
      width: auto; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper.miniku01 .contentBox .imgBlock img {
          zoom: 0.8; } }
      @media screen and (max-width: 480px) {
        #advantage.miniku #container #wrapper.miniku01 .contentBox .imgBlock img {
          zoom: 0.65; } }
  #advantage.miniku #container #wrapper.miniku04 .txtimgBox {
    width: 100%;
    margin: 0 auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper.miniku04 .txtimgBox {
        padding: 0 0; } }
    #advantage.miniku #container #wrapper.miniku04 .txtimgBox p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.8;
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper.miniku04 .txtimgBox p {
          font-size: 14px;
          font-size: 1.4rem; } }
      #advantage.miniku #container #wrapper.miniku04 .txtimgBox p.img {
        width: 40%;
        margin: 0 auto 0;
        padding: 0 2em 2em 0; }
        @media screen and (max-width: 768px) {
          #advantage.miniku #container #wrapper.miniku04 .txtimgBox p.img {
            width: 100%;
            padding: 0;
            margin-bottom: 1em; } }
        #advantage.miniku #container #wrapper.miniku04 .txtimgBox p.img.imgR {
          width: 40%;
          margin: 0 auto 0;
          padding: 0 0 2em 2em; }
          @media screen and (max-width: 768px) {
            #advantage.miniku #container #wrapper.miniku04 .txtimgBox p.img.imgR {
              width: 100%;
              padding: 0;
              margin-bottom: 1em;
              text-align: center; } }
        #advantage.miniku #container #wrapper.miniku04 .txtimgBox p.img img {
          width: 100%;
          height: auto; }
          @media screen and (max-width: 768px) {
            #advantage.miniku #container #wrapper.miniku04 .txtimgBox p.img img {
              width: auto; } }
    #advantage.miniku #container #wrapper.miniku04 .txtimgBox div {
      width: 60%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper.miniku04 .txtimgBox div {
          width: 100%; } }
  #advantage.miniku #container #wrapper.miniku05 p.img img {
    width: 100%;
    height: auto; }
  #advantage.miniku #container #wrapper.miniku05 dl.pointBlock dd {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0.8em;
    padding-left: 2.6em; }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper.miniku05 dl.pointBlock dd {
        font-size: 12px;
        font-size: 1.2rem; } }
  #advantage.miniku #container #wrapper.miniku05 div.unit {
    margin-bottom: 4em; }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper.miniku05 div.unit {
        margin-bottom: 3em; } }
  #advantage.miniku #container #wrapper.miniku06 p.img {
    margin: 1em auto 2em;
    padding: 1em; }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper.miniku06 p.img {
        padding: 1em 0; }
        #advantage.miniku #container #wrapper.miniku06 p.img img {
          width: 100%;
          height: auto; } }
  #advantage.miniku #container #wrapper.miniku07 p.img {
    margin: 1em auto 2em;
    padding: 1em 0; }
    #advantage.miniku #container #wrapper.miniku07 p.img img {
      width: 100%;
      height: auto; }
  #advantage.miniku #container #wrapper.miniku07 p.btn a {
    min-width: 300px; }
  #advantage.miniku #container #wrapper.miniku08 div.voice {
    padding: 2em;
    background: url("../../common/img/recruit/about/about05_icon01.png") no-repeat 3% 2em #fdeaef; }
    @media screen and (max-width: 1024px) {
      #advantage.miniku #container #wrapper.miniku08 div.voice {
        background-size: 20%;
        padding: 1em; } }
    @media screen and (max-width: 768px) {
      #advantage.miniku #container #wrapper.miniku08 div.voice {
        background-position: 5% 1.5em;
        background-size: 20%;
        padding: 1em; } }
    @media screen and (max-width: 480px) {
      #advantage.miniku #container #wrapper.miniku08 div.voice {
        background-position: 6% 1em;
        background-size: 20%;
        padding: 1em; } }
    #advantage.miniku #container #wrapper.miniku08 div.voice .inner:before {
      bottom: inherit;
      top: 4em; }
      @media screen and (max-width: 768px) {
        #advantage.miniku #container #wrapper.miniku08 div.voice .inner:before {
          top: 4em; } }
      @media screen and (max-width: 480px) {
        #advantage.miniku #container #wrapper.miniku08 div.voice .inner:before {
          top: 3em; } }
    #advantage.miniku #container #wrapper.miniku08 div.voice .inner p {
      margin: 0 0 1em; }
		ul.btnPinkArwLeft-pc3-tb2-sp1 {
      list-style: none;
      overflow: hidden;
      margin-bottom: 2em; }
    ul.btnPinkArwLeft-pc3-tb2-sp1 li {
      float: left;
      width: 33.33%;
      box-sizing: border-box;
      padding: 0 10px; }
    ul.btnPinkArwLeft-pc3-tb2-sp1 li:nth-child(3n+1) {
      clear: both; }
    @media screen and (max-width: 768px) {
      ul.btnPinkArwLeft-pc3-tb2-sp1 li {
        width: 50%; }
      ul.btnPinkArwLeft-pc3-tb2-sp1 li:nth-child(3n+1) {
        clear: none; }
      ul.btnPinkArwLeft-pc3-tb2-sp1 li:nth-child(2n+1) {
        clear: both; }
    }
    @media screen and (max-width: 480px) {
      ul.btnPinkArwLeft-pc3-tb2-sp1 li {
        float: none;
        width: 100%; }
    }
    ul.btnPinkArwLeft-pc3-tb2-sp1 li a {
      position: relative;
      display: block;
      padding: 1em 1em 1em 1.8em;
      border-bottom: 1px dotted #333;
      font-size: 14px;
      font-size: 1.4rem; }
    ul.btnPinkArwLeft-pc3-tb2-sp1 li a:before {
       font-family: 'icomoon' !important;
       content: "\e90b";
       color: #eb6e90;
       font-size: 12px;
       padding: 0 0 0 0;
       position: absolute;
       top: 36%;
       left: 0.8em;
       font-style: normal;
       font-weight: normal;
       line-height: 1;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale; }
#advantage.school #container #wrapper {
  width: 100%; }
  #advantage.school #container #wrapper.school .txtimgBox p.img.imgR {
    text-align: center; }
    #advantage.school #container #wrapper.school .txtimgBox p.img.imgR img {
      width: 80%;
      height: auto; }
      @media screen and (max-width: 768px) {
        #advantage.school #container #wrapper.school .txtimgBox p.img.imgR img {
          width: auto;
          zoom: 0.7; } }
      @media screen and (max-width: 480px) {
        #advantage.school #container #wrapper.school .txtimgBox p.img.imgR img {
          width: auto;
          zoom: 0.5; } }
  #advantage.school #container #wrapper.school .txtimgBox .imgBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em auto 2em; }
    #advantage.school #container #wrapper.school .txtimgBox .imgBox p {
      width: 32%; }
      #advantage.school #container #wrapper.school .txtimgBox .imgBox p img {
        width: 100%;
        height: auto; }
#advantage.committee #container #wrapper {
  width: 100%; }
  #advantage.committee #container #wrapper.committee .intro {
    width: 1000px;
    margin: 0 auto 3em;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #advantage.committee #container #wrapper.committee .intro {
        width: 100%;
        padding: 0 1em; } }
    @media screen and (max-width: 768px) {
      #advantage.committee #container #wrapper.committee .intro {
        flex-direction: column; } }
    #advantage.committee #container #wrapper.committee .intro .msg {
      width: 70%;
      margin-right: 2em; }
      @media screen and (max-width: 1024px) {
        #advantage.committee #container #wrapper.committee .intro .msg {
          padding: 0 1em; } }
      @media screen and (max-width: 768px) {
        #advantage.committee #container #wrapper.committee .intro .msg {
          width: 100%; } }
      #advantage.committee #container #wrapper.committee .intro .msg p {
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #advantage.committee #container #wrapper.committee .intro .msg p {
            font-size: 12px;
            font-size: 1.2rem; } }
    #advantage.committee #container #wrapper.committee .intro .img {
      margin-left: 2em; }
      @media screen and (max-width: 768px) {
        #advantage.committee #container #wrapper.committee .intro .img {
          margin-left: 0; } }
      #advantage.committee #container #wrapper.committee .intro .img img {
        width: 100%;
        height: auto; }
  #advantage.committee #container #wrapper.committee .committeeContents {
    margin: 0 auto 2em;
    width: 1000px; }
    @media screen and (max-width: 1024px) {
      #advantage.committee #container #wrapper.committee .committeeContents {
        width: 100%;
        padding: 0 1em; } }
    #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox {
      width: 100%;
      margin: 2em auto; }
      @media screen and (max-width: 1024px) {
        #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox {
          width: 100%; } }
      #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        border-left: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8; }
        #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li {
          width: 25%;
          border-top: 1px solid transparent;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li {
              width: 100%; } }
          #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a {
            display: block;
            text-align: center;
            padding: 1em;
            border-right: 1px solid #d8d8d8;
            border-top: 4px solid transparent; }
            #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a br {
              display: none; }
            @media screen and (max-width: 768px) {
              #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a {
                padding: 1em 0.5em 2em; }
                #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a br {
                  display: block; } }
            @media screen and (max-width: 480px) {
              #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a {
                padding: 1em 0.3em 2em;
                font-size: 14px;
                font-size: 1.4rem; } }
            @media screen and (max-width: 330px) {
              #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a {
                font-size: 12px;
                font-size: 1.2rem; } }
            #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a span {
              display: block;
              font-size: 14px;
              font-size: 1.4rem; }
              @media screen and (max-width: 768px) {
                #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a span {
                  font-size: 12px;
                  font-size: 1.2rem;
                  margin-bottom: 1em; } }
              @media screen and (max-width: 480px) {
                #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a span {
                  font-size: 10px;
                  font-size: 1rem; } }
          #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a:hover, #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li.is-active a {
            border-top: 4px solid #eb6e90;
            position: relative;
            color: #eb6e90; }
            #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li a:hover:after, #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li.is-active a:after {
              content: "";
              position: absolute;
              bottom: -1px;
              left: 0;
              width: 100%;
              height: 2px;
              background: #FFF; }
          #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li.is-active, #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li:hover {
            border-top: 1px solid #d8d8d8;
            color: #eb6e90; }
          @media screen and (max-width: 768px) {
            #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li:nth-of-type(3) a {
              padding: 1em 0.3em 1em; }
              #advantage.committee #container #wrapper.committee .committeeContents .tabBtnBox ul li:nth-of-type(3) a span {
                margin-bottom: 0.3em; } }
    #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp {
      margin-bottom: 4em; }
      @media screen and (max-width: 768px) {
        #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp {
          margin-bottom: 2em; } }
      #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .sttl {
        margin-bottom: 2em; }
      #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .catch {
        font-size: 24px;
        font-size: 2.4rem; }
        @media screen and (max-width: 768px) {
          #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .catch {
            font-size: 18px;
            font-size: 1.8rem; } }
      #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner {
            flex-direction: column; } }
        #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner .txt {
          margin-right: 2em; }
          @media screen and (max-width: 768px) {
            #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner .txt {
              margin-right: 0; } }
          #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner .txt p {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 20px; }
            @media screen and (max-width: 768px) {
              #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner .txt p {
                font-size: 12px;
                font-size: 1.2rem; } }
          #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner .txt a {
            color: #eb6e90; }
        #advantage.committee #container #wrapper.committee .committeeContents .tabConWrapp .conInner .inner .img img {
          width: 100%;
          height: auto; }
    #advantage.committee #container #wrapper.committee .committeeContents .red {
      color: #eb6e90; }
#advantage.laboratory #container #wrapper {
  width: 100%; }
  #advantage.laboratory #container #wrapper.laboratory .txtimgBox {
    align-items: flex-start; }
    #advantage.laboratory #container #wrapper.laboratory .txtimgBox p.img {
      width: 40%; }
      @media screen and (max-width: 768px) {
        #advantage.laboratory #container #wrapper.laboratory .txtimgBox p.img {
          width: 100%; } }
    #advantage.laboratory #container #wrapper.laboratory .txtimgBox div {
      width: 60%; }
      @media screen and (max-width: 768px) {
        #advantage.laboratory #container #wrapper.laboratory .txtimgBox div {
          width: 100%; } }
      #advantage.laboratory #container #wrapper.laboratory .txtimgBox div p {
        margin-bottom: 2em; }
    #advantage.laboratory #container #wrapper.laboratory .txtimgBox .btn {
      margin: 2em auto 0; }
      @media screen and (max-width: 480px) {
        #advantage.laboratory #container #wrapper.laboratory .txtimgBox .btn a {
          padding: 1em 2em 1em 0.5em;
          line-height: 1.5;
          font-size: 14px;
          font-size: 1.4rem; } }

#personal #container {
  width: 100%; }
  #personal #container .pageTtl {
    height: 300px;
    border-bottom: 1px solid #FFF; }
    @media screen and (max-width: 1024px) {
      #personal #container .pageTtl {
        background-position: center 0;
        background-size: cover; } }
    @media screen and (max-width: 768px) {
      #personal #container .pageTtl {
        background-position: 40% 0;
        background-size: cover;
        height: inherit;
        margin-top: 90px; } }
    @media screen and (max-width: 480px) {
      #personal #container .pageTtl {
        background-position: 0 0;
        background-size: 100%;
        margin-top: 60px; } }
    #personal #container .pageTtl h2 {
      width: 1000px;
      margin: 0 auto;
      color: #FFF;
      padding-top: 3em;
      font-size: 36px;
      font-size: 3.6rem; }
      @media screen and (max-width: 1024px) {
        #personal #container .pageTtl h2 {
          width: 100%;
          padding: 3.2em 1em; } }
      @media screen and (max-width: 768px) {
        #personal #container .pageTtl h2 {
          width: 100%;
          padding: 2em 1em;
          font-size: 32px;
          font-size: 3.2rem; } }
      @media screen and (max-width: 480px) {
        #personal #container .pageTtl h2 {
          width: 100%;
          padding: 1.2em 0.5em;
          font-size: 24px;
          font-size: 2.4rem; } }
      #personal #container .pageTtl h2 span {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0.1em;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 768px) {
          #personal #container .pageTtl h2 span {
            margin-bottom: 0.05em; } }
  #personal #container #wrapper .underPageLink {
    border-bottom: 1px solid #DDD;
    margin-bottom: 2em; }
    @media screen and (max-width: 768px) {
      #personal #container #wrapper .underPageLink {
        margin-bottom: 0; } }
    #personal #container #wrapper .underPageLink ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        #personal #container #wrapper .underPageLink ul {
          flex-wrap: nowrap; } }
      #personal #container #wrapper .underPageLink ul li {
        padding: 0 1.5em; }
        @media screen and (max-width: 768px) {
          #personal #container #wrapper .underPageLink ul li {
            padding: 0 1em; } }
        @media screen and (max-width: 480px) {
          #personal #container #wrapper .underPageLink ul li {
            padding: 0 0.5em; } }
        #personal #container #wrapper .underPageLink ul li a {
          display: block;
          padding: 1em 0;
          border-bottom: 4px solid transparent; }
          @media screen and (max-width: 768px) {
            #personal #container #wrapper .underPageLink ul li a {
              font-size: 14px;
              font-size: 1.4rem; } }
          @media screen and (max-width: 480px) {
            #personal #container #wrapper .underPageLink ul li a {
              font-size: 13px;
              font-size: 1.3rem; } }
          #personal #container #wrapper .underPageLink ul li a:hover {
            border-bottom: 4px solid #eb6e8f; }
        #personal #container #wrapper .underPageLink ul li.on a {
          border-bottom: 4px solid #eb6e8f; }
    #personal #container #wrapper .underPageLink.sp {
      border-bottom: none;
      margin-bottom: 0; }
      #personal #container #wrapper .underPageLink.sp ul {
        display: block;
        border-top: 1px solid #DDD; }
        #personal #container #wrapper .underPageLink.sp ul li {
          padding: 0 0; }
          #personal #container #wrapper .underPageLink.sp ul li a {
            display: block;
            padding: 1em 1.5em;
            border-bottom: 1px solid #DDD;
            position: relative; }
            #personal #container #wrapper .underPageLink.sp ul li a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              color: #eb6e8f;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 35%;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (max-width: 480px) {
                #personal #container #wrapper .underPageLink.sp ul li a:after {
                  font-size: 14px;
                  font-size: 1.4rem; } }
  #personal #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #personal #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #personal #container #wrapper .col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 1000px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      #personal #container #wrapper .col2 {
        width: 100%;
        padding: 2em 1em 4em; } }
    @media screen and (max-width: 768px) {
      #personal #container #wrapper .col2 {
        display: block;
        padding: 0 1em 4em; } }
    #personal #container #wrapper .col2 .contentBox {
      padding-top: 0;
      margin: 0;
      width: 710px; }
      @media screen and (max-width: 1024px) {
        #personal #container #wrapper .col2 .contentBox {
          width: 71%;
          padding: 0; } }
      @media screen and (max-width: 768px) {
        #personal #container #wrapper .col2 .contentBox {
          width: 100%;
          padding: 0; } }
    #personal #container #wrapper .col2 .sideCon {
      width: 260px; }
      @media screen and (max-width: 1024px) {
        #personal #container #wrapper .col2 .sideCon {
          width: 26%; } }
      @media screen and (max-width: 768px) {
        #personal #container #wrapper .col2 .sideCon {
          width: 100%;
          margin-bottom: 2em; } }
      #personal #container #wrapper .col2 .sideCon section {
        background: #f3f3f3;
        padding: 0 0 1em; }
        #personal #container #wrapper .col2 .sideCon section h1 {
          color: #FFF;
          background: #01a0e2;
          padding: 1em;
          text-align: center;
          letter-spacing: 0.05em; }
        #personal #container #wrapper .col2 .sideCon section dl {
          padding: 1em; }
          #personal #container #wrapper .col2 .sideCon section dl dt {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: bold; }
          #personal #container #wrapper .col2 .sideCon section dl dd {
            border-bottom: 1px dotted #333;
            padding-bottom: 1em;
            margin: 1em auto; }
        #personal #container #wrapper .col2 .sideCon section ul li {
          padding: 0 1em; }
          #personal #container #wrapper .col2 .sideCon section ul li a {
            position: relative;
            display: block;
            padding: 1em 1em 1em 1.8em;
            border-bottom: 1px dotted #333;
            font-size: 14px;
            font-size: 1.4rem; }
            #personal #container #wrapper .col2 .sideCon section ul li a:before {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 12px;
              padding: 0 0 0 0;
              position: absolute;
              top: 36%;
              left: 0.8em;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
  #personal #container #wrapper .txtimgBox {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #personal #container #wrapper .txtimgBox {
        display: block;
        padding: 0 1em; } }
    #personal #container #wrapper .txtimgBox p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
      @media screen and (max-width: 768px) {
        #personal #container #wrapper .txtimgBox p.img {
          width: 100%;
          padding: 0;
          margin-bottom: 1em; } }
      #personal #container #wrapper .txtimgBox p.img img {
        width: 100%;
        height: auto; }
    #personal #container #wrapper .txtimgBox.imgR p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
    #personal #container #wrapper .txtimgBox.imgL p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
    #personal #container #wrapper .txtimgBox div {
      width: 68%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #personal #container #wrapper .txtimgBox div {
          width: 100%; } }
      #personal #container #wrapper .txtimgBox div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 1em; }
        #personal #container #wrapper .txtimgBox div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90;
          margin-bottom: 0.6em; }
          @media screen and (max-width: 768px) {
            #personal #container #wrapper .txtimgBox div p.catch {
              font-size: 24px;
              font-size: 2.4rem;
              margin-bottom: 0.6em; } }
          @media screen and (max-width: 480px) {
            #personal #container #wrapper .txtimgBox div p.catch {
              font-size: 20px;
              font-size: 2rem; } }
  #personal #container #wrapper .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #personal #container #wrapper .btn a, #personal #container #wrapper .btn button {
      text-align: center;
      padding: 1em 3.5em 1em 3em;
      margin: 0 auto;
      width: 400px;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #eb6e90;
      color: #FFF; }
      #personal #container #wrapper .btn a:focus, #personal #container #wrapper .btn button:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        #personal #container #wrapper .btn a, #personal #container #wrapper .btn button {
          width: 100%;
          padding: 1em;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #personal #container #wrapper .btn a, #personal #container #wrapper .btn button {
          padding: 1em 1em 1em 0.5em;
          font-size: 16px;
          font-size: 1.6rem; } }
      #personal #container #wrapper .btn a:after, #personal #container #wrapper .btn button:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 0;
        position: absolute;
        right: 0.5em;
        top: 35%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #personal #container #wrapper .btn a:after, #personal #container #wrapper .btn button:after {
            font-size: 14px;
            font-size: 1.4rem; } }
  #personal #container #wrapper .btn.back {
    margin-bottom: 2em; }
    #personal #container #wrapper .btn.back a {
      text-align: center;
      padding: 0.8em 2em 0.8em 2.8em;
      font-size: 14px;
      font-size: 1.4rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #8a8a8a;
      color: #FFF; }
      @media screen and (max-width: 768px) {
        #personal #container #wrapper .btn.back a {
          width: 100%;
          padding: 1em;
          font-size: 18px;
          font-size: 1.8rem; } }
      @media screen and (max-width: 480px) {
        #personal #container #wrapper .btn.back a {
          padding: 1em 1em 1em 0.5em;
          font-size: 16px;
          font-size: 1.6rem; } }
      #personal #container #wrapper .btn.back a:before {
        font-family: 'icomoon' !important;
        content: "\e902";
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 0 0;
        position: absolute;
        left: 1em;
        top: 32%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 768px) {
          #personal #container #wrapper .btn.back a:before {
            font-size: 14px;
            font-size: 1.4rem; } }
      #personal #container #wrapper .btn.back a:after {
        display: none; }
  #personal #container #wrapper .sttl {
    text-align: left;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      #personal #container #wrapper .sttl {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 480px) {
      #personal #container #wrapper .sttl {
        font-size: 18px;
        font-size: 1.8rem; } }
#personal.personal #container #wrapper {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #personal.personal #container #wrapper {
      padding-top: 90px; } }
  @media screen and (max-width: 480px) {
    #personal.personal #container #wrapper {
      padding-top: 60px; } }
  #personal.personal #container #wrapper.index .mainContents {
    width: 100%;
    background: url("../../common/img/personal/index/mainimage.jpg") no-repeat 0 0;
    background-size: cover; }
    @media screen and (min-width: 1400px) {
      #personal.personal #container #wrapper.index .mainContents {
        background-position: 0 20%; } }
    @media screen and (max-width: 1024px) {
      #personal.personal #container #wrapper.index .mainContents {
        background-position: 20% 0; } }
    @media screen and (max-width: 768px) {
      #personal.personal #container #wrapper.index .mainContents {
        background: url("../../common/img/personal/index/mainimage_sp.jpg") no-repeat 0 0;
        background-size: 100% auto; } }
    #personal.personal #container #wrapper.index .mainContents .inner {
      width: 1024px;
      margin: 0 auto;
      padding: 5em 0; }
      @media screen and (max-width: 1024px) {
        #personal.personal #container #wrapper.index .mainContents .inner {
          width: 100%;
          padding: 4.5em 1.5em; } }
      @media screen and (max-width: 768px) {
        #personal.personal #container #wrapper.index .mainContents .inner {
          width: 100%;
          padding: 2em 0 0; } }
      #personal.personal #container #wrapper.index .mainContents .inner h1 {
        padding-left: 45%;
        margin-bottom: 1em;
        color: #FFF;
        font-size: 35px;
        font-size: 3.5rem; }
        @media screen and (max-width: 1024px) {
          #personal.personal #container #wrapper.index .mainContents .inner h1 {
            padding-left: 45%; } }
        @media screen and (max-width: 768px) {
          #personal.personal #container #wrapper.index .mainContents .inner h1 {
            font-size: 42px;
            font-size: 4.2rem;
            font-weight: 300;
            padding: 1em 0em 1em 34%;
            line-height: 1.4; } }
        @media screen and (max-width: 650px) {
          #personal.personal #container #wrapper.index .mainContents .inner h1 {
            font-size: 30px;
            font-size: 3rem;
            white-space: nowrap;
            padding: 1em 1em 1em 40%; } }
        @media screen and (max-width: 480px) {
          #personal.personal #container #wrapper.index .mainContents .inner h1 {
            font-size: 26px;
            font-size: 2.6rem;
            white-space: nowrap;
            padding: 1em 0em 0em 38%; } }
        @media screen and (max-width: 360px) {
          #personal.personal #container #wrapper.index .mainContents .inner h1 {
            font-size: 20px;
            font-size: 2rem;
            white-space: nowrap; } }
      #personal.personal #container #wrapper.index .mainContents .inner .msg {
        padding-left: 45%;
        color: #FFF;
        font-size: 16px;
        font-size: 1.6rem; }
        @media screen and (max-width: 768px) {
          #personal.personal #container #wrapper.index .mainContents .inner .msg {
            padding: 1.5em 1.5em 0.5em;
            color: #000;
            background: #FFF; } }
      #personal.personal #container #wrapper.index .mainContents .inner .pageIndex {
        width: 1000px;
        margin: 4em auto 0; }
        @media screen and (max-width: 1024px) {
          #personal.personal #container #wrapper.index .mainContents .inner .pageIndex {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          #personal.personal #container #wrapper.index .mainContents .inner .pageIndex {
            padding: 1.5em 1.5em 0;
            margin: 0; } }
        #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li {
            width: 320px;
            height: 200px;
            position: relative; }
          #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li.half {
            width: 480px;
            height: 200px;
            position: relative; }
            @media screen and (max-width: 1024px) {
              #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li {
                width: 32%; }
              #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li.half {
                width: 48%; } }
            @media screen and (max-width: 768px) {
              #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li {
                width: 100%;
                height: 280px;
                margin-bottom: 1.5em; }
              #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li.half {
                width: 100%;} }
            @media screen and (max-width: 650px) {
              #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li {
                height: 220px; } }
            @media screen and (max-width: 480px) {
              #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li {
                width: 100%;
                height: 180px; } }
            @media screen and (max-width: 360px) {
              #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li {
                width: 100%;
                height: 120px; } }
            #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li a {
              color: #FFF;
              display: flex;
              align-items: flex-end;
              position: relative;
              width: 100%;
              height: 100%;
              text-align: center;
              padding: 1em;
              margin: 0 auto;
              position: absolute;
              top: 0;
              left: 0;
              font-size: 18px;
              font-size: 1.8rem;
              text-align: left;
              background: -moz-linear-gradient(bottom center, #000 20%, transparent 0%);
              /* Firefox */
              background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
              /* Chrom と Safari */
              background: linear-gradient(top center, #000 20%, transparent 0%);
              /* 共通 */ }
              @media screen and (max-width: 1440px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li a {
                  font-size: 20px;
                  font-size: 2rem;
                  padding: 1em 2em 1em 0.8em; } }
              @media screen and (max-width: 1024px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li a {
                  font-size: 18px;
                  font-size: 1.8rem;
                  padding: 1em 2em 1em 0.8em; } }
              @media screen and (max-width: 768px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li a {
                  font-size: 18px;
                  font-size: 1.8rem;
                  padding: 1em 2em 1em 0.8em; } }
              @media screen and (max-width: 480px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li a {
                  font-size: 16px;
                  font-size: 1.6rem; } }
            #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 14px;
              font-size: 1.4rem;
              padding: 6px 5px 5px 6px;
              color: #FFF;
              position: absolute;
              bottom: 1em;
              right: 1em;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              border: 2px solid #FFF;
              -webkit-border-radius: 50px 50px 50px 50px;
              -moz-border-radius: 50px 50px 50px 50px;
              border-radius: 50px 50px 50px 50px;
              width: 15px;
              height: 15px; }
              @media screen and (max-width: 1440px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:after {
                  font-size: 16px;
                  font-size: 1.6rem;
                  padding: 5px 5px 5px 5px;
                  bottom: 1.5em;
                  right: 0.5em; } }
              @media screen and (max-width: 768px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:after {
                  font-size: 13px;
                  font-size: 1.3rem;
                  padding: 6px 3px 4px 7px;
                  bottom: 1.5em;
                  right: 0.8em; } }
              @media screen and (max-width: 480px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:after {
                  font-size: 13px;
                  font-size: 1.3rem;
                  padding: 4px 2px 3px 5px;
                  bottom: 1.5em;
                  right: 0.6em; } }
            #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:nth-of-type(1) {
              background: url("../../common/img/personal/index/main_bnr01.jpg") no-repeat 0 0;
              background-size: cover; }
              @media screen and (max-width: 768px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:nth-of-type(1) {
                  background: url("../../common/img/personal/index/main_bnr01_sp.jpg") no-repeat 0 0;
                  background-size: cover; } }
            #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:nth-of-type(2) {
              background: url("../../common/img/personal/index/main_bnr02.jpg") no-repeat 0 0;
              background-size: cover; }
              @media screen and (max-width: 768px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:nth-of-type(2) {
                  background: url("../../common/img/personal/index/main_bnr02_sp.jpg") no-repeat 0 0;
                  background-size: cover; } }
            #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:nth-of-type(3) {
              background: url("../../common/img/personal/index/main_bnr03.jpg") no-repeat 0 0;
              background-size: cover; }
              @media screen and (max-width: 768px) {
                #personal.personal #container #wrapper.index .mainContents .inner .pageIndex ul.imgBnr li:nth-of-type(3) {
                  background: url("../../common/img/personal/index/main_bnr03_sp.jpg") no-repeat 0 0;
                  background-size: cover; } }
#personal.idea #container .pageTtl {
  background: url("../../common/img//personal/idea/ttl_bg.jpg") center 0 no-repeat #f6a6bc;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #personal.idea #container .pageTtl {
      background: url("../../common/img//personal/idea/ttl_bg_sp.jpg") center 0 no-repeat #f6a6bc;
      background-size: cover; } }
  @media screen and (max-width: 480px) {
    #personal.idea #container .pageTtl {
      background: url("../../common/img//personal/idea/ttl_bg_sp.jpg") center 0 no-repeat #f6a6bc;
      background-size: 100%; } }
#personal.idea #container #wrapper {
  width: 100%; }
  #personal.idea #container #wrapper.idea .contentBox .unit {
    margin: 4em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #personal.idea #container #wrapper.idea .contentBox .unit {
        display: block;
        margin: 2em auto 2em; } }
    #personal.idea #container #wrapper.idea .contentBox .unit p.img {
      width: 38%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
      @media screen and (max-width: 768px) {
        #personal.idea #container #wrapper.idea .contentBox .unit p.img {
          width: 70%;
          text-align: center;
          padding: 0 0 0 0; } }
      @media screen and (max-width: 480px) {
        #personal.idea #container #wrapper.idea .contentBox .unit p.img {
          width: 80%; } }
      #personal.idea #container #wrapper.idea .contentBox .unit p.img img {
        width: 100%;
        height: auto; }
    #personal.idea #container #wrapper.idea .contentBox .unit div {
      padding: 0 2em 0 0;
      width: 60%; }
      @media screen and (max-width: 768px) {
        #personal.idea #container #wrapper.idea .contentBox .unit div {
          width: 100%;
          margin-bottom: 15px;
          padding: 0 0 0 0; } }
      #personal.idea #container #wrapper.idea .contentBox .unit div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6; }
        #personal.idea #container #wrapper.idea .contentBox .unit div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90;
          margin-bottom: 1em; }
          @media screen and (max-width: 768px) {
            #personal.idea #container #wrapper.idea .contentBox .unit div p.catch {
              font-size: 24px;
              font-size: 2.4rem; } }
          @media screen and (max-width: 480px) {
            #personal.idea #container #wrapper.idea .contentBox .unit div p.catch {
              font-size: 20px;
              font-size: 2rem; }
              #personal.idea #container #wrapper.idea .contentBox .unit div p.catch br {
                display: none; } }
    #personal.idea #container #wrapper.idea .contentBox .unit:nth-of-type(2) {
      flex-direction: row-reverse; }
      #personal.idea #container #wrapper.idea .contentBox .unit:nth-of-type(2) p.img {
        padding: 0 2em 0 0; }
        @media screen and (max-width: 768px) {
          #personal.idea #container #wrapper.idea .contentBox .unit:nth-of-type(2) p.img {
            padding: 0 0 0 0; } }
      #personal.idea #container #wrapper.idea .contentBox .unit:nth-of-type(2) div {
        width: 60%; }
        @media screen and (max-width: 768px) {
          #personal.idea #container #wrapper.idea .contentBox .unit:nth-of-type(2) div {
            width: 100%; } }
#personal.facility #container .pageTtl {
  background: url("../../common/img//personal/facility/ttl_bg.jpg") center 0 no-repeat #8acff2;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #personal.facility #container .pageTtl {
      background: url("../../common/img//personal/facility/ttl_bg_sp.jpg") center 0 no-repeat #8acff2;
      background-size: cover; } }
  @media screen and (max-width: 480px) {
    #personal.facility #container .pageTtl {
      background: url("../../common/img//personal/facility/ttl_bg_sp.jpg") center 0 no-repeat #8acff2;
      background-size: 100%; } }
#personal.facility #container #wrapper {
  width: 100%; }
  #personal.facility #container #wrapper .typeNav {
    width: 1024px;
    margin: 2em auto; }
    @media screen and (max-width: 1024px) {
      #personal.facility #container #wrapper .typeNav {
        width: 100%; } }
    #personal.facility #container #wrapper .typeNav ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      border-left: 1px solid #d8d8d8; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper .typeNav ul {
          display: none; } }
      #personal.facility #container #wrapper .typeNav ul li {
        width: 16.6%;
        border-top: 1px solid transparent; }
        #personal.facility #container #wrapper .typeNav ul li a {
          display: block;
          text-align: center;
          padding: 1em;
          border-right: 1px solid #d8d8d8;
          border-bottom: 1px solid #d8d8d8;
          border-top: 4px solid transparent; }
        #personal.facility #container #wrapper .typeNav ul li a:hover, #personal.facility #container #wrapper .typeNav ul li.on a {
          border-bottom: 1px solid transparent;
          border-top: 4px solid #eb6e90; }
        #personal.facility #container #wrapper .typeNav ul li.on, #personal.facility #container #wrapper .typeNav ul li:hover {
          border-top: 1px solid #d8d8d8; }
    #personal.facility #container #wrapper .typeNav dl {
      padding: 0 1em; }
      #personal.facility #container #wrapper .typeNav dl dt {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0.3em; }
      #personal.facility #container #wrapper .typeNav dl dd {
        position: relative; }
        #personal.facility #container #wrapper .typeNav dl dd:before {
          z-index: 1;
          position: absolute;
          right: 15px;
          top: 0;
          font-family: 'icomoon' !important;
          content: "\e901";
          font-size: 12px;
          padding: 0 0 0;
          line-height: 43px;
          color: #000;
          pointer-events: none; }
        #personal.facility #container #wrapper .typeNav dl dd select {
          outline: none;
          -moz-appearance: none;
          text-indent: 0.01px;
          text-overflow: '';
          background: #FFF;
          vertical-align: middle;
          font-size: 14px;
          font-size: 1.4rem;
          color: inherit;
          -webkit-appearance: button;
          -moz-appearance: button;
          appearance: button;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          height: 40px;
          padding: 8px 12px;
          border: 1px solid #CCC;
          color: #000;
          width: 100%;
          border-radius: 3px; }
  #personal.facility #container #wrapper .areaNav {
    width: 1024px;
    margin: 2em auto;
    padding: 1.3em 0.6em;
    background: #fce9ee;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    @media screen and (max-width: 1024px) {
      #personal.facility #container #wrapper .areaNav {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper .areaNav {
        display: none; } }
    #personal.facility #container #wrapper .areaNav li a {
      background: #FFF;
      -webkit-border-radius: 4px 4px 4px 4px;
      -moz-border-radius: 4px 4px 4px 4px;
      border-radius: 4px 4px 4px 4px;
      padding: 0.8em 0.8em 0.8em 1.3em;
      margin: 0 2px; }
      #personal.facility #container #wrapper .areaNav li a:after {
        font-family: 'icomoon' !important;
        content: "\e901";
        font-size: 12px;
        padding: 0 0 0 1em;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        color: #DDD;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #personal.facility #container #wrapper .areaNav li a:after {
            padding: 0;
            top: auto;
            bottom: 0.4em;
            left: 45%;
            text-align: center; } }
  #personal.facility #container #wrapper.facility01 .contentBox h2.sttl {
    margin: 1em auto 2em; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.facility01 .contentBox h2.sttl {
        margin: 1em auto 1em; } }
  #personal.facility #container #wrapper.facility01 .contentBox .unit {
    padding: 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #personal.facility #container #wrapper.facility01 .contentBox .unit {
        padding: 0.5em 1em 0; } }
    @media screen and (max-width: 480px) {
      #personal.facility #container #wrapper.facility01 .contentBox .unit {
        padding: 0.5em 0em 0; } }
    #personal.facility #container #wrapper.facility01 .contentBox .unit h3.ssttl {
      width: 100%;
      margin: 1em auto 2em;
      padding-bottom: 0.8em;
      border-bottom: 1px solid #d8d8d8; }
      #personal.facility #container #wrapper.facility01 .contentBox .unit h3.ssttl span {
        border-left: 6px solid #eb6e8f;
        padding: 0 0 0 1em;
        font-weight: 300; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.facility01 .contentBox .unit h3.ssttl {
          margin: 1em auto 1.5em; } }
    #personal.facility #container #wrapper.facility01 .contentBox .unit dl {
      width: 48%;
      border-bottom: 1px dotted #666;
      margin-bottom: 1.5em;
      padding-bottom: 1em;
      position: relative; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.facility01 .contentBox .unit dl {
          width: 100%;
          padding: 0em 1em 0 0; } }
      @media screen and (max-width: 480px) {
        #personal.facility #container #wrapper.facility01 .contentBox .unit dl {
          width: 100%;
          padding: 0em 1.8em 0 0em; } }
      #personal.facility #container #wrapper.facility01 .contentBox .unit dl dt {
        margin-bottom: 0.2em; }
        #personal.facility #container #wrapper.facility01 .contentBox .unit dl dt a {
          color: #eb6e90;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold; }
          #personal.facility #container #wrapper.facility01 .contentBox .unit dl dt a.block {
            display: none; }
            @media screen and (max-width: 768px) {
              #personal.facility #container #wrapper.facility01 .contentBox .unit dl dt a.block {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                text-align: left;
                left: 0;
                top: 0; }
                #personal.facility #container #wrapper.facility01 .contentBox .unit dl dt a.block:after {
                  font-family: 'icomoon' !important;
                  content: "\e903";
                  font-size: 18px;
                  font-size: 1.8rem;
                  padding: 0 0 0;
                  position: absolute;
                  right: 0em;
                  top: 45%;
                  margin: auto auto;
                  font-style: normal;
                  font-weight: normal;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; } }
      #personal.facility #container #wrapper.facility01 .contentBox .unit dl dd {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0.5em; }
  #personal.facility #container #wrapper.detail .sttl {
    font-size: 20px;
    font-size: 2rem; }
    #personal.facility #container #wrapper.detail .sttl span.br {
      padding-left: 0.3em; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail .sttl span.br {
          font-size: 16px;
          font-size: 1.6rem;
          display: block;
          padding-left: 0em; } }
  #personal.facility #container #wrapper.detail .contactBnr {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border: 5px #ECECEC solid;
    padding: 1.5em 1.5em 1em;
    margin-bottom: 2em; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.detail .contactBnr {
        flex-wrap: wrap;
        padding: 0.8em 0.8em 0.3em; } }
    #personal.facility #container #wrapper.detail .contactBnr P.title {
      width: 50%;
      color: #eb6e90;
      text-align: center;
      font-size: 24px;
      font-size: 2.4rem; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail .contactBnr P.title {
          width: 100%;
          font-size: 22px;
          font-size: 2.2rem;
          margin-bottom: 0.5em; } }
      @media screen and (max-width: 480px) {
        #personal.facility #container #wrapper.detail .contactBnr P.title {
          font-size: 20px;
          font-size: 2rem; } }
    #personal.facility #container #wrapper.detail .contactBnr div {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail .contactBnr div {
          width: 100%; } }
      #personal.facility #container #wrapper.detail .contactBnr div p {
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail .contactBnr div p {
            font-size: 16px;
            font-size: 1.6rem; } }
        @media screen and (max-width: 480px) {
          #personal.facility #container #wrapper.detail .contactBnr div p {
            font-size: 14px;
            font-size: 1.4rem; } }
        #personal.facility #container #wrapper.detail .contactBnr div p.tel {
          margin-top: 0em;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 300; }
          #personal.facility #container #wrapper.detail .contactBnr div p.tel span {
            color: #eb6e90;
            font-weight: bold;
            font-size: 39px;
            font-size: 3.9rem;
            padding: 0 0 0 0.4em; }
            @media screen and (max-width: 768px) {
              #personal.facility #container #wrapper.detail .contactBnr div p.tel span {
                font-size: 34px;
                font-size: 3.4rem; } }
            @media screen and (max-width: 480px) {
              #personal.facility #container #wrapper.detail .contactBnr div p.tel span {
                font-size: 30px;
                font-size: 3rem; } }
  #personal.facility #container #wrapper.detail .facilityCon {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.detail .facilityCon {
        flex-direction: column-reverse; } }
    #personal.facility #container #wrapper.detail .facilityCon .facilityImage {
      width: 490px;
      width: 50%;
      margin: 0 40px 0 0; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail .facilityCon .facilityImage {
          width: 100%;
          margin: 2em 0 1em; } }
      #personal.facility #container #wrapper.detail .facilityCon .facilityImage .zoomImage {
        width: 490px;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 1px 1px 0;
        overflow: hidden;
        background: #F3F3F3;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail .facilityCon .facilityImage .zoomImage {
            width: 100%; } }
        #personal.facility #container #wrapper.detail .facilityCon .facilityImage .zoomImage img {
          width: 100%;
          height: 360px;
          object-fit: contain; }
          @media screen and (max-width: 480px) {
            #personal.facility #container #wrapper.detail .facilityCon .facilityImage .zoomImage img {
              height: 240px; } }
      #personal.facility #container #wrapper.detail .facilityCon .facilityImage .imageList {
        width: 100%; }
        #personal.facility #container #wrapper.detail .facilityCon .facilityImage .imageList ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          width: 100%; }
          #personal.facility #container #wrapper.detail .facilityCon .facilityImage .imageList ul li {
            width: 25%;
            height: 88px;
            padding-right: 1px;
            margin-bottom: 1px;
            overflow: hidden;
            cursor: pointer; }
            @media screen and (max-width: 480px) {
              #personal.facility #container #wrapper.detail .facilityCon .facilityImage .imageList ul li {
                height: 68px; } }
            #personal.facility #container #wrapper.detail .facilityCon .facilityImage .imageList ul li img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
    #personal.facility #container #wrapper.detail .facilityCon .facilityDetail {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail .facilityCon .facilityDetail {
          width: 100%; } }
      #personal.facility #container #wrapper.detail .facilityCon .facilityDetail .tags {
        margin-bottom: 1em;
        padding: 0; }
        #personal.facility #container #wrapper.detail .facilityCon .facilityDetail .tags span {
          display: inline-block;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 300;
          color: #FFF;
          line-height: 1;
          background: #666;
          padding: 0.4em 0.8em 0.3em;
          margin: 0 0.2em 0.4em;
          -webkit-border-radius: 2px 2px 2px 2px;
          -moz-border-radius: 2px 2px 2px 2px;
          border-radius: 2px 2px 2px 2px; }
          #personal.facility #container #wrapper.detail .facilityCon .facilityDetail .tags span.iconA {
            background: #eb6e90; }
          #personal.facility #container #wrapper.detail .facilityCon .facilityDetail .tags span.iconB {
            background: #f09544; }
          #personal.facility #container #wrapper.detail .facilityCon .facilityDetail .tags span.iconC {
            background: #4fc0b9; }
          #personal.facility #container #wrapper.detail .facilityCon .facilityDetail .tags span.iconD {
            background: #01a0e2; }
      #personal.facility #container #wrapper.detail .facilityCon .facilityDetail dl {
        margin-bottom: 2em; }
        #personal.facility #container #wrapper.detail .facilityCon .facilityDetail dl dt {
          color: #eb6e90;
          font-size: 24px;
          font-size: 2.4rem;
          font-weight: 300;
          margin-bottom: 0.5em; }
        #personal.facility #container #wrapper.detail .facilityCon .facilityDetail dl dd {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.8; }
      #personal.facility #container #wrapper.detail .facilityCon .facilityDetail ul li {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        border-bottom: 1px dotted #333;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 1em 0; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail .facilityCon .facilityDetail ul li {
            display: table; } }
        #personal.facility #container #wrapper.detail .facilityCon .facilityDetail ul li > span {
          display: block;
          margin-right: 2em;
          width: 14%;
          white-space: nowrap; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail .facilityCon .facilityDetail ul li > span {
              display: table-cell;
              margin-right: 0;
              width: 26%; } }
        #personal.facility #container #wrapper.detail .facilityCon .facilityDetail ul li > p {
          width: 86%; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail .facilityCon .facilityDetail ul li > p {
              width: auto; } }
          #personal.facility #container #wrapper.detail .facilityCon .facilityDetail ul li > p .small {
            font-size: 12px;
            font-size: 1.2rem; }
  #personal.facility #container #wrapper.detail .facilityInfo {
    margin: 0 auto 2em; }
    #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox {
      width: 100%;
      margin: 2em auto; }
      @media screen and (max-width: 1024px) {
        #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox {
          width: 100%; } }
      #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        border-left: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8; }
        #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li {
          width: 16.6%;
          border-top: 1px solid transparent; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li {
              width: 50%; } }
          #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li a {
            display: block;
            text-align: center;
            padding: 1em;
            border-right: 1px solid #d8d8d8;
            border-top: 4px solid transparent; }
            @media screen and (max-width: 480px) {
              #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li a {
                font-size: 14px;
                font-size: 1.4rem; } }
          #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li a:hover, #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li.is-active a {
            border-top: 4px solid #eb6e90;
            position: relative; }
            #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li a:hover:after, #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li.is-active a:after {
              content: "";
              position: absolute;
              bottom: -1px;
              left: 0;
              width: 100%;
              height: 2px;
              background: #FFF; }
          #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li.is-active, #personal.facility #container #wrapper.detail .facilityInfo .tabBtnBox ul li:hover {
            border-top: 1px solid #d8d8d8; }
    #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .mapBlock {
      width: 100%; }
      #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .mapBlock iframe {
        width: 100%;
        height: 500px; }
    #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner {
      padding: 0 1em; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner {
          padding: 0; } }
      #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner .red {
        color: #eb6e90; }
      #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner .large {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 0.5em; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner .large {
            font-size: 22px;
            font-size: 2.2rem; } }
      #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner .date {
        text-align: right;
        font-size: 14px;
        font-size: 1.4rem; }
      #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner p {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 20px; }
        #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner p.info {
          font-size: 14px;
          font-size: 1.4rem; }
      #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner a {
        color: #eb6e90; }
        #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner a.outlink:after {
          content: "";
          background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAGtJREFUSIljbGhoYICB7HcCDEjgPwMVARM1DRtZFrEQoYaRQjv+MzAMEh9R6hNUi9CSNM0ACwOV8wsDjpAYfsl7QFIdVfILLjAo8hGlAMWHw8JHKHE+vJM31cBUoQ8YYsM76KhdiqMAuvkIAKasDCqb2UAcAAAAAElFTkSuQmCC") no-repeat 100% 50%;
          background-size: 13px 12px;
          width: 13px;
          height: 12px;
          display: inline-block;
          padding-left: 5px; }
      #personal.facility #container #wrapper.detail .facilityInfo .tabConWrapp .conInner .inner .btn a {
        color: #FFF; }
  #personal.facility #container #wrapper.detail.multi p.tabinfo {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
    margin-top: 2em; }
  #personal.facility #container #wrapper.detail.multi p.tabinfo img {
    max-width: 100%; }
  #personal.facility #container #wrapper.detail.multi .scrollwrapp {
    margin: 2em auto;
    overflow-x: scroll;
    overflow-y: hidden;
    border-bottom: 1px solid #d8d8d8;
    /*スクロールバーの横幅指定*/
    /*スクロールバーの背景色・角丸指定*/
    /*スクロールバーの色・角丸指定*/ }
    #personal.facility #container #wrapper.detail.multi .scrollwrapp::-webkit-scrollbar {
      width: 3px;
      height: 3px; }
    #personal.facility #container #wrapper.detail.multi .scrollwrapp::-webkit-scrollbar-track {
      background: #f2f2f2; }
    #personal.facility #container #wrapper.detail.multi .scrollwrapp::-webkit-scrollbar-thumb {
      background: #d8d8d8; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.detail.multi .scrollwrapp {
        overflow-x: scroll;
        margin: 0.5em auto 2em; } }
    #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox {
      margin: 0 auto; }
      #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        border-left: 1px solid #d8d8d8;
        border-bottom: none; }
        #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li {
          width: auto;
          border-top: 1px solid transparent; }
          #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li a {
            display: block;
            text-align: center;
            height: 100%;
            padding: 1em;
            border-right: 1px solid #d8d8d8;
            border-top: 4px solid transparent;
            white-space: nowrap; }
            @media screen and (max-width: 480px) {
              #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li a {
                font-size: 16px;
                font-size: 1.6rem; } }
          #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li a:hover, #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li.is-active a {
            border-top: 4px solid #eb6e90;
            position: relative; }
            #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li a:hover:after, #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li.is-active a:after {
              content: "";
              position: absolute;
              bottom: -1px;
              left: 0;
              width: 100%;
              height: 2px;
              background: #FFF; }
          #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li.is-active, #personal.facility #container #wrapper.detail.multi .scrollwrapp .tabBtnBox ul li:hover {
            border-top: 1px solid #d8d8d8; }
  #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner {
    margin: 0 auto 2em; }
    #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table {
      width: 100%;
      margin-bottom: 1em;
      border-left: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table tr {
        border-bottom: 1px solid #d8d8d8; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table td {
        border-right: 1px solid #d8d8d8;
        padding: 1em;
        background: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table th.gr, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table td.gr {
          background: #f3f3f3;
          text-align: left; }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table th span, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table td span {
          display: inline-block; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table th {
        text-align: center;
        width: auto;
        vertical-align: middle; }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table th.midashi {
          background: #ffeff3;
          font-size: 16px;
          font-size: 1.6rem; }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table th.gr {
          width: 40% !important; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table td {
        text-align: left;
        min-width: 35%; }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner table td.center {
          text-align: center; }
    #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner.multicol {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner.multicol {
          flex-wrap: wrap; } }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner.multicol table {
        width: 32%; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner.multicol table {
            width: 100%; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner .inner.multicol table th {
          width: auto; }
  #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table td {
    vertical-align: middle;
    text-align: center !important;
    font-size: 16px;
    font-size: 1.6rem; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table td {
        width: 33%; }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table th.gr, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table td.gr {
          width: 33% !important; } }
    @media screen and (max-width: 480px) {
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.visit table td {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 0.7em; } }
  #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 1em; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul {
        display: block; } }
    #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li {
      padding: 1em; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li {
          padding: 0 0 0.8em; } }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a {
        color: #FFF;
        display: block;
        width: 230px;
        height: 230px;
        padding: 3em;
        background: #f1b05b;
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        position: relative; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a {
            width: 100%;
            height: 100px;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            text-align: left;
            padding: 1em 1em 1em 110px;
            display: flex;
            align-items: center; }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a br {
              display: none; } }
        @media screen and (max-width: 480px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a {
            height: 80px;
            padding: 1em 1em 1em 70px; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a:before {
          content: "";
          background: url("../../common/img/personal/facility/desplay.png") no-repeat center 0;
          background-size: 68px 60px;
          height: 60px;
          margin-bottom: 1.2em;
          display: block; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a:before {
              background-position: 0 50%;
              position: absolute;
              left: 1em;
              top: 50%;
              bottom: 50%;
              margin: auto auto;
              background-size: 68px 60px;
              width: 68px;
              height: 60px; } }
          @media screen and (max-width: 480px) {
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a:before {
              background-position: 0 50%;
              position: absolute;
              left: 1em;
              top: 50%;
              bottom: 50%;
              background-size: 40px 35px;
              width: 40px;
              height: 35px;
              margin: auto auto; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 20px;
          font-size: 2rem;
          padding: 0 0 0;
          position: absolute;
          right: 0.8em;
          top: 50%;
          bottom: 50%;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a:after {
              font-size: 14px;
              font-size: 1.4rem;
              top: 40%; } }
          @media screen and (max-width: 480px) {
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li a:after {
              font-size: 14px;
              font-size: 1.4rem;
              top: 40%; } }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li:nth-of-type(1) a {
        background: #f1b05b; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li:nth-of-type(2) a {
        background: #84d8d1; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.webcamera ul li:nth-of-type(3) a {
        background: #7fd597; }
  #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox {
    width: 100%;
    padding: 2em 0 4em; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox {
        padding: 0; } }
    #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon {
      border: 1px solid #d8d8d8;
      -webkit-border-radius: 4px 4px 4px 4px;
      -moz-border-radius: 4px 4px 4px 4px;
      border-radius: 4px 4px 4px 4px;
      padding: 1.5em 0 0;
      margin-bottom: 2em; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags {
        margin-bottom: 1em;
        padding: 0 30px; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags {
            padding: 0 1em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags span {
          display: inline-block;
          font-size: 14px;
          font-size: 1.4rem;
          font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight: 300;
          color: #FFF;
          line-height: 1;
          background: #666;
          padding: 0.4em 0.8em 0.3em;
          margin: 0 0.2em 0.4em;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags span.iconA {
            background: #eb6e90; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags span.iconB {
            background: #f09544; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags span.iconC {
            background: #6fb671; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags span.iconD {
            background: #9e6fb6; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .tags span.iconE {
            background: #01a0e2; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl {
        padding: 0 30px; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl {
            padding: 0 1em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dt {
          padding: 0 0px; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dt.address {
            margin-bottom: 0.2em; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dt.entryTitle {
            font-size: 30px;
            font-size: 3rem;
            color: #eb6e90;
            margin-bottom: 0em; }
            @media screen and (max-width: 480px) {
              #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dt.entryTitle {
                font-size: 24px;
                font-size: 2.4rem; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd {
          margin-bottom: 1em; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.jobCat {
            font-size: 16px;
            font-size: 1.6rem;
            color: #eb6e90; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh {
            width: 100%;
            border-left: 1px solid #d8d8d8;
            border-top: 1px solid #d8d8d8; }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh tr {
              border-bottom: 1px solid #d8d8d8; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh tr {
                  border-bottom: none; } }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh td {
              border-right: 1px solid #d8d8d8;
              padding: 1.5em;
              background: #FFF;
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1.8; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh td {
                  width: 100%;
                  display: block;
                  padding: 0.5em  1em;
                  border-bottom: 1px solid #d8d8d8; } }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh th {
              background: #f3f3f3;
              text-align: center;
              width: 20%;
              vertical-align: middle; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh th {
                  width: 100%;
                  display: block; } }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh td {
              text-align: left; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh td {
                  padding: 1em  1em; } }
              #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh td a {
                color: #eb6e90; }
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh td a.link:before {
                  content: "▶︎";
                  font-size: 12px;
                  font-size: 1.2rem;
                  padding: 0 0.3em 0 0.8em; }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td {
              vertical-align: top; }
              #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
                width: 42%; }
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
                  width: 100%;
                  object-fit: cover; }
                @media screen and (max-width: 768px) {
                  #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
                    width: 100%;
                    text-align: center; }
                    #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
                      width: 80%; } }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #f3f3f3;
        padding: 2em;
        margin-top: 3em; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn {
            padding: 2em 2em 1em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li {
          width: 48%;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li {
              width: 100%;
              margin-bottom: 1em; } }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li a {
            width: 100%;
            padding: 1em;
            font-size: 18px;
            font-size: 1.8rem;
            display: block;
            position: relative;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px; }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 30%;
              bottom: 0;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li:nth-of-type(1) a {
            background: #FFF;
            color: #eb6e90; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li:nth-of-type(2) a {
            background: #eb6e90;
            color: #FFF; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li.end {
              width: 100%;
              margin-bottom: 1em; } }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon .linkBtn li.end span {
            width: 100%;
            padding: 1em;
            font-size: 18px;
            font-size: 1.8rem;
            display: block;
            position: relative;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            background: #8a8a8a;
            color: #FFF; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon.kyubo {
        background: #fbf9f0;
        position: relative;
        overflow: hidden;
        padding-top: 2em; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon.kyubo .tags {
            padding: 0 0 0 2em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon.kyubo:after {
          content: '急 募';
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #FFF;
          position: absolute;
          top: 0.8em;
          left: 0.5em;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg); }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.job_search .contentBox .entryCon.kyubo:before {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 63px 63px 0 0;
          border-color: #ef0000 transparent transparent transparent; }
  #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox {
    width: 100%;
    padding: 2em 0 4em; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox {
        padding: 0; } }
    #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon {
      border: 1px solid #d8d8d8;
      -webkit-border-radius: 4px 4px 4px 4px;
      -moz-border-radius: 4px 4px 4px 4px;
      border-radius: 4px 4px 4px 4px;
      padding: 1.5em 0 0;
      margin-bottom: 2em; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags {
        margin-bottom: 1em;
        padding: 0 30px; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags {
            padding: 0 1em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags span {
          display: inline-block;
          font-size: 14px;
          font-size: 1.4rem;
          font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight: 300;
          color: #FFF;
          line-height: 1;
          background: #666;
          padding: 0.4em 0.8em 0.3em;
          margin: 0 0.2em 0.4em;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags span.iconA {
            background: #eb6e90; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags span.iconB {
            background: #f09544; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags span.iconC {
            background: #6fb671; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags span.iconD {
            background: #9e6fb6; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .tags span.iconE {
            background: #01a0e2; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl {
        padding: 0 30px; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl {
            padding: 0 1em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dt {
          padding: 0 0px; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dt.address {
            margin-bottom: 0.2em; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dt.entryTitle {
            font-size: 30px;
            font-size: 3rem;
            color: #01a0e2;
            margin-bottom: 0em; }
            @media screen and (max-width: 480px) {
              #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dt.entryTitle {
                font-size: 24px;
                font-size: 2.4rem; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd {
          margin-bottom: 1em; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.jobCat {
            font-size: 16px;
            font-size: 1.6rem;
            color: #01a0e2; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh {
            width: 100%;
            border-left: 1px solid #d8d8d8;
            border-top: 1px solid #d8d8d8; }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh tr {
              border-bottom: 1px solid #d8d8d8; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh tr {
                  border-bottom: none; } }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh td {
              border-right: 1px solid #d8d8d8;
              padding: 1.5em;
              background: #FFF;
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1.8; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh th, #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh td {
                  width: 100%;
                  display: block;
                  padding: 0.5em  1em;
                  border-bottom: 1px solid #d8d8d8; } }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh th {
              background: #f3f3f3;
              text-align: center;
              width: 20%;
              vertical-align: middle; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh th {
                  width: 100%;
                  display: block; } }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh td {
              text-align: left; }
              @media screen and (max-width: 768px) {
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh td {
                  padding: 1em  1em; } }
              #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh td a {
                color: #01a0e2; }
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh td a.link:before {
                  content: "▶︎";
                  font-size: 12px;
                  font-size: 1.2rem;
                  padding: 0 0.3em 0 0.8em; }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td {
              vertical-align: top; }
              #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
                width: 42%; }
                #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
                  width: 100%;
                  object-fit: cover; }
                @media screen and (max-width: 768px) {
                  #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
                    width: 100%;
                    text-align: center; }
                    #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
                      width: 80%; } }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #f3f3f3;
        padding: 2em;
        margin-top: 3em; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn {
            padding: 2em 2em 1em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn li {
          width: 48%;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn li {
              width: 100%;
              margin-bottom: 1em; } }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn li a {
            width: 100%;
            padding: 1em;
            font-size: 18px;
            font-size: 1.8rem;
            display: block;
            position: relative;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px; }
            #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn li a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 30%;
              bottom: 0;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn li:nth-of-type(1) a {
            background: #FFF;
            color: #01a0e2; }
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon .linkBtn li:nth-of-type(2) a {
            background: #01a0e2;
            color: #FFF; }
      #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon.kyubo {
        background: #fbf9f0;
        position: relative;
        overflow: hidden;
        padding-top: 2em; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon.kyubo .tags {
            padding: 0 0 0 2em; } }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon.kyubo:after {
          content: '急 募';
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #FFF;
          position: absolute;
          top: 0.8em;
          left: 0.5em;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg); }
        #personal.facility #container #wrapper.detail.multi .tabConWrapp .conInner.entry_career .contentBox .entryCon.kyubo:before {
          position: absolute;
          top: 0;
          left: 0;
          content: ' ';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 63px 63px 0 0;
          border-color: #ef0000 transparent transparent transparent; }
  #personal.facility #container #wrapper.detail.multi .unit {
    margin: 0 auto 2em; }
    #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom p {
      margin-bottom: 20px; }
      #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom p.btn {
        margin: 2em auto 0; }
    #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom ul.photoList {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom ul.photoList li {
        width: 31%;
        margin: 0 1%;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom ul.photoList li {
            width: 48%; } }
        @media screen and (max-width: 480px) {
          #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom ul.photoList li {
            width: 100%;
            margin: 0 0; } }
        #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom ul.photoList li img {
          width: 100%;
          height: auto; }
        #personal.facility #container #wrapper.detail.multi .unit.nurseryRoom ul.photoList li p.txt {
          text-align: left;
          display: block;
          margin-top: 1em;
          font-size: 14px;
          font-size: 1.4rem; }
    #personal.facility #container #wrapper.detail.multi .unit.contactBox p {
      margin-bottom: 20px; }
      #personal.facility #container #wrapper.detail.multi .unit.contactBox p.btn {
        margin: 2em auto 0; }
  #personal.facility #container #wrapper.form .contentBox {
    padding: 0 0 4em; }
    @media screen and (max-width: 768px) {
      #personal.facility #container #wrapper.form .contentBox {
        padding: 0em 1em 2em; } }
    #personal.facility #container #wrapper.form .contentBox p.catch {
      color: #eb6e90;
      font-size: 24px;
      font-size: 2.4rem; }
      @media screen and (max-width: 1024px) {
        #personal.facility #container #wrapper.form .contentBox p.catch {
          padding: 0em 1em; } }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.form .contentBox p.catch {
          padding: 0em 0em; } }
    #personal.facility #container #wrapper.form .contentBox h1.sttl + p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 2em; }
    #personal.facility #container #wrapper.form .contentBox .unit dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      border: 1px solid #DDD;
      border-bottom: none;
      font-size: 14px;
      font-size: 1.4rem; }
      @media screen and (max-width: 768px) {
        #personal.facility #container #wrapper.form .contentBox .unit dl {
          border: none; } }
      #personal.facility #container #wrapper.form .contentBox .unit dl dt, #personal.facility #container #wrapper.form .contentBox .unit dl dd {
        padding: 1.5em;
        border-bottom: 1px solid #DDD; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.form .contentBox .unit dl dt, #personal.facility #container #wrapper.form .contentBox .unit dl dd {
            border: none; } }
      #personal.facility #container #wrapper.form .contentBox .unit dl dt {
        width: 25%;
        background: #F3F3F3;
        font-weight: bold;
        border-right: 1px solid #DDD;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.form .contentBox .unit dl dt {
            width: 100%;
            border-right: none;
            padding: 1em 1.5em; } }
        #personal.facility #container #wrapper.form .contentBox .unit dl dt span {
          font-size: 12px;
          font-size: 1.2rem;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          color: #FFF;
          font-weight: 100;
          padding: 0.3em 0.5em 0.15em;
          line-height: 1;
          background: #eb6e90; }
      #personal.facility #container #wrapper.form .contentBox .unit dl dd {
        width: 75%; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.form .contentBox .unit dl dd {
            width: 100%;
            padding: 1.8em 1.5em; } }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd span.ex {
          display: block;
          padding-top: 0.8em; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd input {
          margin-right: 10px;
          background: #FFF;
          border: 1px solid #DDD;
          padding: 1.3em;
          border-radius: 3px; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="checkbox"] {
          display: none; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd input[readonly="readonly"] {
          background: none;
          font-size: 14px;
          font-size: 1.4rem;
          border: none;
          padding: 0.2em 0; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd label {
          position: relative;
          padding: 3px 3px 3px 24px;
          display: inline-block;
          font-size: 14px;
          font-size: 1.4rem; }
          #personal.facility #container #wrapper.form .contentBox .unit dl dd label::before {
            position: absolute;
            content: '';
            top: 0.8em;
            left: 0;
            width: 14px;
            height: 14px;
            margin-top: -8px;
            background: #FFF;
            border: 1px solid #CCC; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="checkbox"]:checked + label::after {
          position: absolute;
          content: '';
          top: 6px;
          left: 3px;
          width: 10px;
          height: 5px;
          border-left: 2px solid #666;
          border-bottom: 2px solid #666;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="text"], #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="tel"], #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="email"] {
          property: value;
          width: 60%;
          padding: 1em; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="text"], #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="tel"], #personal.facility #container #wrapper.form .contentBox .unit dl dd input[type="email"] {
              width: 100%; } }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd textarea {
          background: #FFF;
          border: 1px solid #DDD;
          padding: 8px 5px;
          margin: 20px auto 0;
          width: 90%; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.form .contentBox .unit dl dd textarea {
              width: 100%;
              margin: 0 auto 0; } }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd select option {
          background-color: #fff;
          color: #333; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd select::-ms-expand {
          display: none; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #828c9a; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd .selectWrap {
          position: relative;
          width: 50%; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.form .contentBox .unit dl dd .selectWrap {
              width: 100%; } }
          #personal.facility #container #wrapper.form .contentBox .unit dl dd .selectWrap.prefecture {
            width: 20%; }
            @media screen and (max-width: 768px) {
              #personal.facility #container #wrapper.form .contentBox .unit dl dd .selectWrap.prefecture {
                width: 100%; } }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd .selectWrap:before {
          z-index: 1;
          position: absolute;
          right: 15px;
          top: 0;
          font-family: 'icomoon' !important;
          content: "\e901";
          font-size: 12px;
          padding: 0 0 0;
          line-height: 43px;
          color: #7F878C;
          pointer-events: none; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd select {
          width: 100%;
          outline: none;
          -moz-appearance: none;
          text-indent: 0.01px;
          text-overflow: '';
          background: #FFF;
          vertical-align: middle;
          font-size: 14px;
          font-size: 1.4rem;
          color: inherit;
          -webkit-appearance: button;
          -moz-appearance: button;
          appearance: button;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          height: 40px;
          padding: 0 1.3em;
          border: 1px solid #CCC;
          color: #000;
          border-radius: 3px; }
        #personal.facility #container #wrapper.form .contentBox .unit dl dd.zip input[type="text"] {
          property: value;
          width: 40%;
          padding: 1em; }
          @media screen and (max-width: 768px) {
            #personal.facility #container #wrapper.form .contentBox .unit dl dd.zip input[type="text"] {
              width: 100%; } }
    #personal.facility #container #wrapper.form .contentBox .unit .submitBtn {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
      border: none;
      text-align: center; }
      #personal.facility #container #wrapper.form .contentBox .unit .submitBtn button {
        background: #eb6e90;
        color: #FFF;
        width: 50%;
        padding: 1em 1em 1em 2.5em;
        margin: 3em auto 3em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        border: none;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          #personal.facility #container #wrapper.form .contentBox .unit .submitBtn button {
            margin: 0 auto 2em;
            width: 100%; } }
        #personal.facility #container #wrapper.form .contentBox .unit .submitBtn button:focus {
          outline: none; }
        #personal.facility #container #wrapper.form .contentBox .unit .submitBtn button:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 15px;
          padding: 0 0 0 15px;
          position: absolute;
          top: 36%;
          right: 1em;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
#personal.state #container {
  width: 100%; }
  #personal.state #container .pageTtl {
    background: url("../../common/img//personal/state/ttl_bg.jpg") center 0 no-repeat #fec184;
    background-size: 1440px 300px; }
    @media screen and (max-width: 768px) {
      #personal.state #container .pageTtl {
        background: url("../../common/img//personal/state/ttl_bg_sp.jpg") center 0 no-repeat #fec184;
        background-size: cover; } }
    @media screen and (max-width: 480px) {
      #personal.state #container .pageTtl {
        background: url("../../common/img//personal/state/ttl_bg_sp.jpg") center 0 no-repeat #fec184;
        background-size: 100%; } }
  #personal.state #container #wrapper.state01 .unit {
    margin: 3em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row; }
    @media screen and (max-width: 768px) {
      #personal.state #container #wrapper.state01 .unit {
        display: block;
        margin: 1.5em auto 2em; } }
    #personal.state #container #wrapper.state01 .unit p.img {
      width: 38%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
      @media screen and (max-width: 768px) {
        #personal.state #container #wrapper.state01 .unit p.img {
          width: 100%;
          text-align: center;
          padding: 0 0 0 0; } }
      @media screen and (max-width: 480px) {
        #personal.state #container #wrapper.state01 .unit p.img {
          width: 100%; } }
      #personal.state #container #wrapper.state01 .unit p.img img {
        width: 100%;
        height: auto; }
    #personal.state #container #wrapper.state01 .unit h2 {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      margin-bottom: 1em;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #personal.state #container #wrapper.state01 .unit h2 {
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (max-width: 480px) {
        #personal.state #container #wrapper.state01 .unit h2 {
          font-size: 20px;
          font-size: 2rem; }
          #personal.state #container #wrapper.state01 .unit h2 br {
            display: none; } }
    #personal.state #container #wrapper.state01 .unit div {
      padding: 0 2em 0 0;
      width: 60%; }
      @media screen and (max-width: 768px) {
        #personal.state #container #wrapper.state01 .unit div {
          width: 100%;
          margin-bottom: 15px;
          padding: 0; } }
      #personal.state #container #wrapper.state01 .unit div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 2em; }
    #personal.state #container #wrapper.state01 .unit:nth-of-type(2) {
      flex-direction: row-reverse; }
      #personal.state #container #wrapper.state01 .unit:nth-of-type(2) p.img {
        padding: 0 2em 0 0; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state01 .unit:nth-of-type(2) p.img {
            padding: 0; } }
      #personal.state #container #wrapper.state01 .unit:nth-of-type(2) div {
        width: 60%; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state01 .unit:nth-of-type(2) div {
            width: 100%; } }
  #personal.state #container #wrapper.state02 .contentBox {
    width: 100%;
    margin-bottom: 1em; }
    @media screen and (max-width: 768px) {
      #personal.state #container #wrapper.state02 .contentBox {
        margin-bottom: 0em;
        padding: 0em 0em 2em; } }
    #personal.state #container #wrapper.state02 .contentBox .unit {
      background: #fdf0f4;
      padding: 2em 0; }
      @media screen and (max-width: 768px) {
        #personal.state #container #wrapper.state02 .contentBox .unit {
          padding: 1em 0; } }
      #personal.state #container #wrapper.state02 .contentBox .unit h2 {
        font-size: 30px;
        font-size: 3rem;
        font-weight: 300;
        color: #eb6e90;
        width: 1000px;
        margin: 0 auto 0.5em; }
        @media screen and (max-width: 1024px) {
          #personal.state #container #wrapper.state02 .contentBox .unit h2 {
            width: 100%;
            padding: 0 0.5em; } }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state02 .contentBox .unit h2 {
            font-size: 26px;
            font-size: 2.6rem;
            margin-bottom: 0.2em; } }
      #personal.state #container #wrapper.state02 .contentBox .unit .inner {
        width: 1000px;
        padding: 0;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 1024px) {
          #personal.state #container #wrapper.state02 .contentBox .unit .inner {
            width: 100%;
            padding: 0 1em; } }
        #personal.state #container #wrapper.state02 .contentBox .unit .inner dl {
          width: 480px;
          padding: 0; }
          @media screen and (max-width: 1024px) {
            #personal.state #container #wrapper.state02 .contentBox .unit .inner dl {
              width: 48%; } }
          @media screen and (max-width: 768px) {
            #personal.state #container #wrapper.state02 .contentBox .unit .inner dl {
              width: 100%;
              margin: 0 0 1em; } }
          #personal.state #container #wrapper.state02 .contentBox .unit .inner dl dt {
            text-align: left;
            font-size: 20px;
            font-size: 2rem;
            font-weight: 300;
            font-family: 'NotoSans';
            border-bottom: 3px solid #d8d8d8;
            position: relative;
            padding-bottom: 0.5em;
            margin-bottom: 1em; }
            @media screen and (max-width: 768px) {
              #personal.state #container #wrapper.state02 .contentBox .unit .inner dl dt {
                font-size: 18px;
                font-size: 1.8rem;
                margin-bottom: 1em; } }
            #personal.state #container #wrapper.state02 .contentBox .unit .inner dl dt:after {
              position: absolute;
              z-index: 1;
              left: 0;
              bottom: -3px;
              content: '';
              background: #eb6e90;
              height: 3px;
              width: 5.5em; }
          #personal.state #container #wrapper.state02 .contentBox .unit .inner dl dd {
            text-align: center;
            margin-bottom: 2em; }
            @media screen and (max-width: 768px) {
              #personal.state #container #wrapper.state02 .contentBox .unit .inner dl dd {
                margin-bottom: 0.5em; } }
            #personal.state #container #wrapper.state02 .contentBox .unit .inner dl dd img {
              width: 100%;
              height: auto; }
          #personal.state #container #wrapper.state02 .contentBox .unit .inner dl.multi {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            #personal.state #container #wrapper.state02 .contentBox .unit .inner dl.multi dt {
              width: 100%; }
            #personal.state #container #wrapper.state02 .contentBox .unit .inner dl.multi dd {
              width: 480px; }
              @media screen and (max-width: 1024px) {
                #personal.state #container #wrapper.state02 .contentBox .unit .inner dl.multi dd {
                  width: 48%; } }
              @media screen and (max-width: 768px) {
                #personal.state #container #wrapper.state02 .contentBox .unit .inner dl.multi dd {
                  width: 100%;
                  margin: 0 0 1em; } }
      #personal.state #container #wrapper.state02 .contentBox .unit:nth-of-type(2n) {
        background: #ffffff; }
  #personal.state #container #wrapper.state03 .contentBox {
    margin: 4em auto; }
    @media screen and (max-width: 768px) {
      #personal.state #container #wrapper.state03 .contentBox {
        margin: 1em auto;
        padding: 2em 0em; } }
    #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock {
      display: none; }
    @media screen and (max-width: 768px) {
      #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock {
        display: block;
        width: 100%;
        padding: 0 1em;
        margin: 0 auto; }
        #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock .info {
          margin-bottom: 4em;
          font-size: 18px;
          font-size: 1.8rem;
          text-align: center; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock .info {
        margin-bottom: 2em; } }
    @media screen and (max-width: 768px) {
        #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock dl {
          padding: 0 0.5em;
          width: 100%;
          margin: 0 0 1em; }
          #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock dl dt {
            text-align: left;
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: 300;
            font-family: 'NotoSans';
            border-bottom: 3px solid #d8d8d8;
            position: relative;
            padding-bottom: 0.5em;
            margin-bottom: 1em; }
            #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock dl dt:after {
              position: absolute;
              z-index: 1;
              left: 0;
              bottom: -3px;
              content: '';
              background: #eb6e8f;
              height: 3px;
              width: 5.5em; }
          #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock dl dd {
            text-align: center;
            margin-bottom: 1.5em; }
            #personal.state #container #wrapper.state03 .contentBox .unit .inner.photoBlock dl dd img {
              width: 100%;
              height: auto; } }
    #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock {
      width: 100%;
      background: #f5e4de;
      padding: 2em 3em; }
      @media screen and (max-width: 768px) {
        #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock {
          padding: 2.5em 1.5em 2em; } }
      #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .info {
        margin-bottom: 4em;
        font-size: 18px;
        font-size: 1.8rem;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .info {
            margin-bottom: 2em; } }
      #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map {
        text-align: left;
        width: 100%;
        margin: 0 auto 5em;
        position: relative; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map {
            margin: 0 auto 2em; } }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map:first-of-type img {
            width: 60%;
            height: auto; } }
        #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map:first-of-type span img {
          width: auto; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map p img {
            width: 100%;
            height: auto; } }
        #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map p span {
          margin-top: 1em; }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map p span img {
            width: auto;
            zoom: 0.7; }
        #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button {
          background: #eb6e90;
          -webkit-border-radius: 6px 6px 6px 6px;
          -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
          width: auto;
          padding: 0 3em;
          border: none;
          color: #FFF;
          height: 40px;
          display: inline-block;
          font-size: 18px;
          position: absolute;
          top: 0;
          left: 0;
          cursor: pointer; }
          @media screen and (max-width: 768px) {
            #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button {
              display: none; } }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button:focus {
            outline: 0; }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button.btn01 {
            top: -2em;
            left: -0.5em; }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button.btn02 {
            top: -1em;
            left: 3.5em; }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button.btn03 {
            top: 8em;
            left: 21em; }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button.btn04 {
            top: 13em;
            left: 35em; }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button:after {
            font-family: 'icomoon' !important;
            content: "\e903";
            font-size: 13px;
            padding: 0 0 0 0;
            position: absolute;
            top: 1em;
            right: 1em;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          #personal.state #container #wrapper.state03 .contentBox .unit .mapBlock .map button:before {
            position: absolute;
            left: 0px;
            right: 0px;
            bottom: -10px;
            margin: auto auto;
            text-align: center;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 9px 0px 9px;
            border-color: #eb6e90 transparent transparent transparent; }
    #personal.state #container #wrapper.state03 .contentBox .unit .modalPhoto {
      display: none; }
  #personal.state #container #wrapper.state04 .unit {
    margin: 4em auto; }
    @media screen and (max-width: 768px) {
      #personal.state #container #wrapper.state04 .unit {
        margin: 1em auto; } }
    #personal.state #container #wrapper.state04 .unit dl {
      padding: 1.5em;
      margin-bottom: 1.5em; }
      #personal.state #container #wrapper.state04 .unit dl dt {
        color: #FFF;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 600;
        width: 80%;
        padding: 0;
        margin: 0 0 0.5em 25%; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl dt {
            width: 100%;
            font-size: 16px;
            font-size: 1.6rem;
            text-align: center; } }
      #personal.state #container #wrapper.state04 .unit dl dd {
        width: 80%;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
        background: #FFF;
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
        padding: 2em;
        margin: 0 0 0 25%;
        position: relative; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl dd {
            width: 70%; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(odd) dt {
        margin: 0 0 0.5em 20%; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(odd) dt {
            margin: 0 0 0.5em 0; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(odd) dd {
        margin: 0 0 0 20%; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(odd) dd {
            margin: 0 0 0 30%; } }
        #personal.state #container #wrapper.state04 .unit dl:nth-child(odd) dd:before {
          position: absolute;
          left: -10px;
          bottom: 0px;
          top: 0px;
          margin: auto auto;
          text-align: center;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 10px 6px 0;
          border-color: transparent #ffffff transparent transparent; }
          @media screen and (max-width: 768px) {
            #personal.state #container #wrapper.state04 .unit dl:nth-child(odd) dd:before {
              top: 10%;
              bottom: inherit; } }
          @media screen and (max-width: 480px) {
            #personal.state #container #wrapper.state04 .unit dl:nth-child(odd) dd:before {
              top: 5%;
              bottom: inherit; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(even) dt {
        margin: 0 20% 0.5em 0; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(even) dt {
            margin: 0 0 0.5em 0; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(even) dd {
        margin: 0 20% 0 0; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(even) dd {
            margin: 0 30% 0 0; } }
        #personal.state #container #wrapper.state04 .unit dl:nth-child(even) dd:before {
          position: absolute;
          right: -10px;
          bottom: 0px;
          top: 0px;
          margin: auto auto;
          text-align: center;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 0 6px 10px;
          border-color: transparent transparent transparent #ffffff; }
          @media screen and (max-width: 768px) {
            #personal.state #container #wrapper.state04 .unit dl:nth-child(even) dd:before {
              top: 15%;
              bottom: inherit; } }
          @media screen and (max-width: 480px) {
            #personal.state #container #wrapper.state04 .unit dl:nth-child(even) dd:before {
              top: 5%;
              bottom: inherit; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+1) {
        background: url("../../common/img//personal/state/state04/icon01.png") no-repeat 3% 50% #f1b1c2; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+1) {
            background-position: 6% 70px;
            background-size: 20%; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+2) {
        background: url("../../common/img//personal/state/state04/icon02.png") no-repeat 97% 50% #90d3f4; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+2) {
            background-position: 94% 70px;
            background-size: 20%; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+3) {
        background: url("../../common/img//personal/state/state04/icon03.png") no-repeat 3% 50% #97d499; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+3) {
            background-position: 6% 70px;
            background-size: 20%; } }
      #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+4) {
        background: url("../../common/img//personal/state/state04/icon04.png") no-repeat 97% 50% #f6c08b; }
        @media screen and (max-width: 768px) {
          #personal.state #container #wrapper.state04 .unit dl:nth-child(4n+4) {
            background-position: 94% 70px;
            background-size: 20%; } }

#sedschool #container {
  width: 100%; }
  #sedschool #container .pageTtl_flag h2 {
    font-size: 36px;
    font-size: 3.6rem; }
    #sedschool #container .pageTtl_flag h2 span {
      font-size: 20px;
      font-size: 2rem;
      padding-left: 0.5em; }
      @media screen and (max-width: 480px) {
        #sedschool #container .pageTtl_flag h2 span {
          font-size: 16px;
          font-size: 1.6rem;
          display: block;
          padding: 0; } }
      @media screen and (max-width: 360px) {
        #sedschool #container .pageTtl_flag h2 span {
          font-size: 14px;
          font-size: 1.4rem; } }
    @media screen and (max-width: 768px) {
      #sedschool #container .pageTtl_flag h2 {
        font-size: 26px;
        font-size: 2.6rem;
        padding: 0.5em 0.5em; } }
    @media screen and (max-width: 480px) {
      #sedschool #container .pageTtl_flag h2 {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 0.5em 0; } }
    @media screen and (max-width: 360px) {
      #sedschool #container .pageTtl_flag h2 {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 768px) {
      #sedschool #container .pageTtl_flag h2:before {
        background-size: 46px 27px;
        width: 46px;
        height: 27px;
        left: -56px;
        top: 0.7em; } }
    @media screen and (max-width: 480px) {
      #sedschool #container .pageTtl_flag h2:before {
        background-size: 46px 27px;
        width: 46px;
        height: 27px;
        top: 0.7em; } }
    @media screen and (max-width: 768px) {
      #sedschool #container .pageTtl_flag h2:after {
        background-size: 46px 27px;
        width: 46px;
        height: 27px;
        right: -56px;
        top: 0.7em; } }
    @media screen and (max-width: 480px) {
      #sedschool #container .pageTtl_flag h2:after {
        background-size: 46px 27px;
        width: 46px;
        height: 27px;
        top: 0.7em; } }
  #sedschool #container #wrapper .PageTtl {
    color: #eb6e90;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300; }
    @media screen and (max-width: 1024px) {
      #sedschool #container #wrapper .PageTtl {
        font-size: 36px;
        font-size: 3.6rem; } }
    @media screen and (max-width: 768px) {
      #sedschool #container #wrapper .PageTtl {
        font-size: 30px;
        font-size: 3rem; } }
    @media screen and (max-width: 480px) {
      #sedschool #container #wrapper .PageTtl {
        font-size: 30px;
        font-size: 3rem; } }
  #sedschool #container #wrapper .underPageLink {
    border-bottom: 1px solid #DDD;
    margin-bottom: 2em; }
    #sedschool #container #wrapper .underPageLink ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #sedschool #container #wrapper .underPageLink ul li {
        padding: 0 1.5em; }
        #sedschool #container #wrapper .underPageLink ul li a {
          display: block;
          padding: 1em 0;
          border-bottom: 4px solid transparent; }
          #sedschool #container #wrapper .underPageLink ul li a:hover {
            border-bottom: 4px solid #eb6e8f; }
        #sedschool #container #wrapper .underPageLink ul li.on a {
          border-bottom: 4px solid #eb6e8f; }
    #sedschool #container #wrapper .underPageLink.sp {
      border-bottom: none;
      margin-bottom: 0; }
      #sedschool #container #wrapper .underPageLink.sp ul {
        display: block;
        border-top: 1px solid #DDD; }
        #sedschool #container #wrapper .underPageLink.sp ul li {
          padding: 0 0; }
          #sedschool #container #wrapper .underPageLink.sp ul li a {
            display: block;
            padding: 1em 1.5em;
            border-bottom: 1px solid #DDD;
            position: relative; }
            #sedschool #container #wrapper .underPageLink.sp ul li a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              color: #eb6e8f;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 35%;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (max-width: 480px) {
                #sedschool #container #wrapper .underPageLink.sp ul li a:after {
                  font-size: 14px;
                  font-size: 1.4rem; } }
  #sedschool #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #sedschool #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #sedschool #container #wrapper .txtimgBox {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #sedschool #container #wrapper .txtimgBox {
        display: block;
        padding: 0 1em; } }
    #sedschool #container #wrapper .txtimgBox .catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #sedschool #container #wrapper .txtimgBox .catch {
          font-size: 26px;
          font-size: 2.6rem;
          padding: 0; } }
      @media screen and (max-width: 480px) {
        #sedschool #container #wrapper .txtimgBox .catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #sedschool #container #wrapper .txtimgBox p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
      @media screen and (max-width: 768px) {
        #sedschool #container #wrapper .txtimgBox p.img {
          width: 100%;
          padding: 0;
          margin-bottom: 1em; } }
      #sedschool #container #wrapper .txtimgBox p.img img {
        width: 100%;
        height: auto; }
    #sedschool #container #wrapper .txtimgBox.imgR p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
    #sedschool #container #wrapper .txtimgBox.imgL p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
    #sedschool #container #wrapper .txtimgBox div {
      width: 68%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #sedschool #container #wrapper .txtimgBox div {
          width: 100%; } }
      #sedschool #container #wrapper .txtimgBox div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 1em; }
        #sedschool #container #wrapper .txtimgBox div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90;
          margin-bottom: 0.6em; }
          @media screen and (max-width: 768px) {
            #sedschool #container #wrapper .txtimgBox div p.catch {
              font-size: 24px;
              font-size: 2.4rem;
              margin-bottom: 0.6em; } }
          @media screen and (max-width: 480px) {
            #sedschool #container #wrapper .txtimgBox div p.catch {
              font-size: 20px;
              font-size: 2rem; } }
  #sedschool #container #wrapper .catch {
    font-size: 30px;
    font-size: 3rem;
    color: #eb6e90;
    font-weight: 300;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 768px) {
      #sedschool #container #wrapper .catch {
        font-size: 26px;
        font-size: 2.6rem;
        padding: 0; } }
    @media screen and (max-width: 480px) {
      #sedschool #container #wrapper .catch {
        font-size: 24px;
        font-size: 2.4rem; } }
  #sedschool #container #wrapper .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #sedschool #container #wrapper .btn a, #sedschool #container #wrapper .btn button {
      text-align: center;
      padding: 1em 3.5em 1em 3em;
      margin: 0 auto;
      width: 400px;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #eb6e8f;
      color: #FFF; }
      #sedschool #container #wrapper .btn a:focus, #sedschool #container #wrapper .btn button:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        #sedschool #container #wrapper .btn a, #sedschool #container #wrapper .btn button {
          width: 100%;
          padding: 1em;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #sedschool #container #wrapper .btn a, #sedschool #container #wrapper .btn button {
          padding: 1em 1em 1em 0.5em;
          font-size: 16px;
          font-size: 1.6rem; } }
      #sedschool #container #wrapper .btn a:after, #sedschool #container #wrapper .btn button:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 0;
        position: absolute;
        right: 0.5em;
        top: 35%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #sedschool #container #wrapper .btn a:after, #sedschool #container #wrapper .btn button:after {
            font-size: 14px;
            font-size: 1.4rem; } }
  #sedschool #container #wrapper .sttl {
    text-align: left;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      #sedschool #container #wrapper .sttl {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 480px) {
      #sedschool #container #wrapper .sttl {
        font-size: 18px;
        font-size: 1.8rem; } }
#sedschool.sedschool #container #wrapper {
  width: 100%; }
  #sedschool.sedschool #container #wrapper.index .intro {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #sedschool.sedschool #container #wrapper.index .intro {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 480px) {
      #sedschool.sedschool #container #wrapper.index .intro {
        padding: 0 1em; } }
    #sedschool.sedschool #container #wrapper.index .intro .ex {
      padding: 1em 0px 1.5em 183px;
      margin-bottom: 2em;
      background: url("../../common/img/sedschool/index/img00.jpg") no-repeat 30px 2em;
      background-size: 120px 112px;
      position: relative; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.index .intro .ex {
          background: url("../../common/img/sedschool/index/img00.jpg") no-repeat 10px 3em;
          background-size: 160px 137px;
          padding: 1em 0px 2em 200px; } }
      @media screen and (max-width: 380px) {
        #sedschool.sedschool #container #wrapper.index .intro .ex {
          background: url("../../common/img/sedschool/index/img00.jpg") no-repeat center 1em;
          background-size: 160px 137px;
          padding: 176px 0.5em 2.5em; } }
      #sedschool.sedschool #container #wrapper.index .intro .ex:before {
        content: "";
        background: url("../../common/img/sedschool/index/bg_top.png") no-repeat 0 0;
        background-size: 53px 38px;
        width: 53px;
        height: 38px;
        display: block;
        position: absolute;
        top: 0;
        left: 0; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.index .intro .ex:before {
            background-size: 80px 56px;
            width: 80px;
            height: 56px; } }
      #sedschool.sedschool #container #wrapper.index .intro .ex:after {
        content: "";
        background: url("../../common/img/sedschool/index/bg_btm.png") no-repeat 0 0;
        background-size: 51px 35px;
        width: 51px;
        height: 35px;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.index .intro .ex:after {
            background-size: 80px 55px;
            width: 80px;
            height: 55px; } }
      #sedschool.sedschool #container #wrapper.index .intro .ex h1.catch {
        font-size: 30px;
        font-size: 3rem;
        color: #eb6e90;
        font-weight: 300;
        margin-bottom: 0.5em; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.index .intro .ex h1.catch {
            font-size: 26px;
            font-size: 2.6rem; } }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.index .intro .ex h1.catch {
            font-size: 24px;
            font-size: 2.4rem; } }
      #sedschool.sedschool #container #wrapper.index .intro .ex p {
        font-size: 18px;
        font-size: 1.8rem; }
        #sedschool.sedschool #container #wrapper.index .intro .ex p span {
          font-size: 14px;
          font-size: 1.4rem;
          display: block;
          margin-bottom: 0.8em; }
    #sedschool.sedschool #container #wrapper.index .intro .msg {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 2em; }
      #sedschool.sedschool #container #wrapper.index .intro .msg p {
        margin-bottom: 1em;
        line-height: 2.0;
        width: 46%; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.index .intro .msg p {
            width: 100%; } }
        #sedschool.sedschool #container #wrapper.index .intro .msg p.img {
          width: 49%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .intro .msg p.img {
              width: 100%; } }
          #sedschool.sedschool #container #wrapper.index .intro .msg p.img img {
            width: 100%;
            height: auto; }
    #sedschool.sedschool #container #wrapper.index .intro ul {
      border-top: 1px dashed #000; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.index .intro ul {
          width: 100%; } }
      #sedschool.sedschool #container #wrapper.index .intro ul li {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px dashed #000;
        padding: 2em 0 2em;
        min-height: 122px;
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.index .intro ul li {
            padding: 1em 0; } }
        #sedschool.sedschool #container #wrapper.index .intro ul li p.img {
          width: 10%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .intro ul li p.img {
              width: 20%;
              display: flex;
              align-items: center; } }
          @media screen and (max-width: 480px) {
            #sedschool.sedschool #container #wrapper.index .intro ul li p.img {
              float: left; } }
          #sedschool.sedschool #container #wrapper.index .intro ul li p.img img {
            width: 100%;
            height: auto; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li p.img img {
                width: 90%; } }
        #sedschool.sedschool #container #wrapper.index .intro ul li dl {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: center; }
          #sedschool.sedschool #container #wrapper.index .intro ul li dl dt {
            width: 40%;
            font-size: 36px;
            font-size: 3.6rem;
            line-height: 1.4; }
            #sedschool.sedschool #container #wrapper.index .intro ul li dl dt span {
              font-size: 18px;
              font-size: 1.8rem;
              display: block; }
              @media screen and (max-width: 768px) {
                #sedschool.sedschool #container #wrapper.index .intro ul li dl dt span {
                  font-size: 16px;
                  font-size: 1.6rem; } }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li dl dt {
                width: 100%;
                font-size: 30px;
                font-size: 3rem; } }
          #sedschool.sedschool #container #wrapper.index .intro ul li dl dd {
            width: 60%;
            font-size: 14px;
            font-size: 1.4rem; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li dl dd {
                width: 100%; } }
        #sedschool.sedschool #container #wrapper.index .intro ul li.support p.img {
          width: 10%;
          margin-right: 2%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .intro ul li.support p.img {
              width: 18%; } }
          #sedschool.sedschool #container #wrapper.index .intro ul li.support p.img img {
            width: 100%;
            height: auto; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li.support p.img img {
                width: 90%; } }
        #sedschool.sedschool #container #wrapper.index .intro ul li.support dl {
          width: 88%;
          justify-content: flex-start;
          color: #4cabe1; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .intro ul li.support dl {
              width: 80%; } }
          #sedschool.sedschool #container #wrapper.index .intro ul li.support dl dt {
            width: 22%; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li.support dl dt {
                width: 100%; } }
          #sedschool.sedschool #container #wrapper.index .intro ul li.support dl dd {
            width: 78%; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li.support dl dd {
                width: 100%; } }
        #sedschool.sedschool #container #wrapper.index .intro ul li.education dl {
          color: #ea6d8d; }
        #sedschool.sedschool #container #wrapper.index .intro ul li.development dl {
          color: #9eb622; }
        #sedschool.sedschool #container #wrapper.index .intro ul li.education div.inner, #sedschool.sedschool #container #wrapper.index .intro ul li.development div.inner {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start;
          width: 88%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .intro ul li.education div.inner, #sedschool.sedschool #container #wrapper.index .intro ul li.development div.inner {
              width: 80%; } }
          #sedschool.sedschool #container #wrapper.index .intro ul li.education div.inner dl, #sedschool.sedschool #container #wrapper.index .intro ul li.development div.inner dl {
            width: 50%; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li.education div.inner dl, #sedschool.sedschool #container #wrapper.index .intro ul li.development div.inner dl {
                width: 48%;
                margin-bottom: 1em; } }
            @media screen and (max-width: 480px) {
              #sedschool.sedschool #container #wrapper.index .intro ul li.education div.inner dl, #sedschool.sedschool #container #wrapper.index .intro ul li.development div.inner dl {
                width: 100%; } }
  #sedschool.sedschool #container #wrapper.index .pageIndex {
    width: 100%;
    background: #fbf9f0;
    padding: 4em 0 1em;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      #sedschool.sedschool #container #wrapper.index .pageIndex {
        padding: 2em 0 1em; } }
    #sedschool.sedschool #container #wrapper.index .pageIndex ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 1000px;
      margin: 0 auto 2em; }
      @media screen and (max-width: 1024px) {
        #sedschool.sedschool #container #wrapper.index .pageIndex ul {
          width: 100%;
          padding: 0 1.5em 0em; } }
      #sedschool.sedschool #container #wrapper.index .pageIndex ul li {
        width: 31%;
        margin-right: 3.4%;
        margin-bottom: 3%;
        padding-top: 21%;
        position: relative; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.index .pageIndex ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 1.5em;
            padding-top: 45%; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(3n) {
          margin-right: 0; }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
          background: url("../../common/img/sedschool/index/img01.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
              background: url("../../common/img/sedschool/index/img01_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
          background: url("../../common/img/sedschool/index/img02.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
              background: url("../../common/img/sedschool/index/img02_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
          background: url("../../common/img/sedschool/index/img03.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
              background: url("../../common/img/sedschool/index/img03_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(4) {
          background: url("../../common/img/sedschool/index/img04.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(4) {
              background: url("../../common/img/sedschool/index/img04_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(5) {
          background: url("../../common/img/sedschool/index/img05.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(5) {
              background: url("../../common/img/sedschool/index/img05_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(6) {
          background: url("../../common/img/sedschool/index/img06.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li:nth-of-type(6) {
              background: url("../../common/img/sedschool/index/img06_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li p.img {
          margin-bottom: 0.8em; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li p.img {
              height: 200px;
              overflow: hidden;
              position: relative; } }
          @media screen and (max-width: 480px) {
            #sedschool.sedschool #container #wrapper.index .pageIndex ul li p.img {
              height: 160px; } }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li p.page_name {
          color: #eb6e90;
          font-size: 18px;
          font-size: 1.8rem;
          margin-bottom: 0.5em; }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li p.txt {
          font-size: 14px;
          font-size: 1.4rem; }
        #sedschool.sedschool #container #wrapper.index .pageIndex ul li a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0; }
  #sedschool.sedschool #container #wrapper.index .komon {
    width: 1000px;
    margin: 0 auto;
    padding: 2em 0; }
    #sedschool.sedschool #container #wrapper.index .komon h1.sttl {
      font-size: 20px;
      font-size: 2rem; }
    @media screen and (max-width: 1024px) {
      #sedschool.sedschool #container #wrapper.index .komon {
        width: 100%;
        padding: 2em 1em; } }
    #sedschool.sedschool #container #wrapper.index .komon .inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #sedschool.sedschool #container #wrapper.index .komon .inner dl {
        width: 49%;
        padding: 1.5em 0; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.index .komon .inner dl {
            width: 100%; } }
        #sedschool.sedschool #container #wrapper.index .komon .inner dl:nth-of-type(1) {
          width: 50%;
          background: url("../../common/img/sedschool/index/komon01.jpg") no-repeat 0 0;
          background-size: 144px 159px;
          padding-left: 142px;
          position: relative; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .komon .inner dl:nth-of-type(1) {
              background-size: 203px 224px;
              background-position: center 0;
              padding: 224px 0 0 0;
              width: 100%;
              margin-bottom: 1em; } }
        #sedschool.sedschool #container #wrapper.index .komon .inner dl:nth-of-type(2) {
          width: 49%;
          background: url("../../common/img/sedschool/index/komon02.jpg") no-repeat 0 0;
          background-size: 167px 164px;
          padding-left: 165px;
          position: relative; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.index .komon .inner dl:nth-of-type(2) {
              background-size: 235px 231px;
              background-position: center 0;
              padding: 231px 0 0 0;
              width: 100%; } }
        #sedschool.sedschool #container #wrapper.index .komon .inner dl dt {
          font-size: 20px;
          font-size: 2rem;
          margin-bottom: 0.5em; }
        #sedschool.sedschool #container #wrapper.index .komon .inner dl dd {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.8; }
  @media screen and (max-width: 768px) {
    #sedschool.sedschool #container #wrapper.about .contentBox .txtimgBox {
      padding: 0 !important; } }
  #sedschool.sedschool #container #wrapper.about .contentBox .txtimgBox.imgR {
    flex-direction: row-reverse; }
    #sedschool.sedschool #container #wrapper.about .contentBox .txtimgBox.imgR div {
      width: 56% !important; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.about .contentBox .txtimgBox.imgR div {
          width: 100% !important; } }
    #sedschool.sedschool #container #wrapper.about .contentBox .txtimgBox.imgR .img {
      width: 42% !important; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.about .contentBox .txtimgBox.imgR .img {
          width: 100% !important;
          text-align: center;
          margin-bottom: 1em !important; }
          #sedschool.sedschool #container #wrapper.about .contentBox .txtimgBox.imgR .img img {
            width: 80% !important; } }
  #sedschool.sedschool #container #wrapper.about .contentBox .unit .inner.photoBlock {
    display: none; }
  @media screen and (max-width: 768px) {
    #sedschool.sedschool #container #wrapper.about .contentBox .unit .inner.photoBlock {
      display: block;
      width: 100%;
      padding: 0 1em;
      margin: 0 auto; }
      #sedschool.sedschool #container #wrapper.about .contentBox .unit .inner.photoBlock dl {
        padding: 0 0.5em;
        width: 100%;
        margin: 0 0 1em; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .inner.photoBlock dl dt {
          text-align: left;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 300;
          font-family: 'NotoSans';
          border-bottom: 3px solid #d8d8d8;
          position: relative;
          padding-bottom: 0.5em;
          margin-bottom: 1em; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .inner.photoBlock dl dt:after {
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: -3px;
            content: '';
            background: #7bcf7c;
            height: 3px;
            width: 5.5em; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .inner.photoBlock dl dd {
          text-align: center;
          margin-bottom: 1.5em; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .inner.photoBlock dl dd img {
            width: 100%;
            height: auto; } }
  #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock {
    width: 100%; }
    @media screen and (max-width: 768px) {
      #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock {
        margin-bottom: 2em; } }
    #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .info {
      margin-bottom: 1em;
      text-align: left;
      font-size: 18px;
      font-size: 1.8rem; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .info {
          margin-bottom: 1em; } }
    #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map {
      text-align: left;
      width: 100%;
      padding: 5em 3em;
      margin: 0 auto 5em;
      position: relative;
      background: #fbf9f0; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map {
          margin: 0 auto 2em;
          padding: 2em 3em; } }
      @media screen and (max-width: 480px) {
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map {
          margin: 0 auto 2em;
          padding: 2em 1em; } }
      #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map p {
        text-align: center; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map p img {
          width: 100%;
          height: auto; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map p span {
          margin-top: 1em; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map p span img {
            width: auto;
            zoom: 0.7; }
      #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button {
        background: #eb6e90;
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
        width: auto;
        padding: 0 3em;
        border: none;
        color: #FFF;
        height: 40px;
        display: inline-block;
        font-size: 18px;
        font-size: 1.8rem;
        position: absolute;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button {
            font-size: 16px;
            font-size: 1.6rem;
            padding: 0 2em; } }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button {
            font-size: 14px;
            font-size: 1.4rem;
            padding: 0 2em; } }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button:focus {
          outline: 0; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn01 {
          top: 10%;
          left: 26%; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn02 {
          top: 5%;
          right: 10%; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn03 {
          top: 45%;
          left: 58%; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn03:before {
            border-width: 9px 10px 9px 0;
            bottom: 0;
            top: 0;
            left: -10px;
            right: inherit;
            border-color: transparent #eb6e90 transparent transparent; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn04 {
          top: 78%;
          left: 8%; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn04:before {
            border-width: 0px 9px 10px 9px;
            bottom: inherit;
            top: -10px;
            border-color: transparent transparent #eb6e90 transparent; }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn05 {
          bottom: 6%;
          top: inherit;
          left: 32%; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn05:before {
            border-width: 0px 9px 10px 9px;
            bottom: inherit;
            top: -47px;
            border-color: transparent transparent #eb6e90 transparent; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn01 {
            top: 58%;
            left: 12%; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn02 {
            top: 2%;
            right: inherit;
            left: 20%; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn03 {
            top: 40%;
            left: 40%; }
            #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn03:before {
              border-width: 10px 9px 0 9px;
              bottom: -30px;
              top: inherit;
              left: 0;
              right: 0;
              border-color: #eb6e90 transparent transparent transparent; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn04 {
            top: 70%;
            left: inherit;
            right: 8%; }
            #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn04:before {
              border-width: 10px 9px 0px 9px;
              bottom: -20px;
              top: inherit;
              left: 0;
              right: 0;
              border-color: #eb6e90 transparent transparent transparent; }
          #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn05 {
            top: 50%;
            bottom: inherit;
            left: inherit;
            right: 8%; }
            #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button.btn05:before {
              border-width: 10px 9px 0px 9px;
              bottom: -30px;
              top: inherit;
              left: 0;
              right: 0;
              border-color: #eb6e90 transparent transparent transparent; } }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 13px;
          padding: 0 0 0 0;
          position: absolute;
          top: 1em;
          right: 1em;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button:after {
              right: 0.5em; } }
        #sedschool.sedschool #container #wrapper.about .contentBox .unit .mapBlock .map button:before {
          position: absolute;
          left: 0px;
          right: 0px;
          bottom: -10px;
          margin: auto auto;
          text-align: center;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 9px 0px 9px;
          border-color: #eb6e90 transparent transparent transparent; }
  #sedschool.sedschool #container #wrapper.about .contentBox .unit .modalPhoto {
    display: none; }
  .iziModal {
    position: relative;
    width: 90%; }
    .iziModal .iziModal-content .inner {
      overflow: hidden;
      padding: 1.5em; }
      .iziModal .iziModal-content .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        .iziModal .iziModal-content .inner p.img {
          float: left;
          margin-right: 2em; }
        .iziModal .iziModal-content .inner p span.title {
          color: #eb6e90;
          font-size: 24px;
          font-size: 2.4rem;
          display: block; }
    .iziModal .iziModal-content .closebtn {
      position: absolute;
      top: -12px;
      right: -12px; }
      .iziModal .iziModal-content .closebtn img {
        zoom: 0.5; }
  @media screen and (max-width: 1024px) {
    #sedschool.sedschool #container #wrapper.dodai .contentBox {
      padding: 0 1em 2em; } }
  @media screen and (max-width: 768px) {
    #sedschool.sedschool #container #wrapper.dodai .contentBox {
      padding: 0 0 1em; } }
  @media screen and (max-width: 768px) {
    #sedschool.sedschool #container #wrapper.dodai .contentBox h1.PageTtl {
      padding: 0 0.5em; } }
  #sedschool.sedschool #container #wrapper.dodai .contentBox .sttl {
    font-size: 20px;
    font-size: 2rem; }
  #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox {
    margin-bottom: 3em; }
    @media screen and (max-width: 768px) {
      #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox {
        margin-bottom: 2em; } }
    #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox p.img {
      padding: 0 0em;
      margin: 2em auto; }
      #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox p.img img {
        width: 100%;
        height: auto; }
    @media screen and (max-width: 768px) {
      #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox .txtBox {
        padding: 0 1em; } }
    #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox .txtBox h2.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox .txtBox h2.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #sedschool.sedschool #container #wrapper.dodai .contentBox .introBox .txtBox h2.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
  #sedschool.sedschool #container #wrapper.dodai .contentBox .unit {
    margin-bottom: 3em; }
    @media screen and (max-width: 768px) {
      #sedschool.sedschool #container #wrapper.dodai .contentBox .unit {
        padding: 0 1em;
        margin-bottom: 2em; } }
    #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.miniku .suimin {
      background: #fbf9f0;
      text-align: center;
      margin: 2em auto 0;
      padding: 3em; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.miniku .suimin {
          padding: 1em; } }
      #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.miniku .suimin img {
        width: 100%; }
    #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.kankaku .imgBox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto 2em; }
      #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.kankaku .imgBox p {
        width: 32%; }
        #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.kankaku .imgBox p img {
          width: 100%;
          height: auto; }
    #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku h2.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku h2.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku h2.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 2em auto; }
      #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock div {
        width: 48%; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock div {
            width: 100%;
            margin-bottom: 1em; } }
        #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock div p {
          font-size: 14px;
          font-size: 1.4rem; }
      #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock dl.dayflow {
        margin: 2em auto 0;
        width: 100%; }
        #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock dl.dayflow dt {
          background: #eb6e90;
          color: #FFF;
          padding: 0.5em;
          text-align: center;
          font-size: 18px;
          font-size: 1.8rem;
          margin-bottom: 1em; }
        #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock dl.dayflow dd img {
          width: 100%;
          height: auto; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock dl.dayflow dd.imgBox {
            overflow-x: scroll; }
            #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock dl.dayflow dd.imgBox img {
              width: 1200px;
              height: auto; }
          #sedschool.sedschool #container #wrapper.dodai .contentBox .unit.ouyouryoku .kakawariBlock dl.dayflow dd.sp {
            margin: 1em auto; } }
  #sedschool.sedschool #container #wrapper.message .unit {
    margin: 2em auto; }
    #sedschool.sedschool #container #wrapper.message .unit .inner {
      padding: 1.5em;
      margin-bottom: 1.5em; }
      #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        padding: 0;
        margin: 0 0 0.5em 0; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock {
            flex-wrap: wrap; } }
        #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock .staffName {
          font-size: 14px;
          font-size: 1.4rem;
          color: #eb6e90; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock .staffName {
              width: 100%; } }
          #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock .staffName p.title {
            text-align: left; }
          #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock .staffName p.name {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            font-size: 30px;
            font-size: 3rem; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock .staffName p.name {
                flex-wrap: wrap; } }
            #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock .staffName p.name span.titleCat {
              display: block;
              font-size: 14px;
              font-size: 1.4rem;
              margin-top: 4px;
              padding-right: 1em; }
        #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock ul.detail {
          margin-left: 1em; }
          @media screen and (max-width: 1024px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock ul.detail {
              width: 62%; } }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock ul.detail {
              width: 100%;
              margin-left: 0; } }
          #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock ul.detail li {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 0.6em;
            text-align: left;
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock ul.detail li p {
                width: 100%;
                margin-left: 0; } }
            #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock ul.detail li span {
              width: 10%;
              min-width: 70px;
              text-align: center;
              color: #FFF;
              background: #eb6e90;
              font-size: 14px;
              font-size: 1.4rem;
              padding: 0.3em 0.3em 0.2em;
              margin-right: 0.5em;
              line-height: 1;
              -webkit-border-radius: 3px 3px 3px 3px;
              -moz-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px; }
              @media screen and (max-width: 768px) {
                #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock ul.detail li span {
                  margin-bottom: 0.5em; } }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.message .unit .inner div.detailBlock {
            width: 100%;
            font-size: 16px;
            font-size: 1.6rem;
            text-align: center;
            margin: 0 0 0.5em 0; } }
      #sedschool.sedschool #container #wrapper.message .unit .inner div.msg {
        width: 75%;
        min-height: 210px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.8;
        background: #FFF;
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
        padding: 2em;
        margin: 0 0 0 25%;
        position: relative; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.message .unit .inner div.msg {
            width: 70%;
            margin: 0 0 0 30%;
            padding: 1.5em; } }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.message .unit .inner div.msg {
            padding: 1em; } }
        #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:before {
          position: absolute;
          left: -10px;
          bottom: 0px;
          top: 0px;
          margin: auto auto;
          text-align: center;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 10px 6px 0;
          border-color: transparent #ffffff transparent transparent; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:before {
              top: 10%;
              bottom: inherit; } }
          @media screen and (max-width: 480px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:before {
              top: 5%;
              bottom: inherit; } }
        #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          left: -30%;
          top: -5px;
          background: url("../../common/img/sedschool/message/img01.png") no-repeat 0 0; }
          @media screen and (max-width: 1024px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:after {
              left: -35%;
              top: -5px; } }
          @media screen and (max-width: 830px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:after {
              left: -38%;
              top: -5px; } }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:after {
              background-size: 38% !important;
              left: -45%;
              top: -5px; } }
          @media screen and (max-width: 580px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:after {
              background-size: 50% !important;
              left: -48%;
              top: -5px; } }
          @media screen and (max-width: 480px) {
            #sedschool.sedschool #container #wrapper.message .unit .inner div.msg:after {
              left: -52%;
              top: -5px; } }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+1) {
        background: #fdeaef; }
        #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+1) div.detailBlock .staffName {
          color: #eb6e90; }
        #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+1) div.detailBlock ul.detail li span {
          background: #eb6e90; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+2) {
        background: #e0f4e0; }
        #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+2) div.detailBlock .staffName {
          color: #4ca74e; }
        #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+2) div.detailBlock ul.detail li span {
          background: #75cc77; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+3) {
        background: #e0eff7; }
        #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+3) div.detailBlock .staffName {
          color: #3097ca; }
        #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3n+3) div.detailBlock ul.detail li span {
          background: #5cbded; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(1) div.msg:after {
        background: url("../../common/img/sedschool/message/img01.png") no-repeat 0 0; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(2) div.msg:after {
        background: url("../../common/img/sedschool/message/img02.png") no-repeat 0 0; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(3) div.msg:after {
        background: url("../../common/img/sedschool/message/img03.png") no-repeat 0 0; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(4) div.msg:after {
        background: url("../../common/img/sedschool/message/img04.png") no-repeat 0 0; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(5) div.msg:after {
        background: url("../../common/img/sedschool/message/img05.png") no-repeat 0 0; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(6) div.msg:after {
        background: url("../../common/img/sedschool/message/img06.png") no-repeat 0 0; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(7) div.msg:after {
        background: url("../../common/img/sedschool/message/img07.png") no-repeat 0 0; }
      #sedschool.sedschool #container #wrapper.message .unit .inner:nth-child(8) div.msg:after {
        background: url("../../common/img/sedschool/message/img08.png") no-repeat 0 0; }
  #sedschool.sedschool #container #wrapper.voice .txtBox {
    margin-bottom: 2em; }
    @media screen and (max-width: 480px) {
      #sedschool.sedschool #container #wrapper.voice .txtBox h2.catch {
        font-size: 18px;
        font-size: 1.8rem; } }
    #sedschool.sedschool #container #wrapper.voice .txtBox div {
      overflow: hidden; }
      #sedschool.sedschool #container #wrapper.voice .txtBox div p {
        font-size: 14px;
        font-size: 1.4rem; }
        #sedschool.sedschool #container #wrapper.voice .txtBox div p.img {
          float: right;
          margin-left: 1em; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.voice .txtBox div p.img {
              max-width: 50%; }
              #sedschool.sedschool #container #wrapper.voice .txtBox div p.img img {
                width: 100%;
                height: auto; } }
    #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 2em; }
    #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table {
      width: 100%;
      margin-bottom: 3em; }
      #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table tr {
        border-bottom: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8; }
        #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table tr:first-of-type {
          background: #fbf0f0;
          border-top: 1px solid #d8d8d8; }
          #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table tr:first-of-type th {
            font-weight: bold;
            background: #fbf0f0; }
            @media screen and (max-width: 480px) {
              #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table tr:first-of-type th {
                font-size: 14px;
                font-size: 1.4rem; } }
      #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table th, #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table td {
        padding: 1em;
        border-right: 1px solid #d8d8d8;
        text-align: center; }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table th, #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table td {
            font-size: 14px;
            font-size: 1.4rem; } }
      #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table th {
        background: #f3f3f3;
        font-weight: 100; }
      #sedschool.sedschool #container #wrapper.voice .txtBox.ryoukin table td {
        text-align: right; }
  #sedschool.sedschool #container #wrapper.voice .unit div.inner {
    padding: 1.5em;
    margin-bottom: 1.5em; }
    #sedschool.sedschool #container #wrapper.voice .unit div.inner dl {
      width: 80%;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.8;
      background: #FFF;
      -webkit-border-radius: 6px 6px 6px 6px;
      -moz-border-radius: 6px 6px 6px 6px;
      border-radius: 6px 6px 6px 6px;
      padding: 2em;
      margin: 0 0 0 25%;
      position: relative; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.voice .unit div.inner dl {
          width: 70%; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner dl dt {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 600;
        width: 80%;
        padding: 0;
        margin: 0 0 0.5em 0; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.voice .unit div.inner dl dt {
            width: 100%;
            font-size: 16px;
            font-size: 1.6rem; } }
    #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(odd) dl {
      margin: 0 0 0 20%; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(odd) dl {
          margin: 0 0 0 30%; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(odd) dl:before {
        position: absolute;
        left: -10px;
        bottom: 0px;
        top: 0px;
        margin: auto auto;
        text-align: center;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 10px 6px 0;
        border-color: transparent #ffffff transparent transparent; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(odd) dl:before {
            top: 10%;
            bottom: inherit; } }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(odd) dl:before {
            top: 5%;
            bottom: inherit; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(odd) dl dt {
        margin: 0 0 0.5em 0; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(odd) dl dt {
            margin: 0 0 0.5em 0; } }
    #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(even) dl {
      margin: 0 20% 0 0; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(even) dl {
          margin: 0 30% 0 0; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(even) dl:before {
        position: absolute;
        right: -10px;
        bottom: 0px;
        top: 0px;
        margin: auto auto;
        text-align: center;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10px;
        border-color: transparent transparent transparent #ffffff; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(even) dl:before {
            top: 15%;
            bottom: inherit; } }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(even) dl:before {
            top: 5%;
            bottom: inherit; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(even) dl dt {
        margin: 0 0 0.5em 0; }
        @media screen and (max-width: 768px) {
          #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(even) dl dt {
            margin: 0 0 0.5em 0; } }
    #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+1) {
      background: url("../../common/img/recruit/about/about05_icon01.png") no-repeat 3% 50% #f1b1c2; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+1) {
          background-position: 6% 10%;
          background-size: 20%; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+1) dl dt {
        color: #f38ba7; }
    #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+2) {
      background: url(../img/recruit/about/about05_icon02.png) no-repeat 97% 50% #90d3f4; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+2) {
          background-position: 94% 10%;
          background-size: 20%; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+2) dl dt {
        color: #5cbded; }
    #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+3) {
      background: url("../../common/img/recruit/about/about05_icon03.png") no-repeat 3% 50% #97d499; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+3) {
          background-position: 6% 10%;
          background-size: 20%; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+3) dl dt {
        color: #75cc77; }
    #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+4) {
      background: url(../img/recruit/about/about05_icon04.png) no-repeat 97% 50% #f6c08b; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+4) {
          background-position: 94% 10%;
          background-size: 20%; } }
      #sedschool.sedschool #container #wrapper.voice .unit div.inner:nth-child(4n+4) dl dt {
        color: #eea257; }
  #sedschool.sedschool #container #wrapper.flow .txtBox {
    margin-bottom: 2em; }
    @media screen and (max-width: 480px) {
      #sedschool.sedschool #container #wrapper.flow .txtBox h2.catch {
        font-size: 18px;
        font-size: 1.8rem; } }
    #sedschool.sedschool #container #wrapper.flow .txtBox div {
      overflow: hidden; }
      #sedschool.sedschool #container #wrapper.flow .txtBox div p {
        font-size: 14px;
        font-size: 1.4rem; }
        #sedschool.sedschool #container #wrapper.flow .txtBox div p.img {
          float: right;
          margin-left: 1em; }
          @media screen and (max-width: 768px) {
            #sedschool.sedschool #container #wrapper.flow .txtBox div p.img {
              max-width: 50%; }
              #sedschool.sedschool #container #wrapper.flow .txtBox div p.img img {
                width: 100%;
                height: auto; } }
    #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 2em; }
    #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table {
      width: 100%;
      margin-bottom: 3em; }
      #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table tr {
        border-bottom: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8; }
        #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table tr:first-of-type {
          background: #fbf0f0;
          border-top: 1px solid #d8d8d8; }
          #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table tr:first-of-type th {
            font-weight: bold;
            background: #fbf0f0; }
            @media screen and (max-width: 480px) {
              #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table tr:first-of-type th {
                font-size: 14px;
                font-size: 1.4rem; } }
      #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table th, #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table td {
        padding: 1em;
        border-right: 1px solid #d8d8d8;
        text-align: center; }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table th, #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table td {
            font-size: 14px;
            font-size: 1.4rem; } }
      #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table th {
        background: #f3f3f3;
        font-weight: 100; }
      #sedschool.sedschool #container #wrapper.flow .txtBox.ryoukin table td {
        text-align: right; }
  #sedschool.sedschool #container #wrapper.flow .unit .inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    position: relative;
    background: #fbf0f0;
    padding: 2em 1em 2em;
    margin-bottom: 3em; }
    @media screen and (max-width: 480px) {
      #sedschool.sedschool #container #wrapper.flow .unit .inner {
        padding: 1em 1em 1em; } }
    @media screen and (max-width: 768px) {
      #sedschool.sedschool #container #wrapper.flow .unit .inner p.img {
        padding-top: 0.5em; } }
    #sedschool.sedschool #container #wrapper.flow .unit .inner p.img img {
      zoom: 0.7; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.flow .unit .inner p.img img {
          zoom: 0.7; } }
      @media screen and (max-width: 480px) {
        #sedschool.sedschool #container #wrapper.flow .unit .inner p.img img {
          zoom: 0.4; } }
    #sedschool.sedschool #container #wrapper.flow .unit .inner dl {
      padding-left: 2em; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.flow .unit .inner dl {
          padding-left: 1em; } }
      @media screen and (max-width: 480px) {
        #sedschool.sedschool #container #wrapper.flow .unit .inner dl {
          padding-left: 0.5em; } }
      #sedschool.sedschool #container #wrapper.flow .unit .inner dl dt {
        color: #eb6e90;
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold; }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.flow .unit .inner dl dt {
            font-size: 16px;
            font-size: 1.6rem; } }
      #sedschool.sedschool #container #wrapper.flow .unit .inner dl dd {
        font-size: 14px;
        font-size: 1.4rem; }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.flow .unit .inner dl dd {
            font-size: 12px;
            font-size: 1.2rem; } }
    #sedschool.sedschool #container #wrapper.flow .unit .inner:after {
      position: absolute;
      margin: auto auto;
      left: 0px;
      right: 0px;
      bottom: -2em;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 20.5px 0 20.5px;
      border-color: #EB6E8A transparent transparent transparent; }
    #sedschool.sedschool #container #wrapper.flow .unit .inner:last-of-type {
      margin-bottom: 2em; }
      #sedschool.sedschool #container #wrapper.flow .unit .inner:last-of-type:after {
        display: none; }
    #sedschool.sedschool #container #wrapper.flow .unit .inner.point {
      background: none;
      text-align: center;
      display: block; }
      #sedschool.sedschool #container #wrapper.flow .unit .inner.point p {
        text-align: center;
        font-size: 16px;
        font-size: 1.6rem;
        color: #eb6e90;
        margin-bottom: 0.5em; }
        @media screen and (max-width: 480px) {
          #sedschool.sedschool #container #wrapper.flow .unit .inner.point p {
            font-size: 14px;
            font-size: 1.4rem;
            text-align: left; } }
        #sedschool.sedschool #container #wrapper.flow .unit .inner.point p:before {
          content: '●';
          font-size: 12px;
          font-size: 1.2rem; }
  #sedschool.sedschool #container #wrapper.list h2.sttl {
    margin: 1em auto 1em; }
  #sedschool.sedschool #container #wrapper.list .unit {
    padding: 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #sedschool.sedschool #container #wrapper.list .unit {
        padding: 0.5em 1em 0; } }
    @media screen and (max-width: 480px) {
      #sedschool.sedschool #container #wrapper.list .unit {
        padding: 0.5em 0em 0; } }
    #sedschool.sedschool #container #wrapper.list .unit dl {
      width: 48%;
      border-bottom: 1px dotted #666;
      margin-bottom: 1.5em;
      padding-bottom: 1em;
      position: relative; }
      @media screen and (max-width: 768px) {
        #sedschool.sedschool #container #wrapper.list .unit dl {
          width: 100%;
          padding: 0em 1em 0 0; } }
      @media screen and (max-width: 480px) {
        #sedschool.sedschool #container #wrapper.list .unit dl {
          width: 100%;
          padding: 0em 1.8em 0 0em; } }
      #sedschool.sedschool #container #wrapper.list .unit dl dt {
        margin-bottom: 0.2em; }
        #sedschool.sedschool #container #wrapper.list .unit dl dt a {
          color: #eb6e90;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold; }
          #sedschool.sedschool #container #wrapper.list .unit dl dt a.block {
            display: none; }
            @media screen and (max-width: 768px) {
              #sedschool.sedschool #container #wrapper.list .unit dl dt a.block {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                text-align: left;
                left: 0;
                top: 0; }
                #sedschool.sedschool #container #wrapper.list .unit dl dt a.block:after {
                  font-family: 'icomoon' !important;
                  content: "\e903";
                  font-size: 18px;
                  font-size: 1.8rem;
                  padding: 0 0 0;
                  position: absolute;
                  right: 0em;
                  top: 45%;
                  margin: auto auto;
                  font-style: normal;
                  font-weight: normal;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; } }
      #sedschool.sedschool #container #wrapper.list .unit dl dd {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0.5em; }

#recruit #container {
  width: 100%; }
  #recruit #container .pageTtl {
    height: 300px;
    border-bottom: 1px solid #FFF; }
    @media screen and (max-width: 1024px) {
      #recruit #container .pageTtl {
        background-position: center 0;
        background-size: cover; } }
    @media screen and (max-width: 768px) {
      #recruit #container .pageTtl {
        background-position: 40% 0px;
        background-size: 100%;
        margin-top: 90px;
        height: inherit; } }
    @media screen and (max-width: 480px) {
      #recruit #container .pageTtl {
        background-position: 43% 60px;
        background-size: 100%;
        margin-top: 60px; } }
    #recruit #container .pageTtl h2 {
      width: 1000px;
      margin: 0 auto;
      color: #FFF;
      padding-top: 3em;
      font-size: 36px;
      font-size: 3.6rem; }
      @media screen and (max-width: 1024px) {
        #recruit #container .pageTtl h2 {
          width: 100%;
          padding: 3.2em 1em; } }
      @media screen and (max-width: 768px) {
        #recruit #container .pageTtl h2 {
          width: 100%;
          padding: 1.8em 1em;
          font-size: 32px;
          font-size: 3.2rem; } }
      @media screen and (max-width: 480px) {
        #recruit #container .pageTtl h2 {
          width: 100%;
          padding: 1.3em 0.5em;
          font-size: 24px;
          font-size: 2.4rem; }
        #recruit #container .pageTtl.rctSingle h2 {
          display: none; } }
      #recruit #container .pageTtl h2 span {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0.1em;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 768px) {
          #recruit #container .pageTtl h2 span {
            margin-bottom: 0.05em; } }
  #recruit #container .recruitPageLink ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #recruit #container .recruitPageLink ul li {
      width: 25%; }
      @media screen and (max-width: 768px) {
        #recruit #container .recruitPageLink ul li {
          width: 50%; } }
      #recruit #container .recruitPageLink ul li a {
        color: #FFF;
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        padding: 1em;
        margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #recruit #container .recruitPageLink ul.txtBnr {
        display: none; } }
    #recruit #container .recruitPageLink ul.txtBnr li a {
      color: #FFF;
      display: block;
      position: relative;
      width: 100%;
      text-align: center;
      padding: 1em;
      margin: 0 auto;
      background: #7bcf7c; }
      @media screen and (max-width: 768px) {
        #recruit #container .recruitPageLink ul.txtBnr li a {
          text-align: left; } }
      #recruit #container .recruitPageLink ul.txtBnr li a:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 12px;
        padding: 0 0 0 15px;
        position: absolute;
        top: 38%;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 768px) {
          #recruit #container .recruitPageLink ul.txtBnr li a:after {
            right: 10px;
            padding: 0 0 0 0; } }
    #recruit #container .recruitPageLink ul.txtBnr li:nth-of-type(1) a {
      background: #7bcf7c; }
    #recruit #container .recruitPageLink ul.txtBnr li:nth-of-type(2) a {
      background: #eb6e90; }
    #recruit #container .recruitPageLink ul.txtBnr li:nth-of-type(3) a {
      background: #009be7; }
    #recruit #container .recruitPageLink ul.txtBnr li:nth-of-type(4) a {
      background: #f8a04a; }
    #recruit #container .recruitPageLink ul.underPageNav {
      background: #74cd75;
      justify-content: center;
      padding: 1.4em 0; }
      @media screen and (max-width: 768px) {
        #recruit #container .recruitPageLink ul.underPageNav {
          padding: 0 0; } }
      #recruit #container .recruitPageLink ul.underPageNav li {
        width: auto;
        text-align: center;
        border-right: 1px solid #FFF;
        padding: 0 2em;
        position: relative; }
        #recruit #container .recruitPageLink ul.underPageNav li:nth-of-type(1) {
          border-left: 1px solid #FFF; }
        @media screen and (max-width: 768px) {
          #recruit #container .recruitPageLink ul.underPageNav li {
            padding: 0 0;
            width: 20%;
            display: flex;
            align-items: center;
            flex: auto; }
            #recruit #container .recruitPageLink ul.underPageNav li:nth-of-type(1) {
              border-left: none; }
            #recruit #container .recruitPageLink ul.underPageNav li:last-of-type {
              border-right: none; } }
        #recruit #container .recruitPageLink ul.underPageNav li.on:after, #recruit #container .recruitPageLink ul.underPageNav li:hover:after {
          position: absolute;
          bottom: -1.5em;
          left: 0px;
          right: 0px;
          margin: auto auto;
          text-align: center;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 9px 8px 9px;
          border-color: transparent transparent #ffffff transparent; }
          @media screen and (max-width: 768px) {
            #recruit #container .recruitPageLink ul.underPageNav li.on:after, #recruit #container .recruitPageLink ul.underPageNav li:hover:after {
              bottom: 0; } }
        #recruit #container .recruitPageLink ul.underPageNav li a {
          padding: 0.2em 0 0.6em;
          border-bottom: 1px solid transparent;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1; }
          @media screen and (max-width: 768px) {
            #recruit #container .recruitPageLink ul.underPageNav li a {
              line-height: 1.4;
              font-size: 14px;
              font-size: 1.4rem;
              width: 100%;
              margin: 0 auto;
              padding: 1em 0.5em 1.4em;
              display: block;
              border-bottom: none; } }
        #recruit #container .recruitPageLink ul.underPageNav li.on a, #recruit #container .recruitPageLink ul.underPageNav li a:hover {
          border-bottom: 1px solid #FFF; }
          @media screen and (max-width: 768px) {
            #recruit #container .recruitPageLink ul.underPageNav li.on a, #recruit #container .recruitPageLink ul.underPageNav li a:hover {
              border-bottom: none; } }
      @media screen and (max-width: 768px) {
        #recruit #container .recruitPageLink ul.underPageNav.menu4 li {
          width: 25%; } }
      @media screen and (max-width: 480px) {
        #recruit #container .recruitPageLink ul.underPageNav.rctSingleUnderPageNav {
          display: none; } }
      ul.underPageNav.rctSingleUnderPageNavBtm {
          display: none;
      }
      @media screen and (max-width: 480px) {
          ul.underPageNav.rctSingleUnderPageNavBtm {
              display: flex;
              background: #74cd75;
              justify-content: center;
              padding: 0;
      }
          ul.underPageNav.rctSingleUnderPageNavBtm li {
              align-items: center;
              flex: auto;
              width: auto;
              text-align: center;
              border-right: 1px solid #FFF;
              padding: 0;
              position: relative; }
          ul.underPageNav.menu4.rctSingleUnderPageNavBtm li {
          width: 25%; }
          ul.underPageNav.rctSingleUnderPageNavBtm li:last-of-type {
                border-right: none; }
          ul.underPageNav.rctSingleUnderPageNavBtm li a {
              color:#fff;
              text-align: center;
              line-height: 1.4;
              font-size: 14px;
              font-size: 1.4rem;
              width: 100%;
              margin: 0 auto;
              padding: 1em 0.5em 1.4em;
              display: block;
              border-bottom: none; } }
  #recruit #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #recruit #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #recruit #container #wrapper .col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 1000px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      #recruit #container #wrapper .col2 {
        width: 100%;
        padding: 2em 1em 4em; } }
    @media screen and (max-width: 768px) {
      #recruit #container #wrapper .col2 {
        display: block;
        padding: 0 1em 4em; } }
    #recruit #container #wrapper .col2 .contentBox {
      padding-top: 0;
      margin: 0;
      width: 710px; }
      @media screen and (max-width: 1024px) {
        #recruit #container #wrapper .col2 .contentBox {
          width: 71%;
          padding: 0; } }
      @media screen and (max-width: 768px) {
        #recruit #container #wrapper .col2 .contentBox {
          width: 100%;
          padding: 0; } }
    #recruit #container #wrapper .col2 .sideCon {
      width: 260px;
      margin-bottom: 2em; }
      @media screen and (max-width: 1024px) {
        #recruit #container #wrapper .col2 .sideCon {
          width: 26%; } }
      @media screen and (max-width: 768px) {
        #recruit #container #wrapper .col2 .sideCon {
          width: 100%;
          margin-bottom: 2em; } }
      #recruit #container #wrapper .col2 .sideCon section {
        background: #f3f3f3;
        padding: 0 0 0; }
        #recruit #container #wrapper .col2 .sideCon section h1 {
          color: #FFF;
          background: #01a0e2;
          padding: 1em;
          text-align: center;
          letter-spacing: 0.05em; }
          #recruit #container #wrapper .col2 .sideCon section h1.sp {
            position: relative; }
            #recruit #container #wrapper .col2 .sideCon section h1.sp:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 12px;
              height: 12px;
              padding: 0 0 0 0;
              position: absolute;
              top: 0;
              bottom: 0;
              right: 1.2em;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
        @media screen and (min-width: 1024px) {
          #recruit #container #wrapper .col2 .sideCon section form {
            display: block !important; } }
        @media screen and (max-width: 768px) {
          #recruit #container #wrapper .col2 .sideCon section form {
            display: none; } }
        #recruit #container #wrapper .col2 .sideCon section dl {
          padding: 1em; }
          #recruit #container #wrapper .col2 .sideCon section dl dt {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: bold; }
          #recruit #container #wrapper .col2 .sideCon section dl dd {
            border-bottom: 1px dotted #333;
            padding-bottom: 1em;
            margin: 1em auto; }
        #recruit #container #wrapper .col2 .sideCon section ul li {
          padding: 0 1em; }
          #recruit #container #wrapper .col2 .sideCon section ul li a {
            position: relative;
            display: block;
            padding: 1em 1em 1em 1.8em;
            border-bottom: 1px dotted #333;
            font-size: 14px;
            font-size: 1.4rem; }
            #recruit #container #wrapper .col2 .sideCon section ul li a:before {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 12px;
              padding: 0 0 0 0;
              position: absolute;
              top: 36%;
              left: 0.8em;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 768px) {
        #recruit #container #wrapper .col2 .sideCon section ul.sideBySide li {
          display: inline-block;
          padding: 0 0.5em; }
        #recruit #container #wrapper .col2 .sideCon section ul.sideBySide li a {
          display: inline-block;
          border-bottom: none; } }
  #recruit #container #wrapper .txtimgBox {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #recruit #container #wrapper .txtimgBox {
        display: block;
        padding: 0 1em; } }
    #recruit #container #wrapper .txtimgBox p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
      @media screen and (max-width: 768px) {
        #recruit #container #wrapper .txtimgBox p.img {
          width: 100%;
          padding: 0;
          margin-bottom: 1em; } }
      #recruit #container #wrapper .txtimgBox p.img img {
        width: 100%;
        height: auto; }
    #recruit #container #wrapper .txtimgBox.imgR p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
    #recruit #container #wrapper .txtimgBox.imgL p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
    #recruit #container #wrapper .txtimgBox div {
      width: 68%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #recruit #container #wrapper .txtimgBox div {
          width: 100%; } }
      #recruit #container #wrapper .txtimgBox div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 1em; }
        #recruit #container #wrapper .txtimgBox div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90;
          margin-bottom: 0.6em; }
          @media screen and (max-width: 768px) {
            #recruit #container #wrapper .txtimgBox div p.catch {
              font-size: 24px;
              font-size: 2.4rem;
              margin-bottom: 0.6em; } }
          @media screen and (max-width: 480px) {
            #recruit #container #wrapper .txtimgBox div p.catch {
              font-size: 20px;
              font-size: 2rem; } }
  #recruit #container #wrapper.form .contentBox, #recruit #container #wrapper.form_job_search .contentBox {
    padding: 0 0 4em; }
    @media screen and (max-width: 768px) {
      #recruit #container #wrapper.form .contentBox, #recruit #container #wrapper.form_job_search .contentBox {
        padding: 0em 1em 2em; } }
    #recruit #container #wrapper.form .contentBox p.catch, #recruit #container #wrapper.form_job_search .contentBox p.catch {
      color: #009be7;
      font-size: 24px;
      font-size: 2.4rem; }
      @media screen and (max-width: 1024px) {
        #recruit #container #wrapper.form .contentBox p.catch, #recruit #container #wrapper.form_job_search .contentBox p.catch {
          padding: 0em 1em; } }
      @media screen and (max-width: 768px) {
        #recruit #container #wrapper.form .contentBox p.catch, #recruit #container #wrapper.form_job_search .contentBox p.catch {
          padding: 0em 0em; } }
    #recruit #container #wrapper.form .contentBox p.catch + p, #recruit #container #wrapper.form_job_search .contentBox p.catch + p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 2em; }
    #recruit #container #wrapper.form .contentBox .unit dl, #recruit #container #wrapper.form_job_search .contentBox .unit dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      border: 1px solid #DDD;
      border-bottom: none;
      font-size: 14px;
      font-size: 1.4rem; }
      @media screen and (max-width: 768px) {
        #recruit #container #wrapper.form .contentBox .unit dl, #recruit #container #wrapper.form_job_search .contentBox .unit dl {
          border: none; } }
      #recruit #container #wrapper.form .contentBox .unit dl dt, #recruit #container #wrapper.form .contentBox .unit dl dd, #recruit #container #wrapper.form_job_search .contentBox .unit dl dt, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd {
        padding: 1.5em;
        border-bottom: 1px solid #DDD; }
        @media screen and (max-width: 768px) {
          #recruit #container #wrapper.form .contentBox .unit dl dt, #recruit #container #wrapper.form .contentBox .unit dl dd, #recruit #container #wrapper.form_job_search .contentBox .unit dl dt, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd {
            border: none; } }
      #recruit #container #wrapper.form .contentBox .unit dl dt, #recruit #container #wrapper.form_job_search .contentBox .unit dl dt {
        width: 25%;
        background: #F3F3F3;
        font-weight: bold;
        border-right: 1px solid #DDD;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #recruit #container #wrapper.form .contentBox .unit dl dt, #recruit #container #wrapper.form_job_search .contentBox .unit dl dt {
            width: 100%;
            border-right: none;
            padding: 1em 1.5em; } }
        #recruit #container #wrapper.form .contentBox .unit dl dt span, #recruit #container #wrapper.form_job_search .contentBox .unit dl dt span {
          font-size: 12px;
          font-size: 1.2rem;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          color: #FFF;
          font-weight: 100;
          padding: 0.3em 0.5em 0.15em;
          line-height: 1;
          background: #009be7; }
      #recruit #container #wrapper.form .contentBox .unit dl dd, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd {
        width: 75%; }
        @media screen and (max-width: 768px) {
          #recruit #container #wrapper.form .contentBox .unit dl dd, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd {
            width: 100%;
            padding: 1.8em 1.5em; } }
        #recruit #container #wrapper.form .contentBox .unit dl dd span.ex, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd span.ex {
          display: block;
          padding-top: 0.8em; }
        #recruit #container #wrapper.form .contentBox .unit dl dd input, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input {
          margin-right: 10px;
          background: #FFF;
          border: 1px solid #DDD;
          padding: 1.3em;
          border-radius: 3px; }
        #recruit #container #wrapper.form .contentBox .unit dl dd input[type="checkbox"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="checkbox"] {
          display: none; }
        #recruit #container #wrapper.form .contentBox .unit dl dd input[readonly="readonly"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[readonly="readonly"] {
          background: #CCC; }
        #recruit #container #wrapper.form .contentBox .unit dl dd label, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd label {
          position: relative;
          padding: 3px 3px 3px 24px;
          display: inline-block;
          font-size: 14px;
          font-size: 1.4rem; }
          #recruit #container #wrapper.form .contentBox .unit dl dd label::before, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd label::before {
            position: absolute;
            content: '';
            top: 0.8em;
            left: 0;
            width: 14px;
            height: 14px;
            margin-top: -8px;
            background: #FFF;
            border: 1px solid #CCC; }
        #recruit #container #wrapper.form .contentBox .unit dl dd input[type="checkbox"]:checked + label::after, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="checkbox"]:checked + label::after {
          position: absolute;
          content: '';
          top: 6px;
          left: 3px;
          width: 10px;
          height: 5px;
          border-left: 2px solid #666;
          border-bottom: 2px solid #666;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #recruit #container #wrapper.form .contentBox .unit dl dd input[type="text"], #recruit #container #wrapper.form .contentBox .unit dl dd input[type="tel"], #recruit #container #wrapper.form .contentBox .unit dl dd input[type="email"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="text"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="tel"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="email"] {
          property: value;
          width: 60%;
          padding: 1em; }
          @media screen and (max-width: 768px) {
            #recruit #container #wrapper.form .contentBox .unit dl dd input[type="text"], #recruit #container #wrapper.form .contentBox .unit dl dd input[type="tel"], #recruit #container #wrapper.form .contentBox .unit dl dd input[type="email"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="text"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="tel"], #recruit #container #wrapper.form_job_search .contentBox .unit dl dd input[type="email"] {
              width: 100%; } }
        #recruit #container #wrapper.form .contentBox .unit dl dd textarea, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd textarea {
          background: #FFF;
          border: 1px solid #DDD;
          padding: 8px 5px;
          margin: 20px auto 0;
          width: 90%; }
          @media screen and (max-width: 768px) {
            #recruit #container #wrapper.form .contentBox .unit dl dd textarea, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd textarea {
              width: 100%;
              margin: 0 auto 0; } }
        #recruit #container #wrapper.form .contentBox .unit dl dd select option, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd select option {
          background-color: #fff;
          color: #333; }
        #recruit #container #wrapper.form .contentBox .unit dl dd select::-ms-expand, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd select::-ms-expand {
          display: none; }
        #recruit #container #wrapper.form .contentBox .unit dl dd select:-moz-focusring, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #828c9a; }
        #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap {
          width: 50%;
          margin-bottom: 1em;
          display: flex;
          flex-wrap: nowrap; }
          @media screen and (max-width: 768px) {
            #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap {
              width: 100%; } }
          #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap.prefecture, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap.prefecture {
            position: relative;
            width: 20%;
            margin-bottom: 0; }
            @media screen and (max-width: 768px) {
              #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap.prefecture, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap.prefecture {
                width: 100%; } }
            #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap.prefecture:before, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap.prefecture:before {
              z-index: 1;
              position: absolute;
              right: 15px;
              top: 0;
              font-family: 'icomoon' !important;
              content: "\e901";
              font-size: 12px;
              padding: 0 0 0;
              line-height: 43px;
              color: #7F878C;
              pointer-events: none; }
        #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap span, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap span {
          display: flex;
          align-items: center;
          margin: 0 0.5em 0 0; }
          #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap span.txt, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap span.txt {
            min-width: 15%;
            min-width: 2em; }
          #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap span.wpcf7-form-control-wrap, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap span.wpcf7-form-control-wrap {
            position: relative;
            width: 100%;
            margin: 0 1em 0 0; }
            #recruit #container #wrapper.form .contentBox .unit dl dd .selectWrap span.wpcf7-form-control-wrap:before, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd .selectWrap span.wpcf7-form-control-wrap:before {
              z-index: 1;
              position: absolute;
              right: 15px;
              top: 0;
              font-family: 'icomoon' !important;
              content: "\e901";
              font-size: 12px;
              padding: 0 0 0;
              line-height: 43px;
              color: #7F878C;
              pointer-events: none; }
        #recruit #container #wrapper.form .contentBox .unit dl dd select, #recruit #container #wrapper.form_job_search .contentBox .unit dl dd select {
          width: 100%;
          outline: none;
          -moz-appearance: none;
          text-indent: 0.01px;
          text-overflow: '';
          background: #FFF;
          vertical-align: middle;
          font-size: 14px;
          font-size: 1.4rem;
          color: inherit;
          -webkit-appearance: button;
          -moz-appearance: button;
          appearance: button;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          height: 40px;
          padding: 0 1.3em;
          border: 1px solid #CCC;
          color: #000;
          border-radius: 3px; }
    #recruit #container #wrapper.form .contentBox .unit .submitBtn, #recruit #container #wrapper.form_job_search .contentBox .unit .submitBtn {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
      border: none;
      text-align: center; }
      #recruit #container #wrapper.form .contentBox .unit .submitBtn button, #recruit #container #wrapper.form_job_search .contentBox .unit .submitBtn button {
        background: #01a0e2;
        color: #FFF;
        width: 50%;
        padding: 1em 1em 1em 2.5em;
        margin: 3em auto 3em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        border: none;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          #recruit #container #wrapper.form .contentBox .unit .submitBtn button, #recruit #container #wrapper.form_job_search .contentBox .unit .submitBtn button {
            margin: 0 auto 2em;
            width: 100%; } }
        #recruit #container #wrapper.form .contentBox .unit .submitBtn button:focus, #recruit #container #wrapper.form_job_search .contentBox .unit .submitBtn button:focus {
          outline: none; }
        #recruit #container #wrapper.form .contentBox .unit .submitBtn button:after, #recruit #container #wrapper.form_job_search .contentBox .unit .submitBtn button:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 15px;
          padding: 0 0 0 15px;
          position: absolute;
          top: 36%;
          right: 1em;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
  #recruit #container #wrapper .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #recruit #container #wrapper .btn a, #recruit #container #wrapper .btn button {
      text-align: center;
      padding: 1em 3.5em 1em 3em;
      margin: 0 auto;
      width: 400px;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #009be7;
      color: #FFF; }
      #recruit #container #wrapper .btn a:focus, #recruit #container #wrapper .btn button:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        #recruit #container #wrapper .btn a, #recruit #container #wrapper .btn button {
          width: 100%;
          padding: 1em;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #recruit #container #wrapper .btn a, #recruit #container #wrapper .btn button {
          padding: 1em 1em 1em 0.5em;
          font-size: 16px;
          font-size: 1.6rem; } }
      #recruit #container #wrapper .btn a:after, #recruit #container #wrapper .btn button:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 0;
        position: absolute;
        right: 0.5em;
        top: 35%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #recruit #container #wrapper .btn a:after, #recruit #container #wrapper .btn button:after {
            font-size: 14px;
            font-size: 1.4rem; } }
  #recruit #container .recruitFooterLink {
    width: 100%;
    background: #f2f2f2;
    border-bottom: 1px solid #FFF;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #recruit #container .recruitFooterLink ul {
      width: 1000px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 1.2em 1em 0.8em; }
      @media screen and (max-width: 768px) {
        #recruit #container .recruitFooterLink ul {
          justify-content: flex-start;
          width: 100%;
          padding: 0; } }
      #recruit #container .recruitFooterLink ul li {
        width: auto;
        border-right: 1px solid #DDD;
        text-align: center; }
        #recruit #container .recruitFooterLink ul li:first-of-type {
          border-left: 1px solid #DDD; }
        @media screen and (max-width: 768px) {
          #recruit #container .recruitFooterLink ul li {
            width: 50%;
            text-align: left;
            border-bottom: 1px solid #DDD; }
            #recruit #container .recruitFooterLink ul li:nth-of-type(2n) {
              border-right: none; }
            #recruit #container .recruitFooterLink ul li:first-of-type {
              border-left: none; } }
        #recruit #container .recruitFooterLink ul li a {
          display: block;
          position: relative;
          padding: 0 2em; }
          @media screen and (max-width: 768px) {
            #recruit #container .recruitFooterLink ul li a {
              padding: 1em; } }
          @media screen and (max-width: 480px) {
            #recruit #container .recruitFooterLink ul li a {
              font-size: 13px;
              font-size: 1.3rem; } }
          #recruit #container .recruitFooterLink ul li a img {
            zoom: .7;
            vertical-align: top; }
            @media screen and (max-width: 480px) {
              #recruit #container .recruitFooterLink ul li a img {
                zoom: .5;
                vertical-align: middle; } }
#recruit .iziModal {
  max-width: 90% !important;
  max-height: 90% !important;
  box-shadow: none !important; }
  @media screen and (max-width: 1024px) {
    #recruit .iziModal {
      max-height: 80% !important; } }
  @media screen and (max-width: 768px) {
    #recruit .iziModal {
      margin-top: 122px;
      max-height: 80% !important; } }
  @media screen and (max-width: 480px) {
    #recruit .iziModal {
      margin-top: 92px; } }
  #recruit .iziModal .iziModal-wrap {
    position: relative; }
    #recruit .iziModal .iziModal-wrap .iziModal-content {
      width: 100% !important;
      overflow-y: auto;
      padding: 2em !important; }
      @media screen and (max-width: 1024px) {
        #recruit .iziModal .iziModal-wrap .iziModal-content {
          padding: 1.5em  !important; } }
      #recruit .iziModal .iziModal-wrap .iziModal-content .ttl {
        width: 100%;
        text-align: center;
        font-size: 36px;
        font-size: 3.6rem;
        font-weight: 300;
        font-family: 'NotoSans';
        margin-bottom: 2em; }
        @media screen and (max-width: 1024px) {
          #recruit .iziModal .iziModal-wrap .iziModal-content .ttl {
            margin-bottom: 1em; } }
        @media screen and (max-width: 480px) {
          #recruit .iziModal .iziModal-wrap .iziModal-content .ttl {
            font-size: 26px;
            font-size: 2.6rem; } }
      #recruit .iziModal .iziModal-wrap .iziModal-content .sttl {
        text-align: left;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 300;
        font-family: 'NotoSans';
        border-bottom: 3px solid #d8d8d8;
        padding-bottom: 10px;
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #recruit .iziModal .iziModal-wrap .iziModal-content .sttl {
            font-size: 22px;
            font-size: 2.2rem;
            margin-bottom: 1em; } }
        #recruit .iziModal .iziModal-wrap .iziModal-content .sttl span {
          position: relative;
          display: inline-block; }
          #recruit .iziModal .iziModal-wrap .iziModal-content .sttl span:after {
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: -13px;
            content: '';
            background: #009be7;
            height: 3px;
            width: 100%;
            display: inline; }
      #recruit .iziModal .iziModal-wrap .iziModal-content p.info {
        color: #ff7c2d;
        margin-bottom: 1em; }
      #recruit .iziModal .iziModal-wrap .iziModal-content .cal {
        border: 1px solid #CCC;
        height: 300px;
        width: 100%;
        margin-bottom: 2em; }
      #recruit .iziModal .iziModal-wrap .iziModal-content .guide {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row-reverse; }
        #recruit .iziModal .iziModal-wrap .iziModal-content .guide dl {
          width: 50%;
          padding: 2em 0 2em 1.5em; }
          @media screen and (max-width: 768px) {
            #recruit .iziModal .iziModal-wrap .iziModal-content .guide dl {
              width: 100%;
              padding: 1em 0; } }
          #recruit .iziModal .iziModal-wrap .iziModal-content .guide dl dt {
            width: 10%;
            display: inline-block;
            padding: 0 0.5em 1em;
            vertical-align: top;
            white-space: nowrap; }
            @media screen and (max-width: 480px) {
              #recruit .iziModal .iziModal-wrap .iziModal-content .guide dl dt {
                width: 100%; } }
            #recruit .iziModal .iziModal-wrap .iziModal-content .guide dl dt.place_name {
              font-weight: bold;
              font-size: 18px;
              font-size: 1.8rem;
              margin-bottom: 0.5em;
              width: 100%;
              display: block; }
          #recruit .iziModal .iziModal-wrap .iziModal-content .guide dl dd {
            width: 86%;
            display: inline-block;
            padding: 0 1em 1em; }
            @media screen and (max-width: 480px) {
              #recruit .iziModal .iziModal-wrap .iziModal-content .guide dl dd {
                width: 100%; } }
        #recruit .iziModal .iziModal-wrap .iziModal-content .guide .map_canvas {
          width: 50%;
          height: 450px;
          margin: 1em auto 2em; }
          @media screen and (max-width: 768px) {
            #recruit .iziModal .iziModal-wrap .iziModal-content .guide .map_canvas {
              width: 100%; } }
          #recruit .iziModal .iziModal-wrap .iziModal-content .guide .map_canvas iframe {
            width: 100%;
            height: 450px; }
      #recruit .iziModal .iziModal-wrap .iziModal-content .btn {
        width: 100%;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #recruit .iziModal .iziModal-wrap .iziModal-content .btn {
            padding: 0em; } }
        #recruit .iziModal .iziModal-wrap .iziModal-content .btn a {
          width: auto;
          text-align: center;
          padding: 0.8em 5em 0.8em 6.8em;
          font-size: 14px;
          font-size: 1.4rem;
          display: inline-block;
          position: relative;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          background: #8a8a8a;
          color: #FFF; }
          @media screen and (max-width: 768px) {
            #recruit .iziModal .iziModal-wrap .iziModal-content .btn a {
              width: 100%;
              padding: 1em;
              font-size: 20px;
              font-size: 2rem; } }
          #recruit .iziModal .iziModal-wrap .iziModal-content .btn a:before {
            font-family: 'icomoon' !important;
            content: "×";
            font-size: 26px;
            font-size: 2.6rem;
            padding: 0 0 0;
            position: absolute;
            left: 1em;
            top: 5px;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media screen and (max-width: 768px) {
              #recruit .iziModal .iziModal-wrap .iziModal-content .btn a:before {
                font-size: 36px;
                font-size: 3.6rem;
                position: static;
                padding-right: 0.5em; } }
      #recruit .iziModal .iziModal-wrap .iziModal-content .closebtn {
        position: absolute;
        top: 8px;
        right: 8px; }
        #recruit .iziModal .iziModal-wrap .iziModal-content .closebtn img {
          zoom: .8; }
        @media screen and (max-width: 768px) {
          #recruit .iziModal .iziModal-wrap .iziModal-content .closebtn {
            top: 10px;
            right: 10px; }
            #recruit .iziModal .iziModal-wrap .iziModal-content .closebtn img {
              zoom: .5; } }
#recruit.recruit #wrapper {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #recruit.recruit #wrapper {
      padding-top: 90px; } }
  @media screen and (max-width: 480px) {
    #recruit.recruit #wrapper {
      padding-top: 60px; } }
  #recruit.recruit #wrapper .mainImage {
    width: 100%; }
    #recruit.recruit #wrapper .mainImage #slider {
      height: 830px; }
      @media screen and (max-width: 768px) {
        #recruit.recruit #wrapper .mainImage #slider {
          height: 750px; } }
      @media screen and (max-width: 480px) {
        #recruit.recruit #wrapper .mainImage #slider {
          height: 580px; } }
      #recruit.recruit #wrapper .mainImage #slider ul li {
        width: 100%; }
        #recruit.recruit #wrapper .mainImage #slider ul li > img {
          width: 100%;
          height: auto; }
        #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg {
          background: #f1eff4; }
          #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox {
            position: relative;
            height: 78%;
            margin-left: 10%;
            margin-top: 20px; }
            @media screen and (max-width: 1600px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox {
                margin-left: 2%;
                height: 70%; } }
            #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox > img {
              width: 43%;
              position: absolute;
              top: 16%;
              left: 12%; }
              @media screen and (max-width: 2200px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox > img {
                  width: 50%;
                  top: 20%;
                  left: 10%; } }
            #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p {
              color: #eb6e90;
              font-weight: bold; }
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.catch {
                font-size: 76px;
                position: absolute;
                top: 10%;
                left: 10%; }
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg {
                font-size: 30px;
                position: absolute;
                bottom: 0;
                left: 10%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg br {
                  display: none; }
            @media screen and (max-width: 1500px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox {
                height: 78%;
                margin-left: 2%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox > img {
                  width: 60%;
                  top: 25%;
                  left: 5%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.catch {
                  font-size: 70px;
                  top: 10%;
                  left: 5%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg {
                  font-size: 30px;
                  bottom: 0;
                  left: 5%; } }
            @media screen and (max-width: 1200px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox {
                height: 78%;
                margin-left: 2%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox > img {
                  width: 64%;
                  top: 26%;
                  left: 2%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.catch {
                  font-size: 52px;
                  top: 10%;
                  left: 3%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg {
                  font-size: 22px;
                  bottom: 10%;
                  left: 3%; } }
            @media screen and (max-width: 980px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox {
                height: 50%;
                margin-left: 2%;
                margin: 0 auto;
                width: 100%;
                text-align: center; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox > img {
                  width: 80%;
                  top: 14%;
                  left: 12%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.catch {
                  font-size: 68px;
                  font-size: 6.8rem;
                  top: 16%;
                  left: 3%;
                  text-align: center; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg {
                  font-size: 24px;
                  font-size: 2.4rem;
                  bottom: 4%;
                  left: 3%;
                  text-shadow: 1px 1px 4px #ffffff;
                  /* offset-x | offset-y | blur-radius | color */
                  text-shadow: rgba(255, 255, 255, 0.8) 1px 0px, rgba(255, 255, 255, 0.8) -1px 0px, rgba(255, 255, 255, 0.8) 0px -1px, rgba(255, 255, 255, 0.8) 0px 1px, rgba(255, 255, 255, 0.8) 1px 1px, rgba(255, 255, 255, 0.8) -1px 1px, rgba(255, 255, 255, 0.8) 1px -1px, rgba(255, 255, 255, 0.8) -1px -1px, rgba(255, 255, 255, 0.8) 1px 1px, rgba(255, 255, 255, 0.8) -1px 1px, rgba(255, 255, 255, 0.8) 1px -1px, rgba(255, 255, 255, 0.8) -1px -1px, rgba(255, 255, 255, 0.8) 1px 1px, rgba(255, 255, 255, 0.8) -1px 1px, rgba(255, 255, 255, 0.8) 1px -1px, rgba(255, 255, 255, 0.8) -1px -1px; } }
            @media screen and (max-width: 768px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox {
                height: 55%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox > img {
                  width: 100%;
                  top: 20%;
                  left: 0%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p {
                  width: 100%;
                  text-align: center; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.catch {
                    font-size: 46px;
                    font-size: 4.6rem;
                    top: 10%;
                    left: inherit; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg {
                    font-size: 20px;
                    font-size: 2rem;
                    bottom: 6%;
                    left: inherit; } }
            @media screen and (max-width: 480px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox {
                height: 38%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox > img {
                  width: 100%;
                  top: 10%;
                  left: 0%; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p {
                  width: 100%;
                  text-align: center; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.catch {
                    font-size: 28px;
                    font-size: 2.8rem;
                    top: 10%;
                    left: inherit; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg {
                    font-size: 18px;
                    font-size: 1.8rem;
                    bottom: 4%;
                    left: inherit;
                    line-height: 1.4; }
                    #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .imgBox p.msg br {
                      display: block; } }
          #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
            position: absolute;
            right: 20%;
            top: 10%;
            z-index: 1; }
            @media screen and (max-width: 2000px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
                right: 15%; } }
            @media screen and (max-width: 1500px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
                right: 10%; } }
            @media screen and (max-width: 1200px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
                top: 8%;
                right: 5%; } }
            @media screen and (max-width: 980px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                position: static;
                width: 90%;
                margin: 0 auto; } }
            @media screen and (max-width: 768px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
                width: 95%;
                margin: 1em auto 0;
                justify-content: space-between; } }
            @media screen and (max-width: 480px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
                margin: 2.5em auto 0; } }
  @media screen and (max-width: 480px) and (max-width: 330px) {
    #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner {
      margin: 1em auto 0; } }

            #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl {
              position: relative;
              width: 320px;
              font-family: 'Rounded Mplus 1c';
              -webkit-border-radius: 8px 8px 8px 8px;
              -moz-border-radius: 8px 8px 8px 8px;
              border-radius: 8px 8px 8px 8px;
              margin-bottom: 2em;
              padding: 0 0 1em;
              border: 3px solid #ff6d92;
              background: url("../../common/img//recruit/index/bnr_bg_pk.png") repeat 0 0; }
              @media screen and (max-width: 980px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl {
                  margin: 0 0.5em 0; } }
              @media screen and (max-width: 768px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl {
                  width: 48%;
                  margin: 0; } }
              @media screen and (max-width: 480px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl {
                  width: 100%;
                  padding-bottom: 0.5em;
                  margin-bottom: 10px; } }
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dt {
                color: #FFF;
                padding: 0.5em;
                margin-bottom: 1em;
                text-align: center;
                font-weight: bold;
                background: #ff6d92; }
                @media screen and (max-width: 768px) {
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dt {
                    text-align: left;
                    font-size: 15px;
                    font-size: 1.5rem; } }
                @media screen and (max-width: 480px) {
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dt {
                    padding: 0.2em 0.5em;
                    margin-bottom: 0.5em;
                    font-size: 18px;
                    font-size: 1.8rem; } }
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd {
                padding: 0em 1em 0.5em;
                font-weight: bold; }
                @media screen and (max-width: 480px) {
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd {
                    padding: 0em 0.5em 0.5em; } }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P {
                  font-size: 18px;
                  font-size: 1.8rem; }
                  @media screen and (max-width: 480px) {
                    #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P {
                      font-size: 14px;
                      font-size: 1.4rem;
                      line-height: 1.4;
                      text-align: center; } }
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span {
                    display: block;
                    margin-top: 0.3em; }
                    @media screen and (max-width: 480px) {
                      #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span {
                        display: inline; } }
                    @media screen and (max-width: 768px) {
                      #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span img {
                        zoom: .6; }
                        #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span img.sp {
                          display: none; }
                        #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span img.pc {
                          display: block !important; } }
                    @media screen and (max-width: 480px) {
                      #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span img {
                        zoom: .5; }
                        #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span img.sp {
                          display: inline-block !important; }
                        #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P span img.pc {
                          display: none !important; } }
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P.kyubo img {
                    width: 65px;
                    position: absolute;
                    top: 0;
                    right: 0; }
                    @media screen and (max-width: 768px) {
                      #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd P.kyubo img {
                        width: 60px;
                        top: -10px;
                        right: -12px; } }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd.btn {
                  text-align: center; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd.btn a {
                    color: #FFF;
                    font-size: 16px;
                    font-size: 1.6rem;
                    -webkit-border-radius: 3px 3px 3px 3px;
                    -moz-border-radius: 3px 3px 3px 3px;
                    border-radius: 3px 3px 3px 3px;
                    -webkit-box-shadow: 0px 4px 0px 0px #d05373;
                    -moz-box-shadow: 0px 4px 0px 0px #d05373;
                    box-shadow: 0px 4px 0px 0px #d05373;
                    width: 90%;
                    position: relative;
                    padding: 0.5em 0.5em;
                    display: inline-block;
                    background: #ff6d92;
                    filter: alpha(opacity=100);
                    -moz-opacity: 1;
                    opacity: 1; }
                    @media screen and (max-width: 768px) {
                      #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd.btn a {
                        width: 100%; } }
                    @media screen and (max-width: 480px) {
                      #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd.btn a {
                        width: 80%;
                        padding: 0.2em; } }
                    #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd.btn a:after {
                      font-family: 'icomoon' !important;
                      content: "\e903";
                      font-size: 12px;
                      padding: 0 0 0 0;
                      position: absolute;
                      top: 36%;
                      right: 1em;
                      font-style: normal;
                      font-weight: normal;
                      line-height: 1;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale; }
                      @media screen and (max-width: 768px) {
                        #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd.btn a:after {
                          right: 0.5em; } }
                    #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl dd.btn a:hover {
                      filter: alpha(opacity=75);
                      -moz-opacity: 0.75;
                      opacity: 0.75; }
              #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl:nth-of-type(2) {
                border: 3px solid #39cec9;
                background: url("../../common/img//recruit/index/bnr_bg_gr.png") repeat 0 0; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl:nth-of-type(2) dt {
                  background: #39cec9; }
                #recruit.recruit #wrapper .mainImage #slider ul li.bnrbg .inner dl:nth-of-type(2) dd.btn a {
                  -webkit-box-shadow: 0px 4px 0px 0px #28a19d;
                  -moz-box-shadow: 0px 4px 0px 0px #28a19d;
                  box-shadow: 0px 4px 0px 0px #28a19d;
                  background: #39cec9; }
        #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner {
          position: relative;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          overflow: hidden; }
          #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner img {
            position: absolute;
            height: auto;
            width: 100%;
            text-align: left; }
            @media screen and (max-width: 1440px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner img {
                height: 100%;
                width: auto;
                text-align: left; } }
            @media screen and (max-width: 768px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner img {
                left: -55%;
                text-align: center; } }
            @media screen and (max-width: 480px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner img {
                left: -75%;
                text-align: center; }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner img.sp_left100{
                left: -120%; } }
  @media screen and (max-width: 480px) and (max-width: 340px) {
    #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner img {
      left: -360px; } }
            @media screen and (max-width: 480px) {
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner img.sp_right{
            right: -40%;
            left: auto; } }
          #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl {
            color: #FFF;
            font-weight: bold; }
            #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt {
              font-size: 70px;
              font-size: 7rem;
              line-height: 1.2;
              position: absolute;
              top: 8%;
              left: 8%;
              font-weight: 600; }
          #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl a.white_shadow_arw_fs15x{
            position: relative;
            display: inline-block;
            padding: 0.3em 0.3em 0.3em 30px;
            color: #fff;
            text-shadow: 1px 1px rgba(0,0,0, 0.5);
            font-size: 1.5em;
          }
          #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl a.white_shadow_arw_fs15x:before {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -12px;
            content: "";
            display: block;
            width: 24px;
            height: 24px;
            background: url(../img/recruit/index/arw_white_circle_120.png) 0 0 no-repeat;
            background-size: 24px 24px;
          }
              @media screen and (max-width: 768px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt {
                  top: 6%;
                  font-size: 60px;
                  font-size: 6rem; } }
              @media screen and (max-width: 480px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt {
                  left: 5%;
                  top: 4%;
                  font-size: 40px;
                  font-size: 4rem; } }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span {
                font-size: 18px;
                font-size: 1.8rem;
                display: block;
                margin-top: 20px;
                line-height: 1.5;
                font-family: NotoSans, Avenir, 'PT Sans Narrow',"Hiragino Kaku Gothic Pro",sans-serif; }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs4x_ilb {
                display: inline-block;
                margin-top: 0;
                font-size: 72px;
                font-size: 7.2rem; }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs3x_ilb {
                display: inline-block;
                margin-top: 0;
                font-size: 54px;
                font-size: 5.4rem; }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.txt_shadow {
                text-shadow: 1px 1px rgba(0,0,0, 0.5); }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.txt_shadow a {
                color: #fff;
                text-decoration: underline; }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs2x_ilb {
                display: inline-block;
                margin-top: 0;
                font-size: 36px;
                font-size: 3.6rem; }
              #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs1x_ilb {
                display: inline-block; }
                @media screen and (max-width: 768px) {
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span {
                    font-size: 16px;
                    font-size: 1.6rem; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs4x_ilb {
                    font-size: 42px;
                    font-size: 4.2rem; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs3x_ilb {
                    font-size: 32px;
                    font-size: 3.2rem; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs2x_ilb {
                    font-size: 24px;
                    font-size: 2.4rem; } }
                @media screen and (max-width: 480px) {
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span {
                    font-size: 14px;
                    font-size: 1.4rem; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs4x_ilb {
                    font-size: 42px;
                    font-size: 4.2rem; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs3x_ilb {
                    font-size: 32px;
                    font-size: 3.2rem; }
                  #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt span.fs2x_ilb {
                    font-size: 24px;
                    font-size: 2.4rem; } }
            #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dd {
              position: absolute;
              left: 8%;
              bottom: 24%;
              line-height: 1.4;
              font-size: 22px;
              font-size: 2.2rem; }
              @media screen and (max-width: 768px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dd {
                  bottom: 14%; } }
              @media screen and (max-width: 480px) {
                #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dd {
                  font-size: 19px;
                  font-size: 1.9rem;
                  left: 5%;
                  bottom: 10%; } }
            #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dt.mainimage-dt-bottomright {
              top: auto;
              left: auto;
              bottom: 18%;
              right: 5%; }
            #recruit.recruit #wrapper .mainImage #slider ul li.basic .inner dl dd.mainimage-dd-bottomright {
              top: auto;
              left: auto;
              bottom: 8%;
              right: 5%; }
      #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails {
        background: rgba(0, 0, 0, 0.3) !important;
        width: 100% !important;
        position: absolute;
        bottom: 0;
        margin: 0; }
        @media screen and (max-width: 768px) {
          #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails {
            display: none; } }
        #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails ul.sp-thumbnails {
          width: 460px;
          margin: 0 auto;
          padding: 20px 0; }
          #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails ul.sp-thumbnails .sp-thumbnail-container {
            margin-right: 10px; }
            #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails ul.sp-thumbnails .sp-thumbnail-container li {
              width: 200px !important;
              cursor: pointer;
              overflow: hidden;
              -webkit-border-radius: 4px 4px 4px 4px;
              -moz-border-radius: 4px 4px 4px 4px;
              border-radius: 4px 4px 4px 4px; }
              #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails ul.sp-thumbnails .sp-thumbnail-container li img {
                width: 200px;
                height: auto; }
          #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails ul.sp-thumbnails .sp-thumbnail-arrows.sp-previous-thumbnail-arrow {
            display: block !important; }
          #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails ul.sp-thumbnails .sp-thumbnail-arrows.sp-next-thumbnail-arrow {
            display: block !important; }
          #recruit.recruit #wrapper .mainImage #slider .sp-thumbnails-container.sp-bottom-thumbnails ul.sp-thumbnails .sp-fade-thumbnail-arrows {
            opacity: 1 !important;
            -webkit-transition: opacity .5s;
            transition: opacity .5s; }
  #recruit.recruit #wrapper .recruitPageLink ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #recruit.recruit #wrapper .recruitPageLink ul li {
      width: 25%; }
      @media screen and (max-width: 768px) {
        #recruit.recruit #wrapper .recruitPageLink ul li {
          width: 50%; } }
      #recruit.recruit #wrapper .recruitPageLink ul li a {
        color: #FFF;
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        padding: 1em;
        margin: 0 auto; }
    #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li {
      height: 360px;
      position: relative; }
      @media screen and (max-width: 768px) {
        #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li {
          height: 200px; } }
      #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li a {
        height: 100%;
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        text-align: left;
        background: -moz-linear-gradient(bottom center, #000 20%, transparent 0%);
        /* Firefox */
        background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
        /* Chrom と Safari */
        background: linear-gradient(top center, #000 20%, transparent 0%);
        /* 共通 */ }
        @media screen and (max-width: 1440px) {
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li a {
            font-size: 20px;
            font-size: 2rem;
            padding: 1em 2em 1em 0.8em; } }
        @media screen and (max-width: 1024px) {
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li a {
            font-size: 19px;
            font-size: 1.9rem;
            padding: 1em 2em 1em 0.8em; } }
        @media screen and (max-width: 768px) {
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li a {
            font-size: 18px;
            font-size: 1.8rem;
            padding: 1em 2em 1em 0.8em; } }
        @media screen and (max-width: 480px) {
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li a {
            font-size: 16px;
            font-size: 1.6rem; } }
      #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span {
        display: block;
        width: 100%; }
        #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span.pageName {
          font-size: 24px;
          font-size: 2.4rem; }
          @media screen and (max-width: 1440px) {
            #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span.pageName {
              font-size: 20px;
              font-size: 2rem; } }
          @media screen and (max-width: 1024px) {
            #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span.pageName {
              font-size: 19px;
              font-size: 1.9rem; } }
          @media screen and (max-width: 768px) {
            #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span.pageName {
              font-size: 18px;
              font-size: 1.8rem; } }
          @media screen and (max-width: 480px) {
            #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span.pageName {
              font-size: 16px;
              font-size: 1.6rem; } }
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span.pageName .small {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 0.5em; }
            @media screen and (max-width: 768px) {
              #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li span.pageName .small {
                display: none; } }
      #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 20px;
        font-size: 2rem;
        padding: 8px 12px 15px 11px;
        color: #FFF;
        position: absolute;
        bottom: 1em;
        right: 1em;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border: 2px solid #FFF;
        -webkit-border-radius: 50px 50px 50px 50px;
        -moz-border-radius: 50px 50px 50px 50px;
        border-radius: 50px 50px 50px 50px;
        width: 15px;
        height: 15px; }
        @media screen and (max-width: 1440px) {
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:after {
            font-size: 16px;
            font-size: 1.6rem;
            padding: 5px 5px 5px 5px;
            bottom: 1.5em;
            right: 0.5em; } }
        @media screen and (max-width: 768px) {
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:after {
            font-size: 13px;
            font-size: 1.3rem;
            padding: 6px 3px 4px 7px;
            bottom: 1.5em;
            right: 0.8em; } }
        @media screen and (max-width: 480px) {
          #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:after {
            font-size: 13px;
            font-size: 1.3rem;
            padding: 4px 2px 3px 5px;
            bottom: 1.5em;
            right: 0.6em; } }
      #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:nth-of-type(1) {
        background: url("../../common/img//recruit/index/imgbnr01.jpg") no-repeat 0 0;
        background-size: cover; }
      #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:nth-of-type(2) {
        background: url("../../common/img//recruit/index/imgbnr02.jpg") no-repeat 0 0;
        background-size: cover; }
      #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:nth-of-type(3) {
        background: url("../../common/img//recruit/index/imgbnr03.jpg") no-repeat 0 0;
        background-size: cover; }
      #recruit.recruit #wrapper .recruitPageLink ul.imgBnr li:nth-of-type(4) {
        background: url("../../common/img//recruit/index/imgbnr04.jpg") no-repeat 0 0;
        background-size: cover; }
#recruit.about #container .pageTtl {
  background: url("../../common/img//recruit/about/ttl_bg.jpg") center 0 no-repeat #74cd75;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #recruit.about #container .pageTtl {
      background: url("../../common/img//recruit/about/ttl_bg_sp.jpg") center 0 no-repeat #74cd75;
      background-size: 100%; } }
  @media screen and (max-width: 480px) {
    #recruit.about #container .pageTtl {
      background: url("../../common/img//recruit/about/ttl_bg_sp.jpg") center 0 no-repeat #74cd75;
      background-size: 100%; } }
#recruit.about #container #wrapper .contentBox.about01 {
  margin-bottom: 4em; }
  @media screen and (max-width: 480px) {
    #recruit.about #container #wrapper .contentBox.about01 {
      margin-bottom: 1em; } }
  #recruit.about #container #wrapper .contentBox.about01 .unit {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about01 .unit {
        display: block; } }
    #recruit.about #container #wrapper .contentBox.about01 .unit p.img {
      width: 38%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about01 .unit p.img {
          width: 70%;
          text-align: center;
          padding: 0 0 0 0; } }
      @media screen and (max-width: 480px) {
        #recruit.about #container #wrapper .contentBox.about01 .unit p.img {
          width: 80%; } }
      #recruit.about #container #wrapper .contentBox.about01 .unit p.img img {
        width: 100%;
        height: auto; }
    #recruit.about #container #wrapper .contentBox.about01 .unit div {
      padding: 0 2em 0 0;
      width: 60%; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about01 .unit div {
          width: 100%;
          padding: 0 0 0 0;
          margin-bottom: 15px; } }
      #recruit.about #container #wrapper .contentBox.about01 .unit div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6; }
        #recruit.about #container #wrapper .contentBox.about01 .unit div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #7bcf7c;
          margin-bottom: 1em; }
          @media screen and (max-width: 768px) {
            #recruit.about #container #wrapper .contentBox.about01 .unit div p.catch {
              font-size: 24px;
              font-size: 2.4rem; } }
          @media screen and (max-width: 480px) {
            #recruit.about #container #wrapper .contentBox.about01 .unit div p.catch {
              font-size: 20px;
              font-size: 2rem; }
              #recruit.about #container #wrapper .contentBox.about01 .unit div p.catch br {
                display: none; } }
    #recruit.about #container #wrapper .contentBox.about01 .unit:nth-of-type(2) {
      flex-direction: row-reverse; }
      #recruit.about #container #wrapper .contentBox.about01 .unit:nth-of-type(2) p.img {
        padding: 0 2em 0 0; }
        @media screen and (max-width: 768px) {
          #recruit.about #container #wrapper .contentBox.about01 .unit:nth-of-type(2) p.img {
            padding: 0 0 0 0; } }
      #recruit.about #container #wrapper .contentBox.about01 .unit:nth-of-type(2) div {
        width: 60%; }
        @media screen and (max-width: 768px) {
          #recruit.about #container #wrapper .contentBox.about01 .unit:nth-of-type(2) div {
            width: 100%; } }
#recruit.about #container #wrapper .contentBox.about02 {
  margin-bottom: 4em; }
  @media screen and (max-width: 480px) {
    #recruit.about #container #wrapper .contentBox.about02 {
      margin-bottom: 1em; } }
  #recruit.about #container #wrapper .contentBox.about02 .unit {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about02 .unit {
        display: block; } }
    #recruit.about #container #wrapper .contentBox.about02 .unit p.img {
      width: 38%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about02 .unit p.img {
          width: 100%;
          text-align: center;
          padding: 0 0 0 0; } }
      @media screen and (max-width: 480px) {
        #recruit.about #container #wrapper .contentBox.about02 .unit p.img {
          width: 100%; } }
      #recruit.about #container #wrapper .contentBox.about02 .unit p.img img {
        width: 100%;
        height: auto; }
    #recruit.about #container #wrapper .contentBox.about02 .unit h2 {
      font-size: 30px;
      font-size: 3rem;
      color: #7bcf7c;
      margin-bottom: 1em;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about02 .unit h2 {
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (max-width: 480px) {
        #recruit.about #container #wrapper .contentBox.about02 .unit h2 {
          font-size: 20px;
          font-size: 2rem; }
          #recruit.about #container #wrapper .contentBox.about02 .unit h2 br {
            display: none; } }
    #recruit.about #container #wrapper .contentBox.about02 .unit div {
      padding: 0 2em 0 0;
      width: 60%; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about02 .unit div {
          width: 100%;
          margin-bottom: 15px;
          padding: 0; } }
      #recruit.about #container #wrapper .contentBox.about02 .unit div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 2em; }
    #recruit.about #container #wrapper .contentBox.about02 .unit:nth-of-type(2) {
      flex-direction: row-reverse; }
      #recruit.about #container #wrapper .contentBox.about02 .unit:nth-of-type(2) p.img {
        padding: 0 2em 0 0; }
        @media screen and (max-width: 768px) {
          #recruit.about #container #wrapper .contentBox.about02 .unit:nth-of-type(2) p.img {
            padding: 0; } }
      #recruit.about #container #wrapper .contentBox.about02 .unit:nth-of-type(2) div {
        width: 60%; }
        @media screen and (max-width: 768px) {
          #recruit.about #container #wrapper .contentBox.about02 .unit:nth-of-type(2) div {
            width: 100%; } }
#recruit.about #container #wrapper .contentBox.about03 {
  width: 100%;
  margin-bottom: 1em; }
  @media screen and (max-width: 768px) {
    #recruit.about #container #wrapper .contentBox.about03 {
      margin-bottom: 1em;
      padding: 2em 0em; } }
  #recruit.about #container #wrapper .contentBox.about03 .unit {
    background: #f1faf1;
    padding: 2em 0; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about03 .unit {
        padding: 1em 0; } }
    #recruit.about #container #wrapper .contentBox.about03 .unit h2 {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 300;
      color: #75cc77;
      width: 1000px;
      margin: 0 auto 0.5em; }
      @media screen and (max-width: 1024px) {
        #recruit.about #container #wrapper .contentBox.about03 .unit h2 {
          width: 100%;
          padding: 0 0.5em; } }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about03 .unit h2 {
          font-size: 26px;
          font-size: 2.6rem;
          margin-bottom: 0.2em; } }
    #recruit.about #container #wrapper .contentBox.about03 .unit .inner {
      width: 1000px;
      padding: 0;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 1024px) {
        #recruit.about #container #wrapper .contentBox.about03 .unit .inner {
          width: 100%;
          padding: 0 1em; } }
      #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl {
        width: 480px;
        padding: 0; }
        @media screen and (max-width: 1024px) {
          #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl {
            width: 48%; } }
        @media screen and (max-width: 768px) {
          #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl {
            width: 100%;
            margin: 0 0 1em; } }
        #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl dt {
          text-align: left;
          font-size: 20px;
          font-size: 2rem;
          font-weight: 300;
          font-family: 'NotoSans';
          border-bottom: 3px solid #d8d8d8;
          position: relative;
          padding-bottom: 0.5em;
          margin-bottom: 1em; }
          @media screen and (max-width: 768px) {
            #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl dt {
              font-size: 18px;
              font-size: 1.8rem;
              margin-bottom: 1em; } }
          #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl dt:after {
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: -3px;
            content: '';
            background: #7bcf7c;
            height: 3px;
            width: 5.5em; }
        #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl dd {
          text-align: center;
          margin-bottom: 2em; }
          @media screen and (max-width: 768px) {
            #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl dd {
              margin-bottom: 0.5em; } }
          #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl dd img {
            width: 100%;
            height: auto; }
        #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl.multi {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl.multi dt {
            width: 100%; }
          #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl.multi dd {
            width: 480px; }
            @media screen and (max-width: 1024px) {
              #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl.multi dd {
                width: 48%; } }
            @media screen and (max-width: 768px) {
              #recruit.about #container #wrapper .contentBox.about03 .unit .inner dl.multi dd {
                width: 100%;
                margin: 0 0 1em; } }
    #recruit.about #container #wrapper .contentBox.about03 .unit:nth-of-type(2n) {
      background: #ffffff; }
#recruit.about #container #wrapper .contentBox.about04 {
  margin-bottom: 1em; }
  @media screen and (max-width: 768px) {
    #recruit.about #container #wrapper .contentBox.about04 {
      margin-bottom: 1em;
      padding: 2em 0em; } }
  #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock {
    display: none; }
  @media screen and (max-width: 768px) {
    #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock {
      display: block;
      width: 100%;
      padding: 0 1em;
      margin: 0 auto; }
      #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock .info {
        margin-bottom: 4em;
        font-size: 18px;
        font-size: 1.8rem;
        text-align: center; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock .info {
        margin-bottom: 2em; } }
  @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock dl {
        padding: 0 0.5em;
        width: 100%;
        margin: 0 0 1em; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock dl dt {
          text-align: left;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 300;
          font-family: 'NotoSans';
          border-bottom: 3px solid #d8d8d8;
          position: relative;
          padding-bottom: 0.5em;
          margin-bottom: 1em; }
          #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock dl dt:after {
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: -3px;
            content: '';
            background: #7bcf7c;
            height: 3px;
            width: 5.5em; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock dl dd {
          text-align: center;
          margin-bottom: 1.5em; }
          #recruit.about #container #wrapper .contentBox.about04 .unit .inner.photoBlock dl dd img {
            width: 100%;
            height: auto; } }
  #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock {
    width: 100%;
    background: #f5e4de;
    padding: 2em 3em; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock {
        padding: 2.5em 1.5em 2em; } }
    #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .info {
      margin-bottom: 4em;
      font-size: 18px;
      font-size: 1.8rem;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .info {
          margin-bottom: 2em; } }
    #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map {
      text-align: left;
      width: 100%;
      margin: 0 auto 5em;
      position: relative; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map {
          margin: 0 auto 2em; } }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map:first-of-type img {
          width: 60%;
          height: auto; } }
      #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map:first-of-type span img {
        width: auto; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map p img {
          width: 100%;
          height: auto; } }
      #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map p span {
        margin-top: 1em; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map p span img {
          width: auto;
          zoom: 0.7; }
      #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button {
        background: #eb6e90;
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
        width: auto;
        padding: 0 3em;
        border: none;
        color: #FFF;
        height: 40px;
        display: inline-block;
        font-size: 18px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button {
            display: none; } }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button:focus {
          outline: 0; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button.btn01 {
          top: -2em;
          left: -0.5em; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button.btn02 {
          top: -1em;
          left: 3.5em; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button.btn03 {
          top: 8em;
          left: 21em; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button.btn04 {
          top: 13em;
          left: 35em; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 13px;
          padding: 0 0 0 0;
          position: absolute;
          top: 1em;
          right: 1em;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        #recruit.about #container #wrapper .contentBox.about04 .unit .mapBlock .map button:before {
          position: absolute;
          left: 0px;
          right: 0px;
          bottom: -10px;
          margin: auto auto;
          text-align: center;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 9px 0px 9px;
          border-color: #eb6e90 transparent transparent transparent; }
  #recruit.about #container #wrapper .contentBox.about04 .unit .modalPhoto {
    display: none; }
#recruit.about #container #wrapper .contentBox.about05 .unit dl {
  padding: 1.5em;
  margin-bottom: 1.5em; }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl dt {
    color: #FFF;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    width: 80%;
    padding: 0;
    margin: 0 0 0.5em 25%; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl dt {
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl dd {
    width: 80%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    background: #FFF;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    padding: 2em;
    margin: 0 0 0 25%;
    position: relative; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl dd {
        width: 70%; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(odd) dt {
    margin: 0 0 0.5em 20%; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(odd) dt {
        margin: 0 0 0.5em 0; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(odd) dd {
    margin: 0 0 0 20%; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(odd) dd {
        margin: 0 0 0 30%; } }
    #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(odd) dd:before {
      position: absolute;
      left: -10px;
      bottom: 0px;
      top: 0px;
      margin: auto auto;
      text-align: center;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 10px 6px 0;
      border-color: transparent #ffffff transparent transparent; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(odd) dd:before {
          top: 10%;
          bottom: inherit; } }
      @media screen and (max-width: 480px) {
        #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(odd) dd:before {
          top: 5%;
          bottom: inherit; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(even) dt {
    margin: 0 20% 0.5em 0; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(even) dt {
        margin: 0 0 0.5em 0; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(even) dd {
    margin: 0 20% 0 0; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(even) dd {
        margin: 0 30% 0 0; } }
    #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(even) dd:before {
      position: absolute;
      right: -10px;
      bottom: 0px;
      top: 0px;
      margin: auto auto;
      text-align: center;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 10px;
      border-color: transparent transparent transparent #ffffff; }
      @media screen and (max-width: 768px) {
        #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(even) dd:before {
          top: 15%;
          bottom: inherit; } }
      @media screen and (max-width: 480px) {
        #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(even) dd:before {
          top: 5%;
          bottom: inherit; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+1) {
    background: url("../../common/img/recruit/about/about05_icon01.png") no-repeat 3% 50% #f1b1c2; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+1) {
        background-position: 6% 70px;
        background-size: 20%; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+2) {
    background: url("../../common/img/recruit/about/about05_icon03.png") no-repeat 97% 50% #90d3f4; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+2) {
        background-position: 94% 70px;
        background-size: 20%; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+3) {
    background: url("../../common/img/recruit/about/about05_icon03.png") no-repeat 3% 50% #97d499; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+3) {
        background-position: 6% 70px;
        background-size: 20%; } }
  #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+4) {
    background: url("../../common/img/recruit/about/about05_icon04.png") no-repeat 97% 50% #f6c08b; }
    @media screen and (max-width: 768px) {
      #recruit.about #container #wrapper .contentBox.about05 .unit dl:nth-child(4n+4) {
        background-position: 94% 70px;
        background-size: 20%; } }
#recruit.about .iziModal {
  max-width: 600px !important;
  max-height: inherit !important;
  box-shadow: none !important; }
  @media screen and (max-width: 1024px) {
    #recruit.about .iziModal {
      max-height: 80% !important; } }
  @media screen and (max-width: 768px) {
    #recruit.about .iziModal {
      margin-top: 122px;
      max-height: 80% !important; } }
  @media screen and (max-width: 480px) {
    #recruit.about .iziModal {
      margin-top: 92px; } }
  #recruit.about .iziModal .iziModal-wrap {
    position: relative; }
    #recruit.about .iziModal .iziModal-wrap .iziModal-content {
      width: 100% !important;
      overflow-y: auto;
      padding: 0 !important; }
      @media screen and (max-width: 1024px) {
        #recruit.about .iziModal .iziModal-wrap .iziModal-content {
          padding: 1.5em  !important; } }
      #recruit.about .iziModal .iziModal-wrap .iziModal-content img {
        width: 100%;
        height: auto; }
#recruit.entry_new #container .underPageNav {
  background: #eb6e90 !important; }
#recruit.entry_new #container .pageTtl {
  background: url("../../common/img//recruit/entry_new/ttl_bg.jpg") center 0 no-repeat #eb6e90;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #recruit.entry_new #container .pageTtl {
      background: url("../../common/img//recruit/entry_new/ttl_bg_sp.jpg") center 0 no-repeat #eb6e90;
      background-size: 100%; } }
  @media screen and (max-width: 480px) {
    #recruit.entry_new #container .pageTtl {
      background: url("../../common/img//recruit/entry_new/ttl_bg_sp.jpg") center 0 no-repeat #eb6e90;
      background-size: 100%; } }
#recruit.entry_new #container #wrapper p.msg {
  width: 1000px;
  margin: 0 auto 2em;
  line-height: 1.8; }
  @media screen and (max-width: 1024px) {
    #recruit.entry_new #container #wrapper p.msg {
      width: 100%;
      padding: 0 1em; } }
#recruit.entry_new #container #wrapper .col2 .sideCon section h1 {
  background: #eb6e90; }
#recruit.entry_new #container #wrapper.entry_new01 .contentBox {
  padding: 0em 0 4em; }
  #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit {
        display: block;
        padding: 0 1em; } }
    #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit p.img {
          width: 100%;
          padding: 0;
          margin-bottom: 1em; } }
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit p.img img {
        width: 100%;
        height: auto; }
    #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit div {
      width: 68%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit div {
          width: 100%; } }
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6; }
        #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit div p.catch {
              font-size: 24px;
              font-size: 2.4rem;
              margin-bottom: 0.6em; } }
          @media screen and (max-width: 480px) {
            #recruit.entry_new #container #wrapper.entry_new01 .contentBox .unit div p.catch {
              font-size: 20px;
              font-size: 2rem; } }
  #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon {
    padding: 0;
    margin-bottom: 2em; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon {
        padding: 0 1em; } }
    #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh {
      width: 100%;
      border-left: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh {
          border: none; } }
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh tr {
        border-bottom: 1px solid #d8d8d8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh tr {
            border-bottom: none; } }
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh th, #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh td {
        border-right: 1px solid #d8d8d8;
        padding: 1.5em;
        background: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh th, #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh td {
            width: 100%;
            display: block;
            padding: 0.5em  1em;
            border: none; } }
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh th {
        background: #f3f3f3;
        text-align: center;
        width: 20%;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh th {
            width: 100%;
            display: block;
            text-align: left; } }
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh td {
        text-align: left; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh td {
            padding: 1em  1em; } }
        #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh td a {
          color: #01a0e2; }
          #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon table.colTh td a.link:before {
            content: "▶︎";
            font-size: 12px;
            font-size: 1.2rem;
            padding: 0 0.3em 0 0.8em; }
    #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon .linkBtn {
      margin-top: 3em; }
      #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon .linkBtn li {
        width: 48%;
        margin: 0 auto;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon .linkBtn li {
            width: 100%;
            margin-bottom: 1em; } }
        #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon .linkBtn li a {
          width: 100%;
          padding: 1em;
          font-size: 18px;
          font-size: 1.8rem;
          display: block;
          position: relative;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          background: #eb6e90;
          color: #FFF; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon .linkBtn li a {
              font-size: 16px;
              font-size: 1.6rem; } }
          #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon .linkBtn li a:after {
            font-family: 'icomoon' !important;
            content: "\e903";
            font-size: 19px;
            font-size: 1.9rem;
            padding: 0 0 0;
            position: absolute;
            right: 1em;
            top: 0;
            bottom: 0;
            margin: auto auto;
            height: 40%;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media screen and (max-width: 768px) {
              #recruit.entry_new #container #wrapper.entry_new01 .contentBox .entryCon .linkBtn li a:after {
                font-size: 15px;
                font-size: 1.5rem;
                right: 0.5em;
                height: 20%; } }
#recruit.entry_new #container #wrapper.entry_new02 .contentBox {
  margin: 0 0;
  padding: 0em 0 4em; }
  @media screen and (max-width: 768px) {
    #recruit.entry_new #container #wrapper.entry_new02 .contentBox {
      padding: 0em 0 0em; } }
  #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit {
    padding: 0em 0 0; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit {
        padding: 2em 0em 0; } }
    #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh {
      width: 100%;
      border-left: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8;
      margin-bottom: 0.3em; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh {
          border: none; } }
      #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh tr {
        border-bottom: 1px solid #d8d8d8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh tr {
            padding-bottom: 1em;
            margin-bottom: 1em;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh tr:first-of-type {
              display: none; } }
      #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td {
        border-right: 1px solid #d8d8d8;
        padding: 1em 0.6em;
        background: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td {
            border-right: none; } }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.date, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.date {
          width: 16%; }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.place_address, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.place_address {
          width: 42%; }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.map, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map {
          width: 12%; }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail {
          width: 30%;
          padding: 0; }
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail ul li p, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p {
            text-align: center;
            padding: 1em 0.5em;
            display: block; }
            @media screen and (max-width: 350px) {
              #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail ul li p, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p {
                padding: 0.5em 0.5em 0; } }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail ul li p.time, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.time {
              width: 60%;
              border-right: 1px solid #d8d8d8; }
              @media screen and (max-width: 768px) {
                #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail ul li p.time, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.time {
                  border-right: none; } }
              @media screen and (max-width: 350px) {
                #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail ul li p.time, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.time {
                  width: 100%; } }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail ul li p.subscription, #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.subscription {
              width: 40%; }
      #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th {
        background: #f3f3f3;
        text-align: center;
        vertical-align: middle; }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh th.detail ul li {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
      #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td {
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td {
            padding: 0; } }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.date P {
          text-align: center; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.date {
            width: 100%;
            margin-bottom: 0.5em; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.date P {
              text-align: left;
              font-weight: bold; }
              #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.date P span {
                display: inline-block; } }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.place_address dl {
          @inculude font-side(14px); }
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.place_address dl dt.place_name {
            @inculude font-side(16px);
            color: #eb6e90;
            font-weight: bold; }
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.place_address dl dd.address {
            @inculude font-side(13px); }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.place_address {
            width: auto; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.place_address dl {
              padding-right: 0.5em;
              margin-bottom: 0.5em; } }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map p {
          vertical-align: bottom; }
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map p button {
            width: 100%;
            display: block;
            border: none;
            color: #eb6e90;
            border: 2px solid #eb6e90;
            background: #FFF;
            padding: 8px 3px 8px 13px;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            text-align: center;
            position: relative;
            font-size: 14px;
            font-size: 1.4rem;
            cursor: pointer; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map p button:before {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 11px;
              height: 11px;
              padding: 0 0 0;
              position: absolute;
              color: #eb6e90;
              top: 0;
              bottom: 0;
              left: 0.6em;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map p button:focus {
              outline: none; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map {
            width: 100px;
            display: flex;
            align-items: center; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map p {
              width: 100%; } }
        @media screen and (max-width: 350px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.map {
            width: 100%;
            margin: 0.5em auto; } }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul.timeSingle {
          height: 150px; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul.timeSingle {
              height: auto; } }
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul.timeSingle li {
            height: 100%; }
        #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          border-bottom: 1px solid #d8d8d8;
          height: 100%; }
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li:last-of-type {
            border-bottom: none; }
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p {
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.subscription a {
              width: 100%;
              display: block;
              background: #eb6e90;
              color: #FFF;
              padding: 6px 3px 6px 13px;
              position: relative;
              -webkit-border-radius: 3px 3px 3px 3px;
              -moz-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px; }
              #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.subscription a:before {
                font-family: 'icomoon' !important;
                content: "\e903";
                font-size: 11px;
                height: 11px;
                padding: 0 0 0;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0.6em;
                margin: auto auto;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail {
            width: 100%;
            margin-top: 1em; }
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul {
              background: #F3F3F3; }
              #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li {
                border-bottom: 1px solid #FFF;
                padding: 0 1em; }
                #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p {
                  display: flex;
                  align-items: center;
                  text-align: center;
                  justify-content: flex-start; }
                  #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.time {
                    text-align: left; }
                  #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.subscription {
                    width: 100px;
                    padding: 1em 0; } }
          @media screen and (max-width: 768px) and (max-width: 350px) {
            #recruit.entry_new #container #wrapper.entry_new02 .contentBox .unit table.rowTh td.detail ul li p.subscription {
              width: 100%;
              margin: 0.5em auto;
              padding: 0 0 1em; } }

  #recruit.entry_new #container #wrapper.entry_new02 .contentBox .btn {
    width: 100%;
    margin: 1em auto 0;
    text-align: center; }
    #recruit.entry_new #container #wrapper.entry_new02 .contentBox .btn a {
      background: #eb6e90; }
#recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit {
  margin-bottom: 2em;
  padding-bottom: 40px;
  position: relative; }
  #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit:after {
    position: absolute;
    margin: auto auto;
    left: 0px;
    right: 0px;
    bottom: -10px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 39px 49.5px 0 49.5px;
    border-color: #EB6E8A transparent transparent transparent; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 49.5px 0 49.5px;
        border-color: #EB6E8A transparent transparent transparent; } }
  #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit:last-of-type {
    margin-bottom: 0em; }
    #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit:last-of-type:after {
      display: none; }
  @media screen and (max-width: 480px) {
    #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit:last-of-type {
      margin-bottom: 0em; }
      #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit:last-of-type:after {
        display: none; } }
  #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit h2 {
    color: #EB6E8A;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 0.5em;
    font-weight: 300; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit h2 {
        padding: 0em 1em; } }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit h2 {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 0em 0em; } }
    @media screen and (max-width: 480px) {
      #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit h2 {
        font-size: 20px;
        font-size: 2rem;
        padding: 0em 0em; } }
  #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 2em; }
    #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit p img {
      width: 100%;
      height: auto; }
    #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit p.btn {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
      #recruit.entry_new #container #wrapper.entry_new03 .contentBox .unit p.btn a {
        background: #EB6E8A; }
#recruit.entry_new #container #wrapper.form .contentBox p.catch {
  color: #eb6e90; }
#recruit.entry_new #container #wrapper.form .contentBox .unit dl dt span {
  background: #eb6e90; }
#recruit.entry_new #container #wrapper.form .contentBox .unit div.wpcf7-form-control-wrap {
  margin: 3em auto 0; }
#recruit.entry_new #container #wrapper.form .contentBox .unit .submitBtn button {
  background: #eb6e90; }
#recruit.entry_new #container #wrapper.form .contentBox .unit p.information {
  font-size: 14px;
  font-size: 1.4rem; }
#recruit.entry_new #container #wrapper.job_search .sideCon section dl {
  padding: 1em; }
  #recruit.entry_new #container #wrapper.job_search .sideCon section dl dt {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold; }
  #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd {
    border-bottom: 1px dotted #333;
    padding-bottom: 1em;
    margin: 1em auto; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul li {
        width: 100%; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul li {
            width: 33%; }
            #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul li.widthW {
              width: 66%; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul li.widthW {
        width: 100%; } }

        @media screen and (max-width: 480px) {
          #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul li {
            width: 100%; } }
      #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul .colM li {
        width: 50%; }
        @media screen and (max-width: 1024px) {
          #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul .colM li {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul .colM li {
            width: 33%; } }
        @media screen and (max-width: 480px) {
          #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd ul .colM li {
            width: 100%; } }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd input {
      margin-right: 10px;
      background: #FFF;
      border: 1px solid #DDD;
      padding: 8px 5px; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd input[type="checkbox"] {
      display: none; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd label {
      position: relative;
      padding: 3px 3px 3px 24px;
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem; }
      #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd label::before {
        position: absolute;
        content: '';
        top: 0.8em;
        left: 0;
        width: 14px;
        height: 14px;
        margin-top: -8px;
        background: #FFF;
        border: 1px solid #CCC; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd input[type="checkbox"]:checked + label::after {
      position: absolute;
      content: '';
      top: 6px;
      left: 3px;
      width: 10px;
      height: 5px;
      border-left: 2px solid #666;
      border-bottom: 2px solid #666;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd input[type="text"] {
      property: value;
      width: 100%;
      padding: 1em; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd textarea {
      background: #FFF;
      border: 1px solid #DDD;
      padding: 8px 5px;
      margin: 20px auto 0;
      width: 90%; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd select option {
      background-color: #fff;
      color: #333; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd select::-ms-expand {
      display: none; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #828c9a; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .selectWrap {
      position: relative; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .selectWrap:before {
      z-index: 1;
      position: absolute;
      right: 15px;
      top: 0;
      font-family: 'icomoon' !important;
      content: "\e901";
      font-size: 12px;
      padding: 0 0 0;
      line-height: 43px;
      color: #7F878C;
      pointer-events: none; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd select {
      outline: none;
      -moz-appearance: none;
      text-indent: 0.01px;
      text-overflow: '';
      background: #FFF;
      vertical-align: middle;
      font-size: 14px;
      font-size: 1.4rem;
      color: inherit;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 40px;
      padding: 8px 12px;
      border: 1px solid #CCC;
      color: #000;
      width: 100%;
      border-radius: 3px; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .infoPopup {
      color: #FFF;
      background: #ef0000;
      -webkit-border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%;
      padding: 0.4em 0.2em 0.2em 0.6em;
      height: 20px;
      width: 20px;
      font-size: 12px;
      line-height: 1;
      display: inline-block;
      text-decoration: none;
      position: relative;
      border: none; }
      #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .infoPopup:before {
        display: none; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .conPopup {
      display: none;
      position: absolute;
      z-index: 100;
      bottom: -85px;
      left: -220px;
      background: #FFF;
      width: 200px;
      padding: 1.8em 1.8em;
      line-height: 1.4;
      opacity: 0.0;
      color: #333;
      transition: .3s;
      -webkit-box-shadow: 6px 6px 4px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 6px 6px 4px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 6px 6px 4px 2px rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 480px) {
        #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .conPopup {
          bottom: -115px;
          left: -120px; } }
      #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .conPopup span {
        display: block;
        font-weight: bold;
        margin-bottom: 1em;
        font-size: 14px;
        text-align: center; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd .infoPopup:hover .conPopup {
      display: block;
      opacity: 1.0;
      transition: .3s; }
    #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd.btn {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
      border: none; }
      #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd.btn button {
        background: #eb6e90;
        color: #FFF;
        width: 100%;
        padding: 0.7em 0.5em 0.7em 1.5em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        margin-top: 0.5em;
        border: none;
        cursor: pointer; }
        #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd.btn button:focus {
          outline: none; }
        #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd.btn button.btn01:before {
          content: "";
          background: url("../../common/img/recruit/entry_career/icon_glass.png") no-repeat 0 0;
          background-size: 19px 21px;
          width: 19px;
          height: 21px;
          position: absolute;
          left: 1em;
          top: 30%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd.btn button.btn01:before {
              position: static;
              padding-right: 40px;
              margin-left: -40px; } }
        #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd.btn button.btn02:before {
          content: "";
          background: url("../../common/img/recruit/entry_career/icon_map.png") no-repeat 0 0;
          width: 23px;
          height: 21px;
          position: absolute;
          left: 1em;
          top: 30%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .sideCon section dl dd.btn button.btn02:before {
              position: static;
              padding-right: 40px;
              margin-left: -40px; } }
#recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse; }
  @media screen and (max-width: 1024px) {
    #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock {
      justify-content: center;
      margin-bottom: 1em; } }
  #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock .number {
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 14px;
    font-size: 1.4rem; }
    #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock .number span {
      font-size: 24px;
      font-size: 2.4rem;
      color: #ef0000; }
  @media screen and (max-width: 1024px) {
    #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock:nth-of-type(1) ul.page-numbers {
      display: none; } }
  #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    max-width: 70%;
    margin-right: 0.2em;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers {
        width: 100%;
        justify-content: center;
        margin-bottom: 1em;
        margin-right: 0; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li {
      margin-right: 0.5em;
      margin-bottom: 0.5em; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li span, #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li a {
        display: block;
        border: 1px solid #eb6e90;
        color: #eb6e90;
        font-size: 14px;
        font-size: 1.4rem;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        padding: 0.4em 0.5em 0.3em;
        line-height: 1; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li span, #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li a {
            font-size: 18px;
            font-size: 1.8rem;
            padding: 0.8em 1.0em 0.8em; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li span.current, #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li span:hover, #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li a.current, #recruit.entry_new #container #wrapper.job_search .contentBox .pageNumberBlock ul.page-numbers li a:hover {
          background: #eb6e90;
          color: #FFF;
          border: 1px solid #eb6e90; }
#recruit.entry_new #container #wrapper.job_search .contentBox .entryCon {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding: 1.5em 0 0;
  margin-bottom: 2em; }
  #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags {
    margin-bottom: 1em;
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags {
        padding: 0 1em; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags span {
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 300;
      color: #FFF;
      line-height: 1;
      background: #666;
      padding: 0.4em 0.8em 0.3em;
      margin: 0 0.2em 0.4em;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags span.iconA {
        background: #eb6e90; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags span.iconB {
        background: #f09544; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags span.iconC {
        background: #6fb671; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags span.iconD {
        background: #9e6fb6; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .tags span.iconE {
        background: #01a0e2; }
  #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl {
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl {
        padding: 0 1em; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt {
      padding: 0 0px; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt.address {
        margin-bottom: 0.2em; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt.entryTitle {
        font-size: 30px;
        font-size: 3rem;
        color: #eb6e90;
        margin-bottom: 0em; }
        @media screen and (max-width: 480px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt.entryTitle {
            font-size: 24px;
            font-size: 2.4rem; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd {
      margin-bottom: 1em; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.jobCat {
        font-size: 16px;
        font-size: 1.6rem;
        color: #eb6e90; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh {
        width: 100%;
        border-left: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8; }
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh tr {
          border-bottom: 1px solid #d8d8d8; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh tr {
              border-bottom: none; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh th, #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh td {
          border-right: 1px solid #d8d8d8;
          padding: 1.5em;
          background: #FFF;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.8; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh th, #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh td {
              width: 100%;
              display: block;
              padding: 0.5em  1em;
              border-bottom: 1px solid #d8d8d8; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh th {
          background: #f3f3f3;
          text-align: center;
          width: 20%;
          vertical-align: middle; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh th {
              width: 100%;
              display: block; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh td {
          text-align: left; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh td {
              padding: 1em  1em; } }
          #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh td a {
            color: #eb6e90; }
            #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh td a.link:before {
              content: "▶︎";
              font-size: 12px;
              font-size: 1.2rem;
              padding: 0 0.3em 0 0.8em; }
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td {
          vertical-align: top; }
          #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
            width: 42%; }
            #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
              width: 100%;
              object-fit: cover; }
            @media screen and (max-width: 768px) {
              #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
                width: 100%;
                text-align: center; }
                #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
                  width: 80%; } }

    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt.headmsg {
      margin: 2em 0 0 0;
      padding: 20px 0 15px 0;
      color: #735745;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      line-height: 1.2;
      background-image: url(../img/recruit/entry_new/bg_paper01.png);
      background-size: 60px 60px;
      border-top: 1px solid #fff5cc;
      border-left: 1px solid #fff5cc;
      border-right: 1px solid #fff5cc;
      border-radius: 10px 10px 0 0; }
    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt.headmsg span {
      position: relative;
      display: inline-block;
      padding-left: 55px; }
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt.headmsg span:before {
      position: absolute;
      display: block;
      content: "";
      top: 50%;
      left: 0;
      width: 50px;
      height: 50px;
      margin-top: -25px;
      background-image: url(../img/recruit/entry_new/icon_smile.png);
      background-size: 50px 50px; }
      @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon dl dt.headmsg {
          font-size: 2rem; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.headmsgtxt {
      padding: 0 20px 30px 20px;
      color: #735745;
      font-size: 1.8rem;
      line-height: 2;
      background-image: url(../img/recruit/entry_new/bg_paper01.png);
      background-size: 60px 60px;
      border-bottom: 1px solid #fff5cc;
      border-left: 1px solid #fff5cc;
      border-right: 1px solid #fff5cc;
      border-radius: 0 0 10px 10px; }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.headmsgtxt div.headmsgtxt_inner {
      background-image: url(../img/recruit/entry_career/note_line.png);
      background-position: 0 0;
      background-size: 3.6rem 3.6rem;
    }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.headmsgtxt p.headmsgtxt_from {
      margin-top: 20px;
      text-align: right;
      font-size: 1.4rem; }

  #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f3f3f3;
    padding: 2em;
    margin-top: 3em; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn {
        padding: 2em 2em 1em; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li {
      width: 48%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li {
          width: 100%;
          margin-bottom: 1em; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li a {
        width: 100%;
        padding: 1em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px; }
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li a:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 19px;
          font-size: 1.9rem;
          padding: 0 0 0;
          position: absolute;
          right: 1em;
          top: 30%;
          bottom: 0;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li:nth-of-type(1) a {
        background: #FFF;
        color: #eb6e90; }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li:nth-of-type(2) a {
        background: #eb6e90;
        color: #FFF; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li.end {
          width: 100%;
          margin-bottom: 1em; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon .linkBtn li.end span {
        width: 100%;
        padding: 1em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background: #8a8a8a;
        color: #FFF; }
  #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon.kyubo {
    background: #fbf9f0;
    position: relative;
    overflow: hidden;
    padding-top: 2em; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon.kyubo .tags {
        padding: 0 0 0 2em; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon.kyubo:after {
      content: '急 募';
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      color: #FFF;
      position: absolute;
      top: 0.8em;
      left: 0.5em;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg); }
    #recruit.entry_new #container #wrapper.job_search .contentBox .entryCon.kyubo:before {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 63px 63px 0 0;
      border-color: #ef0000 transparent transparent transparent; }
#recruit.entry_new #container #wrapper.job_search .contentBox.detail {
  padding: 4em 0; }
  @media screen and (max-width: 768px) {
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail {
      padding: 0; } }
  #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon {
    position: relative;
    width: 100%; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon {
        border: none;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        padding: 1.5em 0 0;
        margin-bottom: 2em; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dt.sttl {
      padding: 0 0 10px;
      margin: 2em auto 1em; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dt.sttl span:after {
        background: #eb6e90; }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dt.entryTitle {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      margin-top: 1em; }
      @media screen and (max-width: 480px) {
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dt.entryTitle {
          font-size: 24px;
          font-size: 2.4rem; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd {
      margin-bottom: 1em; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.btn {
        width: auto;
        padding: 0;
        position: absolute;
        right: 1em;
        top: 1em; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.btn {
            position: static;
            margin: 0 0 2em; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.btn a {
          width: 300px;
          text-align: center;
          padding: 0.8em;
          font-size: 18px;
          font-size: 1.8rem;
          display: block;
          position: relative;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          background: #eb6e90;
          color: #FFF; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.btn a {
              width: 100%; } }
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.btn a:after {
            font-family: 'icomoon' !important;
            content: "\e903";
            font-size: 19px;
            font-size: 1.9rem;
            padding: 0 0 0;
            position: absolute;
            right: 1em;
            top: 30%;
            bottom: 0;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.end {
        width: auto;
        padding: 0;
        position: absolute;
        right: 1em;
        top: 1em; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.end {
            position: static;
            margin: 0 0 2em; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.end span {
          width: 300px;
          text-align: center;
          padding: 0.8em;
          font-size: 18px;
          font-size: 1.8rem;
          display: block;
          position: relative;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          background: #8a8a8a;
          color: #FFF; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.end span {
              width: 100%; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro ul.photo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2em;
        width: 100%;
        max-width: 100% !important; }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro ul.photo li {
          width: 32%; }
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro ul.photo li img {
            width: 100%; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.0; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro .bx-wrapper {
        margin: 0 !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
        background: none !important; }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bxslider img {
          width: 100% !important;
          height: auto !important; }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bx-pager {
          position: static;
          bottom: -20px;
          width: 100%;
          height: auto;
          text-align: center;
          font-size: .85em;
          font-family: Arial;
          font-weight: bold;
          color: #666;
          padding: 10px 0 15px; }
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bx-pager .bx-pager-item a {
            background: #DDD; }
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bx-pager .bx-pager-item a.active {
              background: #eb6e90; }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon .linkBtn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon .linkBtn li a {
        background: #eb6e90;
        color: #FFF; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon .linkBtn li.end {
          width: 100%;
          margin-bottom: 1em; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon .linkBtn li.end span {
        width: 100%;
        padding: 1em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background: #8a8a8a;
        color: #FFF; }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .entryCon.kyubo {
      background: #FFF; }
  #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby {
    padding: 0 0;
    margin-bottom: 4em; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby {
        padding: 0 1em; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .sttl {
      padding: 0 0 10px; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .sttl span:after {
        background: #eb6e90;
        width: 8.0em; }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 2em; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh {
          display: block;
          border: 1px solid #d8d8d8;
          padding: 0.5em 1em 0.5em 0.5em;
          position: relative; } }
      @media screen and (max-width: 480px) {
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh {
          padding: 1em 2em 1em 1em; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li {
        border-right: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        flex: auto;
        -webkit-flex: auto;
        display: flex;
        align-items: stretch; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li {
            display: block;
            border: none; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:first-of-type {
          border-left: 1px solid #d8d8d8;
          width: 25%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:first-of-type {
              border: none;
              max-width: none;
              width: 100%; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:nth-of-type(2) {
          max-width: 25%;
          width: auto; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:nth-of-type(2) {
              max-width: none;
              width: 100%; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:nth-of-type(3) {
          max-width: 25%;
          width: auto; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:nth-of-type(3) {
              max-width: none;
              width: 100%; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:nth-of-type(4) {
          max-width: 25%;
          width: auto; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li:nth-of-type(4) {
              max-width: none;
              width: 100%; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl {
          display: flex;
          align-items: stretch;
          flex-direction: column;
          width: 100%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl {
              display: flex;
              flex-direction: row; } }
          @media screen and (max-width: 480px) {
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl {
              display: block; } }
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dt, #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd {
            text-align: center;
            padding: 0.8em;
            font-size: 14px;
            font-size: 1.4rem; }
            @media screen and (max-width: 768px) {
              #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dt, #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd {
                border: none;
                padding: 0.4em;
                text-align: left; } }
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dt {
            background: #f3f3f3;
            font-weight: bold;
            width: 100%;
            border-bottom: 1px solid #d8d8d8; }
            @media screen and (max-width: 768px) {
              #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dt {
                background: none;
                border: none;
                font-weight: 300;
                width: auto;
                white-space: nowrap; }
                #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dt:after {
                  content: ":";
                  font-weight: bold;
                  padding: 0 0 0 0.5em; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dt:after {
        display: none; } }

            @media screen and (max-width: 480px) {
              #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dt {
                padding: 0.4em 0.2em 0.2em 0;
                font-weight: bold;
                font-size: 14px;
                font-size: 1.4rem; } }
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd {
            text-align: left;
            display: flex;
            align-items: center;
            height: 100%; }
            @media screen and (max-width: 480px) {
              #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd {
                padding: 0em 0em 0.5em 0;
                font-size: 14px;
                font-size: 1.4rem; } }
            #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd a {
              color: #eb6e90; }
              #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd a.block {
                display: none; }
                @media screen and (max-width: 768px) {
                  #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd a.block {
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                    text-align: left;
                    left: 0;
                    top: 0; }
                    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd a.block:after {
                      font-family: 'icomoon' !important;
                      content: "\e903";
                      font-size: 18px;
                      font-size: 1.8rem;
                      padding: 0 0 0;
                      position: absolute;
                      right: 0.5em;
                      top: 45%;
                      margin: auto auto;
                      font-style: normal;
                      font-weight: normal;
                      line-height: 1;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale; } }
              #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby ul.rowTh li dl dd a.link:before {
                content: "▶︎";
                font-size: 12px;
                font-size: 1.2rem;
                padding: 0 0.3em 0 0.8em; }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh {
      width: 100%;
      border-left: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8;
      margin-bottom: 2em; }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh tr {
        border-bottom: 1px solid #d8d8d8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh tr {
            border-bottom: none; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh th, #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh td {
        border-right: 1px solid #d8d8d8;
        padding: 1.5em;
        background: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh th, #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh td {
            width: 100%;
            display: block;
            padding: 0.5em  1em;
            border-bottom: 1px solid #d8d8d8; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh th {
        background: #f3f3f3;
        text-align: center;
        width: auto;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh th {
            width: 100%;
            display: block; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh td {
        text-align: center; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh td {
            padding: 1em  1em; } }
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh td a {
          color: #eb6e90; }
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby table.rowTh td a.link:before {
            content: "▶︎";
            font-size: 12px;
            font-size: 1.2rem;
            padding: 0 0.3em 0 0.8em; }
    @media screen and (max-width: 768px) {
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .btn.back {
        padding: 1em;
        text-align: center; } }
    #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .btn.back a {
      text-align: center;
      padding: 0.8em 2em 0.8em 2.8em;
      font-size: 14px;
      font-size: 1.4rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #8a8a8a;
      color: #FFF;
      width: auto; }
      @media screen and (max-width: 768px) {
        #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .btn.back a {
          width: 100%;
          padding: 1em;
          font-size: 18px;
          font-size: 1.8rem; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .btn.back a:before {
        font-family: 'icomoon' !important;
        content: "\e902";
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 0 0;
        position: absolute;
        left: 1em;
        top: 32%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 768px) {
          #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .btn.back a:before {
            font-size: 19px;
            font-size: 1.9rem; } }
      #recruit.entry_new #container #wrapper.job_search .contentBox.detail .nearby .btn.back a:after {
        display: none; }
#recruit.entry_new #container #wrapper.form_job_search .contentBox p.catch {
  color: #eb6e90; }
#recruit.entry_new #container #wrapper.form_job_search .contentBox .unit dl dt span {
  background: #eb6e90; }
#recruit.entry_new #container #wrapper.form_job_search .contentBox .unit div.wpcf7-form-control-wrap {
  margin: 3em auto 0; }
#recruit.entry_new #container #wrapper.form_job_search .contentBox .unit .submitBtn button {
  background: #eb6e90; }
#recruit.entry_new #container #wrapper.form_job_search .contentBox .unit p.information {
  font-size: 14px;
  font-size: 1.4rem; }
#recruit.entry_new .iziModal .iziModal-wrap .iziModal-content .sttl span:after {
  background: #eb6e90; }
#recruit.entry_career #container .underPageNav {
  background: #009be7 !important; }
#recruit.entry_career #container .pageTtl {
  background: url("../../common/img//recruit/entry_career/ttl_bg.jpg") center 0 no-repeat #3CA3F2;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #recruit.entry_career #container .pageTtl {
      background: url("../../common/img//recruit/entry_career/ttl_bg_sp.jpg") center 0 no-repeat #3CA3F2;
      background-size: 100%; } }
  @media screen and (max-width: 480px) {
    #recruit.entry_career #container .pageTtl {
      background: url("../../common/img//recruit/entry_career/ttl_bg_sp.jpg") center 0 no-repeat #3CA3F2;
      background-size: 100%; } }
#recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl {
  padding: 1em; }
  #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dt {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold; }
  #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd {
    border-bottom: 1px dotted #333;
    padding-bottom: 1em;
    margin: 1em auto; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul li {
        width: 100%; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul li {
            width: 33%; }
            #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul li.widthW {
              width: 66%; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul li.widthW {
        width: 100%; } }

        @media screen and (max-width: 480px) {
          #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul li {
            width: 100%; } }
      #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul .colM li {
        width: 50%; }
        @media screen and (max-width: 1024px) {
          #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul .colM li {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul .colM li {
            width: 33%; } }
        @media screen and (max-width: 480px) {
          #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd ul .colM li {
            width: 100%; } }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd input {
      margin-right: 10px;
      background: #FFF;
      border: 1px solid #DDD;
      padding: 8px 5px; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd input[type="checkbox"] {
      display: none; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd label {
      position: relative;
      padding: 3px 3px 3px 24px;
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem; }
      #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd label::before {
        position: absolute;
        content: '';
        top: 0.8em;
        left: 0;
        width: 14px;
        height: 14px;
        margin-top: -8px;
        background: #FFF;
        border: 1px solid #CCC; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd input[type="checkbox"]:checked + label::after {
      position: absolute;
      content: '';
      top: 6px;
      left: 3px;
      width: 10px;
      height: 5px;
      border-left: 2px solid #666;
      border-bottom: 2px solid #666;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd input[type="text"] {
      property: value;
      width: 100%;
      padding: 1em; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd textarea {
      background: #FFF;
      border: 1px solid #DDD;
      padding: 8px 5px;
      margin: 20px auto 0;
      width: 90%; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd select option {
      background-color: #fff;
      color: #333; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd select::-ms-expand {
      display: none; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #828c9a; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .selectWrap {
      position: relative; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .selectWrap:before {
      z-index: 1;
      position: absolute;
      right: 15px;
      top: 0;
      font-family: 'icomoon' !important;
      content: "\e901";
      font-size: 12px;
      padding: 0 0 0;
      line-height: 43px;
      color: #7F878C;
      pointer-events: none; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd select {
      outline: none;
      -moz-appearance: none;
      text-indent: 0.01px;
      text-overflow: '';
      background: #FFF;
      vertical-align: middle;
      font-size: 14px;
      font-size: 1.4rem;
      color: inherit;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 40px;
      padding: 8px 12px;
      border: 1px solid #CCC;
      color: #000;
      width: 100%;
      border-radius: 3px; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .infoPopup {
      color: #FFF;
      background: #ef0000;
      -webkit-border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%;
      padding: 0.4em 0.2em 0.2em 0.6em;
      height: 20px;
      width: 20px;
      font-size: 12px;
      line-height: 1;
      display: inline-block;
      text-decoration: none;
      position: relative;
      border: none; }
      #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .infoPopup:before {
        display: none; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .conPopup {
      display: none;
      position: absolute;
      z-index: 100;
      bottom: -85px;
      left: -220px;
      background: #FFF;
      width: 200px;
      padding: 1.8em 1.8em;
      line-height: 1.4;
      opacity: 0.0;
      color: #333;
      transition: .3s;
      -webkit-box-shadow: 6px 6px 4px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 6px 6px 4px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 6px 6px 4px 2px rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 480px) {
        #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .conPopup {
          bottom: -115px;
          left: -120px; } }
      #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .conPopup span {
        display: block;
        font-weight: bold;
        margin-bottom: 1em;
        font-size: 14px;
        text-align: center; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd .infoPopup:hover .conPopup {
      display: block;
      opacity: 1.0;
      transition: .3s; }
    #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd.btn {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
      border: none; }
      #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd.btn button {
        background: #01a0e2;
        color: #FFF;
        width: 100%;
        padding: 0.7em 0.5em 0.7em 1.5em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        margin-top: 0.5em;
        border: none;
        cursor: pointer; }
        #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd.btn button:focus {
          outline: none; }
        #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd.btn button.btn01:before {
          content: "";
          background: url("../../common/img/recruit/entry_career/icon_glass.png") no-repeat 0 0;
          background-size: 19px 21px;
          width: 19px;
          height: 21px;
          position: absolute;
          left: 1em;
          top: 30%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd.btn button.btn01:before {
              position: static;
              padding-right: 40px;
              margin-left: -40px; } }
        #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd.btn button.btn02:before {
          content: "";
          background: url("../../common/img/recruit/entry_career/icon_map.png") no-repeat 0 0;
          width: 23px;
          height: 21px;
          position: absolute;
          left: 1em;
          top: 30%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .sideCon section dl dd.btn button.btn02:before {
              position: static;
              padding-right: 40px;
              margin-left: -40px; } }
#recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse; }
  @media screen and (max-width: 1024px) {
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock {
      justify-content: center;
      margin-bottom: 1em; } }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock .number {
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 14px;
    font-size: 1.4rem; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock .number span {
      font-size: 24px;
      font-size: 2.4rem;
      color: #ef0000; }
  @media screen and (max-width: 1024px) {
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock:nth-of-type(1) ul.page-numbers {
      display: none; } }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    max-width: 70%;
    margin-right: 0.2em;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers {
        width: 100%;
        justify-content: center;
        margin-bottom: 1em;
        margin-right: 0; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li {
      margin-right: 0.5em;
      margin-bottom: 0.5em; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li span, #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li a {
        display: block;
        border: 1px solid #01a0e2;
        color: #01a0e2;
        font-size: 14px;
        font-size: 1.4rem;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        padding: 0.4em 0.5em 0.3em;
        line-height: 1; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li span, #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li a {
            font-size: 18px;
            font-size: 1.8rem;
            padding: 0.8em 1.0em 0.8em; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li span.current, #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li span:hover, #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li a.current, #recruit.entry_career #container #wrapper.entry_career01 .contentBox .pageNumberBlock ul.page-numbers li a:hover {
          background: #01a0e2;
          color: #FFF;
          border: 1px solid #01a0e2; }
#recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding: 1.5em 0 0;
  margin-bottom: 2em; }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags {
    margin-bottom: 1em;
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags {
        padding: 0 1em; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags span {
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 300;
      color: #FFF;
      line-height: 1;
      background: #666;
      padding: 0.4em 0.8em 0.3em;
      margin: 0 0.2em 0.4em;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags span.iconA {
        background: #eb6e90; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags span.iconB {
        background: #f09544; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags span.iconC {
        background: #6fb671; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags span.iconD {
        background: #9e6fb6; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .tags span.iconE {
        background: #01a0e2; }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl {
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl {
        padding: 0 1em; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dt {
      padding: 0 0px; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dt.address {
        margin-bottom: 0.2em; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dt.entryTitle {
        font-size: 30px;
        font-size: 3rem;
        color: #01a0e2;
        margin-bottom: 0em; }
        @media screen and (max-width: 480px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dt.entryTitle {
            font-size: 24px;
            font-size: 2.4rem; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd {
      margin-bottom: 1em; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.jobCat {
        font-size: 16px;
        font-size: 1.6rem;
        color: #01a0e2; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh {
        width: 100%;
        border-left: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8; }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh tr {
          border-bottom: 1px solid #d8d8d8; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh tr {
              border-bottom: none; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh th, #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh td {
          border-right: 1px solid #d8d8d8;
          padding: 1.5em;
          background: #FFF;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.8; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh th, #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh td {
              width: 100%;
              display: block;
              padding: 0.5em  1em;
              border-bottom: 1px solid #d8d8d8; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh th {
          background: #f3f3f3;
          text-align: center;
          width: 20%;
          vertical-align: middle; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh th {
              width: 100%;
              display: block; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh td {
          text-align: left; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh td {
              padding: 1em  1em; } }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh td a {
            color: #01a0e2; }
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh td a.link:before {
              content: "▶︎";
              font-size: 12px;
              font-size: 1.2rem;
              padding: 0 0.3em 0 0.8em; }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td {
          vertical-align: top; }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
            width: 42%; }
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
              width: 100%;
              object-fit: cover; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell {
                width: 100%;
                text-align: center; }
                #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon dl dd.detail table.colTh tr.staffComment td.photoCell img {
                  width: 80%; } }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f3f3f3;
    padding: 2em;
    margin-top: 3em; }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn {
        padding: 2em 2em 1em; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn li {
      width: 48%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn li {
          width: 100%;
          margin-bottom: 1em; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn li a {
        width: 100%;
        padding: 1em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px; }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn li a:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 19px;
          font-size: 1.9rem;
          padding: 0 0 0;
          position: absolute;
          right: 1em;
          top: 30%;
          bottom: 0;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn li:nth-of-type(1) a {
        background: #FFF;
        color: #01a0e2; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon .linkBtn li:nth-of-type(2) a {
        background: #01a0e2;
        color: #FFF; }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon.kyubo {
    background: #fbf9f0;
    position: relative;
    overflow: hidden;
    padding-top: 2em; }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon.kyubo .tags {
        padding: 0 0 0 2em; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon.kyubo:after {
      content: '急 募';
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      color: #FFF;
      position: absolute;
      top: 0.8em;
      left: 0.5em;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg); }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox .entryCon.kyubo:before {
      position: absolute;
      top: 0;
      left: 0;
      content: ' ';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 63px 63px 0 0;
      border-color: #ef0000 transparent transparent transparent; }
#recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail {
  padding: 4em 0; }
  @media screen and (max-width: 768px) {
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail {
      padding: 0; } }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon {
    position: relative;
    width: 100%; }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon {
        border: none;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        padding: 1.5em 0 0;
        margin-bottom: 2em; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.sttl {
      padding: 0 0 10px;
      margin: 2em auto 1em; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.sttl span:after {
        background: #01a0e2; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.entryTitle {
      font-size: 30px;
      font-size: 3rem;
      color: #01a0e2;
      margin-top: 1em; }
      @media screen and (max-width: 480px) {
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.entryTitle {
          font-size: 24px;
          font-size: 2.4rem; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd {
      margin-bottom: 1em; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.headmsg {
      margin: 2em 0 0 0;
      padding: 20px 0 15px 0;
      color: #735745;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      line-height: 1.2;
      background-image: url(../img/recruit/entry_career/bg_paper01.png);
      background-size: 60px 60px;
      border-top: 1px solid #fff5cc;
      border-left: 1px solid #fff5cc;
      border-right: 1px solid #fff5cc;
      border-radius: 10px 10px 0 0; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.headmsg span {
      position: relative;
      display: inline-block;
      padding-left: 55px; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.headmsg span:before {
      position: absolute;
      display: block;
      content: "";
      top: 50%;
      left: 0;
      width: 50px;
      height: 50px;
      margin-top: -25px;
      background-image: url(../img/recruit/entry_career/icon_smile.png);
      background-size: 50px 50px; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dt.headmsg {
          font-size: 2rem; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.headmsgtxt {
      padding: 0 20px 30px 20px;
      color: #735745;
      font-size: 1.8rem;
      line-height: 2;
      background-image: url(../img/recruit/entry_career/bg_paper01.png);
      background-size: 60px 60px;
      border-bottom: 1px solid #fff5cc;
      border-left: 1px solid #fff5cc;
      border-right: 1px solid #fff5cc;
      border-radius: 0 0 10px 10px; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.headmsgtxt div.headmsgtxt_inner {
      background-image: url(../img/recruit/entry_career/note_line.png);
      background-position: 0 0;
      background-size: 3.6rem 3.6rem;
    }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.headmsgtxt p.headmsgtxt_from {
      margin-top: 20px;
      text-align: right;
      font-size: 1.4rem; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.headmsgtxt {
          font-size: 1.8rem;
          line-height: 2; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.btn {
        width: auto;
        padding: 0;
        position: absolute;
        right: 1em;
        top: 1em; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.btn {
            position: static;
            margin: 0 0 2em; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.btn a {
          width: 300px;
          text-align: center;
          padding: 0.8em;
          font-size: 18px;
          font-size: 1.8rem;
          display: block;
          position: relative;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          background: #01a0e2;
          color: #FFF; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.btn a {
              width: 100%; } }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.btn a:after {
            font-family: 'icomoon' !important;
            content: "\e903";
            font-size: 19px;
            font-size: 1.9rem;
            padding: 0 0 0;
            position: absolute;
            right: 1em;
            top: 30%;
            bottom: 0;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro ul.photo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2em;
        width: 100%;
        max-width: 100% !important; }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro ul.photo li {
          width: 32%; }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro ul.photo li img {
            width: 100%; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.0; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro .bx-wrapper {
        margin: 0 !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
        background: none !important; }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bxslider img {
          width: 100% !important;
          height: auto !important; }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bx-pager {
          position: static;
          bottom: -20px;
          width: 100%;
          height: auto;
          text-align: center;
          font-size: .85em;
          font-family: Arial;
          font-weight: bold;
          color: #666;
          padding: 10px 0 15px; }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bx-pager .bx-pager-item a {
            background: #DDD; }
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon dl dd.intoro .bx-wrapper .bx-pager .bx-pager-item a.active {
              background: #01a0e2; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon .linkBtn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon .linkBtn li a {
        background: #01a0e2;
        color: #FFF; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .entryCon.kyubo {
      background: #FFF; }
  #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby {
    padding: 0 0;
    margin-bottom: 4em; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby {
        padding: 0 1em; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .sttl {
      padding: 0 0 10px; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .sttl span:after {
        background: #01a0e2;
        width: 8.0em; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 2em; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh {
          display: block;
          border: 1px solid #d8d8d8;
          padding: 0.5em 1em 0.5em 0.5em;
          position: relative; } }
      @media screen and (max-width: 480px) {
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh {
          padding: 1em 2em 1em 1em; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li {
        border-right: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        flex: auto;
        -webkit-flex: auto;
        display: flex;
        align-items: stretch; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li {
            display: block;
            border: none; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:first-of-type {
          border-left: 1px solid #d8d8d8;
          width: 25%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:first-of-type {
              border: none;
              max-width: none;
              width: 100%; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:nth-of-type(2) {
          max-width: 25%;
          width: auto; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:nth-of-type(2) {
              max-width: none;
              width: 100%; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:nth-of-type(3) {
          max-width: 25%;
          width: auto; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:nth-of-type(3) {
              max-width: none;
              width: 100%; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:nth-of-type(4) {
          max-width: 25%;
          width: auto; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li:nth-of-type(4) {
              max-width: none;
              width: 100%; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl {
          display: flex;
          align-items: stretch;
          flex-direction: column;
          width: 100%; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl {
              display: flex;
              flex-direction: row; } }
          @media screen and (max-width: 480px) {
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl {
              display: block; } }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dt, #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd {
            text-align: center;
            padding: 0.8em;
            font-size: 14px;
            font-size: 1.4rem; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dt, #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd {
                border: none;
                padding: 0.4em;
                text-align: left; } }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dt {
            background: #f3f3f3;
            font-weight: bold;
            width: 100%;
            border-bottom: 1px solid #d8d8d8; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dt {
                background: none;
                border: none;
                font-weight: 300;
                width: auto;
                white-space: nowrap; }
                #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dt:after {
                  content: ":";
                  font-weight: bold;
                  padding: 0 0 0 0.5em; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dt:after {
        display: none; } }

            @media screen and (max-width: 480px) {
              #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dt {
                padding: 0.4em 0.2em 0.2em 0;
                font-weight: bold;
                font-size: 14px;
                font-size: 1.4rem; } }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd {
            text-align: left;
            display: flex;
            align-items: center;
            height: 100%; }
            @media screen and (max-width: 480px) {
              #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd {
                padding: 0em 0em 0.5em 0;
                font-size: 14px;
                font-size: 1.4rem; } }
            #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd a {
              color: #01a0e2; }
              #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd a.block {
                display: none; }
                @media screen and (max-width: 768px) {
                  #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd a.block {
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                    text-align: left;
                    left: 0;
                    top: 0; }
                    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd a.block:after {
                      font-family: 'icomoon' !important;
                      content: "\e903";
                      font-size: 18px;
                      font-size: 1.8rem;
                      padding: 0 0 0;
                      position: absolute;
                      right: 0.5em;
                      top: 45%;
                      margin: auto auto;
                      font-style: normal;
                      font-weight: normal;
                      line-height: 1;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale; } }
              #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby ul.rowTh li dl dd a.link:before {
                content: "▶︎";
                font-size: 12px;
                font-size: 1.2rem;
                padding: 0 0.3em 0 0.8em; }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh {
      width: 100%;
      border-left: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8;
      margin-bottom: 2em; }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh tr {
        border-bottom: 1px solid #d8d8d8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh tr {
            border-bottom: none; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh th, #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh td {
        border-right: 1px solid #d8d8d8;
        padding: 1.5em;
        background: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh th, #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh td {
            width: 100%;
            display: block;
            padding: 0.5em  1em;
            border-bottom: 1px solid #d8d8d8; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh th {
        background: #f3f3f3;
        text-align: center;
        width: auto;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh th {
            width: 100%;
            display: block; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh td {
        text-align: center; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh td {
            padding: 1em  1em; } }
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh td a {
          color: #01a0e2; }
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby table.rowTh td a.link:before {
            content: "▶︎";
            font-size: 12px;
            font-size: 1.2rem;
            padding: 0 0.3em 0 0.8em; }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .btn.back {
        padding: 1em;
        text-align: center; } }
    #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .btn.back a {
      text-align: center;
      padding: 0.8em 2em 0.8em 2.8em;
      font-size: 14px;
      font-size: 1.4rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #8a8a8a;
      color: #FFF;
      width: auto; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .btn.back a {
          width: 100%;
          padding: 1em;
          font-size: 18px;
          font-size: 1.8rem; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .btn.back a:before {
        font-family: 'icomoon' !important;
        content: "\e902";
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 0 0;
        position: absolute;
        left: 1em;
        top: 32%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .btn.back a:before {
            font-size: 19px;
            font-size: 1.9rem; } }
      #recruit.entry_career #container #wrapper.entry_career01 .contentBox.detail .nearby .btn.back a:after {
        display: none; }
#recruit.entry_career #container #wrapper.entry_career02 .contentBox {
  margin: 0 auto;
  padding: 0em 0 4em; }
  @media screen and (max-width: 1024px) {
    #recruit.entry_career #container #wrapper.entry_career02 .contentBox {
      padding: 0em 0em 4em; } }
  #recruit.entry_career #container #wrapper.entry_career02 .contentBox #map_canvas {
    width: 100%;
    height: 450px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_career #container #wrapper.entry_career02 .contentBox #map_canvas {
        margin: 0 auto 1em; } }
  #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit {
    padding: 4em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit {
        padding: 2em 1em 0; } }
    @media screen and (max-width: 480px) {
      #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit {
        padding: 2em 0em 0; } }
    #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl {
      width: 48%;
      border-bottom: 1px dotted #666;
      margin-bottom: 1.5em;
      padding-bottom: 1em;
      position: relative; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl {
          width: 100%;
          padding: 0em 1em 0; } }
      @media screen and (max-width: 480px) {
        #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl {
          width: 100%;
          padding: 0em 1.8em 0 1em; } }
      #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt {
        margin-bottom: 0.2em; }
        #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt a {
          color: #01a0e2;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold; }
          #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt a.block {
            display: none; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt a.block {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                text-align: left;
                left: 0;
                top: 0; }
                #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt a.block:after {
                  font-family: 'icomoon' !important;
                  content: "\e903";
                  font-size: 18px;
                  font-size: 1.8rem;
                  padding: 0 0 0;
                  position: absolute;
                  right: 0.5em;
                  top: 45%;
                  margin: auto auto;
                  font-style: normal;
                  font-weight: normal;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; } }
        #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt.tags {
          padding: 0; }
          #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt.tags span {
            display: inline-block;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 300;
            font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
            color: #FFF;
            line-height: 1;
            background: #666;
            padding: 0.4em 0.8em 0.2em;
            margin: 0 0.2em 0.4em;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px; }
            #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt.tags span.iconA {
              background: #eb6e90; }
            #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt.tags span.iconB {
              background: #f09544; }
            #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt.tags span.iconC {
              background: #6fb671; }
            #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt.tags span.iconD {
              background: #9e6fb6; }
            #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dt.tags span.iconE {
              background: #01a0e2; }
      #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit dl dd {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0.5em; }
    #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit .btnBack {
      width: 100%; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit .btnBack {
          padding: 1em; } }
      #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit .btnBack a {
        text-align: center;
        padding: 0.8em 2em 0.8em 2.8em;
        font-size: 14px;
        font-size: 1.4rem;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background: #8a8a8a;
        color: #FFF; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit .btnBack a {
            width: 100%;
            padding: 1em;
            font-size: 18px;
            font-size: 1.8rem; } }
        #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit .btnBack a:before {
          font-family: 'icomoon' !important;
          content: "\e902";
          font-size: 13px;
          font-size: 1.3rem;
          padding: 0 0 0;
          position: absolute;
          left: 1em;
          top: 32%;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career02 .contentBox .unit .btnBack a:before {
              font-size: 19px;
              font-size: 1.9rem; } }
#recruit.entry_career #container #wrapper.entry_career03 .contentBox {
  margin: 0 auto;
  padding: 0em 0 4em; }
  #recruit.entry_career #container #wrapper.entry_career03 .contentBox h2 {
    color: #009be7;
    font-size: 30px;
    font-size: 3rem; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_career #container #wrapper.entry_career03 .contentBox h2 {
        padding: 0em 1em; } }
    #recruit.entry_career #container #wrapper.entry_career03 .contentBox h2 span {
      display: block;
      color: #333;
      font-weight: 100;
      font-size: 14px;
      font-size: 1.4rem; }
  #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit {
    padding: 0em 0 0; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit {
        padding: 2em 1em 0; } }
    @media screen and (max-width: 480px) {
      #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit {
        padding: 2em 0em 0; } }
    #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl {
      width: 100%;
      margin-bottom: 1.5em;
      padding-bottom: 1em;
      position: relative; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl {
          width: 100%;
          padding: 0em 1em 0; } }
      @media screen and (max-width: 480px) {
        #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl {
          width: 100%;
          padding: 0em 0.5em 0em; } }
      #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dt {
        margin: -4em 0 0 0; }
        @media screen and (max-width: 1024px) {
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dt {
            margin: -2em 0 0 0; } }
        #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dt img {
          width: 100%;
          height: auto; }
      #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0.5em; }
        #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button {
          background: #FFF;
          -webkit-border-radius: 13px 13px 13px 13px;
          -moz-border-radius: 13px 13px 13px 13px;
          border-radius: 13px 13px 13px 13px;
          display: inline-block;
          font-size: 18px;
          font-size: 1.8rem;
          color: #333;
          font-weight: bold;
          border: 4px solid #67b6c9;
          position: absolute;
          padding: 0;
          cursor: pointer; }
          @media screen and (max-width: 768px) {
            #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button {
              font-size: 16px;
              font-size: 1.6rem; } }
          @media screen and (max-width: 480px) {
            #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button {
              font-size: 14px;
              font-size: 1.4rem; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button span {
            border-bottom: 6px solid #DDD;
            -webkit-border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            display: block;
            width: 100%;
            height: 40px;
            padding: 1em 3.5em 2.5em; }
            @media screen and (max-width: 1024px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button span {
                padding: 0.5em 2em 2em; } }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button span {
                padding: 0.5em 1.5em 1.4em; } }
            @media screen and (max-width: 480px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button span {
                padding: 0.7em 1.5em 1.0em; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button:focus {
            outline: 0; }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button:after {
            font-family: 'icomoon' !important;
            content: "\e903";
            font-size: 18px;
            padding: 0 0 0 0;
            color: #999;
            position: absolute;
            top: 35%;
            right: 0.5em;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media screen and (max-width: 1024px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button:after {
                font-size: 14px;
                top: 30%; } }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button:after {
                font-size: 12px;
                top: 33%;
                right: 0.3em; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button:before {
            position: absolute;
            text-align: center;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 10px 0px 10px;
            border-color: #eb6e90 transparent transparent transparent; }
            @media screen and (max-width: 480px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button:before {
                display: none !important; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.hokkaido {
            top: 6%;
            right: 18%;
            border-color: #67b6c9; }
            #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.hokkaido:before {
              right: -19px;
              bottom: 10px;
              left: inherit;
              border-width: 10px 0px 10px 15px;
              border-color: transparent transparent transparent #67b6c9; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.hokkaido {
                top: 5%;
                right: 20%; }
                #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.hokkaido:before {
                  right: -14px;
                  border-width: 6px 0px 6px 10px; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.sendai {
            top: 14em;
            right: 9em;
            top: 34%;
            right: 16%;
            border-color: #66b6a3; }
            #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.sendai:before {
              right: -19px;
              bottom: 15px;
              left: inherit;
              border-width: 10px 0px 10px 15px;
              border-color: transparent transparent transparent #66b6a3; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.sendai {
                top: 32%;
                right: 20%; }
                #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.sendai:before {
                  right: -14px;
                  border-width: 6px 0px 6px 10px; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.tokyo {
            bottom: 28%;
            right: 3%;
            border-color: #d1729e; }
            #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.tokyo:before {
              bottom: 15px;
              left: -19px;
              border-width: 10px 15px 10px 0px;
              border-color: transparent #d1729e transparent transparent; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.tokyo {
                bottom: 15%;
                right: 12%; }
                #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.tokyo:before {
                  left: 20%;
                  top: -14px;
                  bottom: inherit;
                  border-width: 0px 6px 10px 6px;
                  border-color: transparent transparent #d1729e transparent; } }
            @media screen and (max-width: 480px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.tokyo {
                right: 8%; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.osaka {
            bottom: 38%;
            right: 46%;
            border-color: #aec87f; }
            #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.osaka:before {
              right: 42%;
              bottom: -19px;
              left: inherit;
              border-width: 15px 10px 0px 10px;
              border-color: #aec87f transparent transparent transparent; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.osaka {
                bottom: 43%;
                right: 48%; }
                #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.osaka:before {
                  bottom: -14px;
                  border-width: 10px 6px 0px 6px; } }
            @media screen and (max-width: 480px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.osaka {
                bottom: 33%;
                right: 48%; } }
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.nagoya {
            bottom: 22%;
            right: 30%;
            border-color: #a575ae; }
            #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.nagoya:before {
              right: 45%;
              top: -19px;
              left: inherit;
              border-width: 0px 10px 15px 10px;
              border-color: transparent transparent #a575ae transparent; }
            @media screen and (max-width: 768px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.nagoya {
                bottom: 14%;
                right: 34%; }
                #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.nagoya:before {
                  right: 20%;
                  top: -14px;
                  border-width: 0px 6px 10px 6px; } }
            @media screen and (max-width: 480px) {
              #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit dl dd button.nagoya {
                bottom: 8%; } }
    #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit .btn {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit .btn {
          padding: 1em; } }
      #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit .btn a {
        text-align: center;
        padding: 1em 3.5em 1em 3em;
        margin: 0 auto;
        width: 400px;
        font-size: 18px;
        font-size: 1.8rem;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background: #009be7;
        color: #FFF; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit .btn a {
            width: 100%;
            padding: 1em;
            font-size: 18px;
            font-size: 1.8rem; } }
        #recruit.entry_career #container #wrapper.entry_career03 .contentBox .unit .btn a:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 19px;
          font-size: 1.9rem;
          padding: 0 0 0;
          position: absolute;
          right: 0.5em;
          top: 35%;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
#recruit.entry_career #container #wrapper.entry_career04 p.msg {
  width: 1000px;
  margin: 0 auto 2em;
  line-height: 1.8; }
  @media screen and (max-width: 1024px) {
    #recruit.entry_career #container #wrapper.entry_career04 p.msg {
      width: 100%;
      padding: 0 1em; } }
#recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit {
  margin-bottom: 2em;
  padding-bottom: 40px;
  position: relative; }
  #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit:after {
    position: absolute;
    margin: auto auto;
    left: 0px;
    right: 0px;
    bottom: -10px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 39px 49.5px 0 49.5px;
    border-color: #009ae7 transparent transparent transparent; }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 49.5px 0 49.5px;
        border-color: #009ae7 transparent transparent transparent; } }
  #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit:last-of-type {
    margin-bottom: 0em; }
    #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit:last-of-type:after {
      display: none; }
  @media screen and (max-width: 480px) {
    #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit:last-of-type {
      margin-bottom: 0em; }
      #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit:last-of-type:after {
        display: none; } }
  #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit h2 {
    color: #009be7;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 0.5em;
    font-weight: 300; }
    @media screen and (max-width: 1024px) {
      #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit h2 {
        padding: 0em 1em; } }
    @media screen and (max-width: 768px) {
      #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit h2 {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 0em 0em; } }
    @media screen and (max-width: 480px) {
      #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit h2 {
        font-size: 20px;
        font-size: 2rem;
        padding: 0em 0em; } }
  #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 2em; }
    #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p img {
      width: 100%;
      height: auto; }
    #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p.btn {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
      #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p.btn a {
        text-align: center;
        padding: 1em 3.5em 1em 3em;
        margin: 0 auto;
        width: 400px;
        font-size: 18px;
        font-size: 1.8rem;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background: #009be7;
        color: #FFF; }
        @media screen and (max-width: 768px) {
          #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p.btn a {
            width: 100%;
            padding: 1em;
            font-size: 18px;
            font-size: 1.8rem; } }
        @media screen and (max-width: 480px) {
          #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p.btn a {
            padding: 1em 1em 1em 0.5em;
            font-size: 16px;
            font-size: 1.6rem; } }
        #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p.btn a:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 19px;
          font-size: 1.9rem;
          padding: 0 0 0;
          position: absolute;
          right: 0.5em;
          top: 35%;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          @media screen and (max-width: 480px) {
            #recruit.entry_career #container #wrapper.entry_career04 .contentBox .unit p.btn a:after {
              font-size: 14px;
              font-size: 1.4rem; } }
#recruit.entry_career #container #wrapper.form .contentBox p.catch {
  color: #009be7; }
#recruit.entry_career #container #wrapper.form .contentBox .unit dl dt span {
  background: #009be7; }
#recruit.entry_career #container #wrapper.form .contentBox .unit dl dd input[readonly="readonly"] {
  background: none;
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  padding: 0.2em 0; }
#recruit.entry_career #container #wrapper.form .contentBox .unit .submitBtn button {
  background: #009be7; }
#recruit.message #container .underPageNav {
  background: #ce8ec7 !important; }
#recruit.message #container .pageTtl {
  background: url("../../common/img//recruit/message/ttl_bg.jpg") center 0 no-repeat #ce8ec7;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #recruit.message #container .pageTtl {
      background: url("../../common/img//recruit/message/ttl_bg_sp.jpg") center 0 no-repeat #ce8ec7;
      background-size: 100%; } }
  @media screen and (max-width: 480px) {
    #recruit.message #container .pageTtl {
      background: url("../../common/img//recruit/message/ttl_bg_sp.jpg") center 0 no-repeat #ce8ec7;
      background-size: 100%; } }
#recruit.message #container #wrapper .btn a, #recruit.message #container #wrapper .btn button {
  background: #ce8ec7;
  cursor: pointer; }
#recruit.message #container #wrapper.message01 .txtimgBox {
  display: block;
  overflow: hidden; }
  #recruit.message #container #wrapper.message01 .txtimgBox .catch {
    color: #ce8ec7;
    font-size: 30px;
    font-size: 3rem;
    color: #eb6e90;
    margin-bottom: 0.6em; }
    @media screen and (max-width: 768px) {
      #recruit.message #container #wrapper.message01 .txtimgBox .catch {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 0.6em; } }
    @media screen and (max-width: 480px) {
      #recruit.message #container #wrapper.message01 .txtimgBox .catch {
        font-size: 20px;
        font-size: 2rem; } }
  #recruit.message #container #wrapper.message01 .txtimgBox p {
    margin-bottom: 1em; }
  #recruit.message #container #wrapper.message01 .txtimgBox p.img {
    float: right;
    text-align: right;
    width: 30%;
    margin: -3em 0 0.5em 0; }
    @media screen and (max-width: 1024px) {
      #recruit.message #container #wrapper.message01 .txtimgBox p.img {
        width: 40%;
        margin: 0 0 0.6em 0.5em; } }
    #recruit.message #container #wrapper.message01 .txtimgBox p.img span {
      display: block;
      text-align: center;
      padding: 0.5em 0 0;
      font-size: 14px;
      font-size: 1.4rem; }
#recruit.message #container #wrapper.message01 .unit {
  margin-bottom: 2em; }
  #recruit.message #container #wrapper.message01 .unit.movie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #recruit.message #container #wrapper.message01 .unit.movie .friends {
      width: 30%;
      padding: 1em; }
      @media screen and (max-width: 768px) {
        #recruit.message #container #wrapper.message01 .unit.movie .friends {
          width: 100%;
          margin: 0 0 0.6em 0.5em; } }
      #recruit.message #container #wrapper.message01 .unit.movie .friends p {
        text-align: center;
        margin-bottom: 1em; }
        #recruit.message #container #wrapper.message01 .unit.movie .friends p.img img {
          width: 100%;
          height: auto; }
          @media screen and (max-width: 768px) {
            #recruit.message #container #wrapper.message01 .unit.movie .friends p.img img {
              width: 60%; } }
        #recruit.message #container #wrapper.message01 .unit.movie .friends p span {
          display: block;
          color: #ce8ec7;
          font-size: 24px;
          font-size: 2.4rem; }
        #recruit.message #container #wrapper.message01 .unit.movie .friends p.btn button {
          width: 100%;
          padding: 0.8em 3.5em 0.8em 3em; }
          @media screen and (max-width: 768px) {
            #recruit.message #container #wrapper.message01 .unit.movie .friends p.btn button {
              width: 70%; } }
          @media screen and (max-width: 480px) {
            #recruit.message #container #wrapper.message01 .unit.movie .friends p.btn button {
              width: 100%; } }
  #recruit.message #container #wrapper.message01 .unit.hitokoto {
    background: #fbf9f0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1em; }
    @media screen and (max-width: 768px) {
      #recruit.message #container #wrapper.message01 .unit.hitokoto {
        display: block;
        padding-bottom: 0; } }
    #recruit.message #container #wrapper.message01 .unit.hitokoto .img {
      width: 60%; }
      @media screen and (max-width: 768px) {
        #recruit.message #container #wrapper.message01 .unit.hitokoto .img {
          width: 100%; } }
      #recruit.message #container #wrapper.message01 .unit.hitokoto .img img {
        width: 100%; }
    #recruit.message #container #wrapper.message01 .unit.hitokoto div {
      width: 40%;
      padding: 1em 2em; }
      @media screen and (max-width: 768px) {
        #recruit.message #container #wrapper.message01 .unit.hitokoto div {
          width: 100%;
          padding: 1em 0; } }
      #recruit.message #container #wrapper.message01 .unit.hitokoto div p {
        margin-bottom: 1em; }
        #recruit.message #container #wrapper.message01 .unit.hitokoto div p span {
          display: block;
          color: #ce8ec7;
          font-size: 24px;
          font-size: 2.4rem; }
        #recruit.message #container #wrapper.message01 .unit.hitokoto div p.btn a {
          width: 100%;
          padding: 0.8em 3.5em 0.8em 3em; }
@media screen and (max-width: 768px) {
  #recruit.message #container #wrapper.message02 .contentBox {
    padding: 0 0 1em; } }
#recruit.message #container #wrapper.message02 .unit {
  margin-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #recruit.message #container #wrapper.message02 .unit dl {
    width: 49%;
    background: #fbf9f0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em;
    margin: 0 0 1.5em 0; }
    @media screen and (max-width: 768px) {
      #recruit.message #container #wrapper.message02 .unit dl {
        width: 100%;
        margin: 0 0 1em 0;
        padding-bottom: 1em;
        padding-top: 3.5em;
        position: relative; } }
    #recruit.message #container #wrapper.message02 .unit dl .img {
      width: 45%;
      padding-right: 1em; }
      @media screen and (max-width: 768px) {
        #recruit.message #container #wrapper.message02 .unit dl .img {
          width: 45%; } }
      #recruit.message #container #wrapper.message02 .unit dl .img img {
        width: 100%; }
    #recruit.message #container #wrapper.message02 .unit dl dd {
      width: 55%;
      padding: 0; }
      @media screen and (max-width: 768px) {
        #recruit.message #container #wrapper.message02 .unit dl dd {
          width: 55%;
          padding: 0; } }
      #recruit.message #container #wrapper.message02 .unit dl dd p {
        font-size: 14px;
        font-size: 1.4rem; }
        #recruit.message #container #wrapper.message02 .unit dl dd p.name {
          margin-bottom: 0.5em; }
          @media screen and (max-width: 768px) {
            #recruit.message #container #wrapper.message02 .unit dl dd p.name {
              position: absolute;
              left: 1em;
              top: 1em; } }
          #recruit.message #container #wrapper.message02 .unit dl dd p.name span {
            display: block;
            color: #eb6e90;
            font-size: 24px;
            font-size: 2.4rem; }
            @media screen and (max-width: 768px) {
              #recruit.message #container #wrapper.message02 .unit dl dd p.name span {
                font-size: 22px;
                font-size: 2.2rem;
                display: inline-block;
                padding-left: 0.4em; } }
#recruit.event #container .underPageNav {
  background: #f8a04a !important; }
#recruit.event #container .pageTtl {
  background: url("../../common/img//recruit/event/ttl_bg.jpg") center 0 no-repeat #f8a04a;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #recruit.event #container .pageTtl {
      background: url("../../common/img//recruit/event/ttl_bg_sp.jpg") center 0 no-repeat #f8a04a;
      background-size: 100%; } }
  @media screen and (max-width: 480px) {
    #recruit.event #container .pageTtl {
      background: url("../../common/img//recruit/event/ttl_bg_sp.jpg") center 0 no-repeat #f8a04a;
      background-size: 100%; } }
#recruit.event #container #wrapper .btn a, #recruit.event #container #wrapper .btn button {
  background: #f8a04a; }
#recruit.event #container #wrapper.evnet01 .contentBox .eventCon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding: 1.5em 0 0;
  margin-bottom: 2em; }
  #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .tags {
    width: 100%;
    margin-bottom: 1em;
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .tags {
        padding: 0 1em; } }
    #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .tags span {
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 300;
      color: #FFF;
      line-height: 1;
      background: #666;
      padding: 0.4em 0.8em 0.2em;
      margin: 0 0.2em 0.4em;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px; }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .tags span.icon_entry_new {
        background: #eb6e90; }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .tags span.icon_entry_career {
        background: #01a0e2; }
  #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl {
    width: 63%;
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl {
        width: 100%;
        padding: 0 1em; } }
    #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dt {
      padding: 0 0px; }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dt.topic {
        margin-bottom: 0.2em; }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dt.eventTitle {
        font-size: 30px;
        font-size: 3rem;
        color: #f8a04a;
        margin-bottom: 0.4em; }
        @media screen and (max-width: 480px) {
          #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dt.eventTitle {
            font-size: 24px;
            font-size: 2.4rem; } }
    #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd {
      margin-bottom: 1em;
      /*
      &.btn{
      	display: none;
      	@include max-screen($tb_break) {
      		display: block;
      	}
      }*/ }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh {
        width: 100%;
        border-left: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8; }
        #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh tr {
          border-bottom: 1px solid #d8d8d8; }
          @media screen and (max-width: 768px) {
            #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh tr {
              border-bottom: none; } }
        #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh th, #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td {
          border-right: 1px solid #d8d8d8;
          padding: 1.5em;
          background: #FFF;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.8; }
          @media screen and (max-width: 768px) {
            #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh th, #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td {
              width: 100%;
              display: block;
              padding: 0.5em  1em;
              border-bottom: 1px solid #d8d8d8; } }
        #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh th {
          background: #f3f3f3;
          text-align: center;
          width: 20%;
          vertical-align: middle; }
          @media screen and (max-width: 768px) {
            #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh th {
              width: 100%;
              display: block; } }
        #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td {
          text-align: left; }
          @media screen and (max-width: 768px) {
            #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td {
              padding: 1em  1em; } }
          #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td button {
            color: #f8a04a;
            font-size: 14px;
            font-size: 1.4rem;
            background: none;
            border: none;
            outline: none;
            cursor: pointer; }
            #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td button:before {
              content: "▶︎";
              font-size: 12px;
              font-size: 1.2rem;
              padding: 0 0.3em 0 0.8em; }
          #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td ol {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            counter-reset: count-number; }
            #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td ol li {
              padding: 0 1em 0 0; }
              #recruit.event #container #wrapper.evnet01 .contentBox .eventCon dl dd.detail table.colTh td ol li:before {
                counter-increment: count-number;
                content: counters(count-number,".") " ";
                border: 1px #333 solid;
                border-radius: 50%;
                font-size: 12px;
                font-size: 1.2rem;
                height: 12px;
                width: 12px;
                line-height: 12px;
                display: block;
                float: left;
                text-align: center;
                vertical-align: middle;
                margin: 5px 5px 0 0px;
                padding: 2px 1px 0; }
  #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .img {
    width: 37%;
    padding: 0 2em; }
    @media screen and (max-width: 768px) {
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .img {
        width: 100%;
        padding: 1em 2em; } }
    #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .img img {
      width: 100%;
      height: auto; }
  #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f3f3f3;
    padding: 2em;
    margin-top: 3em; }
    @media screen and (max-width: 768px) {
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn {
        padding: 2em 2em 1em; } }
    #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn li {
      width: 48%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn li {
          width: 100%;
          margin-bottom: 1em; } }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn li a {
        width: 100%;
        padding: 1em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px; }
        #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn li a:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 19px;
          font-size: 1.9rem;
          padding: 0 0 0;
          position: absolute;
          right: 1em;
          top: 30%;
          bottom: 0;
          margin: auto auto;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn li:nth-of-type(1) a {
        background: #FFF;
        color: #333; }
        #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn li:nth-of-type(1) a:after {
          color: #f8a04a; }
      #recruit.event #container #wrapper.evnet01 .contentBox .eventCon .linkBtn li:nth-of-type(2) a {
        background: #f8a04a;
        color: #FFF; }
#recruit.event #container #wrapper.evnet01 .contentBox.detail {
  padding: 4em 0; }
  @media screen and (max-width: 768px) {
    #recruit.event #container #wrapper.evnet01 .contentBox.detail {
      padding: 0; } }
  #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon {
    position: relative;
    width: 100%; }
    @media screen and (max-width: 768px) {
      #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon {
        border: none;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        padding: 1.5em 0 0;
        margin-bottom: 2em; } }
    #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl {
      width: 100%; }
      #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dt.sttl {
        text-align: left;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 300;
        font-family: 'NotoSans';
        border-bottom: 3px solid #d8d8d8;
        padding-bottom: 10px;
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dt.sttl {
            font-size: 22px;
            font-size: 2.2rem;
            margin-bottom: 1em; } }
        #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dt.sttl span {
          position: relative;
          display: inline-block; }
          #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dt.sttl span:after {
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: -13px;
            content: '';
            background: #f8a04a;
            height: 3px;
            width: 100%;
            display: inline; }
      #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dt.eventTitle {
        font-size: 30px;
        font-size: 3rem;
        color: #f8a04a;
        margin-bottom: 0em; }
        @media screen and (max-width: 480px) {
          #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dt.eventTitle {
            font-size: 24px;
            font-size: 2.4rem; } }
      #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd {
        margin-bottom: 1em; }
        #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.btn {
          width: auto;
          padding: 0;
          position: absolute;
          right: 1.5em;
          top: 1.5em; }
          @media screen and (max-width: 768px) {
            #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.btn {
              position: static;
              margin: 0 0 2em; } }
          #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.btn a {
            width: 300px;
            text-align: center;
            padding: 0.8em;
            font-size: 18px;
            font-size: 1.8rem;
            display: block;
            position: relative;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            background: #f8a04a;
            color: #FFF; }
            @media screen and (max-width: 768px) {
              #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.btn a {
                width: 100%; } }
            #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.btn a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 30%;
              bottom: 0;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
        #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.intoro ul.photo {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-bottom: 2em;
          width: 100%;
          max-width: 100% !important; }
          #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.intoro ul.photo li {
            width: 32%; }
            #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.intoro ul.photo li img {
              width: 100%; }
        #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon dl dd.intoro p {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 2.0; }
    #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon .img {
      width: 80%;
      max-width: 650px;
      padding: 1em 2em;
      margin: 1.5em auto 0; }
      @media screen and (max-width: 768px) {
        #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon .img {
          width: 100%; } }
      #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon .img img {
        width: 100%;
        height: auto; }
    #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon .linkBtn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #recruit.event #container #wrapper.evnet01 .contentBox.detail .eventCon .linkBtn li a {
        background: #f8a04a;
        color: #FFF; }
#recruit.event #container #wrapper.form .contentBox p.catch {
  color: #f8a04a; }
#recruit.event #container #wrapper.form .contentBox .unit dl dt span {
  background: #f8a04a; }
#recruit.event #container #wrapper.form .contentBox .unit .submitBtn button {
  background: #f8a04a; }
#recruit.event #container #wrapper.form .contentBox .unit p.information {
  font-size: 14px;
  font-size: 1.4rem; }
#recruit.event .iziModal .iziModal-wrap .iziModal-content .sttl span:after {
  background: #f8a04a; }
#recruit.ukeire #container .pageTtl {
  background: url("../../common/img//recruit/ukeire/ttl_bg.jpg") center 0 no-repeat #6293ef;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #recruit.ukeire #container .pageTtl {
      background: url("../../common/img//recruit/ukeire/ttl_bg_sp.jpg") center 0 no-repeat #6293ef;
      background-size: 100%; } }
  @media screen and (max-width: 480px) {
    #recruit.ukeire #container .pageTtl {
      background: url("../../common/img//recruit/ukeire/ttl_bg_sp.jpg") center 0 no-repeat #6293ef;
      background-size: 100%; } }
#recruit.ukeire #container #wrapper .col2 .sideCon section h1 {
  background: #6293ef; }
#recruit.ukeire #container #wrapper.ukeire .contentBox {
  margin: 0 0;
  padding: 0em 0 4em; }
  @media screen and (max-width: 768px) {
    #recruit.ukeire #container #wrapper.ukeire .contentBox {
      padding: 0em 0 0em; } }
  #recruit.ukeire #container #wrapper.ukeire .contentBox .unit {
    padding: 0em 0 2em; }
    @media screen and (max-width: 1024px) {
      #recruit.ukeire #container #wrapper.ukeire .contentBox .unit {
        padding: 2em 0em 0; } }
    @media screen and (max-width: 768px) {
      #recruit.ukeire #container #wrapper.ukeire .contentBox .unit {
        padding: 0em 0em 0; } }
    #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh {
      width: 100%;
      border-left: 1px solid #d8d8d8;
      border-top: 1px solid #d8d8d8;
      margin-bottom: 0.3em; }
      @media screen and (max-width: 768px) {
        #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh {
          border: none; } }
      #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh tr {
        border-bottom: 1px solid #d8d8d8; }
        @media screen and (max-width: 768px) {
          #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh tr {
            padding-bottom: 1em;
            margin-bottom: 1em;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh tr:first-of-type {
              display: none; } }
      #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td {
        border-right: 1px solid #d8d8d8;
        padding: 1em 1em;
        background: #FFF;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        @media screen and (max-width: 768px) {
          #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td {
            border-right: none; } }
        #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th.facility, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility {
          width: 50%; }
          @media screen and (max-width: 768px) {
            #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th.facility, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility {
              width: 100%; } }
        #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th.people, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.people {
          width: 10%; }
          @media screen and (max-width: 768px) {
            #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th.people, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.people {
              width: 100%; } }
        #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th.access, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.access {
          width: 40%; }
          @media screen and (max-width: 768px) {
            #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th.access, #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.access {
              width: 100%; } }
      #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh th {
        background: #f3f3f3;
        text-align: center;
        vertical-align: middle; }
      #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td {
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td {
            padding: 0; } }
        #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility dl {
          @inculude font-side(14px); }
          #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility dl dt.facility_name {
            @inculude font-side(18px);
            color: #6293ef;
            font-weight: bold; }
          #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility dl dd.address button {
            color: #6293ef;
            font-size: 14px;
            font-size: 1.4rem;
            background: none;
            border: none;
            outline: none;
            cursor: pointer; }
            #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility dl dd.address button:before {
              content: "▶︎";
              font-size: 12px;
              font-size: 1.2rem;
              padding: 0 0.3em 0 0.8em; }
        @media screen and (max-width: 768px) {
          #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility {
            width: auto; }
            #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.facility dl {
              padding-right: 0.5em;
              margin-bottom: 0.5em; } }
        #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.people {
          text-align: center; }
          @media screen and (max-width: 768px) {
            #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.people {
              text-align: left; } }
          #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.people span {
            display: none; }
            @media screen and (max-width: 768px) {
              #recruit.ukeire #container #wrapper.ukeire .contentBox .unit table.rowTh td.people span {
                display: inline-block;
                margin-bottom: 0.5em;
                padding-right: 0.5em; } }
  #recruit.ukeire #container #wrapper.ukeire .contentBox .btn {
    width: 100%;
    margin: 1em auto 0;
    text-align: center; }
    #recruit.ukeire #container #wrapper.ukeire .contentBox .btn a {
      background: #6293ef; }
#recruit.ukeire .iziModal .iziModal-wrap .iziModal-content .sttl span:after {
  background: #6293ef; }
#recruit.faq #container .pageTtl {
  background: url("../../common/img//recruit/faq/ttl_bg.jpg") center 0 no-repeat #b6d657;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #recruit.faq #container .pageTtl {
      background: url("../../common/img//recruit/faq/ttl_bg_sp.jpg") center 0 no-repeat #b6d657;
      background-size: 100%; } }
  @media screen and (max-width: 480px) {
    #recruit.faq #container .pageTtl {
      background: url("../../common/img//recruit/faq/ttl_bg_sp.jpg") center 0 no-repeat #b6d657;
      background-size: 100%; } }
#recruit.faq #container #wrapper .btn a, #recruit.faq #container #wrapper .btn button {
  background: #b6d657; }
#recruit.faq #container #wrapper .col2 .sideCon section h1 {
  background: #b6d657; }
#recruit.faq #container #wrapper.faq .contentBox {
  margin: 0 0;
  padding: 0em 0 4em; }
  @media screen and (max-width: 768px) {
    #recruit.faq #container #wrapper.faq .contentBox {
      padding: 0em 0 0em; } }
  #recruit.faq #container #wrapper.faq .contentBox .unit {
    padding: 0em 0 2em; }
    @media screen and (max-width: 1024px) {
      #recruit.faq #container #wrapper.faq .contentBox .unit {
        padding: 2em 0em 0; } }
    @media screen and (max-width: 768px) {
      #recruit.faq #container #wrapper.faq .contentBox .unit {
        padding: 0em 0em 0; } }
    #recruit.faq #container #wrapper.faq .contentBox .unit dl {
      width: 100%;
      margin: 2em auto 0.3em; }
      @media screen and (max-width: 768px) {
        #recruit.faq #container #wrapper.faq .contentBox .unit dl {
          border: none; } }
      #recruit.faq #container #wrapper.faq .contentBox .unit dl dt {
        position: relative;
        padding-left: 55px;
        margin-bottom: 1em;
        color: #95af46;
        font-size: 20px;
        font-size: 2rem; }
        @media screen and (max-width: 480px) {
          #recruit.faq #container #wrapper.faq .contentBox .unit dl dt {
            padding-left: 50px;
            font-size: 16px;
            font-size: 1.6rem;
            margin-bottom: 0.5em; } }
        #recruit.faq #container #wrapper.faq .contentBox .unit dl dt:before {
          content: "Q";
          display: inline-block;
          width: 30px;
          height: 30px;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          padding: 0.5em 0.2em 0em 0.3em;
          line-height: 1;
          text-align: center;
          font-size: 20px;
          font-size: 2rem;
          font-weight: bold;
          color: #FFF;
          background: #b6d657;
          position: absolute;
          left: 0;
          top: -6px; }
          @media screen and (max-width: 480px) {
            #recruit.faq #container #wrapper.faq .contentBox .unit dl dt:before {
              top: -2px; } }
      #recruit.faq #container #wrapper.faq .contentBox .unit dl dd {
        border-bottom: 1px dotted #333;
        padding: 1em 0 2em;
        margin-bottom: 2em; }
        #recruit.faq #container #wrapper.faq .contentBox .unit dl dd p.answer {
          position: relative;
          padding-left: 55px; }
          @media screen and (max-width: 768px) {
            #recruit.faq #container #wrapper.faq .contentBox .unit dl dd p.answer {
              padding-left: 50px; } }
          #recruit.faq #container #wrapper.faq .contentBox .unit dl dd p.answer:before {
            content: "A";
            display: inline-block;
            width: 30px;
            height: 30px;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            padding: 0.5em 0.2em 0em 0.3em;
            margin-right: 10px;
            line-height: 1;
            text-align: center;
            font-size: 20px;
            font-size: 2rem;
            font-weight: bold;
            color: #FFF;
            background: #666666;
            position: absolute;
            left: 0;
            top: -6px; }
            @media screen and (max-width: 480px) {
              #recruit.faq #container #wrapper.faq .contentBox .unit dl dd p.answer:before {
                top: -2px; } }
        #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin: 1em auto; }
          #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li {
            background: #fbf9f0;
            padding: 1.5em; }
            @media screen and (max-width: 480px) {
              #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li {
                padding: 1em; } }
            #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li p.tel, #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li p.mail {
              color: #95af46;
              font-size: 24px;
              font-size: 2.4rem;
              font-weight: bold; }
            @media screen and (max-width: 768px) {
              #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li p.mail {
                font-size: 26px;
                font-size: 2.6rem; } }
            @media screen and (max-width: 480px) {
              #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li p.mail {
                font-size: 20px;
                font-size: 2rem; } }
            #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li p.info {
              font-size: 13px;
              font-size: 1.3rem; }
            #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li:nth-of-type(1) {
              width: 38%; }
              @media screen and (max-width: 768px) {
                #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li:nth-of-type(1) {
                  width: 100%;
                  margin-bottom: 1em; } }
            #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li:nth-of-type(2) {
              width: 60%; }
              @media screen and (max-width: 768px) {
                #recruit.faq #container #wrapper.faq .contentBox .unit dl dd ul li:nth-of-type(2) {
                  width: 100%; } }
  #recruit.faq #container #wrapper.faq .contentBox .btn {
    width: 100%;
    margin: 1em auto 0;
    text-align: center; }
    #recruit.faq #container #wrapper.faq .contentBox .btn a {
      background: #b6d657; }

#corp #container {
  width: 100%; }
  #corp #container #wrapper .underPageLink {
    border-bottom: 1px solid #DDD;
    margin-bottom: 2em; }
    #corp #container #wrapper .underPageLink ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center; }
      #corp #container #wrapper .underPageLink ul li {
        padding: 0 1.5em; }
        @media screen and (max-width: 1200px) {
          #corp #container #wrapper .underPageLink ul li {
            padding: 0 1.2em; } }
        @media screen and (max-width: 1024px) {
          #corp #container #wrapper .underPageLink ul li {
            padding: 0 0.6em; } }
        #corp #container #wrapper .underPageLink ul li a {
          display: block;
          padding: 1em 0;
          border-bottom: 4px solid transparent;
          text-align: center; }
          @media screen and (max-width: 1024px) {
            #corp #container #wrapper .underPageLink ul li a {
              font-size: 14px;
              font-size: 1.4rem; } }
          #corp #container #wrapper .underPageLink ul li a:hover {
            border-bottom: 4px solid #eb6e8f;
            color: #eb6e8f; }
        #corp #container #wrapper .underPageLink ul li.on a {
          border-bottom: 4px solid #eb6e8f;
          color: #eb6e8f; }
    #corp #container #wrapper .underPageLink.sp {
      border-bottom: none;
      margin-bottom: 0; }
      #corp #container #wrapper .underPageLink.sp ul {
        display: block;
        border-top: 1px solid #DDD; }
        #corp #container #wrapper .underPageLink.sp ul li {
          padding: 0 0; }
          #corp #container #wrapper .underPageLink.sp ul li a {
            display: block;
            padding: 1em 1.5em;
            border-bottom: 1px solid #DDD;
            position: relative; }
            #corp #container #wrapper .underPageLink.sp ul li a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              color: #eb6e8f;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 35%;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (max-width: 480px) {
                #corp #container #wrapper .underPageLink.sp ul li a:after {
                  font-size: 14px;
                  font-size: 1.4rem; } }
  #corp #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #corp #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #corp #container #wrapper .txtimgBox {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #corp #container #wrapper .txtimgBox {
        display: block;
        padding: 0 1em; } }
    #corp #container #wrapper .txtimgBox p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
      @media screen and (max-width: 768px) {
        #corp #container #wrapper .txtimgBox p.img {
          width: 100%;
          padding: 0;
          margin-bottom: 1em; } }
      #corp #container #wrapper .txtimgBox p.img img {
        width: 100%;
        height: auto; }
    #corp #container #wrapper .txtimgBox.imgR p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
    #corp #container #wrapper .txtimgBox.imgL p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
    #corp #container #wrapper .txtimgBox div {
      width: 68%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #corp #container #wrapper .txtimgBox div {
          width: 100%; } }
      #corp #container #wrapper .txtimgBox div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 1em; }
        #corp #container #wrapper .txtimgBox div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90;
          margin-bottom: 0.6em; }
          @media screen and (max-width: 768px) {
            #corp #container #wrapper .txtimgBox div p.catch {
              font-size: 24px;
              font-size: 2.4rem;
              margin-bottom: 0.6em; } }
          @media screen and (max-width: 480px) {
            #corp #container #wrapper .txtimgBox div p.catch {
              font-size: 20px;
              font-size: 2rem; } }
  #corp #container #wrapper .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #corp #container #wrapper .btn a, #corp #container #wrapper .btn button {
      text-align: center;
      padding: 1em 3.5em 1em 3em;
      margin: 0 auto;
      width: 400px;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #eb6e90;
      color: #FFF; }
      #corp #container #wrapper .btn a:focus, #corp #container #wrapper .btn button:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        #corp #container #wrapper .btn a, #corp #container #wrapper .btn button {
          width: 100%;
          padding: 1em;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #corp #container #wrapper .btn a, #corp #container #wrapper .btn button {
          padding: 1em 1em 1em 0.5em;
          font-size: 16px;
          font-size: 1.6rem; } }
      #corp #container #wrapper .btn a:after, #corp #container #wrapper .btn button:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 0;
        position: absolute;
        right: 0.5em;
        top: 35%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #corp #container #wrapper .btn a:after, #corp #container #wrapper .btn button:after {
            font-size: 14px;
            font-size: 1.4rem; } }
  #corp #container #wrapper .sttl {
    text-align: left;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      #corp #container #wrapper .sttl {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 480px) {
      #corp #container #wrapper .sttl {
        font-size: 18px;
        font-size: 1.8rem; } }
  @media screen and (max-width: 768px) {
    #corp #container #wrapper .corpContactWrapp {
      padding: 0 1em 1.5em; } }
  #corp #container #wrapper .corpContactWrapp .corpContact {
    width: 1000px;
    padding: 2em 1.5em 2em;
    margin: 0 auto 1em;
    border: 5px solid #ECECEC;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #corp #container #wrapper .corpContactWrapp .corpContact {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      #corp #container #wrapper .corpContactWrapp .corpContact {
        padding: 1.5em 1em; } }
    #corp #container #wrapper .corpContactWrapp .corpContact h1 {
      font-size: 24px;
      font-size: 2.4rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #corp #container #wrapper .corpContactWrapp .corpContact h1 {
          font-size: 20px;
          font-size: 2rem; } }
      @media screen and (max-width: 480px) {
        #corp #container #wrapper .corpContactWrapp .corpContact h1 {
          font-size: 16px;
          font-size: 1.6rem; } }
    #corp #container #wrapper .corpContactWrapp .corpContact dl dt {
      margin-bottom: 1em;
      font-size: 18px;
      font-size: 1.8rem; }
      @media screen and (max-width: 768px) {
        #corp #container #wrapper .corpContactWrapp .corpContact dl dt {
          margin-bottom: 0.5em; } }
      @media screen and (max-width: 480px) {
        #corp #container #wrapper .corpContactWrapp .corpContact dl dt {
          font-size: 14px;
          font-size: 1.4rem; } }
    #corp #container #wrapper .corpContactWrapp .corpContact dl dd {
      margin-bottom: 1.5em;
      font-size: 14px;
      font-size: 1.4rem; }
    #corp #container #wrapper .corpContactWrapp .corpContact dl.mail {
      width: 48%; }
      @media screen and (max-width: 768px) {
        #corp #container #wrapper .corpContactWrapp .corpContact dl.mail {
          width: 100%;
          margin-bottom: 2em; } }
      #corp #container #wrapper .corpContactWrapp .corpContact dl.mail dd.btn {
        margin-bottom: 0em;
        margin: 0 !important;
        text-align: left !important; }
        @media screen and (max-width: 768px) {
          #corp #container #wrapper .corpContactWrapp .corpContact dl.mail dd.btn {
            margin: 0 auto !important;
            text-align: center !important; } }
        #corp #container #wrapper .corpContactWrapp .corpContact dl.mail dd.btn a {
          width: 90% !important;
          padding: 0.7em 3.5em 0.7em 3em; }
          @media screen and (max-width: 768px) {
            #corp #container #wrapper .corpContactWrapp .corpContact dl.mail dd.btn a {
              width: 100% !important;
              padding: 0.7em 2.5em 0.7em 2em; } }
    #corp #container #wrapper .corpContactWrapp .corpContact dl.tel {
      width: 48%; }
      @media screen and (max-width: 768px) {
        #corp #container #wrapper .corpContactWrapp .corpContact dl.tel {
          width: 100%; } }
      #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd {
        margin-bottom: 0em; }
        @media screen and (max-width: 768px) {
          #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd {
            margin-bottom: 0.5em; } }
        @media screen and (max-width: 768px) {
          #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd.telfree {
            font-weight: bold;
            line-height: 1.2; } }
        #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd.telfree span {
          font-size: 40px;
          font-size: 4rem;
          color: #eb6e90;
          font-weight: bold;
          padding: 0 0 0 0.3em;
          margin-bottom: 0em; }
          @media screen and (max-width: 768px) {
            #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd.telfree span {
              display: block; } }
          @media screen and (max-width: 768px) {
            #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd.telfree span {
              font-size: 36px;
              font-size: 3.6rem;
              padding: 0 0 0 0; } }
        #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd.reception {
          margin-bottom: 0.8em; }
        #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd.info span {
          width: 30%;
          text-align: center;
          font-size: 16px;
          font-size: 1.6rem;
          margin: 0 1.5%;
          display: inline-block;
          padding: 0.7em 1em;
          border: 2px solid #000; }
          @media screen and (max-width: 768px) {
            #corp #container #wrapper .corpContactWrapp .corpContact dl.tel dd.info span {
              width: 46%;
              text-align: center;
              margin: 0 1.5%;
              display: inline-block;
              padding: 0.5em 1em;
              border: 2px solid #000; } }
#corp.corp #container #wrapper {
  width: 100%; }
  #corp.corp #container #wrapper.index .intro {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #corp.corp #container #wrapper.index .intro {
        width: 100%;
        padding: 0 1.5em; } }
    #corp.corp #container #wrapper.index .intro h1.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #corp.corp #container #wrapper.index .intro h1.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #corp.corp #container #wrapper.index .intro h1.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #corp.corp #container #wrapper.index .intro .msg p {
      margin-bottom: 1em; }
      #corp.corp #container #wrapper.index .intro .msg p.bnr.pc {
        float: right;
        margin: -100px 0 0 0; }
      #corp.corp #container #wrapper.index .intro .msg p.bnr.sp {
        width: 100%; }
        #corp.corp #container #wrapper.index .intro .msg p.bnr.sp img {
          width: 100%;
          margin: 0 auto; }
  #corp.corp #container #wrapper.index .pageIndex {
    width: 100%;
    background: #fbf9f0;
    padding: 4em 0 1em;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      #corp.corp #container #wrapper.index .pageIndex {
        padding: 2em 1.5em 1em; } }
    #corp.corp #container #wrapper.index .pageIndex ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 1000px;
      margin: 0 auto 2em; }
      @media screen and (max-width: 1024px) {
        #corp.corp #container #wrapper.index .pageIndex ul {
          width: 100%;
          padding: 0 0 0em; } }
      #corp.corp #container #wrapper.index .pageIndex ul li {
        width: 31%;
        margin-right: 3.4%;
        margin-bottom: 3%;
        padding-top: 21%;
        position: relative; }
        @media screen and (max-width: 768px) {
          #corp.corp #container #wrapper.index .pageIndex ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 1.5em;
            padding-top: 65%; } }
        #corp.corp #container #wrapper.index .pageIndex ul li:nth-of-type(3n) {
          margin-right: 0; }
        #corp.corp #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
          background: url("../../common/img/corp/index/img01.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #corp.corp #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
              background: url("../../common/img/corp/index/img01_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #corp.corp #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
          background: url("../../common/img/corp/index/img02.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #corp.corp #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
              background: url("../../common/img/corp/index/img02_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #corp.corp #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
          background: url("../../common/img/corp/index/img03.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #corp.corp #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
              background: url("../../common/img/corp/index/img03_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #corp.corp #container #wrapper.index .pageIndex ul li p.img {
          margin-bottom: 0.8em; }
          @media screen and (max-width: 768px) {
            #corp.corp #container #wrapper.index .pageIndex ul li p.img {
              height: 200px;
              overflow: hidden;
              position: relative; } }
          @media screen and (max-width: 480px) {
            #corp.corp #container #wrapper.index .pageIndex ul li p.img {
              height: 160px; } }
        #corp.corp #container #wrapper.index .pageIndex ul li p.page_name {
          color: #eb6e90;
          font-size: 18px;
          font-size: 1.8rem;
          margin-bottom: 0.5em; }
        #corp.corp #container #wrapper.index .pageIndex ul li p.txt {
          font-size: 14px;
          font-size: 1.4rem; }
        #corp.corp #container #wrapper.index .pageIndex ul li a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0; }
#corp.corp01 #container #wrapper {
  width: 100%; }
  #corp.corp01 #container #wrapper.corp01 .intro {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #corp.corp01 #container #wrapper.corp01 .intro {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 768px) {
      #corp.corp01 #container #wrapper.corp01 .intro {
        margin: 0 auto 0; } }
    #corp.corp01 #container #wrapper.corp01 .intro h1.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #corp.corp01 #container #wrapper.corp01 .intro h1.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #corp.corp01 #container #wrapper.corp01 .intro h1.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #corp.corp01 #container #wrapper.corp01 .intro p {
      margin-bottom: 1em; }
      #corp.corp01 #container #wrapper.corp01 .intro p.bnr.pc {
        float: right;
        margin: -100px 0 0 0; }
      #corp.corp01 #container #wrapper.corp01 .intro p.bnr.sp {
        width: 100%; }
        #corp.corp01 #container #wrapper.corp01 .intro p.bnr.sp img {
          width: 100%;
          margin: 0 auto; }
  #corp.corp01 #container #wrapper.corp01 .unit {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #corp.corp01 #container #wrapper.corp01 .unit {
        width: 100%;
        padding: 0 1.5em; } }
    #corp.corp01 #container #wrapper.corp01 .unit .inner {
      padding: 2em 0 2em; }
      @media screen and (max-width: 768px) {
        #corp.corp01 #container #wrapper.corp01 .unit .inner {
          padding: 2em 0 0em; } }
      #corp.corp01 #container #wrapper.corp01 .unit .inner p {
        margin-bottom: 1em; }
      #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table tr:first-of-type {
        border-top: 1px solid #d8d8d8; }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table tr:first-of-type th {
          background: #f3f3f3; }
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table tr:first-of-type th:nth-of-type(1) {
            width: 20%; }
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table tr:first-of-type th:nth-of-type(2) {
            width: 40%; }
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table tr:first-of-type th:nth-of-type(3) {
            width: 40%; }
      #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table th, #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table td {
        padding: 1em;
        border-bottom: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        font-size: 14px;
        font-size: 1.4rem;
        vertical-align: middle; }
      #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table th {
        background: #fbf0f0;
        font-weight: 100;
        border-left: 1px solid #d8d8d8; }
      @media screen and (max-width: 768px) {
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table th, #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table td {
          padding: 1em;
          border-bottom: 1px solid #d8d8d8;
          border-right: 1px solid #d8d8d8;
          border-left: 1px solid #d8d8d8;
          font-size: 14px;
          font-size: 1.4rem;
          vertical-align: middle; }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(1) table th {
          background: #f3f3f3;
          font-weight: 100;
          border-left: 1px solid #d8d8d8; } }
      #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(2) ol {
        padding: 0.5em 0 0 2em; }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(2) ol li {
          padding-bottom: 1em;
          list-style: decimal; }
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(2) ol li a {
            color: #eb6e90; }
      #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl {
        margin-bottom: 1em;
        padding: 1em 0 5em;
        position: relative; }
        @media screen and (max-width: 768px) {
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl {
            padding: 1em 0 2em; } }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl:after {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          bottom: 0;
          left: 12%;
          border-style: solid;
          border-width: 39px 49.5px 0 49.5px;
          border-color: #eb6e8f transparent transparent transparent; }
          @media screen and (max-width: 768px) {
            #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl:after {
              border-width: 29px 39.5px 0 39.5px;
              left: 45%;
              margin: auto auto;
              left: 0;
              right: 0; } }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl:last-of-type {
          margin-bottom: 0;
          padding-bottom: 0; }
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl:last-of-type:after {
            display: none; }
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl:last-of-type dd img {
            width: 100%;
            height: auto; }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dt {
          font-size: 18px;
          font-size: 1.8rem;
          margin-bottom: 0.5em; }
          @media screen and (max-width: 768px) {
            #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dt {
              font-size: 14px;
              font-size: 1.4rem; } }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd.img {
          display: flex;
          justify-content: flex-start;
          margin-top: 1em; }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd p:nth-of-type(2) {
          padding-left: 0.6em; }
        @media screen and (max-width: 768px) {
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd.img {
            justify-content: space-between; }
            #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd.img p {
              width: 49%; }
              #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd.img p img {
                width: 100%;
                height: auto; }
              #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd.img p:nth-of-type(2) {
                padding-left: 0; }
          #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd img {
            width: 100%;
            height: auto; } }
        #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd.catch {
          margin-top: 1em;
          display: block;
          font-size: 24px;
          font-size: 2.4rem;
          color: #eb6e90;
          font-weight: 300;
          margin-bottom: 0.5em; }
          @media screen and (max-width: 768px) {
            #corp.corp01 #container #wrapper.corp01 .unit .inner:nth-of-type(3) dl dd.catch {
              font-size: 18px;
              font-size: 1.8rem; } }
#corp.corp02 #container #wrapper {
  width: 100%; }
  #corp.corp02 #container #wrapper.corp02 .intro {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #corp.corp02 #container #wrapper.corp02 .intro {
        width: 100%;
        padding: 0 1.5em; } }
    #corp.corp02 #container #wrapper.corp02 .intro h1.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #corp.corp02 #container #wrapper.corp02 .intro h1.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #corp.corp02 #container #wrapper.corp02 .intro h1.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #corp.corp02 #container #wrapper.corp02 .intro .msg p {
      margin-bottom: 1em; }
      #corp.corp02 #container #wrapper.corp02 .intro .msg p.bnr.pc {
        float: right;
        margin: -100px 0 0 0; }
      #corp.corp02 #container #wrapper.corp02 .intro .msg p.bnr.sp {
        width: 100%; }
        #corp.corp02 #container #wrapper.corp02 .intro .msg p.bnr.sp img {
          width: 100%;
          margin: 0 auto; }
  #corp.corp02 #container #wrapper.corp02 .corpTabBlock {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #corp.corp02 #container #wrapper.corp02 .corpTabBlock {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 768px) {
      #corp.corp02 #container #wrapper.corp02 .corpTabBlock {
        padding: 0;
        margin-bottom: 0; } }
    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox {
      width: 100%;
      margin: 2em auto 0;
      padding-bottom: 0; }
      @media screen and (max-width: 1024px) {
        #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox {
          width: 95%; } }
      #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li {
          width: 49%;
          background: #FFF;
          border: 1px solid #d8d8d8;
          border-bottom: none;
          text-align: center;
          -webkit-border-radius: 8px 8px 0 0;
          -moz-border-radius: 8px 8px 0 0;
          border-radius: 8px 8px 0 0;
          display: flex;
          align-items: center; }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a {
            display: block;
            font-size: 20px;
            font-size: 2rem;
            text-align: center;
            padding: 1em;
            position: relative;
            width: 100%;
            text-align: center; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a br {
              display: none; }
            @media screen and (min-width: 768px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a:after {
                font-family: 'icomoon' !important;
                content: "\e903";
                font-size: 14px;
                font-size: 1.4rem;
                padding: 0 0 0 0;
                position: absolute;
                right: 1em;
                top: 0;
                bottom: 0;
                margin: auto auto;
                height: 14px;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; } }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a {
                padding: 1em 0.5em 1em;
                font-size: 16px;
                font-size: 1.6rem; }
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a br {
                  display: block; } }
            @media screen and (max-width: 480px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a {
                padding: 0.5em 0.3em 0.5em; } }
            @media screen and (max-width: 330px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a {
                font-size: 14px;
                font-size: 1.4rem; } }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a:hover, #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li.is-active a {
            position: relative;
            color: #FFF; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a:hover:after, #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li.is-active a:after {
              color: transparent; }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li a:hover:after {
            color: #FFF !important; }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li.is-active {
            color: #FFF; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li.is-active a:hover:after {
              color: transparent !important; }
          @media screen and (min-width: 768px) {
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1) a {
              color: #eb6e90; }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1) a:after {
                color: #eb6e90; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1) a:hover, #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1).is-active a {
              color: #FFF;
              background: #eb6e90;
              -webkit-border-radius: 8px 8px 0 0;
              -moz-border-radius: 8px 8px 0 0;
              border-radius: 8px 8px 0 0; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1).is-active {
              color: #FFF;
              background: #eb6e90;
              border-color: #eb6e90; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1):hover {
              border-color: #eb6e90; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1) {
              border-color: #eb6e90;
              background: #eb6e90; }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(1) a {
                color: #FFF;
                background: #eb6e90;
                -webkit-border-radius: 8px 8px 0 0;
                -moz-border-radius: 8px 8px 0 0;
                border-radius: 8px 8px 0 0; } }
          @media screen and (min-width: 768px) {
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2) a {
              color: #f28d56; }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2) a:after {
                color: #f28d56; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2) a:hover, #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2).is-active a {
              color: #FFF;
              background: #f28d56;
              -webkit-border-radius: 8px 8px 0 0;
              -moz-border-radius: 8px 8px 0 0;
              border-radius: 8px 8px 0 0; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2).is-active {
              color: #FFF;
              background: #f28d56;
              border-color: #f28d56; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2):hover {
              border-color: #f28d56; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2) {
              border-color: #f28d56;
              background: #f28d56; }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabBtnBox ul li:nth-of-type(2) a {
                color: #FFF;
                background: #f28d56;
                -webkit-border-radius: 8px 8px 0 0;
                -moz-border-radius: 8px 8px 0 0;
                border-radius: 8px 8px 0 0; } }
    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp {
      margin-bottom: 4em; }
      @media screen and (max-width: 768px) {
        #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp {
          margin-bottom: 1em; } }
      #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner {
        padding: 1em;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit {
          background: #fbf0f0;
          padding: 1.5em;
          margin-bottom: 0.5em;
          width: 49.5%; }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit {
              width: 100%;
              margin-bottom: 1em;
              padding: 1em; } }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit h1 {
            font-size: 20px;
            font-size: 2rem;
            margin-bottom: 0.5em;
            font-weight: 100; }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit h1 {
                font-size: 18px;
                font-size: 1.8rem; } }
            @media screen and (max-width: 480px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit h1 {
                font-size: 16px;
                font-size: 1.6rem; } }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit h1 span {
              background: #eb6e90;
              -webkit-border-radius: 30px 30px 30px 30px;
              -moz-border-radius: 30px 30px 30px 30px;
              border-radius: 30px 30px 30px 30px;
              color: #FFF;
              padding: 0.2em 0.5em 0;
              margin-right: 0.4em;
              line-height: 1;
              font-size: 18px;
              font-size: 1.8rem; }
              @media screen and (max-width: 768px) {
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit h1 span {
                  font-size: 12px;
                  font-size: 1.2rem; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit p {
              font-size: 14px;
              font-size: 1.4rem; } }
          @media screen and (max-width: 480px) {
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit p {
              font-size: 12px;
              font-size: 1.2rem; } }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            width: 100%; }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox {
                flex-direction: column; } }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt {
              width: 60%;
              margin-right: 2em; }
              @media screen and (max-width: 768px) {
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt {
                  margin-right: 0;
                  width: 100%; } }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt p {
                font-size: 16px;
                font-size: 1.6rem;
                margin-bottom: 20px; }
                @media screen and (max-width: 768px) {
                  #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt p {
                    font-size: 14px;
                    font-size: 1.4rem; } }
                @media screen and (max-width: 480px) {
                  #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt p {
                    font-size: 12px;
                    font-size: 1.2rem; } }
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt p .strong {
                  font-size: 18px;
                  font-size: 1.8rem;
                  color: #eb6e90; }
                  @media screen and (max-width: 768px) {
                    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt p .strong {
                      font-size: 16px;
                      font-size: 1.6rem; } }
                  @media screen and (max-width: 480px) {
                    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt p .strong {
                      font-size: 14px;
                      font-size: 1.4rem; } }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .txt a {
                color: #eb6e90; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .img {
              width: 30%; }
              @media screen and (max-width: 768px) {
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .img {
                  width: 80%;
                  text-align: center;
                  margin: 0 auto; } }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.imgBox .img img {
                width: 100%;
                height: auto; }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow {
            width: 100%;
            background: none;
            padding: 0;
            margin: 2em 0 0; }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow {
                margin: 1em 0 0; } }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow h1 {
              color: #FFF;
              font-size: 30px;
              font-size: 3rem;
              margin-bottom: 0.2em; }
              @media screen and (max-width: 768px) {
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow h1 {
                  font-size: 24px;
                  font-size: 2.4rem; } }
              @media screen and (max-width: 480px) {
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow h1 {
                  font-size: 18px;
                  font-size: 1.8rem; } }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow .intro {
              color: #FFF;
              font-size: 16px;
              font-size: 1.6rem;
              margin-bottom: 20px;
              line-height: 2.0; }
              @media screen and (max-width: 768px) {
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow .intro {
                  font-size: 14px;
                  font-size: 1.4rem;
                  padding: 0 0; } }
              @media screen and (max-width: 480px) {
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow .intro {
                  font-size: 12px;
                  font-size: 1.2rem; } }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li {
              background: #fbf0f0;
              display: flex;
              flex-wrap: nowrap;
              justify-content: flex-start;
              align-items: center;
              padding: 0.5em;
              margin-top: 1em; }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li span {
                margin-right: 2em; }
                @media screen and (max-width: 768px) {
                  #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li span {
                    margin-right: 1em; } }
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li span img {
                  zoom: 0.8; }
                  @media screen and (max-width: 768px) {
                    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li span img {
                      zoom: 0.6; } }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li p {
                font-size: 20px;
                font-size: 2rem; }
                @media screen and (max-width: 768px) {
                  #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li p {
                    font-size: 16px;
                    font-size: 1.6rem; } }
                @media screen and (max-width: 480px) {
                  #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li p {
                    font-size: 13px;
                    font-size: 1.3rem; } }
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li p.red {
                  color: #eb6e90; }
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li p span.attention {
                  font-size: 14px;
                  font-size: 1.4rem;
                  color: #333;
                  display: block; }
                  @media screen and (max-width: 768px) {
                    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li p span.attention {
                      font-size: 13px;
                      font-size: 1.3rem; } }
                  @media screen and (max-width: 480px) {
                    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner .unit.flow ul li p span.attention {
                      font-size: 12px;
                      font-size: 1.2rem; } }
        #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(1) {
          background: #eb6e90; }
        #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) {
          background: #f28d56; }
          #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit {
            background: #fbf9f0; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit h1 span {
              background: #f28d56; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit.imgBox .txt p .strong {
              color: #f28d56; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit.imgBox .txt a {
              color: #f28d56; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit.last {
              width: 100%; }
            #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit.flow {
              background: none; }
              #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit.flow ul li {
                background: #fbf9f0; }
                #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit.flow ul li p {
                  font-size: 20px;
                  font-size: 2rem; }
                  #corp.corp02 #container #wrapper.corp02 .corpTabBlock .tabConWrapp .conInner:nth-of-type(2) .unit.flow ul li p.red {
                    color: #f28d56; }
    #corp.corp02 #container #wrapper.corp02 .corpTabBlock .red {
      color: #eb6e90; }
  #corp.corp02 #container #wrapper.corp02_2 .intro {
    width: 100%;
    margin: 0 auto 0;
    border-bottom: 20px solid #009be7;
    background: linear-gradient(#FFF, #d4ecf1);
    background: #d4ecf1;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFF, #d4ecf1);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #FFF, #d4ecf1);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
    @media screen and (max-width: 1024px) {
      #corp.corp02 #container #wrapper.corp02_2 .intro {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 768px) {
      #corp.corp02 #container #wrapper.corp02_2 .intro {
        padding: 0 0.5em 0 1em; } }
    #corp.corp02 #container #wrapper.corp02_2 .intro .inner {
      width: 1000px;
      margin: 0 auto;
      position: relative;
      height: 100%; }
      @media screen and (max-width: 1024px) {
        #corp.corp02 #container #wrapper.corp02_2 .intro .inner {
          width: 100%; } }
      #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg {
        position: relative;
        z-index: 1;
        height: 250px;
        padding-top: 1.5em; }
        @media screen and (max-width: 768px) {
          #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg {
            height: 200px;
            padding-top: 0.5em; } }
        @media screen and (max-width: 480px) {
          #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg {
            padding-top: 0; } }
        #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg h1 {
          font-size: 24px;
          font-size: 2.4rem; }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg h1 {
              font-size: 16px;
              font-size: 1.6rem; } }
        #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg p {
          color: #009be7;
          padding-top: 0.3em;
          font-size: 36px;
          font-size: 3.6rem;
          font-weight: 600;
          letter-spacing: 0.05em;
          /* offset-x | offset-y | blur-radius | color */
          text-shadow: #FFF 4px 0px, #FFF -4px 0px, #FFF 0px -4px, #FFF 0px 4px, #FFF 4px 4px, #FFF -4px 4px, #FFF 4px -4px, #FFF -4px -4px, #FFF 1px 4px, #FFF -1px 4px, #FFF 1px -4px, #FFF -1px -4px, #FFF 4px 1px, #FFF -4px 1px, #FFF 4px -1px, #FFF -4px -1px; }
          @media screen and (max-width: 1024px) {
            #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg p {
              font-size: 30px;
              font-size: 3rem; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg p {
              font-size: 24px;
              font-size: 2.4rem; }
              #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg p span {
                display: inline-block !important; } }
          @media screen and (max-width: 480px) {
            #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg p {
              font-size: 22px;
              font-size: 2.2rem; } }
          @media screen and (max-width: 360px) {
            #corp.corp02 #container #wrapper.corp02_2 .intro .inner .msg p {
              font-size: 18px;
              font-size: 1.8rem; } }
      #corp.corp02 #container #wrapper.corp02_2 .intro .inner p.img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1; }
        @media screen and (max-width: 768px) {
          #corp.corp02 #container #wrapper.corp02_2 .intro .inner p.img img {
            zoom: 0.7; } }
        @media screen and (max-width: 480px) {
          #corp.corp02 #container #wrapper.corp02_2 .intro .inner p.img img {
            zoom: 0.6; } }
        @media screen and (max-width: 360px) {
          #corp.corp02 #container #wrapper.corp02_2 .intro .inner p.img img {
            zoom: 0.5; } }
  #corp.corp02 #container #wrapper.corp02_2 .corpBlock {
    width: 100%;
    margin: 0 auto 1em;
    background: #d4ecf1;
    padding: 2em 0; }
    @media screen and (max-width: 768px) {
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock {
        padding: 2em 0 1em; } }
    #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit {
      width: 1000px;
      margin: 0 auto 2em;
      position: relative;
      height: 100%; }
      @media screen and (max-width: 1024px) {
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit {
          width: 100%;
          padding: 0 1.5em; } }
      @media screen and (max-width: 768px) {
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit {
          width: 100%;
          padding: 0 1em; } }
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit h1 {
        margin-bottom: 2em; }
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about {
        display: flex;
        flex-wrap: wrap; }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dt {
          width: 15%;
          margin-bottom: 20px; }
          @media screen and (max-width: 1024px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dt {
              width: 18%; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dt {
              width: 100%; } }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dt p {
            text-align: center;
            color: #FFF;
            background: #009be7;
            width: 120px;
            height: 120px;
            -webkit-border-radius: 50% 50% 50% 50%;
            -moz-border-radius: 50% 50% 50% 50%;
            border-radius: 50% 50% 50% 50%;
            display: flex;
            align-items: center;
            text-align: center; }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dt p {
                width: 100%;
                height: auto;
                -webkit-border-radius: 30px 30px 30px 30px;
                -moz-border-radius: 30px 30px 30px 30px;
                border-radius: 30px 30px 30px 30px;
                text-align: center;
                padding: 0.4em; } }
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dt p span {
              width: 100%;
              text-align: center; }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dd {
          width: 85%;
          margin-bottom: 20px; }
          @media screen and (max-width: 1024px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dd {
              width: 82%; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dd {
              width: 100%; } }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dd p {
            margin-top: 0.3em;
            padding: 0 0 0 22px;
            position: relative; }
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dd p:before {
              content: "●";
              position: absolute;
              left: 0;
              top: 0; }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(1) dl.about dd span.attention {
            font-size: 12px;
            font-size: 1.2rem;
            padding: 0 0 0 22px; }
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 2em; }
        @media screen and (max-width: 768px) {
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation {
            flex-wrap: wrap;
            margin-bottom: 0; } }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl {
          width: 31%;
          background: #FFF;
          -webkit-border-radius: 8px 8px 8px 8px;
          -moz-border-radius: 8px 8px 8px 8px;
          border-radius: 8px 8px 8px 8px;
          padding: 1em; }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl {
              width: 100%;
              margin-bottom: 1em; } }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dt {
            margin-bottom: 0.5em;
            font-size: 20px;
            font-size: 2rem; }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dt {
                font-size: 18px;
                font-size: 1.8rem; } }
            @media screen and (max-width: 480px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dt {
                font-size: 16px;
                font-size: 1.6rem; } }
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dt.img {
              text-align: center; }
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dt.img img {
                width: 100%;
                height: auto; }
                @media screen and (max-width: 768px) {
                  #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dt.img img {
                    zoom: 0.8; } }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dd {
            font-size: 14px;
            font-size: 1.4rem; }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dd {
                font-size: 14px;
                font-size: 1.4rem; } }
            @media screen and (max-width: 480px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .installation dl dd {
                font-size: 12px;
                font-size: 1.2rem; } }
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .attention p {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 0 0 15px;
        position: relative; }
        @media screen and (max-width: 768px) {
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .attention p {
            font-size: 12px;
            font-size: 1.2rem; } }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .attention p:before {
          content: "・";
          position: absolute;
          left: 0;
          top: 0; }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .attention p:nth-of-type(1) {
          padding: 0 0 0 0; }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(2) .attention p:nth-of-type(1):before {
            display: none; }
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 1024px) {
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto {
            flex-direction: column; } }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dt {
          width: 46%;
          color: #FFF;
          font-size: 20px;
          font-size: 2rem;
          background: #009be7;
          margin-bottom: 20px;
          height: 115px;
          align-items: center;
          display: flex;
          padding: 1em 1.2em;
          position: relative; }
          @media screen and (max-width: 1024px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dt {
              width: 100%;
              height: auto;
              margin-bottom: 50px; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dt {
              font-size: 18px;
              font-size: 1.8rem; } }
          @media screen and (max-width: 480px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dt {
              font-size: 16px;
              font-size: 1.6rem; } }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dt:after {
            content: "▶︎";
            color: #009be7;
            position: absolute;
            height: 20px;
            right: -1.5em;
            top: 0;
            bottom: 0;
            margin: auto auto; }
            @media screen and (max-width: 1024px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dt:after {
                content: " ";
                color: #009be7;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 20px 26px 0 26px;
                border-color: #009be7 transparent transparent transparent;
                position: absolute;
                right: 0;
                left: 0;
                top: inherit;
                bottom: -35px;
                margin: auto auto; } }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd {
          width: 50%;
          margin-bottom: 20px;
          height: 115px;
          background: #FFF;
          padding: 1em 1.2em; }
          @media screen and (max-width: 1024px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd {
              height: auto;
              width: 100%;
              margin-bottom: 26px; } }
          @media screen and (max-width: 768px) {
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd {
              padding: 1em; } }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd ul li {
            font-size: 16px;
            font-size: 1.6rem;
            padding: 0 0 0 15px;
            position: relative; }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd ul li {
                font-size: 14px;
                font-size: 1.4rem; } }
            @media screen and (max-width: 480px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd ul li {
                font-size: 12px;
                font-size: 1.2rem; } }
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd ul li:before {
              content: "・";
              position: absolute;
              left: 0;
              top: 0; }
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center; }
            @media screen and (max-width: 1024px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) {
                justify-content: flex-start; } }
            @media screen and (max-width: 1024px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) ul {
                margin-right: 4em; } }
            @media screen and (max-width: 768px) {
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) ul {
                margin-right: 2em; } }
            #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) p {
              color: #009be7;
              font-size: 16px;
              font-size: 1.6rem;
              padding: 0.5em 1em;
              border: 1px solid #009be7;
              position: relative; }
              @media screen and (max-width: 768px) {
                #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) p {
                  font-size: 14px;
                  font-size: 1.4rem; } }
              @media screen and (max-width: 480px) {
                #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) p {
                  font-size: 12px;
                  font-size: 1.2rem; } }
              #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) p:before {
                content: "+";
                font-size: 26px;
                font-size: 2.6rem;
                color: #009be7;
                position: absolute;
                height: 26px;
                left: -1.5em;
                display: flex;
                align-items: center; }
                @media screen and (max-width: 768px) {
                  #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .howto dd:nth-of-type(1) p:before {
                    left: -1em; } }
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .attention dt {
        font-size: 14px;
        font-size: 1.4rem; }
        @media screen and (max-width: 768px) {
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .attention dt {
            font-size: 12px;
            font-size: 1.2rem; } }
        #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .attention dt span {
          font-weight: bold;
          padding-left: 0.5em; }
      #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .attention dd {
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 2.5em;
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #corp.corp02 #container #wrapper.corp02_2 .corpBlock .unit:nth-of-type(3) .attention dd {
            font-size: 12px;
            font-size: 1.2rem; } }
#corp.corp03 #container #wrapper {
  width: 100%; }
  #corp.corp03 #container #wrapper.corp03 .intro {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #corp.corp03 #container #wrapper.corp03 .intro {
        width: 100%;
        padding: 0 1.5em; } }
    #corp.corp03 #container #wrapper.corp03 .intro h1.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #corp.corp03 #container #wrapper.corp03 .intro h1.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #corp.corp03 #container #wrapper.corp03 .intro h1.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #corp.corp03 #container #wrapper.corp03 .intro .msg p {
      margin-bottom: 1em; }
      #corp.corp03 #container #wrapper.corp03 .intro .msg p.bnr.pc {
        float: right;
        margin: -100px 0 0 0; }
      #corp.corp03 #container #wrapper.corp03 .intro .msg p.bnr.sp {
        width: 100%; }
        #corp.corp03 #container #wrapper.corp03 .intro .msg p.bnr.sp img {
          width: 100%;
          margin: 0 auto; }
  #corp.corp03 #container #wrapper.corp03 .unit {
    width: 1000px;
    margin: 0 auto 2em;
    position: relative;
    height: 100%; }
    @media screen and (max-width: 1024px) {
      #corp.corp03 #container #wrapper.corp03 .unit {
        width: 100%;
        padding: 0 1.0em; } }
    @media screen and (max-width: 768px) {
      #corp.corp03 #container #wrapper.corp03 .unit {
        width: 100%;
        padding: 0 1em; } }
    #corp.corp03 #container #wrapper.corp03 .unit .count {
      background: #eb6e90;
      padding: 0.6em 1em;
      margin-bottom: 3em;
      width: 100%;
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center; }
      #corp.corp03 #container #wrapper.corp03 .unit .count p {
        color: #FFF;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 300;
        margin: 0 1em; }
        @media screen and (max-width: 768px) {
          #corp.corp03 #container #wrapper.corp03 .unit .count p {
            font-size: 14px;
            font-size: 1.4rem; } }
        @media screen and (max-width: 480px) {
          #corp.corp03 #container #wrapper.corp03 .unit .count p {
            font-size: 12px;
            font-size: 1.2rem;
            margin: 0 0.4em; } }
        #corp.corp03 #container #wrapper.corp03 .unit .count p.date {
          border: 1px solid #FFF;
          padding: 0.4em 0.6em;
          -webkit-border-radius: 4px 4px 4px 4px;
          -moz-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px; }
        #corp.corp03 #container #wrapper.corp03 .unit .count p.base {
          font-weight: 600; }
          #corp.corp03 #container #wrapper.corp03 .unit .count p.base span {
            font-size: 36px;
            font-size: 3.6rem; }
            @media screen and (max-width: 768px) {
              #corp.corp03 #container #wrapper.corp03 .unit .count p.base span {
                font-size: 28px;
                font-size: 2.8rem; } }
            @media screen and (max-width: 480px) {
              #corp.corp03 #container #wrapper.corp03 .unit .count p.base span {
                font-size: 24px;
                font-size: 2.4rem; } }
    #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp {
      position: relative;
      margin-bottom: 2em;
      height: 840px; }
      @media screen and (max-width: 970px) {
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp {
          position: static;
          height: auto; } }
      #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp p.img {
        padding-top: 120px; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp p.img img {
          zoom: 0.98; }
        @media screen and (max-width: 1024px) {
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp p.img {
            padding-top: 155px; }
            #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp p.img img {
              zoom: 0.90; } }
        @media screen and (max-width: 970px) {
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp p.img {
            padding: 0;
            margin-bottom: 2em;
            text-align: center; }
            #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp p.img img {
              zoom: 1.0;
              width: 100%;
              height: auto; } }
      #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock {
        position: absolute;
        -webkit-border-radius: 12px 12px 12px 12px;
        -moz-border-radius: 12px 12px 12px 12px;
        border-radius: 12px 12px 12px 12px;
        padding: 1em;
        width: auto; }
        @media screen and (max-width: 1024px) {
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock {
            padding: 1em 0.8em; } }
        @media screen and (max-width: 970px) {
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock {
            position: static;
            width: 98% !important;
            margin: 0 auto;
            padding: 1.5em;
            margin-bottom: 1em; } }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock h2 {
          font-size: 15px;
          font-size: 1.5rem;
          margin-bottom: 0.5em; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock ul > span {
          font-size: 12.5px;
          font-size: 1.25rem;
          text-align: right;
          width: 100%;
          display: inline-block;
          text-align: right; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock ul li {
          margin-bottom: 0.2em;
          font-size: 12.5px;
          font-size: 1.25rem; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock ul li a {
            position: relative;
            font-size: 12.5px;
            font-size: 1.25rem;
            line-height: 16px;
            padding: 0 0 0 1.8em; }
            #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock ul li a:before {
              font-family: 'icomoon' !important;
              content: "\e90b";
              font-size: 16px;
              font-size: 1.6rem;
              height: 16px;
              background: #FFF;
              padding: 0 0 0 0;
              color: #eb6e90;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              margin: auto auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              -webkit-border-radius: 50% 50% 50% 50%;
              -moz-border-radius: 50% 50% 50% 50%;
              border-radius: 50% 50% 50% 50%; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock ul li span {
            position: relative;
            font-size: 12.5px;
            font-size: 1.25rem;
            padding: 0 0 0 1.8em;
            line-height: 14px; }
            #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock ul li span:before {
              font-family: 'icomoon' !important;
              content: "●";
              font-size: 14px;
              font-size: 1.4rem;
              height: 14px;
              padding: 0 0 0 0;
              color: #eb6e90;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              margin: auto auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              -webkit-border-radius: 50% 50% 50% 50%;
              -moz-border-radius: 50% 50% 50% 50%;
              border-radius: 50% 50% 50% 50%; }
        @media screen and (max-width: 970px) {
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock:before {
            display: none; } }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.hokkaido {
          background: #c8eff9;
          top: -10px;
          right: 0;
          width: 300px; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.hokkaido:before {
            content: "";
            position: absolute;
            top: 150px;
            left: -40px;
            width: 42px;
            height: 65px;
            background: url("../../common/img/corp/corp03/corp03_fukidashi_triangle01.png") no-repeat 0 0; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.tohoku {
          background: #caefe6;
          top: -10px;
          left: 22%;
          width: auto; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.tohoku:before {
            content: "";
            position: absolute;
            bottom: -210px;
            right: -50px;
            width: 166px;
            height: 241px;
            background: url("../../common/img/corp/corp03/corp03_fukidashi_triangle02.png") no-repeat 0 0; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.kanto {
          background: #ffe0ee;
          bottom: 30px;
          right: 0;
          width: 340px; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.kanto:before {
            content: "";
            position: absolute;
            top: 80px;
            left: -100px;
            width: 108px;
            height: 31px;
            background: url("../../common/img/corp/corp03/corp03_fukidashi_triangle03.png") no-repeat 0 0; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.chubu {
          background: #ecd8f0;
          top: 155px;
          left: 8%; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.chubu:before {
            content: "";
            position: absolute;
            bottom: -180px;
            right: -60px;
            width: 169px;
            height: 211px;
            background: url("../../common/img/corp/corp03/corp03_fukidashi_triangle04.png") no-repeat 0 0; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.kansai {
          background: #e5f3cc;
          bottom: 20px;
          right: 37%; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.kansai:before {
            content: "";
            position: absolute;
            top: -120px;
            left: 20px;
            width: 111px;
            height: 132px;
            background-size: 111px 132px;
            background: url("../../common/img/corp/corp03/corp03_fukidashi_triangle05.png") no-repeat 0 0; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.chugoku {
          background: #f9ddc9;
          top: 320px;
          left: -10px; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.chugoku:before {
            content: "";
            position: absolute;
            bottom: -100px;
            right: 50px;
            width: 78px;
            height: 102px;
            background: url("../../common/img/corp/corp03/corp03_fukidashi_triangle06.png") no-repeat 0 0; }
        #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.kyushu {
          background: #f8f4c6;
          bottom: 65px;
          left: -15px; }
          #corp.corp03 #container #wrapper.corp03 .unit .baseWrapp .baseBlock.kyushu:before {
            content: "";
            position: absolute;
            top: -100px;
            left: 45px;
            width: 57px;
            height: 109px;
            background: url("../../common/img/corp/corp03/corp03_fukidashi_triangle07.png") no-repeat 0 0; }
#corp.contact #container #wrapper {
  width: 100%; }
  #corp.contact #container #wrapper.form .contentBox {
    padding: 0 0 4em; }
    @media screen and (max-width: 768px) {
      #corp.contact #container #wrapper.form .contentBox {
        padding: 0em 1em 2em; } }
    #corp.contact #container #wrapper.form .contentBox p.catch {
      color: #eb6e90;
      font-size: 24px;
      font-size: 2.4rem; }
      @media screen and (max-width: 1024px) {
        #corp.contact #container #wrapper.form .contentBox p.catch {
          padding: 0em 1em; } }
      @media screen and (max-width: 768px) {
        #corp.contact #container #wrapper.form .contentBox p.catch {
          padding: 0em 0em; } }
    #corp.contact #container #wrapper.form .contentBox h1.sttl + p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 2em; }
    #corp.contact #container #wrapper.form .contentBox .unit dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      border: 1px solid #DDD;
      border-bottom: none;
      font-size: 14px;
      font-size: 1.4rem; }
      @media screen and (max-width: 768px) {
        #corp.contact #container #wrapper.form .contentBox .unit dl {
          border: none; } }
      #corp.contact #container #wrapper.form .contentBox .unit dl dt, #corp.contact #container #wrapper.form .contentBox .unit dl dd {
        padding: 1.5em;
        border-bottom: 1px solid #DDD; }
        @media screen and (max-width: 768px) {
          #corp.contact #container #wrapper.form .contentBox .unit dl dt, #corp.contact #container #wrapper.form .contentBox .unit dl dd {
            border: none; } }
      #corp.contact #container #wrapper.form .contentBox .unit dl dt {
        width: 25%;
        background: #F3F3F3;
        font-weight: bold;
        border-right: 1px solid #DDD;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #corp.contact #container #wrapper.form .contentBox .unit dl dt {
            width: 100%;
            border-right: none;
            padding: 1em 1.5em; } }
        #corp.contact #container #wrapper.form .contentBox .unit dl dt span {
          font-size: 12px;
          font-size: 1.2rem;
          -webkit-border-radius: 3px 3px 3px 3px;
          -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
          color: #FFF;
          font-weight: 100;
          padding: 0.3em 0.5em 0.15em;
          line-height: 1;
          background: #eb6e90; }
      #corp.contact #container #wrapper.form .contentBox .unit dl dd {
        width: 75%; }
        @media screen and (max-width: 768px) {
          #corp.contact #container #wrapper.form .contentBox .unit dl dd {
            width: 100%;
            padding: 1.8em 1.5em; } }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd span.ex {
          display: block;
          padding-top: 0.8em; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd input {
          margin-right: 10px;
          background: #FFF;
          border: 1px solid #DDD;
          padding: 1.3em;
          border-radius: 3px; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="checkbox"] {
          display: none; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd label {
          position: relative;
          padding: 3px 3px 3px 24px;
          display: inline-block;
          font-size: 14px;
          font-size: 1.4rem; }
          #corp.contact #container #wrapper.form .contentBox .unit dl dd label::before {
            position: absolute;
            content: '';
            top: 0.8em;
            left: 0;
            width: 14px;
            height: 14px;
            margin-top: -8px;
            background: #FFF;
            border: 1px solid #CCC; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="checkbox"]:checked + label::after {
          position: absolute;
          content: '';
          top: 6px;
          left: 3px;
          width: 10px;
          height: 5px;
          border-left: 2px solid #666;
          border-bottom: 2px solid #666;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="text"], #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="tel"], #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="email"] {
          property: value;
          width: 60%;
          padding: 1em; }
          @media screen and (max-width: 768px) {
            #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="text"], #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="tel"], #corp.contact #container #wrapper.form .contentBox .unit dl dd input[type="email"] {
              width: 100%; } }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd textarea {
          background: #FFF;
          border: 1px solid #DDD;
          padding: 8px 5px;
          margin: 20px auto 0;
          width: 90%; }
          @media screen and (max-width: 768px) {
            #corp.contact #container #wrapper.form .contentBox .unit dl dd textarea {
              width: 100%;
              margin: 0 auto 0; } }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd select option {
          background-color: #fff;
          color: #333; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd select::-ms-expand {
          display: none; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #828c9a; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd .selectWrap {
          position: relative;
          width: 50%; }
          @media screen and (max-width: 768px) {
            #corp.contact #container #wrapper.form .contentBox .unit dl dd .selectWrap {
              width: 100%; } }
          #corp.contact #container #wrapper.form .contentBox .unit dl dd .selectWrap.prefecture {
            width: 20%; }
            @media screen and (max-width: 768px) {
              #corp.contact #container #wrapper.form .contentBox .unit dl dd .selectWrap.prefecture {
                width: 100%; } }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd .selectWrap:before {
          z-index: 1;
          position: absolute;
          right: 15px;
          top: 0;
          font-family: 'icomoon' !important;
          content: "\e901";
          font-size: 12px;
          padding: 0 0 0;
          line-height: 43px;
          color: #7F878C;
          pointer-events: none; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd select {
          width: 100%;
          outline: none;
          -moz-appearance: none;
          text-indent: 0.01px;
          text-overflow: '';
          background: #FFF;
          vertical-align: middle;
          font-size: 14px;
          font-size: 1.4rem;
          color: inherit;
          -webkit-appearance: button;
          -moz-appearance: button;
          appearance: button;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          height: 40px;
          padding: 0 1.3em;
          border: 1px solid #CCC;
          color: #000;
          border-radius: 3px; }
        #corp.contact #container #wrapper.form .contentBox .unit dl dd.zip input[type="text"] {
          property: value;
          width: 40%;
          padding: 1em; }
          @media screen and (max-width: 768px) {
            #corp.contact #container #wrapper.form .contentBox .unit dl dd.zip input[type="text"] {
              width: 100%; } }
    #corp.contact #container #wrapper.form .contentBox .unit .submitBtn {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
      border: none;
      text-align: center; }
      #corp.contact #container #wrapper.form .contentBox .unit .submitBtn button {
        background: #eb6e90;
        color: #FFF;
        width: 50%;
        padding: 1em 1em 1em 2.5em;
        margin: 3em auto 3em;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: relative;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        border: none;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          #corp.contact #container #wrapper.form .contentBox .unit .submitBtn button {
            margin: 0 auto 2em;
            width: 100%; } }
        #corp.contact #container #wrapper.form .contentBox .unit .submitBtn button:focus {
          outline: none; }
        #corp.contact #container #wrapper.form .contentBox .unit .submitBtn button:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 15px;
          padding: 0 0 0 15px;
          position: absolute;
          top: 36%;
          right: 1em;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }

#company #container {
  width: 100%; }
  #company #container #wrapper .underPageLink {
    border-bottom: 1px solid #DDD;
    margin-bottom: 2em; }
    #company #container #wrapper .underPageLink ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center; }
      #company #container #wrapper .underPageLink ul li {
        padding: 0 1.5em; }
        @media screen and (max-width: 1200px) {
          #company #container #wrapper .underPageLink ul li {
            padding: 0 1.2em; } }
        @media screen and (max-width: 1024px) {
          #company #container #wrapper .underPageLink ul li {
            padding: 0 0.6em; } }
        #company #container #wrapper .underPageLink ul li a {
          display: block;
          padding: 1em 0;
          border-bottom: 4px solid transparent; }
          @media screen and (max-width: 1024px) {
            #company #container #wrapper .underPageLink ul li a {
              font-size: 14px;
              font-size: 1.4rem; } }
          #company #container #wrapper .underPageLink ul li a:hover {
            border-bottom: 4px solid #eb6e8f;
            color: #eb6e8f; }
        #company #container #wrapper .underPageLink ul li.on a {
          border-bottom: 4px solid #eb6e8f;
          color: #eb6e8f; }
    #company #container #wrapper .underPageLink.sp {
      border-bottom: none;
      margin-bottom: 0; }
      #company #container #wrapper .underPageLink.sp ul {
        display: block;
        border-top: 1px solid #DDD; }
        #company #container #wrapper .underPageLink.sp ul li {
          padding: 0 0; }
          #company #container #wrapper .underPageLink.sp ul li a {
            display: block;
            padding: 1em 1.5em;
            border-bottom: 1px solid #DDD;
            position: relative; }
            #company #container #wrapper .underPageLink.sp ul li a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 19px;
              font-size: 1.9rem;
              color: #eb6e8f;
              padding: 0 0 0;
              position: absolute;
              right: 1em;
              top: 35%;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (max-width: 480px) {
                #company #container #wrapper .underPageLink.sp ul li a:after {
                  font-size: 14px;
                  font-size: 1.4rem; } }
  #company #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #company #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #company #container #wrapper .txtimgBox {
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #company #container #wrapper .txtimgBox {
        display: block;
        padding: 0 1em; } }
    #company #container #wrapper .txtimgBox p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
      @media screen and (max-width: 768px) {
        #company #container #wrapper .txtimgBox p.img {
          width: 100%;
          padding: 0;
          margin-bottom: 1em; } }
      #company #container #wrapper .txtimgBox p.img img {
        width: 100%;
        height: auto; }
    #company #container #wrapper .txtimgBox.imgR p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 0 0 2em; }
    #company #container #wrapper .txtimgBox.imgL p.img {
      width: 32%;
      margin: 0 auto 0;
      padding: 0 2em 0 0; }
    #company #container #wrapper .txtimgBox div {
      width: 68%;
      padding: 0 0 0; }
      @media screen and (max-width: 768px) {
        #company #container #wrapper .txtimgBox div {
          width: 100%; } }
      #company #container #wrapper .txtimgBox div p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 1em; }
        #company #container #wrapper .txtimgBox div p.catch {
          font-size: 30px;
          font-size: 3rem;
          color: #eb6e90;
          margin-bottom: 0.6em; }
          @media screen and (max-width: 768px) {
            #company #container #wrapper .txtimgBox div p.catch {
              font-size: 24px;
              font-size: 2.4rem;
              margin-bottom: 0.6em; } }
          @media screen and (max-width: 480px) {
            #company #container #wrapper .txtimgBox div p.catch {
              font-size: 20px;
              font-size: 2rem; } }
  #company #container #wrapper .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #company #container #wrapper .btn a, #company #container #wrapper .btn button {
      text-align: center;
      padding: 1em 3.5em 1em 3em;
      margin: 0 auto;
      width: 400px;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #009be7;
      color: #FFF; }
      #company #container #wrapper .btn a:focus, #company #container #wrapper .btn button:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        #company #container #wrapper .btn a, #company #container #wrapper .btn button {
          width: 100%;
          padding: 1em;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #company #container #wrapper .btn a, #company #container #wrapper .btn button {
          padding: 1em 1em 1em 0.5em;
          font-size: 16px;
          font-size: 1.6rem; } }
      #company #container #wrapper .btn a:after, #company #container #wrapper .btn button:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 0;
        position: absolute;
        right: 0.5em;
        top: 35%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #company #container #wrapper .btn a:after, #company #container #wrapper .btn button:after {
            font-size: 14px;
            font-size: 1.4rem; } }
  #company #container #wrapper .sttl {
    text-align: left;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      #company #container #wrapper .sttl {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 480px) {
      #company #container #wrapper .sttl {
        font-size: 18px;
        font-size: 1.8rem; } }
  #company #container #wrapper h1.pageTitle {
    font-size: 30px;
    font-size: 3rem;
    color: #eb6e90;
    font-weight: 300;
    margin-bottom: 0.6em;
    width: 100%; }
    @media screen and (max-width: 768px) {
      #company #container #wrapper h1.pageTitle {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 0.5em; } }
    @media screen and (max-width: 480px) {
      #company #container #wrapper h1.pageTitle {
        font-size: 18px;
        font-size: 1.8rem; } }
#company.company #container #wrapper {
  width: 100%; }
  #company.company #container #wrapper.index .intro {
    width: 1000px;
    margin: 0 auto 3em; }
    @media screen and (max-width: 1024px) {
      #company.company #container #wrapper.index .intro {
        width: 100%;
        padding: 0 1.5em; } }
    #company.company #container #wrapper.index .intro h1.catch {
      font-size: 30px;
      font-size: 3rem;
      color: #eb6e90;
      font-weight: 300;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #company.company #container #wrapper.index .intro h1.catch {
          font-size: 26px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 480px) {
        #company.company #container #wrapper.index .intro h1.catch {
          font-size: 24px;
          font-size: 2.4rem; } }
    #company.company #container #wrapper.index .intro .msg p {
      margin-bottom: 1em; }
  #company.company #container #wrapper.index .pageIndex {
    width: 100%;
    background: #fbf9f0;
    padding: 4em 0 1em;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      #company.company #container #wrapper.index .pageIndex {
        padding: 2em 0 1em; } }
    #company.company #container #wrapper.index .pageIndex ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 1000px;
      margin: 0 auto 2em; }
      @media screen and (max-width: 1024px) {
        #company.company #container #wrapper.index .pageIndex ul {
          width: 100%;
          padding: 0 1.5em 0em; } }
      #company.company #container #wrapper.index .pageIndex ul li {
        width: 31%;
        margin-right: 3.4%;
        margin-bottom: 3%;
        padding-top: 21%;
        position: relative; }
        @media screen and (max-width: 768px) {
          #company.company #container #wrapper.index .pageIndex ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 1.5em;
            padding-top: 45%; } }
        #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(3n) {
          margin-right: 0; }
        #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
          background: url("../../common/img/company/index/img01.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(1) {
              background: url("../../common/img/company/index/img01_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
          background: url("../../common/img/company/index/img02.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(2) {
              background: url("../../common/img/company/index/img02_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
          background: url("../../common/img/company/index/img03.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(3) {
              background: url("../../common/img/company/index/img03_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(4) {
          background: url("../../common/img/company/index/img04.jpg") no-repeat 0 0;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #company.company #container #wrapper.index .pageIndex ul li:nth-of-type(4) {
              background: url("../../common/img/company/index/img04_sp.jpg") no-repeat 0 0;
              background-size: 100%; } }
        #company.company #container #wrapper.index .pageIndex ul li p.img {
          margin-bottom: 0.8em;
          /*img{
          	zoom: .5;
          	width: 100%;
          	height: auto;
          	@include max-screen($tb_break) {
          		zoom: 1.0;
          		position: absolute;
          		top: -25%;
          		width: 100%;
          	}
          	@include max-screen($sp_break) {
          		top: -20%;
          		width: 100%;
          	}
          }*/ }
          @media screen and (max-width: 768px) {
            #company.company #container #wrapper.index .pageIndex ul li p.img {
              height: 200px;
              overflow: hidden;
              position: relative; } }
          @media screen and (max-width: 480px) {
            #company.company #container #wrapper.index .pageIndex ul li p.img {
              height: 160px; } }
        #company.company #container #wrapper.index .pageIndex ul li p.page_name {
          color: #eb6e90;
          font-size: 18px;
          font-size: 1.8rem;
          margin-bottom: 0.5em; }
        #company.company #container #wrapper.index .pageIndex ul li p.txt {
          font-size: 14px;
          font-size: 1.4rem; }
        #company.company #container #wrapper.index .pageIndex ul li a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0; }
#company.greeting #container #wrapper {
  width: 100%; }
  #company.greeting #container #wrapper.greeting .intro {
    width: 1000px;
    margin: 0 auto 3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      #company.greeting #container #wrapper.greeting .intro {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 768px) {
      #company.greeting #container #wrapper.greeting .intro {
        padding: 0 1em;
        margin: 0 auto 2em; } }
    #company.greeting #container #wrapper.greeting .intro .img {
      width: 46%; }
      @media screen and (max-width: 768px) {
        #company.greeting #container #wrapper.greeting .intro .img {
          width: 100%;
          margin-bottom: 1em; } }
      #company.greeting #container #wrapper.greeting .intro .img img {
        width: 100%;
        height: auto; }
    #company.greeting #container #wrapper.greeting .intro .msg {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #company.greeting #container #wrapper.greeting .intro .msg {
          width: 100%; } }
      #company.greeting #container #wrapper.greeting .intro .msg p {
        margin-bottom: 1em;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8; }
        @media screen and (max-width: 480px) {
          #company.greeting #container #wrapper.greeting .intro .msg p {
            font-size: 12px;
            font-size: 1.2rem; } }
      #company.greeting #container #wrapper.greeting .intro .msg .sign {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 2em 0 0 0; }
        @media screen and (max-width: 768px) {
          #company.greeting #container #wrapper.greeting .intro .msg .sign {
            flex-direction: column;
            margin: 1em 0 0 0; }
            #company.greeting #container #wrapper.greeting .intro .msg .sign p {
              text-align: right;
              margin: 1em 0 0 0; }
              #company.greeting #container #wrapper.greeting .intro .msg .sign p img {
                zoom: 0.5; } }
#company.outline #container #wrapper {
  width: 100%; }
  #company.outline #container #wrapper.outline .contentBox {
    width: 1000px;
    margin: 0 auto 3em;
    padding-bottom: 0; }
    @media screen and (max-width: 1024px) {
      #company.outline #container #wrapper.outline .contentBox {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 768px) {
      #company.outline #container #wrapper.outline .contentBox {
        padding: 0 1em;
        margin: 0 auto 2em; } }
    #company.outline #container #wrapper.outline .contentBox .unit {
      margin-bottom: 1em; }
      #company.outline #container #wrapper.outline .contentBox .unit .dataDt {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-top: 1px solid #D8D8D8;
        margin-bottom: 2em; }
        @media screen and (max-width: 768px) {
          #company.outline #container #wrapper.outline .contentBox .unit .dataDt {
            flex-direction: column; } }
        #company.outline #container #wrapper.outline .contentBox .unit .dataDt dt, #company.outline #container #wrapper.outline .contentBox .unit .dataDt dd {
          border-bottom: 1px solid #D8D8D8;
          border-right: 1px solid #D8D8D8;
          padding: 1em;
          font-size: 14px;
          font-size: 1.4rem; }
          @media screen and (max-width: 480px) {
            #company.outline #container #wrapper.outline .contentBox .unit .dataDt dt, #company.outline #container #wrapper.outline .contentBox .unit .dataDt dd {
              font-size: 12px;
              font-size: 1.2rem; } }
        #company.outline #container #wrapper.outline .contentBox .unit .dataDt dt {
          width: 24%;
          border-left: 1px solid #D8D8D8;
          background: #f3f3f3;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #company.outline #container #wrapper.outline .contentBox .unit .dataDt dt {
              width: 100%; } }
        #company.outline #container #wrapper.outline .contentBox .unit .dataDt dd {
          width: 76%; }
          @media screen and (max-width: 768px) {
            #company.outline #container #wrapper.outline .contentBox .unit .dataDt dd {
              width: 100%; } }
          @media screen and (max-width: 768px) {
            #company.outline #container #wrapper.outline .contentBox .unit .dataDt dd {
              border-left: 1px solid #D8D8D8; } }
      #company.outline #container #wrapper.outline .contentBox .unit .img {
        text-align: center; }
        @media screen and (max-width: 768px) {
          #company.outline #container #wrapper.outline .contentBox .unit .img {
            width: 100%;
            margin-bottom: 1em; } }
        #company.outline #container #wrapper.outline .contentBox .unit .img img {
          width: 100%;
          height: auto; }
#company.history #container #wrapper {
  width: 100%; }
  #company.history #container #wrapper.history .contentBox {
    width: 1000px;
    margin: 0 auto 3em;
    padding-bottom: 0; }
    @media screen and (max-width: 1024px) {
      #company.history #container #wrapper.history .contentBox {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 768px) {
      #company.history #container #wrapper.history .contentBox {
        padding: 0 1em;
        margin: 0 auto 2em; } }
    #company.history #container #wrapper.history .contentBox .unit {
      margin-bottom: 1em; }
      #company.history #container #wrapper.history .contentBox .unit .dataDt {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-top: 1px solid #D8D8D8;
        margin-bottom: 2em; }
        @media screen and (max-width: 768px) {
          #company.history #container #wrapper.history .contentBox .unit .dataDt {
            flex-direction: column; } }
        #company.history #container #wrapper.history .contentBox .unit .dataDt dt, #company.history #container #wrapper.history .contentBox .unit .dataDt dd {
          border-bottom: 1px solid #D8D8D8;
          border-right: 1px solid #D8D8D8;
          padding: 1em;
          font-size: 14px;
          font-size: 1.4rem; }
          @media screen and (max-width: 480px) {
            #company.history #container #wrapper.history .contentBox .unit .dataDt dt, #company.history #container #wrapper.history .contentBox .unit .dataDt dd {
              font-size: 12px;
              font-size: 1.2rem; } }
        #company.history #container #wrapper.history .contentBox .unit .dataDt dt {
          width: 20%;
          border-left: 1px solid #D8D8D8;
          background: #f3f3f3;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #company.history #container #wrapper.history .contentBox .unit .dataDt dt {
              width: 100%; } }
        #company.history #container #wrapper.history .contentBox .unit .dataDt dd {
          width: 80%; }
          #company.history #container #wrapper.history .contentBox .unit .dataDt dd ul li {
            padding: 0 0 0 15px;
            position: relative;
            font-size: 14px;
            font-size: 1.4rem; }
            @media screen and (max-width: 480px) {
              #company.history #container #wrapper.history .contentBox .unit .dataDt dd ul li {
                font-size: 12px;
                font-size: 1.2rem; } }
            #company.history #container #wrapper.history .contentBox .unit .dataDt dd ul li:before {
              content: "・";
              position: absolute;
              left: 0;
              top: 0; }
          @media screen and (max-width: 768px) {
            #company.history #container #wrapper.history .contentBox .unit .dataDt dd {
              width: 100%; } }
          @media screen and (max-width: 768px) {
            #company.history #container #wrapper.history .contentBox .unit .dataDt dd {
              border-left: 1px solid #D8D8D8; } }
#company.access #container #wrapper {
  width: 100%; }
  #company.access #container #wrapper.access .contentBox {
    width: 1000px;
    margin: 0 auto 3em;
    padding-bottom: 0; }
    @media screen and (max-width: 1024px) {
      #company.access #container #wrapper.access .contentBox {
        width: 100%;
        padding: 0 1.5em; } }
    @media screen and (max-width: 768px) {
      #company.access #container #wrapper.access .contentBox {
        padding: 0 1em;
        margin: 0 auto 2em; } }
    #company.access #container #wrapper.access .contentBox .unit {
      margin-bottom: 1em; }
      #company.access #container #wrapper.access .contentBox .unit .map {
        margin-bottom: 1em; }
        #company.access #container #wrapper.access .contentBox .unit .map iframe {
          width: 100%;
          height: 340px; }
          @media screen and (max-width: 768px) {
            #company.access #container #wrapper.access .contentBox .unit .map iframe {
              height: 250px; } }
      #company.access #container #wrapper.access .contentBox .unit .dataDt {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-top: 1px solid #D8D8D8;
        margin-bottom: 2em; }
        @media screen and (max-width: 768px) {
          #company.access #container #wrapper.access .contentBox .unit .dataDt {
            flex-direction: column; } }
        #company.access #container #wrapper.access .contentBox .unit .dataDt dt, #company.access #container #wrapper.access .contentBox .unit .dataDt dd {
          border-bottom: 1px solid #D8D8D8;
          border-right: 1px solid #D8D8D8;
          padding: 1em;
          font-size: 14px;
          font-size: 1.4rem; }
          @media screen and (max-width: 480px) {
            #company.access #container #wrapper.access .contentBox .unit .dataDt dt, #company.access #container #wrapper.access .contentBox .unit .dataDt dd {
              font-size: 12px;
              font-size: 1.2rem; } }
        #company.access #container #wrapper.access .contentBox .unit .dataDt dt {
          width: 20%;
          border-left: 1px solid #D8D8D8;
          background: #f3f3f3;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #company.access #container #wrapper.access .contentBox .unit .dataDt dt {
              width: 100%; } }
        #company.access #container #wrapper.access .contentBox .unit .dataDt dd {
          width: 80%; }
          #company.access #container #wrapper.access .contentBox .unit .dataDt dd ul li {
            padding: 0 0 0 15px;
            position: relative;
            font-size: 14px;
            font-size: 1.4rem; }
            @media screen and (max-width: 480px) {
              #company.access #container #wrapper.access .contentBox .unit .dataDt dd ul li {
                font-size: 12px;
                font-size: 1.2rem; } }
            #company.access #container #wrapper.access .contentBox .unit .dataDt dd ul li:before {
              content: "・";
              position: absolute;
              left: 0;
              top: 0; }
          @media screen and (max-width: 768px) {
            #company.access #container #wrapper.access .contentBox .unit .dataDt dd {
              width: 100%; } }
          @media screen and (max-width: 768px) {
            #company.access #container #wrapper.access .contentBox .unit .dataDt dd {
              border-left: 1px solid #D8D8D8; } }

#news.news #container #wrapper {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #news.news #container #wrapper.index .contentBox {
      padding: 0; } }
  #news.news #container #wrapper.index .contentBox ul.newsList {
    border-top: 1px solid #D8D8D8; }
    #news.news #container #wrapper.index .contentBox ul.newsList li {
      padding: 2em 0;
      border-bottom: 1px solid #D8D8D8; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.index .contentBox ul.newsList li {
          position: relative;
          padding: 1.2em 1.5em; }
          #news.news #container #wrapper.index .contentBox ul.newsList li:after {
            font-family: 'icomoon' !important;
            content: "\e903";
            font-size: 16px;
            font-size: 1.6rem;
            color: #eb6e90;
            padding: 0 0 0;
            position: absolute;
            right: 0.5em;
            top: 0;
            bottom: 0;
            height: 16px;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      #news.news #container #wrapper.index .contentBox ul.newsList li:after {
        font-size: 14px;
        font-size: 1.4rem; } }

      #news.news #container #wrapper.index .contentBox ul.newsList li span {
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 1em; }
        @media screen and (max-width: 768px) {
          #news.news #container #wrapper.index .contentBox ul.newsList li span {
            font-size: 11px;
            font-size: 1.1rem; } }
        #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_info, #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_recruit, #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_press {
          -webkit-border-radius: 30px 30px 30px 30px;
          -moz-border-radius: 30px 30px 30px 30px;
          border-radius: 30px 30px 30px 30px;
          padding: 0.6em 2em 0.5em;
          width: 140px;
          min-width: 140px;
          display: inline-block;
          text-align: center;
          line-height: 1;
          color: #FFFFFF;
          background: #eb6e90; }
          @media screen and (max-width: 768px) {
            #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_info, #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_recruit, #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_press {
              padding: 0.4em 1em 0.3em;
              width: 120px;
              min-width: 120px; } }
        #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_recruit {
          background: #98c55d; }
        #news.news #container #wrapper.index .contentBox ul.newsList li span.cat_press {
          padding: 0.6em 1.5em 0.5em;
          background: #6ac6d6; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.index .contentBox ul.newsList li a {
          display: block;
          margin-top: 1em;
          font-size: 13px;
          font-size: 1.3rem; } }
  #news.news #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 3em auto; }
  #blog.blog #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 3em auto; }
    @media screen and (max-width: 768px) {
      #news.news #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers {
        margin: 1em auto 2em; }
      #blog.blog #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers {
        margin: 1em auto 2em; } }
    #news.news #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li {
      margin-right: 0.7em;
      margin-bottom: 0.5em; }
    #blog.blog #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li {
      margin-right: 0.7em;
      margin-bottom: 0.5em; }
      #news.news #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li a {
        display: block;
        border: 1px solid #eb6e90;
        color: #eb6e90;
        font-size: 15px;
        font-size: 1.5rem;
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        padding: 0.8em 1.0em 0.7em;
        line-height: 1; }
      #blog.blog #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li a {
        display: block;
        border: 1px solid #eb6e90;
        color: #eb6e90;
        font-size: 15px;
        font-size: 1.5rem;
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        padding: 0.8em 1.0em 0.7em;
        line-height: 1; }
        @media screen and (max-width: 768px) {
          #news.news #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li a {
            font-size: 14px;
            font-size: 1.4rem; }
          #blog.blog #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li a {
            font-size: 14px;
            font-size: 1.4rem; } }
        #news.news #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li a:hover {
          background: #eb6e90;
          color: #FFF;
          border: 1px solid #eb6e90; }
        #blog.blog #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li a:hover {
          background: #eb6e90;
          color: #FFF;
          border: 1px solid #eb6e90; }
      #news.news #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li .current {
        display: block;
        border: 1px solid #eb6e90;
        color: #FFF;
        font-size: 15px;
        font-size: 1.5rem;
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        padding: 0.8em 1.0em 0.7em;
        line-height: 1;
        background: #eb6e90; }
      #blog.blog #container #wrapper.index .contentBox .pageNumberBlock ul.page-numbers li .current {
        display: block;
        border: 1px solid #eb6e90;
        color: #FFF;
        font-size: 15px;
        font-size: 1.5rem;
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        padding: 0.8em 1.0em 0.7em;
        line-height: 1;
        background: #eb6e90; }
    @media screen and (max-width: 768px) {
      #news.news #container #wrapper.detail .contentBox h1.articleTtl {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (max-width: 480px) {
      #news.news #container #wrapper.detail .contentBox h1.articleTtl {
        font-size: 14px;
        font-size: 1.4rem; } }
    #news.news #container #wrapper.detail .contentBox h1.articleTtl span.date {
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 0.7em; }
      @media screen and (max-width: 480px) {
        #news.news #container #wrapper.detail .contentBox h1.articleTtl span.date {
          font-size: 10px;
          font-size: 1rem; } }
  #news.news #container #wrapper.detail .contentBox .entryInner p {
    margin-bottom: 2em;
    font-size: 14px;
    font-size: 1.4rem; }
    @media screen and (max-width: 480px) {
      #news.news #container #wrapper.detail .contentBox .entryInner p {
        font-size: 12px;
        font-size: 1.2rem; } }
  #news.news #container #wrapper.detail .contentBox .entryInner .bold {
    font-weight: bold !important; }
  #news.news #container #wrapper.detail .contentBox .entryInner .large {
    font-size: 18px;
    font-size: 1.8rem; }
  #news.news #container #wrapper.detail .contentBox .entryInner .center {
    text-align: center; }
  #news.news #container #wrapper.detail .contentBox .entryInner a, #news.news #container #wrapper.detail .contentBox .entryInner .red, #news.news #container #wrapper.detail .contentBox .entryInner .pink {
    color: #eb6e90; }
  #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgR {
      flex-direction: row; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgR {
          flex-direction: column; } }
      #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgR .img {
        padding-left: 2em; }
        #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgR .img img {
          zoom: 0.6; }
        @media screen and (max-width: 768px) {
          #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgR .img {
            padding-left: 0;
            text-align: center;
            margin: 0 auto 1em; }
            #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgR .img img {
              zoom: 1; } }
    #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgL {
      flex-direction: row-reverse; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgL {
          flex-direction: column; } }
      #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgL .img {
        padding-right: 2em; }
        #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgL .img img {
          zoom: 0.6; }
        @media screen and (max-width: 768px) {
          #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgL .img {
            padding-left: 0;
            text-align: center;
            margin: 0 auto 1em; }
            #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgL .img img {
              zoom: 1; } }
    #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgC {
      flex-direction: column; }
      #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgC .img {
        padding: 0;
        text-align: center;
        margin: 0 auto 3em; }
        @media screen and (max-width: 768px) {
          #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgC .img {
            width: 100%;
            margin: 0 auto 1em; } }
        #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock.imgC .img span.caption {
          text-align: center; }
    #news.news #container #wrapper.detail .contentBox .entryInner .txtimgBlock p.img span.caption {
      font-size: 10px;
      font-size: 1rem;
      font-weight: bold;
      text-align: left;
      display: block;
      margin-top: 0.5em; }
  #news.news #container #wrapper.detail .contentBox .entryInner .contactInfo {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    padding: 2em 0 0;
    margin-bottom: 2em; }
    #news.news #container #wrapper.detail .contentBox .entryInner .contactInfo P {
      text-align: center; }
      #news.news #container #wrapper.detail .contentBox .entryInner .contactInfo P a {
        text-decoration: overline; }
  #news.news #container #wrapper.detail .contentBox .entryInner h2.tableTtl {
    font-weight: bold;
    margin-bottom: 1em; }
  #news.news #container #wrapper.detail .contentBox .entryInner table {
    border-top: 1px solid #D8D8D8;
    width: 100%;
    margin-bottom: 2em; }
    @media screen and (max-width: 768px) {
      #news.news #container #wrapper.detail .contentBox .entryInner table {
        border-top: none; } }
    #news.news #container #wrapper.detail .contentBox .entryInner table th, #news.news #container #wrapper.detail .contentBox .entryInner table td {
      padding: 0.8em 1em;
      border-bottom: 1px solid #D8D8D8;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: left;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.detail .contentBox .entryInner table th, #news.news #container #wrapper.detail .contentBox .entryInner table td {
          border-bottom: none;
          display: block; } }
    #news.news #container #wrapper.detail .contentBox .entryInner table th {
      font-weight: 100;
      background: #F3F3F3;
      border-left: 1px solid #D8D8D8;
      border-right: 1px solid #D8D8D8; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.detail .contentBox .entryInner table th {
          border: none;
          width: 100%; } }
    #news.news #container #wrapper.detail .contentBox .entryInner table td {
      border-right: 1px solid #D8D8D8; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.detail .contentBox .entryInner table td {
          border: none;
          margin-bottom: 0.5em; } }
    #news.news #container #wrapper.detail .contentBox .entryInner table.rowTable th {
      width: 15%; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.detail .contentBox .entryInner table.rowTable th {
          width: 100%; } }
  #news.news #container #wrapper.detail .contentBox p.btn {
    text-align: center;
    margin: 3em auto; }
    #news.news #container #wrapper.detail .contentBox p.btn a {
      background: #f3f3f3;
      display: inline-block;
      position: relative;
      font-size: 14px;
      font-size: 1.4rem;
      width: 130px;
      margin: 0 auto;
      text-align: center;
      padding: 0.5em 1.5em 0.4em 2em;
      -webkit-border-radius: 2px 2px 2px 2px;
      -moz-border-radius: 2px 2px 2px 2px;
      border-radius: 2px 2px 2px 2px; }
      @media screen and (max-width: 768px) {
        #news.news #container #wrapper.detail .contentBox p.btn a {
          width: 100%;
          background: #8a8a8a;
          color: #FFF;
          padding: 1em 1.5em 1em 2em; } }
      #news.news #container #wrapper.detail .contentBox p.btn a:before {
        font-family: 'icomoon' !important;
        content: "\e902";
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 0 0;
        position: absolute;
        color: #eb6e90;
        height: 14px;
        left: 0.5em;
        top: 0;
        bottom: 0;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 768px) {
          #news.news #container #wrapper.detail .contentBox p.btn a:before {
            color: #FFF; } }

#contact #container {
  width: 100%; }
  #contact #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #contact #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #contact #container #wrapper .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #contact #container #wrapper .btn a, #contact #container #wrapper .btn button {
      text-align: center;
      padding: 1em 3.5em 1em 3em;
      margin: 0 auto;
      width: 400px;
      border: none;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: #eb6e90;
      color: #FFF; }
      #contact #container #wrapper .btn a:focus, #contact #container #wrapper .btn button:focus {
        outline: none; }
      @media screen and (max-width: 768px) {
        #contact #container #wrapper .btn a, #contact #container #wrapper .btn button {
          width: 100%;
          padding: 1em;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #contact #container #wrapper .btn a, #contact #container #wrapper .btn button {
          padding: 1em 1em 1em 0.5em;
          font-size: 14px;
          font-size: 1.4rem; } }
      #contact #container #wrapper .btn a:after, #contact #container #wrapper .btn button:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 0;
        position: absolute;
        right: 0.5em;
        top: 35%;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #contact #container #wrapper .btn a:after, #contact #container #wrapper .btn button:after {
            font-size: 14px;
            font-size: 1.4rem; } }
  #contact #container #wrapper .sttl {
    text-align: left;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      #contact #container #wrapper .sttl {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 480px) {
      #contact #container #wrapper .sttl {
        font-size: 18px;
        font-size: 1.8rem; } }
#contact.contact #container #wrapper {
  width: 100%; }
  #contact.contact #container #wrapper .contentBox .unit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em auto; }
    @media screen and (max-width: 768px) {
      #contact.contact #container #wrapper .contentBox .unit {
        margin: 2em auto 0; } }
    #contact.contact #container #wrapper .contentBox .unit .sttl {
      width: 100%;
      margin-bottom: 1.5em; }
    #contact.contact #container #wrapper .contentBox .unit dl.contactMail {
      width: 49%;
      border: 5px solid #D8D8D8;
      padding: 1em 1.5em;
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #contact.contact #container #wrapper .contentBox .unit dl.contactMail {
          width: 100%; } }
      #contact.contact #container #wrapper .contentBox .unit dl.contactMail dt {
        font-size: 20px;
        font-size: 2rem;
        color: #eb6e90;
        margin-bottom: 0.5em; }
        @media screen and (max-width: 480px) {
          #contact.contact #container #wrapper .contentBox .unit dl.contactMail dt {
            font-size: 14px;
            font-size: 1.4rem; } }
      #contact.contact #container #wrapper .contentBox .unit dl.contactMail dd {
        font-size: 14px;
        font-size: 1.4rem; }
        @media screen and (max-width: 480px) {
          #contact.contact #container #wrapper .contentBox .unit dl.contactMail dd {
            font-size: 12px;
            font-size: 1.2rem; } }
        #contact.contact #container #wrapper .contentBox .unit dl.contactMail dd .btn {
          margin: 1em auto 0; }
          #contact.contact #container #wrapper .contentBox .unit dl.contactMail dd .btn a {
            width: 100%; }
            @media screen and (max-width: 1024px) {
              #contact.contact #container #wrapper .contentBox .unit dl.contactMail dd .btn a {
                font-size: 15px;
                font-size: 1.5rem; } }
            @media screen and (max-width: 768px) {
              #contact.contact #container #wrapper .contentBox .unit dl.contactMail dd .btn a {
                font-size: 14px;
                font-size: 1.4rem; } }
      #contact.contact #container #wrapper .contentBox .unit dl.contactMail:last-of-type {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #contact.contact #container #wrapper .contentBox .unit dl.contactMail:last-of-type dt {
          width: 100%; }
        #contact.contact #container #wrapper .contentBox .unit dl.contactMail:last-of-type dd {
          width: 46%; }
          @media screen and (max-width: 768px) {
            #contact.contact #container #wrapper .contentBox .unit dl.contactMail:last-of-type dd {
              width: 100%; }
              #contact.contact #container #wrapper .contentBox .unit dl.contactMail:last-of-type dd:first-of-type {
                margin-bottom: 1.5em; } }
    #contact.contact #container #wrapper .contentBox .unit.pc {
      display: block; }
      #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        margin-top: 1em; }
        @media screen and (max-width: 1024px) {
          #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel {
            flex-direction: column; } }
        #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dt {
          display: flex;
          align-items: flex-end;
          margin-right: 1em;
          font-weight: bold; }
          @media screen and (max-width: 1024px) {
            #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dt {
              margin-bottom: 0.5em;
              font-size: 14px;
              font-size: 1.4rem; } }
        #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd {
          display: flex;
          justify-content: flex-start;
          flex-wrap: nowrap;
          align-items: center; }
          #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd p {
            margin: 0 5px 0 0; }
            #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd p.tel {
              font-size: 38px;
              font-size: 3.8rem;
              color: #eb6e8f;
              font-weight: bold;
              line-height: 1; }
            #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd p.reception {
              font-size: 12px;
              font-size: 1.2rem;
              font-weight: bold;
              line-height: 1.6;
              margin-right: 5px; }
              #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd p.reception br {
                display: none !important; }
              @media screen and (max-width: 1024px) {
                #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd p.reception br {
                  display: block !important; } }
            #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd p.info {
              display: flex;
              flex-wrap: nowrap;
              justify-content: space-between; }
              #contact.contact #container #wrapper .contentBox .unit.pc dl.contactTel dd p.info span {
                text-align: center;
                display: block;
                font-size: 14px;
                font-size: 1.4rem;
                padding: 0.5em 2em;
                margin: 0 0 0 6px;
                border: 2px solid #000; }

#sitemap.sitemap #container #wrapper {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #sitemap.sitemap #container #wrapper .contentBox {
      padding: 0 0 1em; } }
  #sitemap.sitemap #container #wrapper .contentBox .sitemapList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em auto; }
    @media screen and (max-width: 768px) {
      #sitemap.sitemap #container #wrapper .contentBox .sitemapList {
        margin: 0 auto; } }
    #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li {
      width: 48%;
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li {
          width: 100%; } }
      #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent {
        width: 48%; }
        @media screen and (max-width: 768px) {
          #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl {
            padding-bottom: 1em;
            border-top: 1px solid #D8D8D8; } }
        #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dt {
          margin-bottom: 1em; }
          @media screen and (max-width: 768px) {
            #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dt {
              padding: 0 1em; } }
          #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dt a {
            display: block;
            color: #000;
            font-size: 20px;
            font-size: 2rem;
            border-bottom: 1px solid #D8D8D8;
            position: relative;
            padding: 0.8em 0; }
            #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dt a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 15px;
              font-size: 1.5rem;
              padding: 0 0 0;
              position: absolute;
              color: #eb6e90;
              height: 20px;
              right: 0.2em;
              top: 0;
              bottom: 0;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (max-width: 480px) {
                #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dt a:after {
                  font-size: 14px;
                  font-size: 1.4rem; } }
        @media screen and (max-width: 768px) {
          #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd {
            padding: 0 1em; } }
        #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd ul.underPage li a {
          display: block;
          color: #eb6e90;
          padding: 0.5em 0 0.5em 1.2em;
          position: relative; }
          #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd ul.underPage li a:before {
            font-family: 'icomoon' !important;
            content: "\e90b";
            font-size: 13px;
            font-size: 1.3rem;
            padding: 0 0 0;
            position: absolute;
            color: #eb6e90;
            height: 13px;
            left: 0em;
            top: 0;
            bottom: 0;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media screen and (max-width: 480px) {
              #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd ul.underPage li a:before {
                font-size: 14px;
                font-size: 1.4rem; } }
        #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd ul.underPage li p.under {
          padding-left: 1em; }
          #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd ul.underPage li p.under a {
            display: block;
            color: #eb6e90;
            position: relative;
            padding: 0.5em 0 0.5em 1.5em;
            font-size: 14px;
            font-size: 1.4rem; }
            #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd ul.underPage li p.under a:before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              margin: auto auto;
              width: 8px;
              height: 15px;
              background-size: 8px 15px;
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAC5JREFUOI1jfJ034T8DBDAykACYSFE8qnFUI+UaWZDY/3GqopWNo7ljVONg1ggAi/cEIbc615UAAAAASUVORK5CYII=); }
            #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent dl dd ul.underPage li p.under a:last-of-type:before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              margin: auto auto;
              width: 8px;
              height: 8px;
              background-size: 8px 8px;
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAACZJREFUKJFjfJ034T8DBDAykACYSFE8qnFUI+UaWZDY/3GqoqaNAKCWBAZ1kaRkAAAAAElFTkSuQmCC); }
        #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent .singlePage {
          margin-top: 1em; }
          @media screen and (max-width: 768px) {
            #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent .singlePage {
              border-top: 1px solid #D8D8D8; } }
          #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent .singlePage a {
            display: block;
            color: #000;
            font-size: 20px;
            font-size: 2rem;
            border-bottom: 1px solid #D8D8D8;
            position: relative;
            padding: 0.8em 0; }
            @media screen and (max-width: 768px) {
              #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent .singlePage a {
                padding: 0.8em 1em; } }
            #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent .singlePage a:after {
              font-family: 'icomoon' !important;
              content: "\e903";
              font-size: 15px;
              font-size: 1.5rem;
              padding: 0 0 0;
              position: absolute;
              color: #eb6e90;
              height: 20px;
              right: 0.2em;
              top: 0;
              bottom: 0;
              margin: auto auto;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media screen and (max-width: 768px) {
                #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent .singlePage a:after {
                  right: 1em; } }
              @media screen and (max-width: 480px) {
                #sitemap.sitemap #container #wrapper .contentBox .sitemapList > li.parent .singlePage a:after {
                  font-size: 14px;
                  font-size: 1.4rem; } }

#privacy #container {
  width: 100%; }
  #privacy #container #wrapper h1.ttl {
    padding-top: 2em; }
    @media screen and (max-width: 1024px) {
      #privacy #container #wrapper h1.ttl {
        padding-top: 1em; } }
  #privacy #container #wrapper .sttl {
    text-align: left;
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (max-width: 768px) {
      #privacy #container #wrapper .sttl {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 480px) {
      #privacy #container #wrapper .sttl {
        font-size: 18px;
        font-size: 1.8rem; } }
#privacy.privacy #container #wrapper {
  width: 100%; }
  #privacy.privacy #container #wrapper .contentBox .unit {
    margin: 0 auto 2em; }
    #privacy.privacy #container #wrapper .contentBox .unit .sttl {
      width: 100%;
      margin-bottom: 1.5em; }
      @media screen and (max-width: 480px) {
        #privacy.privacy #container #wrapper .contentBox .unit .sttl {
          font-size: 16px;
          font-size: 1.6rem; } }
    #privacy.privacy #container #wrapper .contentBox .unit h3 {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold; }
    #privacy.privacy #container #wrapper .contentBox .unit h4 {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold; }
      @media screen and (max-width: 480px) {
        #privacy.privacy #container #wrapper .contentBox .unit h4 {
          font-size: 12px;
          font-size: 1.2rem; } }
    #privacy.privacy #container #wrapper .contentBox .unit p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 1.8em; }
      #privacy.privacy #container #wrapper .contentBox .unit p a {
        color: #eb6e90; }
      @media screen and (max-width: 480px) {
        #privacy.privacy #container #wrapper .contentBox .unit p {
          font-size: 12px;
          font-size: 1.2rem; } }
      #privacy.privacy #container #wrapper .contentBox .unit p.indent {
        text-indent: 1em; }
    #privacy.privacy #container #wrapper .contentBox .unit dl dt {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold; }
      @media screen and (max-width: 480px) {
        #privacy.privacy #container #wrapper .contentBox .unit dl dt {
          font-size: 12px;
          font-size: 1.2rem; } }
    #privacy.privacy #container #wrapper .contentBox .unit dl dd {
      margin-left: 1em;
      margin-bottom: 1em; }
      @media screen and (max-width: 768px) {
        #privacy.privacy #container #wrapper .contentBox .unit dl dd {
          margin-left: 0em; }
          #privacy.privacy #container #wrapper .contentBox .unit dl dd ul {
            padding: 0.5em 0;
            margin-left: 0.5em; } }
      #privacy.privacy #container #wrapper .contentBox .unit dl dd p {
        margin-bottom: 0; }
    #privacy.privacy #container #wrapper .contentBox .unit ul {
      margin-left: 1em; }
      #privacy.privacy #container #wrapper .contentBox .unit ul.no-indent {
        margin-left: 0;
        margin: 0.5em 0; }
      #privacy.privacy #container #wrapper .contentBox .unit ul li {
        font-size: 14px;
        font-size: 1.4rem; }
        @media screen and (max-width: 480px) {
          #privacy.privacy #container #wrapper .contentBox .unit ul li {
            font-size: 12px;
            font-size: 1.2rem; } }

#link.link #container #wrapper {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #link.link #container #wrapper .contentBox {
      padding: 0 0 1em;
      margin-bottom: 2em; } }
  #link.link #container #wrapper .contentBox .linkBox {
    border-bottom: 1px solid #D8D8D8;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    padding: 2em 0 2em 0; }
    @media screen and (max-width: 768px) {
      #link.link #container #wrapper .contentBox .linkBox {
        flex-direction: column;
        padding: 2em 1em; } }
    #link.link #container #wrapper .contentBox .linkBox:first-of-type {
      border-top: 1px solid #D8D8D8; }
    #link.link #container #wrapper .contentBox .linkBox .img {
      width: 26%;
      padding: 0 1em;
      text-align: center; }
      #link.link #container #wrapper .contentBox .linkBox .img img {
        height: auto; }
      @media screen and (max-width: 768px) {
        #link.link #container #wrapper .contentBox .linkBox .img {
          width: 100%; }
          #link.link #container #wrapper .contentBox .linkBox .img img {
            width: auto; } }
    #link.link #container #wrapper .contentBox .linkBox .txtBlock {
      width: 70%;
      padding-right: 2em; }
      @media screen and (max-width: 768px) {
        #link.link #container #wrapper .contentBox .linkBox .txtBlock {
          width: 100%;
          margin-top: 1.5em;
          padding-right: 2em; } }
      #link.link #container #wrapper .contentBox .linkBox .txtBlock h2 {
        font-size: 20px;
        font-size: 2rem;
        color: #eb6e90;
        font-weight: 300;
        margin-bottom: 1em; }
        @media screen and (max-width: 768px) {
          #link.link #container #wrapper .contentBox .linkBox .txtBlock h2 {
            font-size: 16px;
            font-size: 1.6rem;
            margin-bottom: 0.6em; } }
        @media screen and (max-width: 480px) {
          #link.link #container #wrapper .contentBox .linkBox .txtBlock h2 {
            font-size: 14px;
            font-size: 1.4rem; } }
      #link.link #container #wrapper .contentBox .linkBox .txtBlock p.txt {
        font-size: 14px;
        font-size: 1.4rem; }
        @media screen and (max-width: 480px) {
          #link.link #container #wrapper .contentBox .linkBox .txtBlock p.txt {
            font-size: 12px;
            font-size: 1.2rem; } }
    #link.link #container #wrapper .contentBox .linkBox a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #link.link #container #wrapper .contentBox .linkBox a span {
        display: none; }
      #link.link #container #wrapper .contentBox .linkBox a:after {
        font-family: 'icomoon' !important;
        content: "\e903";
        font-size: 15px;
        font-size: 1.5rem;
        padding: 0 0 0;
        position: absolute;
        color: #eb6e90;
        height: 20px;
        right: 0.5em;
        top: 0;
        bottom: 0;
        margin: auto auto;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (max-width: 480px) {
          #link.link #container #wrapper .contentBox .linkBox a:after {
            font-size: 14px;
            font-size: 1.4rem; } }

      #top #wrapper .fb-frame {
        width: 30%;
        border-left: #FEFEFE 1px solid;
        box-shadow: -10px 0px 30px -10px rgba(102, 102, 102, 0.2), 0px 0px 20px rgba(102, 102, 102, 0.2);
        display: flex;
        align-items: flex-start;
      }
      @media screen and (max-width: 767px) {
        #top #wrapper .fb-frame {
         width: 100%; } }
      #top #wrapper .fb-frame-inner {
        box-sizing: border-box;
        width: auto;
        max-width: 500px;
        margin: 0 auto;
        padding: 1em 0;
      }
      @media screen and (max-width: 1024px) {
        #top #wrapper .fb-frame-inner {
          width: 100%;
        }
      }
      #top #wrapper .fb-frame-inner iframe {
        min-height: 400px;
      }
      @media screen and (max-width: 1024px) {
        #top #wrapper .fb-frame-inner iframe {
          min-height: 500px; } }
    #top #wrapper .top-news-list {
      width: 70%;
/*      display: flex;*/
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 1.2em 1em 0.8em; }
      @media screen and (max-width: 768px) {
        #top #wrapper .top-news-list {
          width: 100%; } }
    .top-news-list-title {
      display: block;
      box-sizing: border-box;
      width: 100%;
      font-size: 2.4rem;
      font-weight: 300;
      font-family: 'NotoSans';
      border-bottom: 3px solid #d8d8d8;
      margin: 0 0 0.6em 0; }
    .top-news-list-title span {
      display: inline-block;
      margin-bottom: -3px;
      padding: 0 0.3em;
      border-bottom: 3px solid #f16ea0; }
     @media screen and (max-width: 768px) {
     .top-news-list-title {
      font-size: 2rem;
      margin-bottom: 0.5em; } }
    #top #wrapper .top-news-list ul {
      display: block;
      float: none;
      width: 100%;
      padding: 0; }
    #top #wrapper .top-news-list ul li {
      width: 100%;
      padding: 0.5em 0 0.8em 0;
      border-bottom: 1px solid #D8D8D8; }
#top #wrapper .top-news-list ul li:last-child {
      border-bottom: none; }
      @media screen and (max-width: 768px) {
        #top #wrapper .top-news-list ul li {
          position: relative;
          padding: 0.6em 1em; }
        #top #wrapper .top-news-list ul li:after {
          font-family: 'icomoon' !important;
          content: "\e903";
          font-size: 16px;
          font-size: 1.6rem;
          color: #eb6e90;
            padding: 0 0 0;
            position: absolute;
            right: 0.5em;
            top: 0;
            bottom: 0;
            height: 16px;
            margin: auto auto;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      #top #wrapper .top-news-list ul li:after {
        font-size: 14px;
        font-size: 1.4rem; } }

        #top #wrapper .top-news-list ul li a {
          padding-left: 0;
        }
        #top #wrapper .top-news-list ul li a:before {
          display: none; }
        #top #wrapper .top-news-list ul li a:after {
        content: "";
          display: block;
        clear: both; }
        #top #wrapper .top-news-list ul li a span {
        display: block;
        float: left;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 1em; }
        #top #wrapper .top-news-list ul li a span.date {
        padding-top: 0.3em; }
        #top #wrapper .top-news-list ul li a span.top-news-txt {
        float: none;
        line-height: 1.6; 
        margin-left: 16em; }
        @media screen and (max-width: 768px) {
        #top #wrapper .top-news-list ul li a span {
            font-size: 11px;
            font-size: 1.1rem; }
        #top #wrapper .top-news-list ul li a span.top-news-txt {
        clear: both;
        padding-top: 0.6em;
        margin-left: 0; } }
        #top #wrapper .top-news-list ul li a span.cat_info,
        #top #wrapper .top-news-list ul li a span.cat_recruit,
        #top #wrapper .top-news-list ul li a span.cat_press {
          -webkit-border-radius: 30px 30px 30px 30px;
          -moz-border-radius: 30px 30px 30px 30px;
          border-radius: 30px 30px 30px 30px;
          padding: 0.5em 0.8em 0.4em;
          width: 120px;
          min-width: 120px;
          display: inline-block;
          text-align: center;
          font-size: 0.8em;
          line-height: 1;
          color: #FFFFFF;
          background: #eb6e90; }
          @media screen and (max-width: 768px) {
        #top #wrapper .top-news-list ul li a span.cat_info,
        #top #wrapper .top-news-list ul li a span.cat_recruit,
        #top #wrapper .top-news-list ul li a span.cat_press {
              padding: 0.4em 1em 0.3em;
              width: 120px;
              min-width: 120px; } }
        #top #wrapper .top-news-list ul li a span.cat_recruit {
          background: #98c55d; }
        #top #wrapper .top-news-list ul li a span.cat_press {
          padding: 0.6em 1.5em 0.5em;
          background: #6ac6d6; }
      @media screen and (max-width: 768px) {
        #top #wrapper .top-news-list ul li a span.top-news-txt {
          display: block;
          margin-top: 1em;
          font-size: 13px;
          font-size: 1.3rem; } }
        @media screen and (max-width: 768px) {
        #top #wrapper .top-news-list ul li:nth-of-type(4) {
              border-bottom: none; }
        #top #wrapper .top-news-list ul li:nth-of-type(5),
        #top #wrapper .top-news-list ul li:nth-of-type(6) {
              display: none; } }
        #top #wrapper .top-news-list ul li a.more {
          display: block;
          position: relative;
          padding: 0.6em 1em 0.6em 0.6em; }
        #top #wrapper .top-news-list ul li a.more:before {
          position: static;
          width: auto;
          background: none;
          font-family: 'icomoon' !important;
          content: "\e90b";
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 15px;
          color: #eb6e8f;
          text-align: center;
          padding: 0 0.5em 0 0;
          display: inline-block; }
        @media screen and (max-width: 768px) {
        #top #wrapper .top-news-list ul li.more_parent {
            display: none; } }

a.arw {
    display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 0.6em 1em 0.6em 0.6em;
    font-size: 1.4rem;
}
a.arw:before {
    position: static;
    width: auto;
    background: none;
    font-family: 'icomoon' !important;
    content: "\e90b";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    color: #eb6e8f;
    text-align: center;
    padding: 0 0.5em 0 0;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    a.arw {
    }
}

img.wdt100 {
	width: 100%;
}

  #advantage #container .pageTtl_idea {
    height: 300px;
    border-bottom: 1px solid #FFF;
    margin-top: -2em; }
    @media screen and (max-width: 1024px) {
      #advantage #container .pageTtl_idea {
        background-position: center 0;
        background-size: cover; } }
    @media screen and (max-width: 768px) {
      #advantage #container .pageTtl_idea {
        background-position: 40% 0;
        background-size: cover;
        height: inherit;
        margin-top: 0; } }
    @media screen and (max-width: 480px) {
      #advantage #container .pageTtl_idea {
        background-position: 0 0;
        background-size: 100%;
        margin-top: 60px; } }
    #advantage #container .pageTtl_idea h2 {
      width: 1000px;
      margin: 0 auto;
      color: #FFF;
      padding-top: 3em;
      font-size: 36px;
      font-size: 3.6rem; }
      @media screen and (max-width: 1024px) {
        #advantage #container .pageTtl_idea h2 {
          width: 100%;
          padding: 3.2em 1em; } }
      @media screen and (max-width: 768px) {
        #advantage #container .pageTtl_idea h2 {
          width: 100%;
          padding: 2em 1em;
          font-size: 32px;
          font-size: 3.2rem; } }
      @media screen and (max-width: 480px) {
        #advantage #container .pageTtl_idea h2 {
          width: 100%;
          padding: 1.2em 0.5em;
          font-size: 24px;
          font-size: 2.4rem; } }
      #advantage #container .pageTtl_idea h2 span {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0.1em;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 768px) {
          #advantage #container .pageTtl_idea h2 span {
            margin-bottom: 0.05em; } }
#advantage.idea #container .pageTtl_idea {
  background: url("../../common/img/personal/idea/ttl_bg.jpg") center 0 no-repeat #f6a6bc;
  background-size: 1440px 300px; }
  @media screen and (max-width: 768px) {
    #advantage.idea #container .pageTtl_idea {
      background: url("../../common/img//personal/idea/ttl_bg_sp.jpg") center 0 no-repeat #f6a6bc;
      background-size: cover; } }
  @media screen and (max-width: 480px) {
    #advantage.idea #container .pageTtl_idea {
      background: url("../../common/img//personal/idea/ttl_bg_sp.jpg") center 0 no-repeat #f6a6bc;
      background-size: 100%; } }

  #advantage.idea #wrapper.idea .unit {
    margin: 4em auto 2em; }
@media screen and (max-width: 768px) {
  #advantage.idea .unit {
    margin: 2em auto 2em; }
}
  #advantage.idea #wrapper.idea .unit:after {
    content: "";
    display: block;
    clear: both;
}
#advantage.idea #container #wrapper.idea .unit.w-80-80-80 {
  box-sizing: border-box;
  width: 80%;
}
#advantage.idea #container #wrapper.idea .unit .w-50-50-100 {
  box-sizing: border-box;
  width: 50%;
  float: left;
  margin-bottom: 1em;
  padding: 0 10px;
}
  @media screen and (max-width: 768px) {
    #advantage.idea #container #wrapper.idea .unit .w-50-50-100 {
      width: 100%;
      padding: 0;
    }
  }

#recruit.about .unit2 {
    margin: 4em auto 2em; }
@media screen and (max-width: 768px) {
  #recruit.about .unit2 {
    margin: 2em auto 2em; }
}
  #recruit.about .unit2:after {
    content: "";
    display: block;
    clear: both;
}
  #recruit.about .unit2.w-80-80-80 {
  box-sizing: border-box;
  width: 80%;
}
  #recruit.about .unit2 p.catch {
    font-size: 30px;
    font-size: 3rem;
    color: #7bcf7c;
    margin-bottom: 1em; }
    @media screen and (max-width: 768px) {
        #recruit.about .unit2 p.catch {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
        #recruit.about .unit2 p.catch {
        font-size: 20px;
        font-size: 2rem; } }
#recruit.about #container .w-50-50-100 {
  box-sizing: border-box;
  width: 50%;
  float: left;
  margin-bottom: 1em;
  padding: 0 10px;
}
  @media screen and (max-width: 768px) {
    #recruit.about #container .w-50-50-100 {
      width: 100%;
      padding: 0;
    }
  }

  #top #wrapper .boxL {
    width: 50%;
    height: 720px;
    padding: 3em 2.5em; }
  #top #wrapper .boxL.advantageL {
    background: url("../../common/img/top/img06_a.jpg") 0 0 no-repeat;
    background-size: cover;
}
    @media screen and (max-width: 768px) {
      #top #wrapper .boxL {
        width: 100%;
        padding: 2em 25px 2em; } }
    @media screen and (max-width: 480px) {
      #top #wrapper .boxL {
        height: 520px; } }
    #top #wrapper .boxL a:after {
      font-size: 50px;
      font-size: 5rem;
      right: 1em;
      bottom: 1.0em; }
      @media screen and (max-width: 768px) {
        #top #wrapper .boxL a:after {
          right: 0.5em; } }
      @media screen and (max-width: 480px) {
        #top #wrapper .boxL a:after {
          font-size: 30px;
          font-size: 3rem; } }

    #top #wrapper .boxL h1 {
      color: #FFF;
      font-size: 36px;
      font-size: 3.6rem;
      line-height: 1.2;
      letter-spacing: 0.05em;
      position: static; }
      @media screen and (max-width: 480px) {
        #top #wrapper .boxL h1 {
          font-size: 36px;
          font-size: 2.4rem; } }
    #top #wrapper .boxL .inner {
      position: absolute;
      bottom: 1.5em;
    }
    #top #wrapper .boxL .inner h2.inner_catch {
      color: #FFF;
      font-size: 30px;
      font-size: 3rem;
      letter-spacing: 0.06em;
      margin-bottom: 10px;
    }
    @media screen and (max-width: 480px) {
      #top #wrapper .boxL .inner h2.inner_catch {
        font-size: 22px;
        font-size: 2.2rem;
      }
    }
    #top #wrapper .boxL p {
      color: #FFF;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        #top #wrapper .boxL p {
          font-size: 28px;
          font-size: 2.8rem;
          font-weight: bold; } }
      @media screen and (max-width: 480px) {
        #top #wrapper .boxL p {
          font-size: 22px;
          font-size: 2.2rem; }
          #top #wrapper .boxL p span {
            display: block; } }
    #top #wrapper .contentR .companyM {
      width: 100%;
      height: 240px;
      background: url("../../common/img/top/img09_b.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .companyM {
          height: 180px; } }
    #top #wrapper .contentR .recruitM {
      width: 100%;
      height: 240px;
      background: url("../../common/img/top/img10_b.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .recruitM {
          height: 180px; } }
    #top #wrapper .contentR .personalS {
      width: 50%;
      height: 240px;
      background: url("../../common/img/top/img07_c.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .personalS {
          width: 100%;
          height: 180px; } }
    #top #wrapper .contentR .corpS {
      width: 50%;
      height: 240px;
      background: url("../../common/img/top/img08_c.jpg") 0 0 no-repeat;
      background-size: cover; }
      @media screen and (max-width: 480px) {
        #top #wrapper .contentR .corpS {
          width: 100%;
          height: 180px; } }
    .post-password-form {
      width: 710px; }
    @media screen and (max-width: 1024px) {
      .post-password-form {
        width: 71%; }
    }
    @media screen and (max-width: 768px) {
      .post-password-form {
        width: 100%; }
    }
    .post-password-form input[type="password"] {
      padding: 1em;
      background: #FFF;
      border: 1px solid #DDD; }
    .post-password-form input[type="submit"] {
      background: #eb6e90;
      color: #FFF;
      padding: 0.5em 1.5em 0.5em 1.5em;
      font-size: 18px;
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
        border: none;
        cursor: pointer; }
    table.sp_scroll01 {
        border-top: 1px solid #D8D8D8;
        width: 100%;
        margin-bottom: 2em; }
    table.sp_scroll01 th {
        font-weight: 100;
        background: #F3F3F3;
        border-left: 1px solid #D8D8D8;
        border-right: 1px solid #D8D8D8;
        white-space: nowrap;
        text-aligin: center; }
    table.sp_scroll01 td {
        padding: 0.8em 1em;
        border-bottom: 1px solid #D8D8D8;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: left;
        vertical-align: top !important;
    }
    @media screen and (max-width: 768px) {
        div.table_sp_scroll01_wrap {
            max-width: 100%;
            overflow: scroll;
        }
        table.sp_scroll01 {
            border-collapse: collapse;
            border-top: 1px solid #D8D8D8 !important;
        }
        table.sp_scroll01 th,
        table.sp_scroll01 td {
            width: auto !important;
            display: table-cell !important;
        }
        table.sp_scroll01 th {
            border: 1px solid #D8D8D8 !important;
        }
        table.sp_scroll01 td {
            border: 1px solid #D8D8D8 !important;
        }
    }

.h24_udl_d8 {
    font-size: 2.4rem;
    border-bottom: 1px solid #D8D8D8;
    font-weight: 100;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 768px) {
      .h24_udl_d8 {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (max-width: 480px) {
      .h24_udl_d8 {
        font-size: 14px;
        font-size: 1.4rem; }
}
div.disp-flex-flex-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
    @media screen and (max-width: 480px) {
        div.disp-flex-flex-block {
            display: block;
        }
}
div.wid-66-66-100 {
    box-sizing: border-box;
    width: 66.66%;
}
div.wid-33-33-60 {
    box-sizing: border-box;
    width: 33.33%;
}
div.wid-33-33-60 img {
    width: 100%;
}
    @media screen and (max-width: 480px) {
        div.wid-66-66-100 {
            width: 100%;
        }
        div.wid-33-33-60 {
            width: 60%;
        }
}
.pdgLR-10 {
    padding-left: 10px;
    padding-right: auto;
}
.mgnLR-auto {
    margin-left: auto;
    margin-right: auto;
}
.mgnB-30 {
    margin-bottom: 30px;
}
.sideCon_bnr {
    margin: 2em 0;
}
.sideCon_bnr img {
    width: 100%;
}