@charset "UTF-8";
/* Scss Document */
@import url(common.css);
/* Scss Document */
/*メディアクエリ*/
@media screen and (max-width: 750px) {
  .nav:nth-of-type(2)
  body {
    /*background: pink;*/ } }

.bgimg {
  background-position: center center;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 1;
  transition: .6 opacity; }

/**************************/
html {
  font-size: 62.5%;
  /* 16px x 0.625 = 10px(=1rem) */ }

body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  line-height: 1.5em;
  font-size: 1.5rem;
  -webkit-text-size-adjust: 100%;
  color: #fff;
  font-family: 'Roboto', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
  /*100 300 400*/
  font-weight: 500;
  background: #000; }

.ja {
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; }

input, textarea {
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
  font-weight: 500;
  color: #231815;
  font-size: 1.6rem; }

*:focus {
  outline: none; }

/*PC環境ではtelのリンクなし*/
a[href^="tel:"] {
  pointer-events: none; }

a.noLine {
  text-decoration: none; }

a {
  color: #fff;
  transition: .3s;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  word-break: break-all;
  /*折り返す*/ }

a:hover {
  text-decoration: none;
  opacity: 0.7; }
  @media screen and (max-width: 750px) {
    a:hover {
      text-decoration: underline;
      opacity: 1; } }

.opa {
  transition: .3s; }

.opa:hover {
  opacity: 0.7; }
  @media screen and (max-width: 750px) {
    .opa:hover {
      opacity: 1; } }

.colorBlue {
  color: #28a7e1; }

.colorYellow {
  color: #fef01c; }

.colorRed {
  color: #ce000c; }

.colorOrange {
  color: #fb7e53; }

.colorGray {
  color: #484848; }

.txtS {
  font-size: 0.9em;
  line-height: 1.2em; }

.txtSS {
  font-size: 0.7em; }

.txtL {
  font-size: 1.2em; }

.txtB {
  font-weight: 700; }

.indent {
  padding-left: 1em;
  text-indent: -1em; }

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

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

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

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

.lineH10 {
  line-height: 1.0em; }

.lineH12 {
  line-height: 1.2em; }

.lineH13 {
  line-height: 1.3em; }

.displayB {
  display: block; }

body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.flex {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 750px) {
    .flex {
      display: block; } }

.flexSp {
  display: flex;
  justify-content: space-between; }

.hr {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px solid #eee; }

/*******/
.swiper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1; }
  .swiper .swiper-slide {
    /*&:before{
        position: fixed;
        mix-blend-mode: multiply;
        content: '';
        display: block;
        width: 100%;
        height: 100vh;
        background: #000;
        background-size: contain;
        vertical-align: middle;
        opacity: 0.4;
    }*/ }
    .swiper .swiper-slide img {
      display: block;
      height: 100vh;
      object-fit: cover;
      width: 100%; }

.wrapper {
  position: relative;
  margin: 41px 36px;
  z-index: 11; }
  @media screen and (max-width: 750px) {
    .wrapper {
      margin: 23px 15px 57px; } }

.headerWrap {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 750px) {
    .headerWrap {
      display: block; } }
  .headerWrap .ttlBox h1.ttl {
    font-size: 4.0rem;
    font-weight: 400;
    line-height: 1.2em; }
    @media screen and (max-width: 1200px) {
      .headerWrap .ttlBox h1.ttl {
        line-height: 0.7em; } }
    @media screen and (max-width: 1200px) {
      .headerWrap .ttlBox h1.ttl span {
        font-size: 2.6rem;
        letter-spacing: 0.2rem;
        font-weight: lighter; } }
  .headerWrap .ttlBox .txt {
    font-size: 1.9rem;
    font-weight: 200;
    line-height: 1.2em;
    margin: 0.4em 0 0 0; }
  .headerWrap .iconList {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 10px 0 0 0; }
    @media screen and (max-width: 750px) {
      .headerWrap .iconList {
        margin: 47px 0 0 auto; } }
    .headerWrap .iconList .box {
      margin: 0 0 0 25px; }
      .headerWrap .iconList .box a {
        display: block; }
      .headerWrap .iconList .box img {
        width: 32px; }

h2.ttl {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 37px 0 0 0; }

.boxWrap,
.boxWrap2 {
  display: flex; }
  @media screen and (max-width: 1200px) {
    .boxWrap,
    .boxWrap2 {
      display: block; } }
  .boxWrap .box,
  .boxWrap2 .box {
    margin: 0 75px 0 0;
    width: 400px; }
    .boxWrap .box:nth-of-type(2),
    .boxWrap2 .box:nth-of-type(2) {
      width: 500px; }
      @media screen and (max-width: 750px) {
        .boxWrap .box:nth-of-type(2),
        .boxWrap2 .box:nth-of-type(2) {
          width: 100%; } }
    @media screen and (max-width: 750px) {
      .boxWrap .box,
      .boxWrap2 .box {
        width: 100%; } }
  .boxWrap h3.ttl,
  .boxWrap2 h3.ttl {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 1em 0 0 0;
    line-height: 1.3em; }
    @media screen and (max-width: 750px) {
      .boxWrap h3.ttl,
      .boxWrap2 h3.ttl {
        margin: 1.2em 0 0 0; } }
    .boxWrap h3.ttl .ja,
    .boxWrap2 h3.ttl .ja {
      font-size: 1.3rem;
      font-weight: bold; }
      @media screen and (max-width: 750px) {
        .boxWrap h3.ttl .ja,
        .boxWrap2 h3.ttl .ja {
          font-size: 1.4rem; } }
  .boxWrap dl.list,
  .boxWrap2 dl.list {
    margin: 1em 0 0 0;
    　　　overflow-wrap: break-word;
    　　　word-wrap: break-word; }
    @media screen and (max-width: 750px) {
      .boxWrap dl.list,
      .boxWrap2 dl.list {
        margin: 0.8em 0 0 0; } }
    .boxWrap dl.list dt,
    .boxWrap2 dl.list dt {
      font-size: 1.2rem;
      line-height: 1.4em;
      font-weight: 100;
      float: left;
      margin: 0 0 0.5em; }
    .boxWrap dl.list dd,
    .boxWrap2 dl.list dd {
      font-size: 1.2rem;
      line-height: 1.4em;
      font-weight: 100;
      margin: 0 0 0.5em;
      padding: 0 0 0 5em; }

.boxWrap2 {
  display: block; }
  .boxWrap2 .box {
    width: 100%; }
  .boxWrap2 dl.list dd {
    font-size: 1.1rem;
    margin: 0 0 0.7em; }
    .boxWrap2 dl.list dd .name {
      font-weight: 400;
      font-size: 1.2rem; }

.infoWrap {
  margin: 50px 0 0 0; }
  .infoWrap p {
    font-size: 1.2rem;
    font-weight: 100; }

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