.cd-primary-nav > li.active {
  border-bottom: 3px solid #356442;
  font-weight: bold; }

img {
  webkit-backface-visibility: hidden; }

@media (max-width: 767px) {
  .pc-n {
    display: none; } }
#footer {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(/assets/img/footer/back@2x.jpg);
  background-size: cover;
  background-position: center; }
  #footer img {
    max-width: 100%;
    width: 260px; }

.btn-white {
  display: inline-block;
  text-align: center; }

.title-name {
  text-align: center; }
  .title-name h2 {
    font-size: 2em;
    font-weight: bold; }
  .title-name hr {
    width: 200px;
    border-top: 1px solid #1d1d1d; }
  .title-name p {
    font-weight: bold; }

#Main .MV {
  height: 100vh;
  width: 100%;
  background-image: url(/assets/img/main/MV/back.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-wrap: wrap; }
  #Main .MV .flex {
    padding: 15px; }
    #Main .MV .flex hr {
      border-top: 2px solid #FFF !important;
      width: 220px; }
    #Main .MV .flex p {
      color: #FFF;
      text-align: center;
      font-weight: bold;
      line-height: 1.8em;
      text-shadow: 0px 3px 6px #00000080; }
    #Main .MV .flex img {
      display: block;
      margin: auto;
      max-width: 100%; }

#Content {
  position: relative;
  overflow: hidden;
  background: #F7F5F1; }
  #Content .con {
    padding-top: 200px;
    padding-bottom: 200px;
    background-size: cover;
    background-position: center; }
    #Content .con img {
      margin: auto;
      display: block; }
    #Content .con p {
      color: #FFF;
      text-align: center;
      margin-top: 20px; }
  #Content .back1 {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 500px; }
  #Content .back2 {
    position: absolute;
    bottom: 50%;
    right: -10%;
    width: 500px; }
  #Content .back3 {
    position: absolute;
    bottom: -10%;
    left: -10%;
    width: 500px; }

.service p {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700; }
.service .con1 {
  background-image: url(/assets/img/main/service/con-1back@2x.jpg); }
  @media screen and (min-width: 768px) {
    .service .con1 {
      background-attachment: fixed; } }
.service .con2 {
  background-image: url(/assets/img/main/service/con-2back@2x.jpg); }
  @media screen and (min-width: 768px) {
    .service .con2 {
      background-attachment: fixed; } }
.service .con3 {
  background-image: url(/assets/img/main/service/con-3back@2x.jpg); }
  @media screen and (min-width: 768px) {
    .service .con3 {
      background-attachment: fixed; } }
.service .con-2 {
  background-image: url(/assets/img/main/service/main-back.jpg);
  background-size: cover;
  background-position: center;
  padding-bottom: 130px; }

.select .box2 {
  display: flex; }
.select .con1 {
  background-image: url(/assets/img/main/select/back-1.jpg); }
  @media screen and (min-width: 768px) {
    .select .con1 {
      background-attachment: fixed; } }
.select .con2 {
  background-image: url(/assets/img/main/select/back-2@2x.jpg); }
  @media screen and (min-width: 768px) {
    .select .con2 {
      background-attachment: fixed; } }
.select .con3 {
  background-image: url(/assets/img/main/select/back-3@2x.jpg); }
  @media screen and (min-width: 768px) {
    .select .con3 {
      background-attachment: fixed; } }
.select .con-2 {
  background-image: url(/assets/img/main/service/main-back.jpg);
  background-size: cover;
  background-position: center top;
  padding-bottom: 0px; }

#Sub-head {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url(/assets/img/main/sub-headBack@2x.jpg);
  background-size: cover;
  background-position: center; }
  #Sub-head h2 {
    font-size: 1.6em;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    color: #FFF; }
  #Sub-head hr {
    width: 200px;
    border-top: 1px solid #333; }
  #Sub-head p {
    text-align: center;
    font-weight: 700;
    font-family: fot-tsukuardgothic-std, sans-serif; }

.f-2 {
  font-family: fot-tsukuardgothic-std, sans-serif; }

.sub h3 {
  text-align: center; }
.sub .box {
  background: #FFF;
  padding: 40px; }
.sub .table {
  max-width: 600px;
  margin: auto;
  background: #FFF;
  margin-top: 30px; }
  .sub .table th,
  .sub .table td {
    border-top: none;
    padding: 1.2em; }
  .sub .table th {
    border-right: 1px solid #E2E2E2; }
  .sub .table tr:nth-child(odd) {
    background: #FAFAFA; }

#Content.company {
  background-image: url(/assets/img/main/company/back@2x.jpg);
  background-size: cover;
  background-position: center; }

#Content.contact {
  background-image: url(/assets/img/main/contact/back@2x.jpg);
  background-size: cover;
  background-position: center; }

.title {
  text-align: center; }
  .title h2 {
    font-size: 1.6em;
    font-weight: 600;
    text-align: center;
    margin-top: 20px; }
  .title hr {
    width: 200px;
    border-top: 1px solid #333; }
  .title p {
    text-align: center;
    font-weight: 600; }

form {
  max-width: 600px;
  margin: auto; }
  form input,
  form textarea {
    background: #F8F8F8;
    border: none; }

.btn-green {
  background: #4D9307;
  color: #FFF;
  padding: 13px 40px;
  font-weight: 600;
  border-radius: 5px; }

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