@charset "UTF-8";
.FreeCss {
  /*
  html5doctor.com Reset Stylesheet
  v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com
  Twitter: @rich_clark
  */
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */
}

.FreeCss html, .FreeCss body, .FreeCss div, .FreeCss span, .FreeCss object, .FreeCss iframe,
.FreeCss h1, .FreeCss h2, .FreeCss h3, .FreeCss h4, .FreeCss h5, .FreeCss h6, .FreeCss p, .FreeCss blockquote, .FreeCss pre,
.FreeCss abbr, .FreeCss address, .FreeCss cite, .FreeCss code,
.FreeCss del, .FreeCss dfn, .FreeCss em, .FreeCss img, .FreeCss ins, .FreeCss kbd, .FreeCss q, .FreeCss samp,
.FreeCss small, .FreeCss strong, .FreeCss sub, .FreeCss sup, .FreeCss var,
.FreeCss b, .FreeCss i,
.FreeCss dl, .FreeCss dt, .FreeCss dd, .FreeCss ol, .FreeCss ul, .FreeCss li,
.FreeCss fieldset, .FreeCss form, .FreeCss label, .FreeCss legend,
.FreeCss table, .FreeCss caption, .FreeCss tbody, .FreeCss tfoot, .FreeCss thead, .FreeCss tr, .FreeCss th, .FreeCss td,
.FreeCss article, .FreeCss aside, .FreeCss canvas, .FreeCss details, .FreeCss figcaption, .FreeCss figure,
.FreeCss footer, .FreeCss header, .FreeCss hgroup, .FreeCss menu, .FreeCss nav, .FreeCss section, .FreeCss summary,
.FreeCss time, .FreeCss mark, .FreeCss audio, .FreeCss video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 10px;
  font-weight: 400;
  vertical-align: baseline;
  background: transparent;
}

.FreeCss body {
  line-height: 1;
}

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

.FreeCss nav ul {
  list-style: none;
}

.FreeCss blockquote, .FreeCss q {
  quotes: none;
}

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

.FreeCss a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.FreeCss ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

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

.FreeCss del {
  text-decoration: line-through;
}

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

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

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

.FreeCss input, .FreeCss select {
  vertical-align: middle;
}

/*css調整*/
body {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
}

body .Inner {
  width: 1200px;
  margin: 0 auto;
  padding: 120px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1025px) {
  body .Inner {
    width: 100%;
  }
}

body .Inner--long {
  width: 1280px;
}

@media screen and (max-width: 1025px) {
  body .Inner--long {
    width: 100%;
  }
}

body img {
  max-width: 100%;
}

body .animated {
  opacity: 0;
  /* ５秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

body .animated.show {
  opacity: 1;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

body .only-sp {
  display: none;
}

@media screen and (max-width: 1025px) {
  body .only-sp {
    display: block;
  }
}

body .only-sp-inline {
  display: none;
}

@media screen and (max-width: 1025px) {
  body .only-sp-inline {
    display: inline-block;
  }
}

@media screen and (max-width: 1025px) {
  body .only-pc {
    display: none;
  }
}

body h1, body h2, body h3, body p, body ul, body li, body ol, body li, body table, body th, body td a {
  line-height: 1.7;
}

body a {
  text-decoration: none;
}

body .Title {
  margin-bottom: 30px;
}

body .Title__main {
  font-size: 4.5em;
  margin-bottom: 10px;
  font-weight: bold;
  color: #0d2ea0;
  font-family: "Open Sans", sans-serif !important;
  display: block;
  line-height: 1;
}

@media screen and (max-width: 1025px) {
  body .Title__main {
    font-size: 3.0em;
  }
}

body .Title__sub {
  font-size: 1.4em;
  font-weight: bold;
}

body .Text {
  font-size: 1.5em;
  line-height: 2;
}

body .Text--mb {
  margin-bottom: 40px;
}

body .Text--mt {
  margin-top: 60px;
}

@media screen and (max-width: 1025px) {
  body .Text--mt {
    margin-top: 30px;
  }
}

body .Text a {
  text-decoration: underline;
}

body .Text a .link-img {
  width: 12px;
  margin: 0 4px;
}

body .Text strong {
  font-size: 1.0em;
  font-weight: bold;
}

body .no-link {
  pointer-events: none;
}

body div, body h1, body h2, body h3, body h4, body p, body span, body ul, body li, body a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1, h2, h3, h4, p, span, ul, li, a {
  margin: 0;
  padding: 0;
  letter-spacing: 0.06em;
}

.Header {
  width: 100%;
  height: 130px;
  padding-left: 60px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1025px) {
  .Header {
    padding-left: 20px;
    height: 83px;
  }
}

.Header__logo {
  height: 100%;
}

.Header__logo__img {
  height: 100%;
}

.Footer {
  background-color: #535353;
  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;
  height: 66px;
  width: 100%;
}

@media screen and (max-width: 1025px) {
  .Footer {
    height: 56px;
  }
}

.Footer__text {
  font-size: 1.2em;
  text-align: center;
  color: white;
}

@media screen and (max-width: 1025px) {
  .Footer__text {
    font-size: 1em;
  }
}

.Main {
  background-image: url("../images/bg_main.jpg");
  background-size: cover;
  background-position: center;
  min-height: calc( 100vh - 66px);
}

@media screen and (max-width: 1025px) {
  .Main {
    background-image: url("../images/bg_main_sp.jpg");
    min-height: calc( 100vh - 56px);
  }
}

.Main__wrap {
  padding: 206px 0 128px;
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
  min-height: 100%;
}

@media screen and (max-width: 1025px) {
  .Main__wrap {
    padding: 120px 0 20px;
  }
}

.Main__box {
  width: 100%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.Main__box__img {
  width: 100%;
  margin-bottom: 35px;
}

.Main__box__img__img {
  width: 100%;
}

.Main__box__cv {
  width: 500px;
}

.Main__box__cv:hover {
  opacity: 0.6;
}

@media screen and (max-width: 1025px) {
  .Main__box__cv {
    max-width: 100%;
    width: 295px;
  }
}

.Main__box__cv__btn {
  width: 100%;
}

.Main__box__cv__btn__img {
  width: 100%;
}