@font-face {
	font-family: "Noto Sans JP";
	font-weight: 900;
	src: url("fonts/Noto_Sans_JP/NotoSansJP-Black.otf") format("opentype");
}
@font-face {
	font-family: "Noto Sans JP";
	font-weight: 700;
	src: url("fonts/Noto_Sans_JP/NotoSansJP-Bold.otf") format("opentype");
}
@font-face {
	font-family: "Noto Sans JP";
	font-weight: 500;
	src: url("fonts/Noto_Sans_JP/NotoSansJP-Medium.otf") format("opentype");
}
@font-face {
	font-family: "Noto Sans JP";
	font-weight: 400;
	src: url("fonts/Noto_Sans_JP/NotoSansJP-Regular.otf") format("opentype");
}
@font-face {
	font-family: "Noto Sans JP";
	font-weight: 300;
	src: url("fonts/Noto_Sans_JP/NotoSansJP-Light.otf") format("opentype");
}
@font-face {
	font-family: "Noto Sans JP";
	font-weight: 100;
	src: url("fonts/Noto_Sans_JP/NotoSansJP-Thin.otf") format("opentype");
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: .05em;
  color: #000;
  line-height: 200%;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden; }

li {
  list-style: none; }

ol li {
  list-style-type: decimal; }

a {
  color: #193771;
  text-decoration: none;
  transition: all .3s ease; }
  a:hover {
    opacity: .8; }

header, footer, section, div, p, ul, li, dl, dt, dd {
  box-sizing: border-box; }

img {
  vertical-align: bottom; }

h3 {
  color: #193771;
  font-size: 2.1em;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 150%;
  padding: 1.5em 0 1.0em; }

.small {
  display: block;
  font-size: .8em;
  padding-top: 2em; }

.pcOnly {
  display: block; }

.spOnly {
  display: none; }

.contact_tel dt {
  font-weight: 500;
  font-size: .9em;
  letter-spacing: .13em; }
.contact_tel dd {
  font-size: .7em;
  letter-spacing: 0;
  color: #777;
  line-height: 120%;
  letter-spacing: .05em; }
  .contact_tel dd a {
    font-size: 2em;
    font-weight: 500;
    font-size: 2.5em;
    letter-spacing: 0;
    padding: .2em 0 .5em;
    display: block; }
.contact_mail a {
  display: block;
  color: #fff;
  background-color: #f7923c;
  box-shadow: 0px 2px 0px #be7333;
  border-radius: 4px;
  padding: 10px 0;
  font-weight: 500; }
  .contact_mail a:hover {
    text-decoration: none; }
  .contact_mail a .fas {
    margin-left: .5em; }

header {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em; }
  header .inner {
    width: 1140px;
    margin: 0 auto;
    overflow: hidden; }
    header .inner h1 {
      width: 183px;
      float: left;
      margin-top: .9em; }
      header .inner h1 img {
        width: 100%; }
    header .inner .contact {
      width: 470px;
      float: right;
      overflow: hidden; }
      header .inner .contact_tel {
        width: 190px;
        float: left;
        margin-top: 1.2em; }
      header .inner .contact_mail {
        width: 250px;
        float: right;
        margin-top: 1.2em; }

.mv {
  background: url(../images/bg_mv.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 450px;
  padding-top: 60px; }
  .mv_txt h1 span {
    font-weight: 700;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    font-size: 3.0em;
    color: #fff;
    letter-spacing: .0.5em; 
    line-height: 150%;}
  .mv_txt h2 span {
    font-weight: 600;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    font-size: 1.8em;
    color: #fff;
    letter-spacing: .0.5em; 
    line-height: 150%;}
  .mv_txt p {
    font-weight: 500;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    font-size: 1.6em;
    color: #fff;
    letter-spacing: .1em;
    padding: 1em 0; }
  .mv_txt .contact_mail a {
    width: 350px;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 1em; }

.jisseki {
  background-color: #f7f7f7;
  padding-bottom: 5em; }
  .jisseki_graph {
    width: 980px;
    margin: 4em auto 0;
    overflow: hidden; }
    .jisseki_graph dl {
      width: 480px;
      float: left;
      border-radius: 4px;
      overflow: hidden; }
      .jisseki_graph dl:nth-of-type(2) {
        float: right; }
      .jisseki_graph dl:nth-of-type(3) {
        float: left; }
      .jisseki_graph dl:nth-of-type(4) {
        float: right; }
      .jisseki_graph dl dt {
        background-color: #193771;
        color: #fff;
        padding: .7em 0;
        font-size: 1.1em;
        letter-spacing: .1em; }
        .jisseki_graph dl dt span {
          font-weight: 600; }
      .jisseki_graph dl dd {
        background-color: #fff;
        padding: 1.5em 0 3em; }

.cv {
  background: url(../images/bg_cv.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 2em 0; }
  .cv .contact {
    background-color: rgba(255, 255, 255, 0.8);
    width: 880px;
    margin: 0 auto;
    padding: 1em 0 2em; }
    .cv .contact h3 {
      color: #000;
      font-size: 1.4em;
      padding: 1em 0; }
    .cv .contact_mail a {
      width: 350px;
      margin: 0 auto;
      font-size: 1.2em;
      padding: 1em; }
    .cv .contact_tel {
      margin-top: 2em; }
      .cv .contact_tel dt {
        font-size: 1.1em;
        letter-spacing: .1em; }
      .cv .contact_tel dd {
        font-size: .5em;
        padding-top: .5em; }
        .cv .contact_tel dd .fas {
          transform: scale(-1, 1);
          color: #fff;
          background-color: #193771;
          border-radius: 50%;
          font-size: 1.2em;
          padding: .6em;
          display: inline-block;
          position: relative;
          top: -.4em; }
        .cv .contact_tel dd a {
          display: inline-block;
          font-size: 2.0em;
          padding-left: .3em;
          font-weight: 400; }

.reason {
  padding-bottom: 5em; }
  .reason .inner {
    width: 900px;
    margin: 0 auto; }
    .reason .inner h4 {
      text-align: left;
      font-weight: 600;
      font-size: 1.5em;
      color: #193771;
      padding-bottom: 10px;
      line-height: 140%;
      position: relative; }
      .reason .inner h4:before {
        content: "";
        display: block;
        position: absolute;
        height: 3px;
        width: 200px;
        bottom: -3px; }
    .reason .inner p {
      text-align: left;
      padding: 3.5em 0;
      width: 880px;
      margin: 0 auto; }
  .reason_chart {
    width: 880px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 7em; }
    .reason_chart dl {
      width: 420px;
      float: left; }
      .reason_chart dl dt {
        margin-bottom: 20px;
        padding: 5px 0 7px;
        text-align: center;
        color: #fff;
        font-weight: 500;
        font-size: 1.3em;
        background: #193771; }
        .reason_chart dl dt span {
          font-weight: 300;
          font-size: 72.8%; }
      .reason_chart dl:nth-of-type(2) {
        float: right; }
        .reason_chart dl:nth-of-type(2) dt {
          background-color: #999; }
  .reason_list {
    overflow: hidden;
    margin-bottom: 1em; }
    .reason_list li {
      width: 100%;
      border-radius: 4px;
      border: 10px solid #ffffff;
      height: 28em;
      margin-bottom: 20px;}
      .reason_list li:nth-child(even) {
        float: right; }
      .reason_list li h5 {
        width: 40%;
        float: left;
        padding-top: 20px;
text-align: center;}
        .reason_list li h5 a {
          display: block;
          border-right: 1px solid #e7e7e7;
          padding: 1em 0 1em 1.5em; }
          .reason_list li h5 a img {
            height: 55px; }
      .reason_list li p {
        width: 55% !important;
        float: left;
        padding: 1em 0 1em 1em !important;
        font-size: 1em;
        line-height: 160%; }
  .reason_map {
    width: 880px;
    margin: 0 auto; }
    .reason_map img {
      width: 100%; }

.step {
  padding-bottom: 7em; }
  .step .inner {
    width: 880px;
    margin: 0 auto; }
    .step .inner p {
      text-align: left; }
  .step .stepList {
    text-align: left;
    line-height: 140%;
    margin-top: 3em; }
    .step .stepList li {
      display: table;
      width: 100%;
      margin-bottom: 20px; }
      .step .stepList li .stepNum {
        position: relative;
        display: table-cell;
        width: 80px;
        background: #00a9e0;
        text-align: center;
        vertical-align: middle; }
        .step .stepList li .stepNum:after {
          position: absolute;
          content: "";
          bottom: -10px;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 40px 0 40px;
          border-color: #00a8e0 transparent transparent transparent; }
      .step .stepList li .stepCont {
        position: relative;
        width: auto;
        min-height: 122px;
        padding: 0 20px 0 118px;
        vertical-align: middle;
        border: 1px solid #ccc;
        border-left: none; }
        .step .stepList li .stepCont img {
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .step .stepList li .stepCont h3 {
          margin: 15px 0 8px;
          font-size: 128.6%;
          font-weight: 700;
          color: #193771;
          padding: 0; }
        .step .stepList li .stepCont p {
          margin-bottom: 17px;
          overflow: auto;
          font-size: .9em; }
      .step .stepList li:last-child .stepNum:after {
        display: none; }

.corporate {
  background-color: #f7f7f7;
  padding-bottom: 7em; }
    .corporate p {
      padding: 0em 0em 1em; }
  .corporate dl {
    width: 715px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    line-height: 100%; }

    .corporate dl dt {
      clear: both;
      float: left;
      width: 120px;
      background-color: #193771;
      color: #fff;
      margin: 1px;
      padding: 1em 1.5em; }
      .corporate dl dt:nth-of-type(7) {
        min-height: 5em; }

    .corporate dl dd {
      width: 590px;
      float: left;
      background-color: #fff;
      margin: 1px;
      padding: 1em 1.5em; }
      .corporate dl dd:nth-of-type(7) {
        min-height: 5em;
        line-height: 140%; }
  .corporate ul {
    clear: both;
    text-align: right;
    width: 715px;
    margin: 0 auto;
    padding-top: 1em; }
    .corporate ul li {
      display: inline-block; }

footer {
  background-color: #193771;
  color: #fff;
  font-size: .7em;
  letter-spacing: .2em;
  padding: .5em 0; }

@media screen and (max-width: 1140px) {
  header .inner {
    width: 90%; }

  .mv {
    background-size: 140%;
    background-position: -6em -1em; } }
@media screen and (max-width: 980px) {
  .jisseki_graph {
    width: 100%; }
    .jisseki_graph dl {
      width: 90%;
      float: none;
      margin-left: auto;
      margin-right: auto; }
      .jisseki_graph dl:nth-of-type(2) {
        float: none;
        margin-top: 1em; }
      .jisseki_graph dl:nth-of-type(3) {
        float: none;
        margin-top: 1em; }
      .jisseki_graph dl:nth-of-type(4) {
        float: none;
        margin-top: 1em; }}

@media screen and (max-width: 900px) {
  .cv .contact {
    width: 90%; }

  .jisseki p {
    text-align: left;
    padding: 0 5%; }
  .jisseki dl dd img {
    width: 100%;
    max-width: 425px; }

  .reason .inner {
    width: 90%; }
    .reason .inner p {
      width: 100%;
      padding: 2em 0; }
  .reason_chart {
    width: 100%;
    margin-bottom: 4em;
    max-width: 420px; }
    .reason_chart dl {
      width: 100%;
      float: none;
      margin-bottom: 2em; }
      .reason_chart dl dd img {
        width: 100%; }
  .reason_list {
    margin-bottom: 1em; }
    .reason_list li {
      width: 100%;
      border: .5em solid #f7f7f7;
      height: inherit;
      min-height: 17em;
      margin-bottom: 1em; }
      .reason_list li h5 {
        width: 100%;
        float: none;
        padding-top: 1em; }
        .reason_list li h5 a {
          padding: 1em;
          border-right: none;
          text-align: center; }
          .reason_list li h5 a img {
            height: 2.5em; }
      .reason_list li p {
        width: 100% !important;
        float: none !important;
        padding: .5em !important; }
  .reason_map {
    width: 100%; }

  .step {
    padding-bottom: 4em; }
    .step .inner {
      width: 90%; }
    .step .stepList li .stepNum {
      width: 60px; }
      .step .stepList li .stepNum:after {
        border-width: 10px 30px 0 30px; }
    .step .stepList li .stepCont {
      min-height: 92px;
      padding: 0 15px 0 90px; }
      .step .stepList li .stepCont h3 {
        font-size: 1.2em;
        letter-spacing: .05em; }
      .step .stepList li .stepCont img {
        width: 90px; } }
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none; }

  .spOnly {
    display: block; }

  .small {
    line-height: 140%; }

  body {
    font-size: .9em;
    line-height: 180%; }

  h3 {
    font-size: 1.4em; }

  header .inner h1 {
    width: 35%;
    float: none; }
  header .inner .contact {
    display: none; }

  .mv {
    background-attachment: inherit;
    background-size: 200%;
    height: inherit;
    padding: 3em 0 2em;
    background-position: -5em -4em; }
    .mv .mv_txt h1 span {
    text-align: center;
    margin: 0 10px;
      font-size: 2em; }
    .mv .mv_txt h2 span {
    text-align: center;
    margin: 0 10px;
      font-size: 1.5em; }
    .mv .mv_txt p {
      font-size: 1em;
      font-weight: 600;
      line-height: 140%; }
    .mv .contact_mail a {
      width: 80%; }

  .cv {
    background-attachment: inherit;
    background-size: 200%;
    padding: 1em 0; }
    .cv .contact h3 {
      font-size: 1.2em; }
    .cv .contact_mail a {
      width: 80%; }

  .reason .inner h4 {
    font-size: 1.2em; }

  .corporate {
    padding-bottom: 4em; }
    .corporate dl {
      width: 90%;
      line-height: 140%;
      font-size: .9em; }
      .corporate dl dt {
        width: 30%; }
        .corporate dl dt:nth-of-type(1), .corporate dl dt:nth-of-type(5) {
          min-height: 5em; }
        .corporate dl dt:nth-of-type(2) {
          min-height: 6.5em; }
        .corporate dl dt:nth-of-type(7) {
          min-height: 8em; }
      .corporate dl dd {
        width: 68%; }
        .corporate dl dd:nth-of-type(1), .corporate dl dd:nth-of-type(5) {
          min-height: 5em; }
        .corporate dl dd:nth-of-type(2) {
          min-height: 6.5em; }
        .corporate dl dd:nth-of-type(7) {
          min-height: 8em; }
    .corporate ul {
      width: 90%; }
      .corporate ul li {
        width: 3em; }
        .corporate ul li img {
          width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .mv {
    background-size: 180%;
    background-position: -7em -1em; }

    .mv .mv_txt h1 span {
      font-size: 3em; }

    .mv .mv_txt h2 span {
      font-size: 2.5em; }

  .reason_list li {
    min-height: 14em; }
    .reason_list li h5 a img {
      height: 4em; } }
@media screen and (max-width: 320px) {
  body {
    font-size: .8em; } }

/*# sourceMappingURL=style.css.map */