@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
html {
  overflow-y: scroll;
  font-size: 10px;
  /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

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

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

fieldset, img {
  border: 0;
}

img {
  vertical-align: middle;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

del, ins {
  text-decoration: none;
}

/* ====================================================
Font
==================================================== */
/* ====================================================
Position & transform
==================================================== */
/* ====================================================
Color
==================================================== */
/* ====================================================
Sizing
==================================================== */
/* ====================================================
Misc
==================================================== */
/* ====================================================
Media Quary
==================================================== */
/* ====================================================
Base style & container
==================================================== */
html.on {
  position: relative;
  overflow: hidden;
}

html.on:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

body {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  overflow-x: hidden;
  color: #4d4d4d;
}

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

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

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

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a.roll:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 769px) {
  a[href^="tel"] {
    pointer-events: none;
  }
}

img {
  max-width: 100%;
}

.inner {
  max-width: 1120px;
  display: block;
  width: 100%;
  margin: auto;
  padding: 0px 10px;
}

.inner-1150 {
  max-width: 1170px;
  display: block;
  width: 100%;
  margin: auto;
  padding: 0px 10px;
}

.inner-1040 {
  max-width: 1060px;
  display: block;
  width: 100%;
  margin: auto;
  padding: 0px 10px;
}

.inner-876 {
  max-width: 876px;
  display: block;
  width: 100%;
  margin: auto;
  padding: 0px 10px;
}

.inner-1200 {
  max-width: 1220px;
  display: block;
  width: 100%;
  margin: auto;
  padding: 0px 10px;
}

/* ====================================================
Float & clear
==================================================== */
.clearfix {
  *zoom: 1;
}

.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

#main-header {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
}

#main-header.active {
  background: rgba(51, 51, 51, 0.5);
}

#main-header .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 15px 15px 40px;
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  #main-header .header {
    padding: 10px;
  }
}

#main-header .header__logo {
  max-width: 472px;
  width: 40.5%;
}

#main-header .header__logo a {
  display: inline-block;
}

#main-header .header__logo img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #main-header .header__logo {
    max-width: 252px;
    width: 100%;
  }
}

#main-header .header .navGlobal {
  width: calc(100% - 40.5%);
}

@media screen and (max-width: 768px) {
  #main-header .header .navGlobal {
    width: 50vw;
    display: block;
    position: absolute;
    background: #a0b1e5;
    min-width: 190px;
    top: 0;
    height: 100vh;
    padding-top: 13vh;
    right: -100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  #main-header .header .navGlobal.on {
    right: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}

#main-header .header .navGlobal .navGlobalIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  #main-header .header .navGlobal .navGlobalIn {
    display: block;
  }
}

#main-header .header .navGlobal .navGlobalIn .navItem {
  position: relative;
}

#main-header .header .navGlobal .navGlobalIn .navItem a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 5px 10px;
  display: block;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1;
}

@media screen and (max-width: 950px) {
  #main-header .header .navGlobal .navGlobalIn .navItem a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 5px;
  }
}

@media screen and (max-width: 768px) {
  #main-header .header .navGlobal .navGlobalIn .navItem a {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
    padding: 12px 20px;
  }
}

@media screen and (min-width: 769px) {
  #main-header .header .navGlobal .navGlobalIn .navItem a:hover {
    background: rgba(50, 56, 96, 0.5);
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}

#main-header .header .navGlobal .navGlobalIn .navItem__en {
  display: none;
}

@media screen and (min-width: 769px) {
  #main-header .header .navGlobal .navGlobalIn .navItem--lang {
    padding: 0px 5px;
  }
  #main-header .header .navGlobal .navGlobalIn .navItem--lang a {
    padding: 3px 5px;
    border: 2px solid #3fa9f5;
    border-radius: 4px;
  }
}

@media screen and (max-width: 768px) {
  #main-header .header .navGlobal .navGlobalIn .navItem .ico {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 39px;
    height: 39px;
    display: block;
  }
  #main-header .header .navGlobal .navGlobalIn .navItem .ico:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 12px;
    width: 2px;
    background: #ffffff;
    right: 0;
  }
  #main-header .header .navGlobal .navGlobalIn .navItem .ico:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 2px;
    background: #ffffff;
  }
  #main-header .header .navGlobal .navGlobalIn .navItem .ico.active:after {
    display: none;
  }
}

#main-header .header .navGlobal .navGlobalIn .navItem .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  width: 191px;
  background: rgba(50, 56, 96, 0.5);
}

@media screen and (max-width: 768px) {
  #main-header .header .navGlobal .navGlobalIn .navItem .sub-menu {
    position: static;
    background: none;
    display: none;
  }
}

#main-header .header .navGlobal .navGlobalIn .navItem .sub-menu li a {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 6px;
  border-bottom: 1px solid #ffffff;
  display: block;
  width: 191px;
  background: rgba(50, 56, 96, 0.5);
}

@media screen and (max-width: 768px) {
  #main-header .header .navGlobal .navGlobalIn .navItem .sub-menu li a {
    width: 100%;
    background: none;
    border-bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px 10px 10px 30px;
  }
}

#main-header .header .navGlobal .navGlobalIn .navItem .sub-menu li:last-child a {
  border-bottom: 0;
}

@media screen and (max-width: 1050px) and (min-width: 769px) {
  #main-header.header-child .header .navGlobal .navGlobalIn .navItem a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 880px) and (min-width: 769px) {
  #main-header.header-child .header .navGlobal .navGlobalIn .navItem a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  #main-header .menuBar {
    position: fixed;
    top: 0px;
    right: 10px;
    display: block !important;
    height: 40px;
    width: 40px;
    z-index: 1000;
  }
  #main-header .menuBar span {
    height: 3px;
    display: block;
    width: 24px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    right: 0;
  }
  #main-header .menuBar span:nth-child(1) {
    top: 15px;
  }
  #main-header .menuBar span:nth-child(2) {
    top: 26px;
  }
  #main-header .menuBar.on {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  #main-header .menuBar.on span:nth-child(1) {
    top: 27px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #main-header .menuBar.on span:nth-child(2) {
    top: 27px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

#main-footer {
  background: #30355d;
  padding: 20px 0px 32px;
}

@media screen and (max-width: 768px) {
  #main-footer {
    padding: 25px 0px;
  }
}

#main-footer .logoF {
  text-align: center;
  /*max-width: 303px;*/
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  
}
#main-footer .logoF a {
  max-width: 303px;
}
#main-footer .logoF div {
  width: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #main-footer .logoF {
    /*max-width: 218px;*/
  }
  #main-footer .logoF a {
    max-width: 218px;
  }
  #main-footer .logoF div {
    /*display: none;*/
  }
}
@media screen and (max-width: 560px) {
  #main-footer .logoF {
    flex-wrap: wrap-reverse;
  }
  #main-footer .logoF div.left {
    width: 100%;
    margin-top: 30px;
  }
  #main-footer .logoF div.right {
    display: none;
  }
}

#main-footer .logoF a {
  display: inline-block;
}

#main-footer .logoF a img {
  width: 100%;
}
#main-footer .logoF div form {
  height: 42px;
}

/* ====================================================
MODULE
==================================================== */
/*パンくずMODULE*/
.breadcrumb {
  padding: 9px 0px 22px;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
}

/*見出しMODULE*/
.ttl-comp01 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
}

@media screen and (max-width: 768px) {
  .ttl-comp01 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.ttl-comp01 span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  display: block;
}

@media screen and (max-width: 768px) {
  .ttl-comp01 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.ttl-comp01--lg {
  font-size: 44px;
  font-size: 4.4rem;
}

@media screen and (max-width: 768px) {
  .ttl-comp01--lg {
    font-size: 30px;
    font-size: 3rem;
  }
}

.ttl-comp02 {
  color: #ffffff;
  background: #30355d;
  padding: 9px 0px;
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
  .ttl-comp02 {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 12px 0px;
    margin-top: 10px;
    margin-bottom: 12px;
  }
}

.ttl-comp02--sub {
  font-size: 27px;
  font-size: 2.7rem;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .ttl-comp02--sub {
    margin-bottom: 23px;
    padding: 9px 20px;
  }
}

.ttl-comp03 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  border-bottom: 1px solid #4d4d4d;
  padding: 0px 0px 13px;
  color: #1b1464;
  line-height: 1.1;
  margin-bottom: 3px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media screen and (max-width: 768px) {
  .ttl-comp03 {
    font-size: 23px;
    font-size: 2.3rem;
    padding: 0px 10px 5px;
  }
}

@media screen and (max-width: 340px) {
  .ttl-comp03 {
    font-size: 20px;
    font-size: 2rem;
  }
}

.inner-internship .ttl-comp03 {
  margin-bottom: 42px;
}

@media screen and (max-width: 768px) {
  .inner-internship .ttl-comp03 {
    margin-bottom: 28px;
  }
}

.ttl-comp04 {
  border-bottom: 1px solid #4d4d4d;
  padding-bottom: 8px;
  margin: 23px 0px 3px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
  .ttl-comp04 {
    margin-top: 22px;
    padding-bottom: 5px;
  }
}

.ttl-comp04 span {
  color: #4d4d4d;
  display: inline-block;
  border-left: 20px solid #30355d;
  line-height: 1.43;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 9px;
}

.ttl-comp04--sub {
  padding-bottom: 0;
  margin-bottom: 22px;
}

@media screen and (max-width: 768px) {
  .ttl-comp04--sub {
    margin-bottom: 17px;
  }
}

.ttl-comp04--sub span {
  padding-left: 10px;
  padding-right: 10px;
}

/*テキストMODULE*/
.txt-center {
  text-align: center;
}

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

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

/*リンクMODULE*/
/*ボタンMODULE*/
/*リストMODULE*/
.list-news {
  margin-bottom: 10px;
}

.list-news .item {
  border-bottom: 1px dotted #333333;
  color: #333333;
  padding: 2px 11px;
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 646px;
  min-height: 28px;
  display: block;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
  .list-news .item {
    padding: 5px 5px 3px;
    min-width: auto;
    min-height: 18px;
  }
}

.list-news .item a {
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 646px;
  min-height: 28px;
  display: block;
}

@media screen and (max-width: 768px) {
  .list-news .item a {
    padding: 5px 5px 3px;
    min-width: auto;
    min-height: 18px;
  }
}

.list-news .item small {
  padding: 4px 9px 3px;
  line-height: 1;
  color: #fff;
  background: #30355d;
  border-radius: 10px;
  display: inline-block;
  margin-top: 4px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.list-news .item.flex-news {
  color: #333333;
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-news .item.flex-news a {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 990px) {
  .list-news .item.flex-news {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px 0;
  }
}

.list-news .item.flex-news .title-date {
  width: 47%;
  line-height: 1.3;
}

@media screen and (max-width: 990px) {
  .list-news .item.flex-news .title-date {
    width: 100%;
    margin-bottom: 8px;
  }
}

.list-news .item.flex-news .desc {
  width: 53%;
}

@media screen and (max-width: 990px) {
  .list-news .item.flex-news .desc {
    width: 100%;
  }
}

.list-news .item.flex-news .desc a {
  min-width: 100%;
}

@media screen and (max-width: 990px) {
  .list-news .item.flex-news .desc a {
    padding: 0;
  }
}

.listF-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 0px 10px;
}

@media screen and (max-width: 768px) {
  .listF-menu {
    display: none;
  }
}

.listF-menu .item {
  display: inline-block;
  border-right: 1px solid #4d4d4d;
}

.listF-menu .item:last-child {
  border-right: 0;
}

.listF-menu .item a {
  display: block;
  padding: 0px 17.5px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #4d4d4d;
}

/*ボックスMODULE*/
/*グリッドMODULE*/
.main-content {
  position: relative;
}

@media screen and (max-width: 768px) {
  .main-content {
    min-height: calc(100vh - 99px);
  }
}

.main-content:before {
  content: '';
  height: 125px;
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  background: url("../img/index/bg-mv.png") no-repeat top center;
  background-size: 100% 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .main-content:before {
    background: url("../img/index/bg-mv-sp.png") no-repeat top center;
    background-size: 100% 100%;
    height: 80px;
  }
}

.sec-mv {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}

.sec-mv > img {
  width: 100%;
}

.sec-mv__ttl {
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .sec-mv__ttl {
    top: 45%;
  }
}

.sec-mv__ttl img {
  max-width: 550px;
}

@media screen and (max-width: 768px) {
  .sec-mv__ttl img {
    max-width: 350px;
    width: 100%;
    padding: 0px 10px;
  }
}

.sec-mv .ttl-comp01 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 58%;
}

@media screen and (max-width: 768px) {
  .sec-mv .ttl-comp01 {
    top: 57%;
  }
}

.sec-list .list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0px 16px;
}

@media screen and (max-width: 768px) {
  .sec-list .list-page {
    margin: 10px 0px 25px;
  }
}

.sec-list .list-page .item {
  position: relative;
  width: 20%;
}

@media screen and (max-width: 768px) {
  .sec-list .list-page .item {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .sec-list .list-page .item:last-child {
    margin-bottom: 0;
  }
}

.sec-list .list-page .item a {
  display: block;
}

.sec-list .list-page .item .ttl-comp01 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 46%;
  text-shadow: #808080 2px 0px 0px, #808080 1.75517px 0.958851px 0px, #808080 1.0806px 1.68294px 0px, #808080 0.141474px 1.99499px 0px, #808080 -0.832294px 1.81859px 0px, #808080 -1.60229px 1.19694px 0px, #808080 -1.97998px 0.28224px 0px, #808080 -1.87291px -0.701566px 0px, #808080 -1.30729px -1.5136px 0px, #808080 -0.421592px -1.95506px 0px, #808080 0.567324px -1.91785px 0px, #808080 1.41734px -1.41108px 0px, #808080 1.92034px -0.558831px 0px;
  width: 100%;
}

.sec-news .inner {
  max-width: 1147px;
}

@media screen and (max-width: 768px) {
  .sec-news .inner {
    padding: 0;
  }
}

.sec-news .list-news-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 10vw;
}

@media screen and (max-width: 768px) {
  .sec-news .list-news-wrap {
    padding: 0;
    display: block;
  }
}

.sec-news .list-news-wrap .ttl {
  width: 120px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  background: #30355d;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .sec-news .list-news-wrap .ttl {
    width: 100%;
    height: auto;
    padding: 1px 25px;
    text-align: left;
    display: block;
  }
}

.sec-news .list-news-wrap .list-news {
  width: calc(100% - 120px);
}

@media screen and (max-width: 768px) {
  .sec-news .list-news-wrap .list-news {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sec-page-news .list-news .item a {
    padding-left: 0;
    padding-right: 0;
    min-height: 27px;
  }
}

.sec-page-news .list-news .item a span {
  margin-right: 35px;
}

@media screen and (max-width: 768px) {
  .sec-page-news .list-news .item a span {
    margin: 0;
    display: block;
  }
}

.sec-news-detail {
  margin-bottom: 47px;
}

@media screen and (max-width: 768px) {
  .sec-news-detail {
    margin-bottom: 30px;
  }
}

.sec-news-detail .ttl-comp02 {
  margin-bottom: 52px;
}

@media screen and (max-width: 768px) {
  .sec-news-detail .ttl-comp02 {
    margin-bottom: 30px;
  }
}

.sec-news-detail .date {
  border-bottom: 1px dotted;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  padding: 0px 0px 4px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .sec-news-detail .date {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}

.sec-news-detail h2 {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: bold;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .sec-news-detail h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.sec-news-detail h1, .sec-news-detail h2, .sec-news-detail h3, .sec-news-detail h4, .sec-news-detail h5, .sec-news-detail h6 {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.sec-news-detail p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 30px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .sec-news-detail p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}

.sec-news-detail a {
  text-decoration: underline;
  text-underline-position: under;
  color: blue;
}

.content-contact {
  padding-bottom: 14px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 990px) {
  .content-contact {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .content-contact {
    padding-bottom: 60px;
  }
}

.content-contact .form-contact {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}

.content-contact .form-contact .flex-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 620px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact .flex-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 280px;
  }
}

.content-contact .form-contact .flex-btn .btn-submit {
  min-width: 300px;
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact .flex-btn .btn-submit {
    min-width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact .flex-btn .btn-submit:last-child {
    margin-bottom: 0px;
  }
}

.content-contact .form-contact .flex-btn .btn-submit.back .icon-btn:before {
  right: 0;
  top: -2px;
  -webkit-transform: rotate(61deg);
      -ms-transform: rotate(61deg);
          transform: rotate(61deg);
}

.content-contact .form-contact dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #4D4D4D;
  margin-bottom: -1px;
}

.content-contact .form-contact dl:last-of-type {
  margin-bottom: 14px;
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl:last-of-type {
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0;
    margin-bottom: 9px;
    padding-bottom: 16px;
    border-bottom: 1px dotted #B3B3B3;
  }
}

.content-contact .form-contact dl dt {
  width: 300px;
  background: #BADCF5;
  border-right: 1px solid #4D4D4D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 16px 24px 38px;
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl dt {
    width: 30%;
    padding: 15px;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl dt {
    width: 100%;
    position: relative;
    padding: 0 0 0 79px;
    border-right: 0;
    background: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 374px) {
  .content-contact .form-contact dl dt {
    padding-left: 0px;
  }
}

.content-contact .form-contact dl dt .ttl-ct {
  color: #4D4D4D;
  font-weight: bold;
  width: calc(100% - 50px);
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl dt .ttl-ct {
    padding: 0;
    width: auto;
    text-align: center;
  }
}

.content-contact .form-contact dl dt .required {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  border-radius: 3px;
  width: 50px;
  background: #ED1C24;
  color: #fff;
  padding: 3px 3px 2px;
  font-size: 16px;
  font-size: 1.6rem;
}

.content-contact .form-contact dl dt .required.arbitrar {
  background: #8CC63F;
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl dt .required {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl dt .required {
    margin-left: 27px;
  }
}

.content-contact .form-contact dl dd {
  width: calc(100% - 300px);
  padding: 14px 29px 11px;
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl dd {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl dd {
    width: 100%;
    padding: 0 27px;
  }
}

.content-contact .form-contact dl dd p {
  font-size: 18px;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.content-contact .form-contact dl .input, .content-contact .form-contact dl .textarea, .content-contact .form-contact dl .select {
  border: 1px solid #333333;
  padding: 5px 8px;
  height: 40px;
  outline: none;
  resize: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.content-contact .form-contact dl .input {
  max-width: 300px;
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
}

.content-contact .form-contact dl .input::-webkit-input-placeholder {
  color: #CCCCCC;
}

.content-contact .form-contact dl .input::-moz-placeholder {
  color: #CCCCCC;
}

.content-contact .form-contact dl .input:-ms-input-placeholder {
  color: #CCCCCC;
}

.content-contact .form-contact dl .input::-ms-input-placeholder {
  color: #CCCCCC;
}

.content-contact .form-contact dl .input::placeholder {
  color: #CCCCCC;
}

.content-contact .form-contact dl .input.postal {
  max-width: 189px;
}


@media screen and (max-width: 768px) {
  .content-contact .form-contact dl .input {
    max-width: 100%;
  }
}

.content-contact .form-contact dl .textarea {
  width: 100%;
  max-width: 600px;
  height: 120px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl .textarea {
    max-width: 100%;
    margin-top: 14px;
  }
}

.content-contact .form-contact dl .select {
  color: #1A1A1A;
  border-radius: 0px;
  background: #fff;
  max-width: 243px;
  width: 100%;
  padding: 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  /*for IE10+*/
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl .select {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.content-contact .form-contact dl .select:after {
  content: '';
  right: 7px;
  top: 14px;
  pointer-events: none;
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #000;
}

.content-contact .form-contact dl .select select {
  border: 0px;
  max-width: 243px;
  width: 100%;
  padding: 5px 8px;
  background: #fff;
  height: 38px;
  outline: none;
  /*for firefox*/
  -moz-appearance: none;
  /*for chrome*/
  -webkit-appearance: none;
  appearance: none;
}

.content-contact .form-contact dl .select select::-ms-expand {
  display: none;
}

.content-contact .form-contact dl .list-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl .list-radio {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 14px;
  }
}

.content-contact .form-contact dl .list-radio .item-radio {
  margin-right: 54px;
  display: block;
  position: relative;
  padding-left: 47px;
  -webkit-transform: translateY(7px);
      -ms-transform: translateY(7px);
          transform: translateY(7px);
  margin-bottom: 12px;
  padding-top: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl .list-radio .item-radio {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    padding-left: 30px;
    padding-top: 0;
    margin-right: 0;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl .list-radio .item-radio {
    padding-left: 43px;
    margin-bottom: 21px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 374px) {
  .content-contact .form-contact dl .list-radio .item-radio {
    padding-left: 27px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl .list-radio .item-radio:last-child {
    margin-bottom: 0;
  }
}

.content-contact .form-contact dl .list-radio .item-radio:last-child {
  margin-right: 0;
}

.content-contact .form-contact dl .list-radio .item-radio .radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.content-contact .form-contact dl .list-radio .item-radio .radiomark {
  position: absolute;
  top: -1px;
  left: 4px;
  height: 33px;
  width: 33px;
  border-radius: 50%;
  border: 2px solid #333333;
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl .list-radio .item-radio .radiomark {
    height: 20px;
    width: 20px;
    top: 1px;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl .list-radio .item-radio .radiomark {
    height: 33px;
    width: 33px;
    top: -4px;
    left: 0;
  }
}

@media screen and (max-width: 374px) {
  .content-contact .form-contact dl .list-radio .item-radio .radiomark {
    height: 20px;
    width: 20px;
    top: 1px;
  }
}

.content-contact .form-contact dl .list-radio .item-radio:after {
  content: "";
  position: absolute;
  display: none;
}


.content-contact .form-contact dl .list-radio .item-radio .radio:checked ~ .radiomark:after {
  display: block;
}

.content-contact .form-contact dl .list-radio .item-radio .radiomark:after {
  content: "";
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 50%;
  display: none;
}

@media screen and (max-width: 990px) {
  .content-contact .form-contact dl .list-radio .item-radio .radiomark:after {
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .form-contact dl .list-radio .item-radio .radiomark:after {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 374px) {
  .content-contact .form-contact dl .list-radio .item-radio .radiomark:after {
    width: 10px;
    height: 10px;
  }
}

.content-contact .ttl-comfirm {
  font-size: 18px;
  text-align: center;
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
  .content-contact .content-comfirm dl dt {
    padding-left: 0;
  }
  .content-contact .content-comfirm dl dd p {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 6px;
    border: 1px solid #333;
  }
}

.content-contact .input-checkbox {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .content-contact .input-checkbox {
    text-align: left;
  }
}

.content-contact .input-checkbox .txt-input {
  font-weight: bold;
  color: #000;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-bottom: 19px;
  margin-top: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (max-width: 374px) {
  .content-contact .input-checkbox .txt-input {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .input-checkbox .txt-input {
    margin-bottom: 32px;
    margin-top: 10px;
  }
}

.content-contact .input-checkbox .txt-input .show-popup {
  color: #0000FF;
  line-height: 1;
  display: inline-block;
  border-bottom: 1px solid #0000FF;
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (max-width: 374px) {
  .content-contact .input-checkbox .txt-input .show-popup {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.content-contact .input-checkbox .item-checkbox {
  font-weight: bold;
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 80px;
  cursor: pointer;
  margin-bottom: 19px;
  margin-top: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (max-width: 374px) {
  .content-contact .input-checkbox .item-checkbox {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .content-contact .input-checkbox .item-checkbox {
    margin-bottom: 32px;
    margin-top: 10px;
    padding-left: 87px;
  }
}

@media screen and (max-width: 374px) {
  .content-contact .input-checkbox .item-checkbox {
    padding-left: 80px;
  }
}

.content-contact .input-checkbox .item-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.content-contact .input-checkbox .item-checkbox .checkmark {
  position: absolute;
  top: -8px;
  left: 0;
  height: 42px;
  width: 42px;
  border-radius: 8px;
  border: 2px solid #808080;
}

@media screen and (max-width: 768px) {
  .content-contact .input-checkbox .item-checkbox .checkmark {
    top: -13px;
    left: 21px;
  }
}

.content-contact .input-checkbox .item-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.content-contact .input-checkbox .item-checkbox input:checked ~ .checkmark {
  background-color: #ED1C24;
}

.content-contact .input-checkbox .item-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.content-contact .input-checkbox .item-checkbox .checkmark:after {
  left: 12px;
  top: 3px;
  width: 10px;
  height: 20px;
  border: solid white;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.btn-submit {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F7931E;
  border-radius: 5px;
  border: 0px;
  outline: none;
  padding: 5px 64px 3px 43px;
  color: #fff;
  line-height: 1.2;
  font-weight: bold;
  cursor: pointer;
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (max-width: 990px) {
  .btn-submit {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .btn-submit {
    height: auto;
    padding: 12px 58px 12px 40px;
    -webkit-transform: translateX(7px);
        -ms-transform: translateX(7px);
            transform: translateX(7px);
  }
}

.btn-submit:hover {
  opacity: 0.7;
}

.btn-submit .icon-btn {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.btn-submit .icon-btn:before {
  content: "";
  border: 9px solid transparent;
  border-left: 15px solid #fff;
  position: absolute;
  right: -22px;
  top: -7px;
}

@media screen and (max-width: 768px) {
  .btn-submit .icon-btn:before {
    border: 8px solid transparent;
    border-left: 13px solid #fff;
    right: -9px;
    top: -5px;
  }
}

.box-popup {
  position: fixed;
  z-index: 99;
  top: 50%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  left: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}

@media screen and (max-width: 640px) {
  .box-popup {
    width: 80%;
  }
}

.box-popup.on {
  display: block;
}

.box-popup .close-popup {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 35px;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  cursor: pointer;
  z-index: 99;
  font-size: 18px;
  font-size: 1.8rem;
}

.box-popup .content-popup {
  height: 500px;
  border: 1px solid #1A1A1A;
  padding: 35px 40px 20px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  color: #333;
}

@media screen and (max-width: 1100px) {
  .box-popup .content-popup {
    height: 63vh;
    padding: 40px 15px 15px;
  }
}

@media screen and (max-width: 500px) {
  .box-popup .content-popup {
    height: 350px;
  }
}

.box-popup .content-popup .ttl-popup {
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .box-popup .content-popup .ttl-popup {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}

.box-popup .content-popup .box-popup__content {
  font-size: 13px;
  text-align: justify;
  line-height: 2;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .box-popup .content-popup .box-popup__content {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8;
  }
}

.box-popup .content-popup .box-popup__content p {
  line-height: 1.3;
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .box-popup .content-popup .box-popup__content p {
    margin-bottom: 5px;
  }
}

.box-popup .content-popup .box-popup__content p span {
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
}

.box-popup ::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .mv-page {
    margin-bottom: 22px;
  }
}

.main-content-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
  .main-content-page {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 17px;
  }
}

.main-content-page .box-sidebar {
  width: 26.75%;
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar {
    width: 100%;
    margin-bottom: 28px;
    padding-top: 0;
  }
}

.main-content-page .box-sidebar .list-link .item {
  margin-bottom: 2px;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item {
    margin-bottom: 0;
  }
}

.main-content-page .box-sidebar .list-link .item a {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.95;
  color: #4D4D4D;
  display: block;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: relative;
}

.main-content-page .box-sidebar .list-link .item a:after {
  content: '';
  width: 18px;
  height: 11px;
  background: url("../img/info/index/ico-down.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item a:after {
    display: block;
  }
}

@media screen and (max-width: 990px) {
  .main-content-page .box-sidebar .list-link .item a {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7;
  }
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item a {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    border: 1px solid #4D4D4D;
    border-bottom: none;
    line-height: 1.5;
    padding: 2px 0;
  }
}

.main-content-page .box-sidebar .list-link .item a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item:last-of-type a {
    border-bottom: 1px solid #4D4D4D;
  }
}

.main-content-page .box-sidebar.fixed .list-link {
  position: fixed;
  top: 90px;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar.fixed .list-link {
    position: static;
  }
}

.main-content-page .box-content-left {
  width: calc(100% - 26.75%);
}

@media screen and (max-width: 990px) {
  .main-content-page .box-content-left {
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .main-content-page .box-content-left {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
  }
}

.box-company .item {
  margin-bottom: 40px;
}

.box-company .item:last-of-type {
  margin-bottom: 0;
}

.box-company .item-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.box-company .item-wp__img {
  max-width: 200px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp__img {
    margin: 0 auto 5px;
  }
}

.box-company .item-wp__img img {
  width: 100%;
}

.box-company .item-wp__content {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.7;
  color: #4D4D4D;
  padding-left: 10px;
  padding-top: 6px;
  width: calc(100% - 200px);
}

.box-company .item-wp__content strong {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp__content {
    width: 100%;
    padding-top: 0;
    padding-right: 10px;
  }
}

.box-company .item-wp .list-company-detail {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.7;
  color: #4D4D4D;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail {
    padding: 0 10px;
  }
}

.box-company .item-wp .list-company-detail strong {
  font-weight: bold;
}

.box-company .item-wp .list-company-detail li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #4D4D4D;
}

.box-company .item-wp .list-company-detail li .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail li .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 5px;
  }
}

.box-company .item-wp .list-company-detail li .item span:first-of-type {
  margin-right: 10px;
  display: block;
}

@media screen and (max-width: 1200px) {
  .box-company .item-wp .list-company-detail li .item span:first-of-type {
    width: 110px;
  }
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail li .item span:first-of-type {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .box-company .item-wp .list-company-detail li .item span {
    width: calc(100% - 110px);
  }
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail li .item span {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .box-company .item .box-list-img {
    padding: 0 10px;
  }
}

.box-company .item .box-list-img .box-two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-list-img .box-two-column {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -10px;
  }
}

.box-company .item .box-list-img .box-two-column .item {
  width: 300px;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-list-img .box-two-column .item {
    width: 50%;
    padding: 0 10px;
  }
}

.box-company .item .box-list-img .box-two-column .item span {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.box-company .item .box-list-img .box-single .item {
  margin-bottom: 15px;
}

.box-company .item .box-list-img .box-single .item span {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.box-company .item .box-img-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-img-text {
    margin-bottom: 15px;
    padding: 0 10px;
  }
}

.box-company .item .box-img-text .img {
  width: 180px;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-img-text .img {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }
}

.box-company .item .box-img-text .txt {
  width: calc(100% - 180px);
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 15px;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-img-text .txt {
    padding-left: 0;
    width: 100%;
  }
}

.box-company .item .enkaku {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 10px 0;
}

.box-company .item .caption {
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .box-company .item .caption {
    padding: 0 10px;
  }
}

.box-company .item .txt-contact {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .box-company .item .txt-contact {
    padding: 0 10px;
  }
}

.box-company .item .txt-contact a {
  color: #30355D;
}

.list-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -35px;
  padding: 35px 0 66px;
}

@media screen and (max-width: 1100px) {
  .list-contact {
    margin: 0 -15px;
  }
}

@media screen and (max-width: 768px) {
  .list-contact {
    margin: 0;
    padding: 17px 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.list-contact li {
  padding: 0 35px;
  width: 33.333%;
}

@media screen and (max-width: 1100px) {
  .list-contact li {
    padding: 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .list-contact li {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .list-contact li:last-child {
    margin-bottom: 0;
  }
}

.list-contact li img {
  width: 100%;
}

.list-contact li a {
  display: block;
  border: 1px solid #4D4D4D;
}

.list-contact li a span {
  display: block;
}

.list-contact li .ttl-ct {
  padding: 31px 38px;
  color: #4D4D4D;
  line-height: 1.36;
  font-weight: bold;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (max-width: 1100px) {
  .list-contact li .ttl-ct {
    padding: 20px;
  }
}

@media screen and (max-width: 990px) {
  .list-contact li .ttl-ct {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .list-contact li .ttl-ct {
    padding: 18px 5px 14px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.content-access {
  padding: 3px 0 0;
}

@media screen and (max-width: 768px) {
  .content-access {
    padding: 3px 0 22px;
  }
}

.box-access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .box-access {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.box-access .ttl-access {
  width: 26.35%;
  color: #4D4D4D;
  padding-top: 14px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  padding-right: 15px;
}

@media screen and (max-width: 1190px) {
  .box-access .ttl-access {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .box-access .ttl-access {
    display: none;
  }
}

.box-access .access-right {
  width: 73.65%;
}

@media screen and (max-width: 768px) {
  .box-access .access-right {
    width: 100%;
  }
}

.box-access .access-right .box-gg-map {
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .box-access .access-right .box-gg-map {
    margin-bottom: 37px;
  }
}

.box-access .access-right .box-gg-map .ttl-comp02 {
  margin-bottom: 30px;
  padding-left: 15px;
}

@media screen and (max-width: 768px) {
  .box-access .access-right .box-gg-map .ttl-comp02 {
    margin-bottom: 10px;
  }
}

.box-access .access-right .box-gg-map .gg-map iframe {
  width: 100%;
  height: 435px;
}

@media screen and (max-width: 768px) {
  .box-access .access-right .box-gg-map .gg-map iframe {
    height: 180px;
  }
}

.box-access .access-right .box-gg-map .link-map {
  margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
  .box-access .access-right .box-gg-map .link-map {
    margin-bottom: -2px;
    text-align: right;
    padding: 2px 30px 0;
  }
}

.box-access .access-right .box-gg-map .link-map a {
  color: #0000FF;
  font-size: 13px;
  font-size: 1.3rem;
}

.box-access .access-right .box-gg-map .address {
  color: #4D4D4D;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
  .box-access .access-right .box-gg-map .address {
    padding: 0 10px;
  }
}

.box-access .access-right .box-gg-map .address p {
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .box-access .access-right .box-gg-map .address p {
    margin-bottom: 23px;
  }
}

.box-recruit h1 + p, .box-recruit h2 + p, .box-recruit h3 + p, .box-recruit h4 + p, .box-recruit h5 + p, .box-recruit h6 + p {
  border-top: 0;
}

.box-recruit .item {
  margin-bottom: 50px;
}

.box-recruit .item:last-child {
  margin-bottom: 0;
}

.box-recruit p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375;
  border-top: 1px dotted #b3b3b3;
  padding: 5px 0px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
  .box-recruit p {
    line-height: 1.43;
    padding: 8px 10px;
    border-top: 0;
  }
}

.box-recruit .ttl-comp02--sub {
  margin-bottom: 13px;
}

.box-recruit .img-logo {
  display: inline-block;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .box-recruit .img-logo {
    margin: 10px 18px;
  }
  .box-recruit .img-logo img {
    max-width: 130px;
  }
}

.italic {
  font-style: italic;
  display: inline-block;
}

.inner-internship {
  padding-top: 70px;
}

.inner-internship .img-logo {
  margin-bottom: 50px;
  display: block;
}

@media screen and (max-width: 768px) {
  .inner-internship .img-logo {
    margin-left: 18px;
  }
}

.inner-internship .list-link {
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 769px) {
  .inner-internship .list-link {
    padding-top: 60px;
  }
}

.list-internship {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 31px -25px 0px;
  max-width: 800px;
}

@media screen and (max-width: 768px) {
  .list-internship {
    display: block;
    width: 100%;
    margin: 10px 0px 28px;
  }
}

.list-internship .item {
  padding: 0px 25px;
  margin-bottom: 25px;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .list-internship .item {
    width: 100%;
    padding: 0 10px;
    margin: 0px 0px 30px;
  }
  .list-internship .item:last-child {
    margin-bottom: 0;
  }
}

.list-internship .item p {
  padding: 0;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  .mv-page {
    margin-bottom: 22px;
  }
}

.main-content-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
  .main-content-page {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 17px;
  }
}

.main-content-page .box-sidebar {
  width: 26.75%;
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar {
    width: 100%;
    margin-bottom: 28px;
    padding-top: 0;
  }
}

.main-content-page .box-sidebar .list-link .item {
  margin-bottom: 2px;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item {
    margin-bottom: 0;
  }
}

.main-content-page .box-sidebar .list-link .item a {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.95;
  color: #4D4D4D;
  display: block;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: relative;
}

.main-content-page .box-sidebar .list-link .item a:after {
  content: '';
  width: 18px;
  height: 11px;
  background: url("../img/info/index/ico-down.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item a:after {
    display: block;
  }
}

@media screen and (max-width: 990px) {
  .main-content-page .box-sidebar .list-link .item a {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7;
  }
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item a {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    border: 1px solid #4D4D4D;
    border-bottom: none;
    line-height: 1.5;
    padding: 2px 0;
  }
}

.main-content-page .box-sidebar .list-link .item a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar .list-link .item:last-of-type a {
    border-bottom: 1px solid #4D4D4D;
  }
}

.main-content-page .box-sidebar.fixed .list-link {
  position: fixed;
  top: 90px;
}

@media screen and (max-width: 768px) {
  .main-content-page .box-sidebar.fixed .list-link {
    position: static;
  }
}

.main-content-page .box-content-left {
  width: calc(100% - 26.75%);
}

@media screen and (max-width: 990px) {
  .main-content-page .box-content-left {
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .main-content-page .box-content-left {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
  }
}

/*20210511*/
.main-content-page .box-content-left a {
  color: #0e1c81;
  text-decoration: underline dotted;
}
.main-content-page .box-content-left a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  text-decoration: none;
}

.box-company .item {
  margin-bottom: 40px;
}

.box-company .item:last-of-type {
  margin-bottom: 0;
}

.box-company .item-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.box-company .item-wp__img {
  max-width: 200px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp__img {
    margin: 0 auto 5px;
  }
}

.box-company .item-wp__img img {
  width: 100%;
}

.box-company .item-wp__content {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.7;
  color: #4D4D4D;
  padding-left: 10px;
  padding-top: 6px;
  width: calc(100% - 200px);
}

.box-company .item-wp__content strong {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp__content {
    width: 100%;
    padding-top: 0;
    padding-right: 10px;
  }
}

.box-company .item-wp .list-company-detail {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.7;
  color: #4D4D4D;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail {
    padding: 0 10px;
  }
}

.box-company .item-wp .list-company-detail strong {
  font-weight: bold;
}

.box-company .item-wp .list-company-detail li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #4D4D4D;
}

.box-company .item-wp .list-company-detail li .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail li .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 5px;
  }
}

.box-company .item-wp .list-company-detail li .item span:first-of-type {
  margin-right: 10px;
  display: block;
}

@media screen and (max-width: 1200px) {
  .box-company .item-wp .list-company-detail li .item span:first-of-type {
    width: 110px;
  }
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail li .item span:first-of-type {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .box-company .item-wp .list-company-detail li .item span {
    width: calc(100% - 110px);
  }
}

@media screen and (max-width: 768px) {
  .box-company .item-wp .list-company-detail li .item span {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .box-company .item .box-list-img {
    padding: 0 10px;
  }
}

.box-company .item .box-list-img .box-two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-list-img .box-two-column {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -10px;
  }
}

.box-company .item .box-list-img .box-two-column .item {
  width: 300px;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-list-img .box-two-column .item {
    width: 50%;
    padding: 0 10px;
  }
}

.box-company .item .box-list-img .box-two-column .item span {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.box-company .item .box-list-img .box-single .item {
  margin-bottom: 15px;
}

.box-company .item .box-list-img .box-single .item span {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.box-company .item .box-img-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-img-text {
    margin-bottom: 15px;
    padding: 0 10px;
  }
}

.box-company .item .box-img-text .img {
  width: 180px;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-img-text .img {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }
}

.box-company .item .box-img-text .txt {
  width: calc(100% - 180px);
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 15px;
}

@media screen and (max-width: 768px) {
  .box-company .item .box-img-text .txt {
    padding-left: 0;
    width: 100%;
  }
}

.box-company .item .enkaku {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 10px 0;
}

.box-company .item .caption {
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .box-company .item .caption {
    padding: 0 10px;
  }
}

.box-company .item .txt-contact {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .box-company .item .txt-contact {
    padding: 0 10px;
  }
}

.box-company .item .txt-contact a {
  color: #30355D;
}

@media screen and (max-width: 768px) {
  .box-business .item {
    margin-bottom: 32px;
  }
}

.box-business .item .txt-basic {
  margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
  .box-business .item .txt-basic {
    padding: 0 10px;
    margin-bottom: 5px;
  }
}

.box-business .item-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
}

@media screen and (max-width: 768px) {
  .box-business .item-wp {
    margin: 0;
    padding: 0 10px;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .box-business .item-wp.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 640px) {
  .box-business .item-wp.flex {
    display: block;
  }
}

.box-business .item-wp .item {
  width: 280px;
  padding: 0 20px;
  margin-bottom: 11px;
}

@media screen and (max-width: 768px) {
  .box-business .item-wp .item {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.box-business .item-wp .item__img {
  margin-bottom: 3px;
}

@media screen and (max-width: 768px) {
  .box-business .item-wp .item__img {
    margin-bottom: 0;
    width: 180px;
  }
}

.box-business .item-wp .item__caption {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box-business .item-wp .item__caption {
    width: calc(100% - 180px);
    text-align: left;
    padding-left: 15px;
    line-height: 1;
  }
}

.box-business .item-wp .item--style02 {
  width: 220px;
}

@media screen and (max-width: 768px) {
  .box-business .item-wp .item--style02 {
    width: 50%;
  }
}

@media screen and (max-width: 640px) {
  .box-business .item-wp .item--style02 {
    width: 100%;
  }
}

.box-business .item-wp .item--style02 .img {
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .box-business .item-wp .item--style02 .img {
    width: 40%;
    margin-bottom: 0;
  }
}

.box-business .item-wp .item--style02 .txt-basic {
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .box-business .item-wp .item--style02 .txt-basic {
    width: 60%;
    margin-bottom: 0;
  }
}

.box-business .item-wp .item-img-single {
  width: 340px;
  padding: 0 20px;
  margin-bottom: 60px;
}

@media screen and (max-width: 990px) {
  .box-business .item-wp .item-img-single {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .box-business .item-wp .item-img-single {
    width: 300px;
    padding: 0;
    margin: 0 auto 20px;
  }
}

.box-business .item .item-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .box-business .item .item-single {
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
}

.box-business .item .item-single__img {
  width: 300px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .box-business .item .item-single__img {
    margin: 0 auto 18px;
  }
}

.box-business .item .item-single__content {
  width: calc(100% - 300px);
  padding-left: 20px;
  position: relative;
  top: -6px;
}

@media screen and (max-width: 768px) {
  .box-business .item .item-single__content {
    width: 100%;
    padding-left: 0;
  }
}

.box-business .item-mainten {
  margin: 0 -15px;
}

.box-business .item-mainten .item {
  width: 25%;
  padding: 0 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 1100px) {
  .box-business .item-mainten .item {
    width: 33.33%;
  }
}

@media screen and (max-width: 990px) {
  .box-business .item-mainten .item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.box-business .item-mainten .item-single__img {
  width: 100%;
  margin-bottom: 10px;
}

.box-business .item-mainten .item-single__img img {
  display: inline-block;
}

@media screen and (max-width: 990px) {
  .box-business .item-mainten .item-single__img {
    text-align: center;
  }
}

.box-business .item-mainten .item-single__content {
  width: 100%;
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.txt-basic {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}

@media screen and (max-width: 374px) {
  .txt-basic {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.list-dots li {
  position: relative;
  padding-left: 15px;
}

.list-dots li:before {
  content: '・';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.table01 tr th, .table01 tr td {
  padding: 5px;
}

.table01 tr th {
  text-align: center;
  font-weight: bold;
}

.mb-0 {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .mb-0 {
    margin-bottom: 10px !important;
  }
}

.mb-13 {
  margin-bottom: 13px !important;
}

@media screen and (max-width: 768px) {
  .mb-13 {
    margin-bottom: 8px !important;
  }
}

.list-number li {
  position: relative;
  padding-left: 40px;
}

.list-number li span {
  position: absolute;
  top: 0;
  left: 0;
}

.box-inline {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .box-inline {
    display: block;
  }
}

.box-inline-wp {
  display: inline-block;
  margin: 0 -20px;
}

@media screen and (max-width: 768px) {
  .box-inline-wp {
    margin: 0;
    display: block;
  }
}

.box-inline-wp .item {
  display: inline-block;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .box-inline-wp .item {
    display: block;
    width: 240px;
    padding: 0;
    margin: 0 auto 10px;
  }
}

/*# sourceMappingURL=maps/styles.css.map */


/*お問い合わせ*/
/*
#main-header .header .navGlobal .navGlobalIn .navItem a {
padding: 5px 7px;
}
@media screen and (max-width: 950px) {
#main-header .header .navGlobal .navGlobalIn .navItem a {
    padding: 5px 4px;
}}
@media screen and (max-width: 880px) and (min-width: 769px) {
#main-header.header-child .header .navGlobal .navGlobalIn .navItem a {
    padding: 5px 3px;
}}*/



/*印刷設定*/
@media print {
  /*ヘッダと左メニューの固定 ※1ページ目だけに表示されるように*/
  #main-header { position: absolute; }
  .main-content-page .box-sidebar.fixed .list-link {
    position: relative;
    top: 0;
  }
  /*はみ出さないように*/
  .main-content:before {
    width: 1200px;
    margin: 0 auto;
  }
  /*メインビジュアル等*/
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }

   /*縮小時にトップページ画像が縮まる*/
  .slick-track,
  .slick-slide {
    width: 100% !important;
    height: auto !important;
  }
  .slick-initialized .slick-slide {
    display: none !important;
  }
  .slick-initialized .slick-slide:first-child {
    display: block !important;
    left: 0 !important;
    opacity: 1 !important;
  }

  /*フッタが浮き上がらないようにする*/
  .listF-menu,
  #main-footer {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    /*page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;*/
  }

  body {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  @page {
    size: A4 portrait;
    /*margin: 6% 4.6%;*/
  }
  /*マージンを減らす*/
  .main-content-page {
    margin-bottom: 30px;
  }



  /*個別*/
  .box-business .item .item-single {
    margin-bottom: 30px;
  }

  /*内容物なので、改行させない*/
  .list-news .item,
  .box-company > .item,
  .box-company .item-wp .list-company-detail li,
  .box-company .item-wp .list-company-detail li .item,
  .box-company .item .box-list-img .item,
  .box-business > .item,
  .box-recruit p,
  .list-internship .item,
  .box-gg-map,
  .content-contact .form-contact dl {
    page-break-before: auto;
    page-break-inside: avoid;
    page-break-after: auto;
  }

  /*次に続くタイトルのため、前で改行はさせるが後ろで改行させない*/
  h2, h3 {
    page-break-before: auto;
    page-break-inside: avoid;
    page-break-after: avoid;
  }

  /*強制改行位置*/
  .print_page_top{
    page-break-before: always;
  }

}
  
/*Chrome、新Edgeのみ*/
@media print and (-webkit-min-device-pixel-ratio:0) {

  /*itemはひとかたまりにして、ページ区切りにかぶらないようにする*/
  body {
    zoom: 0.62;
  }
}

/*firefox*/
@-moz-document url-prefix() {
  @media print {
    body {
      width: 1200px;
    }

    /*Firefoxで、flexの以下のバグをfixするためのhack
    　1．要素の印刷指定が効かない　2．最終要素の高さが出ず、印刷されない*/
    .main-content-page {
      display: block;
    }
    .main-content-page .box-sidebar {
      float: left;
    }
    .main-content-page .box-content-left {
      float: right;
    }
  }
}



/* IE10以上 */
@media print and (-ms-high-contrast: none) {/**/
  body {
    width: 1200px;
  }
  .main-content{
    zoom: 0.9;
  }
  .listF-menu,
  #main-footer { /*1ページ目に印刷されてしまうため*/
    display: none;
  }
  /*
  body {
    zoom: 1.8;
    width: 1200px;
    transform: scale(0.5);/*transformを使うと、最終ページに1枚余白ができてしまう
    transform-origin: 0 0;
  }*/
}

.box-company .location dt {
  margin-top: 0.8em;
}
.box-company .location dt:first-child {
  margin-top: 0;
}

.box-company .item-wp .list-company-detail li .item span:nth-of-type(-n+3) {
  display: block;
  text-align: right;
  width: 2.4em;
}
.box-company .item-wp .list-company-detail li .item span:first-of-type {
  margin-right: 0;
  width: 2.1em;
  text-align: left;
}
.box-company .item-wp .list-company-detail li .item span:nth-of-type(3) {
  margin-right: 10px;
}


.box-recruit .mynavi {
  display: inline-block;
  border-top: 0;
}

.box-recruit p {
  font-style: normal;
}

.staffing .ul_org  {padding-left: 4em;}
.staffing .ul_org li {list-style-type: disc;}
.staffing .tab { margin-left: 3em;}
/*.staffing .u {text-decoration: underline;}*/


.staffing .tab th {
  padding-right: 1em;
}
@media screen and (max-width: 768px) {
  .staffing .tab th {
    display: block;
  }
  .staffing .tab td {
    display: block;
    margin-left: 1em;
  }
}
.content-contact .form-contact dl dt {
  flex-wrap: wrap;
}
.content-contact .form-contact dl dt .ttl-comment {
  flex-basis: 100%;
  text-align: center;
  font-size: 1.1rem;
}