@charset 'utf-8';

:root {
  --base-font-gothic: "Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
}

body {
  min-width: 1120px;/*1080px;*/
  min-height: 100%;
  background-color: #fff;
  color: #333;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  /*font-family: "Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;*/
  /*font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;*/
  /*font-family: Lato, "Noto Sans JP", " 游ゴシック Medium", " 游ゴシック体 ", "Yu Gothic Medium", YuGothic, " ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", " メイリオ ", Meiryo, "ＭＳ Ｐゴシック ", "MS PGothic", sans-serif;*/
  font-weight: 400;
}
body.home {
  background-color: #000;
  background-image: url('./../../images/index/index-bg01.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
  /*-webkit-animation: dispBody 1s ease normal;
  animation: dispBody 1s ease normal;*/
}
@media all and (max-width: 750px){
  body {
    min-width: 100%;
    padding-right: 0;
  }
  body.home {
    background-image: url('./../../images/index/sp-index-bg01.jpg');
    background-size: 100% auto;
  }
}

/*
body.pageAbout-morit {
  background-image: url('./../../images/design/design-about-morit2.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
  background-color: rgba(255,255,255,0.3);
  background-blend-mode: lighten;
}*/
/*
body.pageAbout-morit .boxBaseLayoutIn {
  min-height: 14000px;
}*/

@keyframes dispBody {
  0% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 1; }
}

h1,h2,h3,h4,h5,.ttlHeader {
  letter-spacing: 0.1em;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

#container {
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 750px){
  #container {
    /*overflow: hidden;*/
    padding-top: 16vw;
  }
}

#main {
  min-height: 87vh;
}
@media all and (max-width: 750px){
  #main {
    min-height: 73vh;
  }
}

.boxContent {
}
@media all and (max-width: 750px){
  .boxContent {
  }
}



/***** Header *****/
.boxHeader {
  padding: 2em 0;
}
@media all and (max-width: 750px){
  .boxHeader {
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    height: 16vw;
    padding: 0;
    background-color: #fff;
  }
}

.boxHeader01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.boxHeader01L {
  width: 230px;
}
@media all and (max-width: 1210px){
  .boxHeader01L {
    width: 220px;
  }
}
@media all and (max-width: 750px){
  .boxHeader01L {
    position: absolute;
    top: 3.5vw;
    left: 5vw;
    width: 35.5vw;
  }
}

@media all and (max-width: 750px){
  .boxHeader01C {
    display: none;
  }
}

.ulHeader01C {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.ulHeader01C > li {
  position: relative;
  z-index: 2;
  margin: 0.2em 3.5% 0.2em 0;
  margin: 0.2em 1.5vw 0.2em 0;
  letter-spacing: 0.05em;
  font-size: 1.13rem;
}
@media all and (max-width: 1335px){
  .ulHeader01C > li {
    margin: 0.2em 1.3vw 0.2em 0;
    letter-spacing: 0.03em;
  }
}
@media all and (max-width: 1210px){
  .ulHeader01C > li {
    font-size: 1.03rem;
  }
}

.ulHeader01C > li:last-child {
  margin-right: 0;
}

.ulHeader01C > li > a {
  position: relative;
}

.ulHeader01C > li > a:hover {
  opacity: 1;
}

.ulHeader01C > li > a:after {
  content: '';
  position: absolute;
  bottom: -0.5em;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #13a273;
  transform: scale(0,1);
  transform-origin: left;
  transition: transform 0.3s linear;
}

.ulHeader01C > li:hover > a:after {
  transform: scale(1,1);
}

.ulHeader01CIn {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: none;
  width: 200px;
  padding-top: 53px;
  padding-left: 5px;
  background-color: #fff;
  /*opacity: 0;
  transform: scale(1,0);
  transform-origin: top;
  transition: transform 0.3s linear, opacity 0.7s linear;*/
}
.home #gnavi.addAni .ulHeader01CIn {
  top: auto;
  bottom: 0;
  padding-top: 15px;
  padding-bottom: 33px;
  padding-left: 10px;
}

.ulHeader01C > li:hover .ulHeader01CIn {
  display: list-item;
  /*transform: scale(1,1);
  opacity: 1;*/
}

.ulHeader01CIn > li {
  position: relative;
  margin-bottom: 0.7em;
  padding-left: 1.2em;
  font-size: 1.05rem;
}
@media all and (max-width: 1210px){
  .ulHeader01CIn > li {
    font-size: 1.03rem;
  }
}

.ulHeader01CIn > li:before {
  content: '';
  position: absolute;
  left: 0.1em;
  top: 0.67em;
  width: 0.6em;
  height: 1px;
  background-color: #13a273;
}


.boxHeader01R {
  width: 425px;
}
@media all and (max-width: 1335px){
  .boxHeader01R {
    width: 310px;
  }
}
@media all and (max-width: 750px){
  .boxHeader01R {
    display: none;
  }
}

.ulHeader01R {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.ulHeader01R > li {
  width: 32.8%;
  margin-left: calc((100% - 32.8% * 3) / 2);
  height: 2.7em;
}

.ulHeader01R > li:first-child {
  margin-left: 0;
}

.ulHeader01R > li.liRecruit {
  border: #25a0d4 1px solid;
  background-color: #e6e6e6;
  color: #25a0d4;
}

.ulHeader01R > li.liMember {
  border: #10a87c 1px solid;
  background-color: #e6e6e6;
  color: #10a87c;
}

.ulHeader01R > li.liOwner {
  background-color: #10a87c;
  color: #fff;
	background-color: #e6570a;
}

.ulHeader01R > li > a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}



/***** Hmb Menu *****/
.boxBtnHmbMenu {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: -500px;
  width: 74px;
  height: 100%;
  padding-top: 100px;
  background-color: rgba(0,0,0,1);/*rgba(255,255,255,1);*/
  text-align: center;
}
@media all and (max-width: 750px){
  .boxBtnHmbMenu {
    display: none;
  }
}

.boxBtnHmbMenu .btnSideHmbMenu {
  cursor: pointer;
}

.btnHmbMenu {
  display: none;
}
@media all and (max-width: 750px){
  .btnHmbMenu {
    position: fixed;
    z-index: 1002;
    top: 5.5vw;
    right: 4.2vw;
    width: 6.5vw;
    margin: 0;
    display: block;
  }
}

.boxHmbMenu {
  display: none;
}
@media all and (max-width: 750px){
  .boxHmbMenu {
    overflow-y: auto;
    position: fixed;
    z-index: 1001;
    display: none;
    top: 16vw;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 22vw;
    background-color: #f1f1f1;/*rgba(0,0,0,0.7);*/
  }
}

.ulHmbMenu {
  margin-bottom: 30px;
  padding-top: 50px;
}
@media all and (max-width: 750px){
  .ulHmbMenu {
    margin-bottom: 4vw;
    padding-top: 4.5vw;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenu > li {
    /*
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;*/
    padding: 2.6vw 0 2.6vw 5vw;
    font-size: 0.95rem;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenu > li:before {
    content: '―';
    margin-right: 2vw;
    font-size: 0.7rem;
    color: #00a273;/*rgba(255,255,255,0.7);*/
  }
}

@media all and (max-width: 750px){
  .ulHmbMenu > li a {
    /*
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;*/
    color: #000;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenu > li.liInstagram a {
    padding: 0 0 0 1.8em;
    background-image: url('./../../images/common/hmb-menu-icn-instagram01.png');
    background-repeat: no-repeat;
    background-position: 0.1em 0.1em;
    background-size: 4vw auto;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenuIn {
    margin-top: 4vw;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenuIn > li {
    margin-bottom: 1.0em;
    padding-left: 2.7em;
    font-size: 0.88rem;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenuIn > li:last-child {
    margin-bottom: 0;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenu02 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 5vw;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenu02 > li {
    width: 32.6%;
    height: 9.8vw;
    font-size: 0.9rem;
  }
  .ulHmbMenu02 > li.liRecruit {
    border: 1px #25a0d4 solid;
    background-color: #fff;
    color: #25a0d4;
  }
  .ulHmbMenu02 > li.liMember {
    border: 1px #10a87c solid;
    background-color: #fff;
    color: #10a87c;
  }
  .ulHmbMenu02 > li.liOwner {
    background-color: #10a87c;
    color: #fff;
	  background-color: #e6570a;
  }
}

@media all and (max-width: 750px){
  .ulHmbMenu02 > li a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
}

@media all and (max-width: 750px){
  .boxHmbMenuTelno {
    margin-top: 1vw;
  }
}

@media all and (max-width: 750px){
  .boxHmbMenuTelno .dlTelno {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 90%;
    height: 12.4vw;
    margin: 0 auto;
    border: 1px #bababa solid;
    background-color: #fff;
  }
}

@media all and (max-width: 750px){
  .boxHmbMenuTelno .dlTelno > dt {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 16.5vw;
    height: 6vw;
    margin-right: 0.7em;
    background-color: #cbcbcb;
    color: #fff;
  }
}

@media all and (max-width: 750px){
  .boxHmbMenuTelno .dlTelno > dt > span {
    padding-left: 0.85em;
    background-image: url('./../../images/common/hmb-menu-icn-tel01.png');
    background-repeat: no-repeat;
    background-position: left 0.3em;
    background-size: 2.5vw auto;
    font-size: 0.9rem;
  }
}

@media all and (max-width: 750px){
  .boxHmbMenuTelno .dlTelno > dd {
    letter-spacing: 0.16em;
    font-size: 1.35rem;
    color: #494949;
  }
}


/*##### Mv #####*/
.boxMvWrap {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 750px){
  .boxMvWrap {
    position: relative;
    background-size: 100% auto;
  }
}

.pageAbout .boxMvWrap {
  background-image: url('./../../images/about/about-mv.jpg');
}
@media all and (max-width: 750px){
  .pageAbout .boxMvWrap {
    padding-top: 47.8%;
    background-size: 200% auto;
  }
}

.pageConcept .boxMvWrap {
  background-image: url('./../../images/concept/concept-mv.jpg');
  color: #fff;
}
@media all and (max-width: 750px){
  .pageConcept .boxMvWrap {
    padding-top: 88.0%;
    background-image: url('./../../images/concept/sp-concept-mv.jpg');
  }
}

.pageOwner .boxMvWrap {
  background-image: url('./../../images/owner/owner-mv.jpg');
  background-position: center bottom;
}

.pageRecruit.archive .boxMvWrap {
  background-image: url('./../../images/recruit/recruit-mv.jpg');
}
@media all and (max-width: 750px){
  .pageRecruit.archive .boxMvWrap {
    padding-top: 42.1%;
    background-position: calc(50% + 6vw) top;
    background-size: 160% auto;
  }
}

@media all and (max-width: 750px){
  .pageWorks .boxMvWrap {
    margin-bottom: 2.7em;
    background-image: url('./../../images/works/sp-works-mv.jpg');
  }
}


.boxMv {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 526px;
}
@media all and (max-width: 750px){
  .boxMv {
    height: 35vw;
  }
}

.page404 .boxMv {
  height: 300px;
}
@media all and (max-width: 750px){
  .page404 .boxMv {
    height: 35vw;
  }
}

.pageAbout .boxMv {
  height: 477px;
}
@media all and (max-width: 750px){
  .pageAbout .boxMv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.pageAbout-morit .boxMv {
  height: 220px;
}

.pageActivities .boxMv,
.pageGem .boxMv,
.pageVoice .boxMv {
  -webkit-flex-direction: column;
  flex-direction: column;
  height: auto;
  padding-top: 9.7em;
  padding-bottom: 4.5em;
}
@media all and (max-width: 750px){
  .pageActivities .boxMv,
  .pageGem .boxMv,
  .pageVoice .boxMv {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
}

.pageActivities.tax-activities-cat .boxMv,
.pageActivities.single .boxMv
/*.pageGem.tax-gem-cat .boxMv,
.pageGem.single .boxMv*/ {
  padding-top: 6.3em;
  padding-bottom: 3.3em;
}
@media all and (max-width: 750px){
  .pageActivities.tax-activities-cat .boxMv,
  .pageActivities.single .boxMv
  /*.pageGem.tax-gem-cat .boxMv,
  .pageGem.single .boxMv*/ {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
}

@media all and (max-width: 750px){
  .pageConcept .boxMv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-bottom: 10.7vw;
  }
}

.pageHinoki .boxMv {
  height: 240px;
}
@media all and (max-width: 750px){
  .pageHinoki .boxMv {
    height: 35vw;
    text-shadow: 1px 1px 1px #fff, -1px -1px 3px #ffff;
  }
}

.pageAchievements .boxMv,
.pageContact .boxMv,
.pageContact-gem .boxMv,
.pageMember .boxMv,
.pageNews .boxMv {
  height: auto;
  padding-top: 6.3em;
  padding-bottom: 3.3em;
}
@media all and (max-width: 750px){
  .pageAchievements .boxMv,
  .pageContact .boxMv,
  .pageContact-gem .boxMv,
  .pageMember .boxMv,
  .pageNews .boxMv {
    padding-top: 2.0em;
    padding-bottom: 2.0em;
  }
}

.pageOwner .boxMv {
  height: 470px;
  padding-bottom: 16.5em;
}
@media all and (max-width: 750px){
  .pageOwner .boxMv {
    height: 50vw;
    padding-bottom: 13vw;
  }
}

.pageRecruit.archive .boxMv {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  height: 526px;
}
@media all and (max-width: 750px){
  .pageRecruit.archive .boxMv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.pageRecruit.single .boxMv {
  height: auto;
  padding-top: 6.3em;
  padding-bottom: 3.3em;
}
@media all and (max-width: 750px){
  .pageRecruit.single .boxMv {
    padding-top: 2.0em;
    padding-bottom: 2.0em;
  }
}

.pageTraining .boxMv {
  height: 370px;
}
@media all and (max-width: 750px){
  .pageTraining .boxMv {
    height: 30vw;
  }
}

.pageWorks .boxMv {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  height: 701px;
}
@media all and (max-width: 750px){
  .pageWorks .boxMv {
    -webkit-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding-top: 51.7%;
  }
}

.boxMv .ttlMv {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;/*flex-start;*/
  align-items: center;
}

.pageActivities .ttlMv,
.pageGem .ttlMv,
.pageVoice .ttlMv {
  -webkit-align-items: center;
  align-items: center;
}

.pageActivities.post-type-archive .ttlMv,
.pageGem.post-type-archive .ttlMv,
.pageVoice .ttlMv {
  margin-bottom: 3.5em;
}
@media all and (max-width: 750px){
  .pageActivities.post-type-archive .ttlMv,
  .pageGem.post-type-archive .ttlMv,
  .pageVoice .ttlMv {
    margin-bottom: 2.0em;
  }
}

.pageWorks .boxMv .ttlMv {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  width: 426px;
  height: 701px;
  background-image: url('./../../images/works/works-mv.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
}
@media all and (max-width: 750px){
  .pageWorks .boxMv .ttlMv {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-bottom: 2.2em;
    padding-top: 2.6em;
    background-image: none;
  }
}

.boxMv .ttlMv .ttlJa {
  margin-bottom: 0.15em;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 4.1rem;
  font-weight: 400;
}
@media all and (max-width: 750px){
  .boxMv .ttlMv .ttlJa {
    margin-bottom: 0.2em;
    letter-spacing: 0.18em;
    font-size: 1.6rem;
  }
}

.page404 .ttlMv .ttlJa {
  font-size: 3.0rem;
}
@media all and (max-width: 750px){
  .page404 .ttlMv .ttlJa {
    font-size: 1.6rem;
  }
}

.pageAchievements .ttlMv .ttlJa,
.pageActivities.tax-activities-cat .ttlMv .ttlJa,
.pageActivities.single .ttlMv .ttlJa,
.pageContact .ttlMv .ttlJa,
.pageContact-gem .ttlMv .ttlJa,
/*.pageGem.tax-gem-cat .ttlMv .ttlJa,
.pageGem.single .ttlMv .ttlJa,*/
.pageHinoki .ttlMv .ttlJa,
.pageMember .ttlMv .ttlJa,
.pageNews .ttlMv .ttlJa,
.pageOwner .ttlMv .ttlJa,
.pageRecruit.single .ttlMv .ttlJa {
  font-size: 2.2rem;
}
@media all and (max-width: 750px){
  .pageAchievements .ttlMv .ttlJa,
  .pageActivities.tax-activities-cat .ttlMv .ttlJa,
  .pageActivities.single .ttlMv .ttlJa,
  .pageContact .ttlMv .ttlJa,
  .pageContact-gem .ttlMv .ttlJa,
  /*.pageGem.tax-gem-cat .ttlMv .ttlJa,
  .pageGem.single .ttlMv .ttlJa,*/
  .pageHinoki .ttlMv .ttlJa,
  .pageMember .ttlMv .ttlJa,
  .pageNews .ttlMv .ttlJa,
  .pageOwner .ttlMv .ttlJa,
  .pageRecruit.single .ttlMv .ttlJa {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 750px){
  .pageConcept .ttlMv .ttlJa {
    margin-bottom: 0.1em;
    letter-spacing: 0.2em;
    font-size: 1.7rem;
  }
}

.pageRecruit.archive .ttlMv .ttlJa {
  padding-top: 1.5em;
  text-align: right;
  line-height: 1.65;
  letter-spacing: 0.15em;
  font-family: "Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
  font-size: 6.5rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 1px #000, -1px -1px 3px rgba(0,0,0,0.5);
}
@media all and (max-width: 750px){
  .pageRecruit.archive .ttlMv .ttlJa {
    padding-top: 1.8em;
    padding-right: 0.7em;
    font-size: 1.5rem;
  }
}

.pageWorks .boxMv .ttlMv .ttlJa {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  display: inline-block;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  margin-bottom: 0.43em;
  padding: 0 1.9em 0 0;
  letter-spacing: 0.2em;
  color: #fff;
}
@media all and (max-width: 750px){
  .pageWorks .boxMv .ttlMv .ttlJa {
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    margin-bottom: 0.2em;
    padding: 0;
    letter-spacing: 0.18em;
    color: #000;
  }
}

.boxMv .ttlMv .ttlEn {
  letter-spacing: 0.13em;
  font-size: 1.13rem;
  opacity: 0.55;
}
@media all and (max-width: 750px){
  .boxMv .ttlMv .ttlEn {
    letter-spacing: 0.05em;
    font-size: 0.6rem;
  }
}

.pageWorks .boxMv .ttlMv .ttlEn {
  margin-bottom: 2.2em;
  padding-right: 7.7em;
  color: #fff;
  opacity: 0.55;
}
@media all and (max-width: 750px){
  .pageWorks .boxMv .ttlMv .ttlEn {
    margin-bottom: 0;
    padding-right: 0;
    color: #000;
  }
}

.pageachievements .ttlMv .ttlEn,
.pageActivities.tax-activities-cat .ttlMv .ttlEn,
.pageActivities.single .ttlMv .ttlEn,
.pageContact .ttlMv .ttlEn,
.pageContact-gem .ttlMv .ttlEn,
/*.pageGem.tax-gem-cat .ttlMv .ttlEn,
.pageGem.single .ttlMv .ttlEn,*/
.pageHinoki .ttlMv .ttlEn,
.pageMember .ttlMv .ttlEn,
.pageNews .ttlMv .ttlEn,
.pageOwner .ttlMv .ttlEn,
.pageRecruit.single .ttlMv .ttlEn {
  font-size: 0.85rem;
}
@media all and (max-width: 750px){
  .pageachievements .ttlMv .ttlEn,
  .pageActivities.tax-activities-cat .ttlMv .ttlEn,
  .pageActivities.single .ttlMv .ttlEn,
  .pageContact .ttlMv .ttlEn,
  .pageContact-gem .ttlMv .ttlEn,
  /*.pageGem.tax-gem-cat .ttlMv .ttlEn,
  .pageGem.single .ttlMv .ttlEn,*/
  .pageHinoki .ttlMv .ttlEn,
  .pageMember .ttlMv .ttlEn,
  .pageNews .ttlMv .ttlEn,
  .pageOwner .ttlMv .ttlEn,
  .pageRecruit.single .ttlMv .ttlEn {
    letter-spacing: 0.05em;
    font-size: 0.6rem;
  }
}

.pageActivities .ttlMv .ttlSub,
.pageGem .ttlMv .ttlSub {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 40px;
  min-height: 125px;
  margin-top: 2.4em;
  padding: 1.0em 0;
  background-color: #000;
  letter-spacing: 0.12em;
  font-size: 1.2rem;
  color: #fff;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
@media all and (max-width: 750px){
  .pageActivities .ttlMv .ttlSub,
  .pageGem .ttlMv .ttlSub {
    width: 100%;
    min-height: 10vw;
    margin-top: 1.5em;
    padding: 0.3em 0.8em;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
  }
}

.pageWorks .boxMv .boxBaseCom {
  margin-bottom: 7em;
  padding-right: 10em;
}
@media all and (max-width: 1480px){
  .pageWorks .boxMv .boxBaseCom {
    padding-right: 7vw;/*8.3vw;*/
  }
}
@media all and (max-width: 1160px){
  .pageWorks .boxMv .boxBaseCom {
    padding-right: 6em;/*6.7em;*/
  }
}
@media all and (max-width: 750px){
  .pageWorks .boxMv .boxBaseCom {
    width: 82%;
    margin-bottom: 0;
    padding-right: 0;
  }
}

.pageWorks .boxMv .boxBaseCom,
.pageWorks .boxMv .boxBaseCom > p {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
@media all and (max-width: 750px){
  .pageWorks .boxMv .boxBaseCom,
  .pageWorks .boxMv .boxBaseCom > p {
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
  }
}

.pageActivities .boxMv .boxBaseCom > p,
.pageGem .boxMv .boxBaseCom > p,
.pageVoice .boxMv .boxBaseCom > p {
  text-align: center;
  line-height: 1.9;
  letter-spacing: 0.07em;
  font-size: 1.32rem;
}
@media all and (max-width: 750px){
  .pageActivities .boxMv .boxBaseCom > p,
  .pageGem .boxMv .boxBaseCom > p,
  .pageVoice .boxMv .boxBaseCom > p {
    text-align: left;
    letter-spacing: 0.05em;
    font-size: 0.87rem;
  }
}

.pageWorks .boxMv .boxBaseCom > p {
  line-height: 2.3;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
}
@media all and (max-width: 1480px){
  .pageWorks .boxMv .boxBaseCom > p {
    line-height: 3.2vw;
  }
}
@media all and (max-width: 1160px){
  .pageWorks .boxMv .boxBaseCom > p {
    line-height: 1.8;
  }
}
@media all and (max-width: 750px){
  .pageWorks .boxMv .boxBaseCom > p {
    font-size: 0.9rem;
  }
}

.pageWorks .boxMv .boxBaseCom > p + p {
  margin-top: 0;
  margin-right: 2.3em;
}
@media all and (max-width: 1480px){
  .pageWorks .boxMv .boxBaseCom > p + p {
    margin-right: 2.9vw;
  }
}
@media all and (max-width: 1160px){
  .pageWorks .boxMv .boxBaseCom > p + p {
    margin-right: 1.64em;
  }
}
@media all and (max-width: 750px){
  .pageWorks .boxMv .boxBaseCom > p + p {
    margin-right: 0;
    margin-top: 2.0em;
  }
}


/*##### Footer #####*/
.boxFooterTopWrap {
  display: none;
}
@media all and (max-width: 750px){
  .boxFooterTopWrap {
    display: block;
    padding: 2.0em 0 3.9em 0;
    background-color: #f1f1f1;
  }
}

@media all and (max-width: 750px){
  .boxFooterTop {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0 0.7em;
  }
}

@media all and (max-width: 750px){
  .ulFooterTopMenu01 > li {
    position: relative;
    margin-bottom: 1.3em;
    padding-left: 1.35em;
    font-size: 0.85rem;
  }
}

@media all and (max-width: 750px){
  .ulFooterTopMenu01 > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.9em;
    height: 1px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #00a273;
  }
}

@media all and (max-width: 750px){
  .ulFooterTopMenu02 > li {
    margin-bottom: 0.45em;
  }
}

@media all and (max-width: 750px){
  .ulFooterTopMenu02 > li a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 31.5vw;
    height: 9.5vw;
    background-color: #e6e6e6;
    font-size: 0.85rem;
  }
}

@media all and (max-width: 750px){
  .ulFooterTopMenu02 > li.liRecruit a {
    border: 1px #25a0d4 solid;
    color: #25a0d4;
  }
}

@media all and (max-width: 750px){
  .ulFooterTopMenu02 > li.liMember a {
    border: 1px #10a87c solid;
    color: #10a87c;
  }
}

@media all and (max-width: 750px){
  .ulFooterTopMenu02 > li.liOwner a {
    background-color: #10a87c;
    color: #fff;
	  background-color: #e6570a;
  }
}

.boxFooterWrap {
  padding: 3.5em 0 3.2em 0;
  background-color: #f1f1f1;
}
@media all and (max-width: 1410px){
  .boxFooterWrap {
    padding: 3.5em 0 1.0em 0;
  }
}
@media all and (max-width: 750px){
  .boxFooterWrap {
    padding: 2.0em 0 0 0;
    background-color: #fff;
  }
}

.boxFooter {
  position: relative;
  min-height: 350px;
}
@media all and (max-width: 750px){
  .boxFooter {
    min-height: auto;
  }
}

.boxFooter01In {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-right: 34%;
}
@media all and (max-width: 1410px){
  .boxFooter01In {
    padding-right: 10%;/*14%;*/
  }
}
@media all and (max-width: 750px){
  .boxFooter01In {
    padding-right: 0;
  }
}

.boxFooterInfo01 {
  width: 305px;
}
@media all and (max-width: 750px){
  .boxFooterInfo01 {
    width: 100%;
    text-align: center;
  }
}

.boxFooterInfo01 .ttl01 {
  margin-bottom: 1.5em;
}
@media all and (max-width: 750px){
  .boxFooterInfo01 .ttl01 {
    margin-top: -5.6em;
    margin-bottom: 1.3em;
  }
}

@media all and (max-width: 750px){
  .boxFooterInfo01 .ttl01 img {
    width: 31%;
  }
}

.boxFooterInfo01 .boxAddress {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}
@media all and (max-width: 750px){
  .boxFooterInfo01 .boxAddress {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 0.5em;
    font-size: 0.8rem;
  }
}

@media all and (max-width: 750px){
  .boxFooterInfo01 .boxAddress .txtZipcode {
    margin-right: 0.5em;
  }
}

.boxFooterInfo01 .boxTelFax {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 2.3em;
  font-size: 0.95rem;
}
@media all and (max-width: 750px){
  .boxFooterInfo01 .boxTelFax {
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1.5em;
    font-size: 0.8rem;
  }
}

.boxFooterInfo01 .boxTelFax .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxFooterInfo01 .boxTelFax .dl01:first-child {
  margin-right: 1.0em;
}

.boxFooterInfo01 .boxTelFax .dl01 > dt {
  margin-right: 0.4em;
}

.boxFooterInfo01 .boxLogo01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
@media all and (max-width: 750px){
  .boxFooterInfo01 .boxLogo01 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
}

.boxFooterInfo01 .boxLogo01 a:not(:last-child) {
  margin-right: 2.3em;/*1.3em;*/
}
@media all and (max-width: 750px){
  .boxFooterInfo01 .boxLogo01 a:not(:last-child) {
    margin-right: 2.2em;
  }
}

@media all and (max-width: 750px){
  .boxFooterInfo01 .boxLogo01 img.logo0201Footer {
    width: 20.5vw;
  }
}

@media all and (max-width: 750px){
  .boxFooterInfo01 .boxLogo01 img.logo0202Footer  {
    width: 24vw;
  }
}

.boxFooterBn01 {
  margin-top: 1.5em;
}

.boxFooterBn01 a + a img {
  margin-top: 0.5em;
}


.boxFooterMenu01 {
  width: 66%;
}
@media all and (max-width: 750px){
  .boxFooterMenu01 {
    display: none;
  }
}

.boxFooterMenu01 .ulFooterMenu01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxFooterMenu01 .ulFooterMenu01 > li {
  margin-bottom: 4.0em;
  padding-right: 1%;
  letter-spacing: 0.08em;
  font-size: 1.1rem;
}

.boxFooterMenu01 .ulFooterMenu01 > li:nth-child(4n-3) {
  width: 20%;
}

.boxFooterMenu01 .ulFooterMenu01 > li:nth-child(4n-2) {
  width: 24%;
}

.boxFooterMenu01 .ulFooterMenu01 > li:nth-child(4n-1) {
  width: 25%;
}

.boxFooterMenu01 .ulFooterMenu01 > li:nth-child(4n) {
  width: 31%;
}

.boxFooterMenu01 .ulFooterMenu01 > li .linkGem,
.boxFooterMenu01 .ulFooterMenu01 > li .linkMovie,
.boxFooterMenu01 .ulFooterMenu01 > li .linkNews {
  display: inline-block;
  margin-bottom: 0.7em;
}

.boxFooterMenu01 .boxUlFooterMenu0101 {
  padding-top: 1.0em;
}

.boxFooterMenu01 .ulFooterMenu0101 > li {
  position: relative;
  margin-bottom: 0.8em;
  padding-left: 1.3em;
  letter-spacing: 0.03em;
  font-size: 0.95rem;
}

.boxFooterMenu01 .ulFooterMenu0101 > li:last-child {
  margin-bottom: 0;
}

.boxFooterMenu01 .ulFooterMenu0101 > li:before {
  content: '';
  position: absolute;
  left: 0.5em;
  top: 0.15em;
  width: 0.3em;
  height: 0.5em;
  border-left: 1px #999 solid;
  border-bottom: 1px #999 solid;
}


.boxFooter02 {
  position: absolute;
  top: 0;
  left: calc(50% + 270px);
  width: 100%;
}
@media all and (max-width: 1410px){
  .boxFooter02 {
    position: static;
    top: auto;
    left: auto;
    margin-top: 0;/*3em;*/
  }
}
@media all and (max-width: 750px){
  .boxFooter02 {
    margin-top: 1.5em;
    background-color: #f1f1f1;
  }
}

.boxFooterNews {
  position: relative;
}

.boxFooterNews .ttl01 {
  padding: 0.5em 0 0.5em 1.0em;
  background-color: #000;
  color: #fff;
}
@media all and (max-width: 750px){
  .boxFooterNews .ttl01 {
    padding: 0.7em 0 0.7em 1.0em;
    font-size: 0.8rem;
  }
}

.boxFooterNews .boxList {
  padding: 1.0em;
  width: 460px;
}
@media all and (max-width: 1480px){
  .boxFooterNews .boxList {
    width: calc(50% - 270px);
  }
}
@media all and (max-width: 1410px){
  .boxFooterNews .boxList {
    width: 100%;
  }
}

.boxFooterNews .boxListOne {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 0.8em;
}
@media all and (max-width: 750px){
  .boxFooterNews .boxListOne {
    letter-spacing: 0.03em;
    font-size: 0.8rem;
  }
}

.boxFooterNews .boxListOne:last-child {
  margin-bottom: 0;
}

.boxFooterNews .boxListOne .boxListDate {
  width: 6.5em;
}

.boxFooterNews .boxListOne .boxListTtl {
  width: calc(100% - 6.5em);
}

.boxFooterNews .boxLink {
  position: absolute;
  top: 0.4em;
  left: 300px;
  padding-left: 30px;
  color: #fff;
}
@media all and (max-width: 1470px){
  .boxFooterNews .boxLink {
    left: calc(50% - 425px);/*calc(50% - 360px)*/
  }
}
@media all and (max-width: 1410px){
  .boxFooterNews .boxLink {
    left: 300px;
  }
}
@media all and (max-width: 750px){
  .boxFooterNews .boxLink {
    left: auto;
    right: 4.5vw;
    padding-left: 1.5em;
  }
}

.boxFooterNews .boxLink a {
  font-size: 0.9rem;
}
@media all and (max-width: 750px){
  .boxFooterNews .boxLink a {
    font-size: 0.75rem;
  }
}

.boxFooterNews .boxLink:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #fff;
}
@media all and (max-width: 750px){
  .boxFooterNews .boxLink:before {
    width: 4vw;
  }
}

.boxFooterInstagram {
  padding: 1.0em;
  background-color: #000;
  color: #fff;
}
@media all and (max-width: 750px){
  .boxFooterInstagram {
    padding: 0.6em 1.0em 1.0em 1.0em;
  }
}

.boxFooterInstagram .ttl01 {
  margin-bottom: 0.8em;
  padding: 0.2em 0 0.2em 2.1em;
  background-image: url('./../../images/common/footer-icn-instagram01.png');
  background-repeat: no-repeat;
  background-position: left 0.1em;
  background-size: auto auto;
  letter-spacing: 0.07em;
}
@media all and (max-width: 750px){
  .boxFooterInstagram .ttl01 {
    margin-bottom: 0.9em;
    padding: 0.2em 0 0.2em 2.0em;
    background-position: left 0.2em;
    background-size: 4.3vw auto;
    font-size: 0.8rem;
  }
}

.boxFooterInstagramIn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media all and (max-width: 750px){
  .boxFooterInstagramIn .boxQr {
    display: none;
  }
}

.boxFooterInstagramIn .boxList {
  width: 320px;
  padding-left: 3%;
}
@media all and (max-width: 750px){
  .boxFooterInstagramIn .boxList {
    width: 100%;
    min-height: 20vw;
    padding-left: 0;
  }
}

.boxCopyrightWrap {
  background-color: #fff;
}

.boxCopyright {
  padding: 1.4em 0 1.4em 1.2em;
  text-align: left;
  letter-spacing: 0.1em;
  font-size: 0.85rem;
  font-weight: 400;
}
@media all and (max-width: 1530px){
  .boxCopyright {
    width: 30%;
    text-align: right;
  }
}
@media all and (max-width: 1410px){
  .boxCopyright {
    width: 100%;
    text-align: left;
  }
}
@media all and (max-width: 750px){
  .boxCopyright {
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-size: 0.6rem;
  }
}

.boxCopyright br:not(.dSpInline) {
  display: none;
}
@media all and (max-width: 1530px){
  .boxCopyright br:not(.dSpInline) {
    display: inline;
  }
}
@media all and (max-width: 1410px){
  .boxCopyright br:not(.dSpInline) {
    display: none;
  }
}

@media all and (max-width: 750px){
  .boxCopyright .markCopy {
    font-family: Verdana, Roboto, "Droid Sans";
  }
}



/*##### Base #####*/
.ttlBase01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.ttlBase01 .ttlJa {
  margin-bottom: 0.15em;
  letter-spacing: 0.15em;
  font-size: 2.1rem;
}
.ttlBase01.typeSmall .ttlJa {
  margin-bottom: 0.3em;
  letter-spacing: 0.08em;
  font-size: 1.8rem;
}
@media all and (max-width: 750px){
  .ttlBase01 .ttlJa,
  .ttlBase01.typeSmall .ttlJa {
    margin-bottom: 0.2em;
    letter-spacing: 0.18em;
    font-size: 1.6rem;
  }
}

.ttlBase01 .ttlEn {
  letter-spacing: 0.13em;
  font-size: 0.85rem;
  opacity: 0.55;
}
.ttlBase01.typeSmall .ttlEn {
  letter-spacing: 0.08em;
}
@media all and (max-width: 750px){
  .ttlBase01 .ttlEn,
  .ttlBase01.typeSmall .ttlEn {
    letter-spacing: 0.05em;
    font-size: 0.6rem;
  }
}



/*##### Common Contents #####*/