@charset 'utf-8';


/* Common */
.boxTopWrap {
  background-repeat: no-repeat;
  background-position: center top;
}
.pageAbout .boxTopWrap {
  height: 427px;
  background-image: url('./../../images/about/about-mv.jpg');
  background-size: auto 427px;
}
/* /Common */


/* 404 */
.box404 {
  margin-bottom: 85px;
}
.box404 .ttlBase01 {
  margin-bottom: 100px;
}
.box404 .boxCont01 .boxBaseCom {
  letter-spacing: 0.15em;
  font-size: 1.15rem;
}
.box404 .boxCont01 .boxBaseCom p {
  line-height: 1.7;
}
/* /404 */


/* About */
.pageAbout .boxContent {
}
.pageAbout .boxCoverWrap {
}
.pageAbout .boxCover {
}
.pageAbout .boxCoverIn {
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 50%;
  transform: skew(-42.8deg) translateX(-82.75%);
  -ms-transform: skew(-42.8deg) translateX(-82.75%);
  width: 3000px;
  height: 1500px;
  background-color: rgba(0,0,0,0.8);
  transition: left 0.3s;
}
.pageAbout .boxCoverIn .boxCont01 {
  position: absolute;
  top: 655px;
  top: 45%;
  left: 69%;
  transform: skew(42.8deg);
  -ms-transform: skew(42.8deg);
  padding-top: 400px;
  background-image: url('./../../images/about/about-logo01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 350px auto;
  color: #c0c0c0;
}
.pageAbout .boxCoverIn .boxCont01 .ttl {
  margin-bottom: 24px;
  line-height: 1.3;
  letter-spacing: 0.2em;
  font-size: 2.5rem;
}
.pageAbout .boxCoverIn .boxCont01 .boxBaseCom {
  font-size: 0.85rem;
}
.pageAbout .boxCoverIn .boxCont01 .boxBaseCom p {
  line-height: 1.9;
}
.boxAbout01Wrap {
  padding: 60px 0;
  height: 803px;
  background-color: #dcdcdc;
  background-image: url('./../../images/about/about-bg01.jpg');
  background-repeat: no-repeat;
  background-position: center 60px;
  background-size: auto 683px;
}
.boxAbout01 {
  padding-top: 10px;
}
.boxAbout01 .boxBaseCom {
  margin-bottom: 50px;
  letter-spacing: 0.12em;
  font-size: 1.3rem;
}
.boxAbout01 .boxBaseCom p {
  line-height: 1.7;
}
.boxAbout01 .boxSign {
  display: table;
}
.boxAbout01 .boxSignIn {
  display: table-cell;
  vertical-align: middle;
}
.boxAbout01 .boxSignIn .txtJobPosi {
  margin-right: 20px;
  font-size: 1.2rem;
}
.boxAbout01 .boxSignIn img {
  width: 185px;
}

.boxAbout02Wrap {
  padding: 100px 0;
  background-color: #fff;
}
.boxAbout02 .boxCont01 {
  position: relative;
}
.boxAbout02 .boxCont01 .ttl01 {
  margin-bottom: 70px;
  background-image: url('./../../images/about/about-border01.png');
  background-repeat: no-repeat;
  background-position: 80% 25px;
  background-size: 558px auto;
  letter-spacing: 0.2em;
  font-size: 2.9rem;
  color: #ababab;
}
.imgAboutLogo0102 {
  position: absolute;
  right: 0;
  top: 0;
  width: 141px;
}
.boxAbout02 .boxCont01 {
  margin-bottom: 70px;
}
.boxAbout02 .boxCont01 .ttl02 {
  margin-bottom: 25px;
  font-size: 1.6rem;
  font-weight: 700;
}
.boxAbout02 .boxCont01 .boxBaseCom {
  font-size: 1.3rem;
}
/****************/
.boxAbout02 .boxCont02LR {
  margin-bottom: 80px;
}
.boxAbout02 .boxCont02LR .boxBaseCom {
  font-size: 1.2rem;
}
.boxAbout02 .boxCont02LR .boxBaseCom p {
  line-height: 1.7;
}
.boxAbout02 .boxCont02L {
  float: left;
  width: 47.5%;
  padding-right: 5%;
}
.boxAbout02 .imgAboutLogo0105 {
  margin-bottom: 30px;
  width: 225px;
}
.boxAbout02 .boxCont02L .ttl01 {
  margin-bottom: 25px;
  font-size: 1.6rem;
  font-weight: 700;
}
.boxAbout02 .boxCont02R {
  float: left;
  width: 47.5%;
  padding-top: 20px;
}
.boxAbout02 .boxCont02R .boxDl {
  margin-bottom: 70px;
}
.boxAbout02 .boxCont02R .boxDl dl {
  margin-bottom: 20px;
}
.boxAbout02 .boxCont02R .boxDl dt,
.boxAbout02 .boxCont02R .boxDl dd {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
}
/****************/
.boxAbout02 .boxCont03LR{
  margin-bottom: 80px;
}
.boxAbout02 .boxCont03L {
  float: left;
  width: 40%;
}
.boxAbout02 .boxCont03L .boxBaseCom {
  background-image: url('./../../images/about/about-border02.png');
  background-repeat: no-repeat;
  background-position: 94% 15px;
  background-size: 104px auto;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
}
.boxAbout02 .boxCont03L .boxBaseCom p {
  line-height: 1.7;
}
.boxAbout02 .boxCont03R {
  position: relative;
  float: left;
  width: 60%;
}
.boxAbout02 .boxCont03R .txt01 {
  position: absolute;
  top: 6px;
  left: 185px;
  letter-spacing: 0.1em;
  font-size: 1.25rem;
}
.boxAbout02 .boxCont03R .txt02 {
  position: absolute;
  top: 210px;
  left: 100px;
  letter-spacing: 0.1em;
  font-size: 1.25rem;
}
.boxAbout02 .boxCont03R .imgAboutLogo0101 {
  width: 488px;
  margin-bottom: 70px;
}
.boxAbout02 .boxCont03R .imgAboutLogo0106 {
  position: relative;
  right: 131px;
  width: 620px;/*487px;*/
}
/****************/
.boxAbout02 .boxCont04 {
  margin-bottom: 90px;
  padding: 10px 0 0 0;
  background-image: url('./../../images/about/about-logo0104.png');
  background-repeat: no-repeat;
  background-position: 65% 0;
  background-size: 488px auto;
}
.boxAbout02 .boxCont04 .ttl01 {
  margin-bottom: 90px;
  letter-spacing: 0.2em;
  font-size: 2.9rem;
  color: #ababab;
}
.boxAbout02 .boxCont04LR .ttl02 {
  margin-bottom: 25px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  font-weight: 700;
}
.boxAbout02 .boxCont04LR .boxBaseCom {
  font-size: 1.25rem;
}
.boxAbout02 .boxCont04LR .boxBaseCom p {
  line-height: 1.6;
}
.boxAbout02 .boxCont04L {
  float: left;
  width: 45%;
  margin-right: 10%;
}
.boxAbout02 .boxCont04R {
  float: left;
  width: 45%;
}
/****************/
.boxAbout02 .boxCont05 {
  text-align: center;
}
.boxAbout02 .boxCont05 .ttl01 {
  margin-bottom: 50px;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
}
.boxAbout02 .boxCont05 .imgAboutLogo0103 {
  width: 985px;

}
/****************/
.boxAbout03Wrap {
  margin-bottom: 63px;
  padding-top: 95px;
}
.boxAbout03 .ttlBase01 {
  margin-bottom: 65px;
}
.boxAbout03 .boxCont01 dl {
  display: table;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px #999 solid;
  font-size: 1.15rem;
}
.boxAbout03 .boxAbout0301 .boxCont01 dl:last-child {
  border-bottom: 0;
}
.boxAbout03 .boxCont01 dt {
  display: table-cell;
  width: 24%;/*29%;*/
  padding-left: 25px;/*35px;*/
  vertical-align: top;
}
.boxAbout03 .boxCont01 dt > span:before {
  content: '・';
  margin-right: 3px;
}
.boxAbout03 .boxCont01 dt .str2 {
  letter-spacing: 1.0em;
}
.boxAbout03 .boxCont01 dd {
  display: table-cell;
  width: 76%;/*71%;*/
  vertical-align: top;
}
.boxAbout03 .boxCont01 dd a {
  text-decoration: underline;
}
.boxAbout03 .boxCont01 dd .txtName {
  margin-left: 15px;
}
.boxAbout03 .boxCont01 dd .boxBaseCom {
  letter-spacing: normal;
  font-size: 1.15rem;
}
.boxAbout03 .boxCont01 dd li {
  margin-bottom: 6px;
  margin-left: 1.0em;
  line-height: 1.3;
  font-size: 1.15rem;
  text-indent: -1.0em;
}
.boxAbout03 .boxCont01 dd li:last-child {
  margin-bottom: 0;
}
.boxAbout03 .boxCont01 dd li:before {
  content: '-';
  margin-right: 12px;
}
.boxAbout03 .boxAboutMovieCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-image: url(./../../images/index/index-bg-dot.png);
  background-repeat: repeat;
  background-position: left top;
}
/****************/
.boxAbout0301 {
  position: relative;
}
.boxAbout0301 .boxAboutMovie01 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  text-align: right;
}
.boxAbout0301 .boxAboutMovie01 img {
  max-width: none;
  height: 538px;/*:530px;*/
}
.boxAbout0301 .boxAboutMovie01 video {
  height: 538px;
}
.boxAbout0301 .boxCont01 {
  width: 47.5%;
  min-height: 538px;/*530px;*/
  margin-left: auto;
}
/****************/
.boxAbout0302 {
  position: relative;
}
.boxAbout0302 .boxAboutMovie02 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(0);
  -ms-transform: translateX(0);
}
.boxAbout0302 .boxAboutMovie02 img {
  max-width: none;
  height: 558px;/*530px;*/
}
.boxAbout0302 .boxAboutMovie02 video {
  height: 558px;
}
.boxAbout0302 .boxCont01 {
  width: 47.5%;
  min-height: 558px;/*530px;*/
}
/****************/
.boxAbout0303 .boxCont01 {
  width: 100%;
}
.boxAbout0303 .boxCont01 dl {
  padding: 50px 0;
}
.boxAbout0303 .boxCont01 dt {
  width: 11.4%;/*13.8%;*/
}
.boxAbout0303 .boxCont01 dd {
  width: 89.6%;/*86.2%;*/
}
.boxAbout0303 .boxCont01 dd ul {
  float: left;
  width: 33.33333%;
}
.boxAbout0303 .boxCont01 dd li {
  margin-bottom: 13px;
}
.boxAbout0303 .boxCont01 dd li .small {
  font-size: 1.05rem;
}
.boxAbout0303 .boxCont01 dd li.liCom01 {
  margin-left: -0.2em;
  padding-top: 30px;
  line-height: 1.3;
  font-size: 1.15rem;
  text-indent: 0;
}
.boxAbout0303 .boxCont01 dd li.liCom01:before {
  content: none;
}
/****************/
.boxAbout04Wrap {
  /*height: 459px;
  background-image: url('./../../images/about/about-map01.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 459px;*/
}
/* /About */


/* Contact */
.boxContact {
  margin-bottom: 150px;
}
.boxContact .boxContactTopNavi {
  margin-bottom: 7px;
  padding: 33px 20px 33px 45px;
  border: 0;
  background-color: #f1f1f1;
}
.boxContact .ulContactTopNavi li {
  letter-spacing: 0.1em;
  font-size: 1.1rem;
}
.formContact .dlForm,
.formContact.modeConfirm .dlForm {
  padding: 12px 0;
  border-bottom: 1px #999 solid;
  font-size: 1.35rem;
}
.formContact .dlForm.typeContOneDisp {
  border: 0;
}
.formContact .dlForm.dlContSelect.typeContOneDisp {
  padding-bottom: 0;
}
.formContact .dlForm.dlContSelect.typeContOneDisp select {
  margin-bottom: 13px;
}
.formContact .dlForm.dlCont.typeContOneDisp {
  padding-top: 0;
}
.formContact.modeConfirm .dlForm.dlCont.typeContOneDisp {
  border-bottom: 1px #999 solid;
}
.formContact .dlForm > dt {
  height: 55px;
  padding-left: 9.1%;
}
.formContact.modeConfirm .dlForm > dt {
  width: 31%;
}
.formContact .dlForm.typeContOneDisp > dt,
.formContact .dlForm.dlAddress > dt {
  vertical-align: top;
}
.formContact .dlForm > dt .boxContOneDisp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  padding-left: 36.5%;
  padding-top: 15px;
}
.formContact.modeConfirm .dlForm > dt .boxContOneDisp {
  padding-left: 29.5%;
}
.formContact .dlForm > dt .txt01:before {
  content: '・';
  margin-right: 4px;
}
.formContact .dlForm.dlCont.typeContOneDisp > dt .txt01:before {
  content: none;
}
.formContact dt .dtIn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
}
.formContact dt .dtIn .txt01{
  position: absolute;
  top: 50%;
  left: 36.5%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.formContact dt .markRequired,
.formContact dt .markNotRequired {
  left: 15.2%;
}
.formContact dt .markRequired {
  border: 0;
  background-color: #923f49;
  color: #fff;
}
.formContact dt .markNotRequired {
  border: 0;
  background-color: #7c7c7c;
  color: #fff;
}
.formContact dt .markRequired,
.formContact dt .markNotRequired{
  width: 55px;
  padding: 20px 0 22px 0;
  font-size: 1.0rem;
}
@media all and (-ms-high-contrast:none){
  .formContact dt .markRequired,
  .formContact dt .markNotRequired {
    padding: 20px 0 16px 0;
  }
}
.formContact .dlForm > dd {
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-size: 1.35rem;
}
.formContact.modeConfirm .dlForm > dd {
  width: 69%;
}
.formContact dd input,
.formContact dd select,
.formContact dd textarea {
  padding: 12px 25px;
  border: 0;
  background-color: #f1f1f1;
  font-size: 1.35rem;
}
.formContact dd select {
  padding: 12px 25px 16px 25px;
}
.formContact input[name="my_name"],
.formContact input[name="my_name_kana"],
.formContact input[name="telno"],
.formContact input[name="faxno"],
.formContact input[name="email"],
.formContact select[name="pref"],
.formContact select[name="cont_select"] {
  width: 425px;
}
.formContact input[name="company_name"],
.formContact input[name="company_name_kana"] {
  width: 800px;
}
.formContact input[name="address"],
.formContact textarea[name="cont"] {
  width: 960px;
}
/****************/
.boxContactCheckPrivacyP.typeEmbed > .ttl {
  display: block;
  margin-bottom: 13px;
  padding: 22px 0 30px 0;
  background-color: #7a7a7a;
  letter-spacing: 0.12em;
  font-size: 2.0rem;
  color: #fff;
}
.boxContactCheckPrivacyP.typeEmbed .boxContactCheckPrivacyPIn {
  background-color: #e7e7e7;
}
.boxContactCheckPrivacyP.typeEmbed .boxContactCheckPrivacyP01 {
  height: 290px;
  margin-bottom: 50px;
  padding: 10px 10px 10px 25px;
  line-height: 1.5;
  font-size: 1.15rem;
}
.boxContactCheckPrivacyP02 {
  width: 96%;
  margin-bottom: 0;
  padding: 22px 0 24px 0;
  border: 0;
  background-color: #ababab;
  font-size: 1.25rem;
  color: #fff;
}
@media all and (-ms-high-contrast:none){
  .boxContactCheckPrivacyP02 {
    padding: 22px 0 18px 0;
  }
}
/****************/
.boxContactSubmitBtn {
  padding-top: 53px;
}
.boxContactSubmitBtn .btnSubmit {
  border: 1px #7a7a7a solid;
  background-color: inherit;
  background-repeat: no-repeat;
  letter-spacing: 0.1em;
  /*font-family: "A1明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Meiryo UI","MS PGothic","ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
}
.boxContactSubmitBtn .btnSubmit:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.boxContactSubmitBtn .btnContact01 {
  width: 50%;
  padding: 37px 50px 35px 0;
  background-image: url('./../../images/contact/contact-icn-arrow01-r.png');
  background-position: 71% center;
  background-size: 9px auto;
}
@media all and (-ms-high-contrast:none){
  .boxContactSubmitBtn .btnContact01 {
    padding: 37px 50px 30px 0;
  }
}
.boxContactSubmitBtn .btnContactBack {
  width: 385px;
  margin-right: 25px;
  padding: 37px 0 35px 50px;
  background-image: url('./../../images/contact/contact-icn-arrow01-l.png');
  background-position: 18.5% center;
  background-size: 9px auto;
}
@media all and (-ms-high-contrast:none){
  .boxContactSubmitBtn .btnContactBack {
    padding: 37px 50px 30px 0;
  }
}
.boxContactSubmitBtn .btnContact02 {
  width: 385px;
  margin-left: 25px;
  padding: 37px 50px 35px 0;
  background-image: url('./../../images/contact/contact-icn-arrow01-r.png');
  background-position: 81.5% center;
  background-size: 9px auto;
}
@media all and (-ms-high-contrast:none){
  .boxContactSubmitBtn .btnContact02 {
    padding: 37px 50px 30px 0;
  }
}
/****************/
.boxFormErrorParts {
  margin-bottom: 0;
}
.boxFormErrorParts.typeContOneDisp {
  position: relative;
  top: -13px;
}
.boxFormErrorParts .txtErrmsg {
  font-size: 1.05rem;
}
/****************/
.boxContactThanks {
  padding: 50px 35px 60px 35px;
  background-color: #f1f1f1;
}
.boxContactThanksIn p {
  margin-bottom: 27px;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-size: 1.2rem;
}
.boxContact .boxBottomContactTelno01 {
  width: 390px;
  margin: 0 auto;
  padding: 15px;
  border: 1px #999 solid;
  text-align: center;
}
.boxContact .boxBottomContactTelno01 .boxTtl {
  margin-bottom: 5px;
  letter-spacing: 0.1em;
  font-size: 1.35rem;
}
.boxContact .boxBottomContactTelno01 .boxTelno {
  letter-spacing: 0.1em;
  font-size: 2.7rem;
}
.boxContact .boxBottomContactTelno01 .txtTelno:before {
  content: '\f095';
  font-family: FontAwesome;
  display: inline-block;
  transform: rotate(15deg);
  margin-right: 3px;
  font-size: 2.5rem;
}
/* Contact */


/* Movie */
.boxMovie01 {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.boxMovie01 .logoMovie01 {
  position: absolute;
  z-index: 3;
  left: 50%;
  /*top: 30vh;*/
  bottom: 40%;/*27.5%;*/
  transform: translateX(-85%);
  -ms-transform: translateX(-85%);
  width: 125px;
}
.boxMovie01F {
  display: table;
  width: 160%;/*115%;*/
  height: 900px;
  margin-left: -33%;/*-20%;*//* -230px;*/
}
.boxMovie01FOne {
  position: relative;
  overflow: hidden;
  display: table-cell;
  width: 12%/*17%20%;*//*17.2%*/;
  transform: skew(-19.64deg);
  -ms-transform: skew(-19.64deg);
  cursor: pointer;
  transition: transform 0.5s;
}
.boxMovie01FOne:first-child {
  width: 33%;/*25.5%25.2%*/;/**/
  /*overflow: visible;*/
}
.boxMovie01FOne:last-child {
  width: 31%;/*23.5%23.2%;*//**/
  /*overflow: visible;*/
}
.boxMovie01FOneIn {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
  transform: skew(19.64deg);
  -ms-transform: skew(19.64deg);
}
.boxMovie01FOne:nth-child(1) .boxMovie01FOneIn {
  width: 126%;/*165%*/;
  background-image: url('./../../images/movie/movie-img01.png');
}
.boxMovie01FOne:nth-child(2) .boxMovie01FOneIn {
  width: 225%;/*220.5%;*/
  left: -60%;
  background-image: url('./../../images/movie/movie-img02.png');
}
.boxMovie01FOne:nth-child(3) .boxMovie01FOneIn {
  width: 225%;
  left: -60%;
  background-image: url('./../../images/movie/movie-img03.png');
}
.boxMovie01FOne:nth-child(4) .boxMovie01FOneIn {
  width: 225%;
  left: -60%;
  background-image: url('./../../images/movie/movie-img04.png');
}
.boxMovie01FOne:nth-child(5) .boxMovie01FOneIn {
  width: 100%;
  left: -47%;
  background-image: url('./../../images/movie/movie-img05.png');
}

.boxMovie01FOne:nth-child(1):hover {
  /*overflow: hidden;*/
  z-index: 2;
  transform: skew(-19.64deg) translateX(7%) scale(1.2);
  -ms-transform: skew(-19.64deg) translateX(7%) scale(1.2);
}
.boxMovie01FOne:nth-child(2):hover {
  /*overflow: visible;*/
  z-index: 2;
  transform: skew(-19.64deg) translateX(10%) scale(1.2);
  -ms-transform: skew(-19.64deg) translateX(10%) scale(1.2);
}
.boxMovie01FOne:nth-child(3):hover {
  /*overflow: visible;*/
  z-index: 2;
  transform: skew(-19.64deg) translateX(10%) scale(1.2);
  -ms-transform: skew(-19.64deg) translateX(10%) scale(1.2);
}
.boxMovie01FOne:nth-child(4):hover {
  /*overflow: visible;*/
  z-index: 2;
  transform: skew(-19.64deg) translateX(-10%) scale(1.2);
  -ms-transform: skew(-19.64deg) translateX(-10%) scale(1.2);
}
.boxMovie01FOne:nth-child(5):hover {
  /*overflow: visible;*/
  z-index: 2;
  transform: skew(-19.64deg) translateX(-7%) scale(1.2);
  -ms-transform: skew(-19.64deg) translateX(-7%) scale(1.2);
}

.boxMovie01FOne .imgMovie01All {
  position: absolute;
  top: 0;
  right: 0;
/*  transform: skew(19.64deg);
  -ms-transform: skew(19.64deg);*/
  max-width: none;
  pointer-events: none;
}
.boxMovie01FOne .imgMovie01 {
  display: none;
/*  right: -27.8%;*/
  width: 610px;
}
.boxMovie01FOne .imgMovie02 {
  display: none;
  /*right: -40.7%;*/
}
.boxMovie01FOne .imgMovie03 {
  display: none;
  /*right: -40.7%;*/
}
.boxMovie01FOne .imgMovie04 {
  display: none;
  /*right: -40.7%;*/
}
.boxMovie01FOne .imgMovie05 {
  display: none;
  /*left: -30.2%;*/
}

.boxMovie01FOne .boxCont01 {
  position: absolute;
  /*bottom: 30vh;*//*19vh;*/
  top: 64%;
  left: -10%;
  width: 100%;
  /*
  transform: skew(19.64deg);
  -ms-transform: skew(19.64deg);*/
  transition: none;
  text-align: center;
  color: #c0c0c0;
}

.boxMovie01FOne:first-child .boxCont01 {
  left: 11.5%;
}
.boxMovie01FOne:last-child .boxCont01 {
  left: auto;
  right: -15%;
}/**/
.boxMovie01FOne .boxCont01 .ttl {
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  font-size: 1.7rem;/*2.2rem;*/
}
.boxMovie01FOne .boxCont01 .boxName {
  font-size: 1.5rem;
}
.boxMoviePlayer {
  display: none;
}
/* /Movie */


/* News */
.boxNews .boxCategory {
  text-align: center;
}
.boxNews .boxCategory dl {
  display: table;
  width: 450px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.boxNews .boxCategory dt {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 2px;
  letter-spacing: 0.1em;
  font-size: 2.0rem;
}
.boxNews .boxCategory dd {
  display: table-cell;
  vertical-align: bottom;
}
.boxNews .boxCategory dd li {
  display: inline-block;
  width: 75px;
  margin-right: 5px;
  padding: 1px 0 4px 0;
  border: 1px #ababab solid;
  text-align: center;
  font-size: 0.93rem;
}
.boxNews .boxCategory dd li:hover,
.boxNews .boxCategory dd li.current {
  background-color: #7a7a7a;
}
.boxNews .boxCategory dd li:hover a,
.boxNews .boxCategory dd li.current a {
  color: #ccc;
}
.boxNews .boxCategory dd li.current a {
  pointer-events: none;
}
/****************/
.boxNews01 .boxListOne {
  float: left;
  margin-bottom: 28px;
}
.boxNews01 .boxListOne.oneCnt1 {
  width: 40.4%;
  height: 375px;
  margin-right: 2.2%;
}
.boxNews01 .boxListOne.oneCnt2 {
  width: 27.6%;
  height: 375px;
  margin-right: 2.2%;
}
.boxNews01 .boxListOne.oneCnt3 {
  width: 27.6%;
  height: 375px;/*254px;*/
}
.boxNews01 .boxListOne.oneCnt4 {
  width: 40.4%;
  height: 375px;
  margin-right: 2.2%;
}
.boxNews01 .boxListOne.oneCnt5 {
  width: 57.4%;
  height: 375px;
}
.boxNews01 .boxListOne.oneCnt6 {
  width: 57.4%;
  height: 492px;
  margin-right: 2.2%;
}
.boxNews01 .boxListOne.oneCnt7 {
  width: 40.4%;
  height: 492px;
}
.boxNews01 .boxListOne.oneCnt8 {
  width: 27.6%;
  height: 256px;
  margin-right: 2.2%;
}
.boxNews01 .boxListOne.oneCnt9 {
  width: 27.6%;
  height: 256px;
  margin-right: 2.2%;
}
.boxNews01 .boxListOne.oneCnt10 {
  width: 40.4%;
  height: 256px;
}
.boxNews01 .boxListOne .boxListOneIn,
.boxNewsCat01 .boxListOne .boxListOneIn {
  overflow: hidden;
  position: relative;
  background-color: #000;
  height: 100%;
}
.term-recruit .boxNewsCat01 .boxListOne .boxListOneIn {
  background-color: #8d8a8a;
}
.boxNews01 .boxListOne.oneCnt2 .boxListOneIn {
  height: 256px;
}
.boxNews01 .boxListOne.oneCnt3 .boxListOneIn {
  height: 256px;
}
.boxNews01 .boxListOne.oneCnt5 .boxListOneIn {
  position: relative;
  top: -117px;
  height: 492px;
}
.boxNews01 .boxListOne.oneCnt7 .boxListOneIn {
  height: 375px;
}
.boxNews01 .boxListOne.oneCnt10 .boxListOneIn {
  position: relative;
  top: -118px;
  height: 375px;
}
.boxNews01 .boxListOne .boxListOneIn a,
.boxNewsCat01 .boxListOne .boxListOneIn a {
  display: block;
}
.boxNews01 .boxListOne .boxListOneIn img.imgMain,
.boxNewsCat01 .boxListOne .boxListOneIn img.imgMain {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  max-width: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 0.8s;
  backface-visibility: hidden;
  width: 649px;
}
.boxNews01 .boxListOne .boxListOneIn img.imgArrow,
.boxNewsCat01 .boxListOne .boxListOneIn img.imgArrow {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  width: 57px;
}
.boxNews01 .boxListOne .boxListOneIn a:hover,
.boxNews01 .boxListOne .boxListOneIn img:hover,
.boxNewsCat01 .boxListOne .boxListOneIn a:hover,
.boxNewsCat01 .boxListOne .boxListOneIn img:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.boxNews01 .boxListOne .boxListOneIn img.imgMain.horizontalImg,
.boxNewsCat01 .boxListOne .boxListOneIn img.imgMain.horizontalImg {
  width: auto;
  height: 100%;
}
.boxNews01 .boxListOne .boxListOneIn img.imgMain.verticalImg,
.boxNewsCat01 .boxListOne .boxListOneIn img.imgMain.verticalImg {
  width: 100%;
  height: auto;
}
.boxNews01 .boxListOne .boxListOneIn .boxCont01 {
  position: absolute;
  z-index: 3;
  bottom: 12px;
  left: 8px;
}
.boxNews01 .boxListOne .boxListOneIn .boxPostMeta {
  margin-bottom: 5px;
  color: #c0c0c0;
}
.boxNews01 .boxListOne .boxListOneIn:hover .txtDate {
  text-shadow: 0 0 3px rgba(0,0,0,1.0),0 0 1px rgba(0,0,0,1.0);
}
.boxNews01 .boxListOne .boxListOneIn .ulPostTerms {
  display: inline-block;
}
.boxNews01 .boxListOne .boxListOneIn .ulPostTerms li {
  display: inline-block;
  padding: 0 10px 3px 10px;
  border: 1px #c0c0c0 solid;
  background-color: rgba(0,0,0,0.4);
  font-size: 0.85rem;
}

.boxNews01 .boxListOne .boxListOneIn .ttlList {
  font-size: 1.3rem;
  color: #c0c0c0;
}
.boxNews01 .boxListOne .boxListOneIn:hover .ttlList {
  text-shadow: 0 0 3px rgba(0,0,0,1.0),0 0 1px rgba(0,0,0,1.0);
}
/****************/
.tax-news-cat .boxNews {
  margin-bottom: 100px;
}
.boxNewsCat01 .boxList {
  margin-bottom: 90px;
}
.boxNewsCat01 .boxListOne {
  float: left;
  width: 48.9%;
  height: 375px;
  margin-right: 2.2%;
  margin-bottom: 28px;
}
.boxNewsCat01 .boxListOne:nth-child(2n) {
  margin-right: 0;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont01 {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 54%;
  height: 100%;
  padding: 35px 23px 30px 23px;
  /*background-color: rgba(0,0,0,0.6);*/
  background-color: #303030;
  color: #ccc;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont02 {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  width: 46%;
  height: 100%;
  padding: 35px 23px 30px 23px;
  /*
  background-color: rgba(0,0,0,0.6);*/
  color: #ccc;
}
.boxNewsCat01 .boxListOne .boxListOneIn .ttlList {
  margin-bottom: 25px;
  padding-bottom: 30px;
  background-image: url('./../../images/news/news-rec-border01.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 242px 1px;
  line-height: 1.2;
  font-size: 1.39rem;
}
.boxNewsCat01 .boxListOne .boxListOneIn .ttlSub {
  display: inline-block;
  font-size: 1.1rem;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont01 .boxBaseCom {
  margin-bottom: 30px;
  letter-spacing: 0.1em;
  font-size: 1.0rem;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont0101 {
  position: absolute;
  top: 35px;
  right: -77%;
  width: 70%;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont0101 dl {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont0101 dt {
  display: table-cell;
  width: 28%;
  padding-right: 4%;
  vertical-align: top;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont0101 dt > span {
  display: inline-block;
  width: 100%;
  padding: 4px 0 2px 0;
  border: 1px #c0c0c0 solid;
  /*background-color: rgba(0,0,0,0.1);*/
  background-color: rgba(0,0,0,0.4);
  text-align: center;
  font-size: 0.9rem;
}
@media all and (-ms-high-contrast:none){
  .boxNewsCat01 .boxListOne .boxListOneIn .boxCont0101 dt > span {
    padding: 5px 0 0 0;
  }
}

.boxNewsCat01 .boxListOne .boxListOneIn .boxCont0101 dt .str2 {
  letter-spacing: 1.0em;
}
.boxNewsCat01 .boxListOne .boxListOneIn .boxCont0101 dd {
  display: table-cell;
  width: 72%;
  vertical-align: top;
  line-height: 1.3;
}

.boxNewsCat01 .boxNewsEmpty {
  margin-top: -60px;
  padding: 85px 105px;
  text-align: center;
  background-color: #f1f1f1;
}
@media all and (max-width: 640px){
  .boxNewsCat01 .boxNewsEmpty {
    margin-top: 0;
    padding: 6vw 6vw;
  }
}

.boxNewsCat01 .boxNewsEmpty01 {
/*
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
*/
  text-align: left;
}

.boxNewsCat01 .boxNewsEmpty01 .ttl01 {
  margin-bottom: 42px;
  font-size: 2.4rem;
}
@media all and (max-width: 640px){
  .boxNewsCat01 .boxNewsEmpty01 .ttl01 {
    margin-bottom: 5vw;
    font-size: 5.5vw;
  }
}

.boxNewsCat01 .boxNewsEmpty01 .boxBaseCom {
  font-size: 1.8rem;
}
@media all and (max-width: 640px){
  .boxNewsCat01 .boxNewsEmpty01 .boxBaseCom {
    font-size: 4.0vw;
  }
}

.boxNewsCat01 .boxNewsEmpty01 .boxBaseCom p {
  line-height: 1.8;
}


/****************/
.boxNewsSRec01 {
  margin-bottom: 108px;
}
.boxNewsSRec01 .boxContL {
  display: none;
  float: left;
  width: 52.1%;
  margin-right: 2.2%;
}
.boxNewsSRec01 .boxContR {
  float: left;
  width: 45.7%;
}
.boxNewsSRec01 .boxContR .ttl {
  margin-bottom: 30px;
}
.boxNewsSRec01 .boxContR .ttl > .ttlMain {
  display: block;
  margin-bottom: 8px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-size: 2.1rem;
}
.boxNewsSRec01 .boxContR .ttl > .ttlSub {
  font-size: 1.7rem;
}
.boxNewsSRec01 .boxContR .ttlBase02 {
  margin-bottom: 10px;
}
.boxNewsSRec01 .boxContR .ttlBase02 > span {
  width: 95px;
  text-align: center;
  letter-spacing: 0.03em;
}
@media all and (-ms-high-contrast:none){
  .boxNewsSRec01 .boxContR .ttlBase02 > span {
    padding: 0.5em 0.8em 0.1em 0.8em;
  }
}
.boxNewsSRec01 .boxContR .ttlBase02 .str2 {
  letter-spacing: 1.0em;
}
.boxNewsSRec01 .boxContR .boxCont02 {
  margin-bottom: 20px;
}
.boxNewsSRec01 .boxContR .boxBaseCom p {
  line-height: 1.7;
  letter-spacing: 0.1em;
}
/****************/
.boxNewsSRec02 {
  margin-bottom: 150px;
}
.boxNewsSRec02 .boxCont01 dl {
  display: table;
  width: 100%;
  padding: 30px 0;
  border-bottom: 2px #ccc solid;
  font-size: 1.13rem;
}
.boxNewsSRec02 .boxCont01 dt {
  display: table-cell;
  width: 16%;
  padding-left: 48px;
  vertical-align: top;
  line-height: 1.7;
}
.boxNewsSRec02 .boxCont01 dt > span:before {
  content: '・';
  margin-right: 5px;
}
.boxNewsSRec02 .boxCont01 dt .str2 {
  letter-spacing: 1.0em;
}
.boxNewsSRec02 .boxCont01 dd {
  display: table-cell;
  width: 84%;
  vertical-align: top;
  letter-spacing: 0.07em;
  line-height: 1.7;
}
/****************/
.boxNewsS01 {
}
/*
.boxNewsS01 .boxSingle .boxImg {
  float: left;
  width: 45%;
  margin-right: 2.2%;
}*/
.boxNewsS01 .boxSingle .boxCont {
  /*float: left;*/
  width: 100%;/*52.8%;*/
}
.boxNewsS01 .boxSingle .boxCont .ttl {
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 2px #ccc solid;
  letter-spacing: 0.05em;
  font-size: 2.1rem;
}
.boxNewsS01 .boxSingle .boxCont .boxDate {
  margin-bottom: 25px;
  text-align: right;
}
.boxNewsS01 .boxSingle .boxCont .boxPostBody p {
  line-height: 1.5;
  letter-spacing: 0.07em;
}

.boxNewsS .boxLinkToArchive {
  margin-bottom: 130px;
  text-align: center;
}
.boxNewsS .boxLinkToArchive a {
  display: inline-block;
  padding: 0 50px 40px 50px;
  background-image: url(./../../images/portfolio/portfolio-icn-arrow02.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 52px auto;
  font-size: 1.35rem;
}
/****************/
/* /News */


/* Portfolio */
.boxPortfolio01 .boxListOne {
  float: left;
  margin-bottom: 28px;
}
.boxPortfolio01 .boxListOne.oneCnt1 {
  width: 57.8%;
  height: 490px;
  margin-right: 2.2%;
}
.boxPortfolio01 .boxListOne.oneCnt2 {
  width: 40%;
  height: 490px;
}
.boxPortfolio01 .boxListOne.oneCnt3 {
  width: 27.8%;
  height: 254px;
  margin-right: 2.2%;
}
.boxPortfolio01 .boxListOne.oneCnt4 {
  width: 27.8%;
  height: 254px;
  margin-right: 2.2%;
}
.boxPortfolio01 .boxListOne.oneCnt5 {
  width: 40%;
  height: 254px;
}
.boxPortfolio01 .boxListOne .boxListOneIn {
  overflow: hidden;
  position: relative;
  background-color: #000;
  height: 100%;
}
.boxPortfolio01 .boxListOne.oneCnt2 .boxListOneIn {
  height: 372px;
}
.boxPortfolio01 .boxListOne.oneCnt5 .boxListOneIn {
  position: relative;
  top: -118px;
  height: 372px;
}
.boxPortfolio01 .boxListOne .boxListOneIn a {
  display: block;
}
.boxPortfolio01 .boxListOne .boxListOneIn img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  max-width: none;
}
.boxPortfolio01 .boxListOne.oneCnt1 img {
  width: 771px;
  height: auto;
}
.boxPortfolio01 .boxListOne.oneCnt2 img,
.boxPortfolio01 .boxListOne.oneCnt5 img {
  width: 539px;
  height: auto;
}
.boxPortfolio01 .boxListOne.oneCnt3 img,
.boxPortfolio01 .boxListOne.oneCnt4 img {
  width: 371px;
  height: auto;
}
.boxPortfolio01 .boxListOne .boxListOneIn img:hover {
  opacity: 0.5;
}
.boxPortfolio01 .boxListOne .boxListOneIn img.horizontalImg {
  width: auto;
  height: 101%;
}
.boxPortfolio01 .boxListOne .boxListOneIn img.verticalImg {
  width: 101%;
  height: auto;
}
.boxPortfolio01 .boxListOne .boxListOneIn .boxClinetName {
  display: none;
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  /*text-shadow: 0 0 5px rgba(0,0,0,1.0),0 0 3px rgba(0,0,0,1.0),0 0 1px rgba(0,0,0,1.0);*/
  /*text-shadow: 0 0 3px rgba(0,0,0,1.0),0 0 1px rgba(0,0,0,1.0);*/
  transition: 0.8s;
}
.boxPortfolio01 .boxListOne .boxListOneIn:hover .boxClinetName {
  display: block;
}
/****************/
.boxPortfolioS01 .boxList {
  margin-bottom: 150px;
}
.boxPortfolioS01 .boxListOne {
  margin-bottom: 55px;
}
.boxPortfolioS01 .boxListOne.typeCol2 {
  display: table;
  width: 100%;
  margin-bottom: -50px;
  /*margin-top: -150px;*/
}
.boxPortfolioS01 .boxListOne.typeCol2 .boxWebsitePortfolio {
  position: relative;
  top: -150px;
  display: table-cell;
  width: 60%;
  padding: 0 0 0 3%;
  vertical-align: top;
  text-align: center;
}
.boxPortfolioS01 .boxListOne.typeCol2 .boxWebsitePortfolio img {
  width: 100%;
}
.boxPortfolioS01 .boxListOneIn {
  text-align: center;
}

.boxPortfolioS01 .boxListOneIn .ttl02 {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #000;
  text-align: left;
  font-weight: 700;
  font-size: 1.23rem;
  color: #fff;
}
@media all and (max-width: 640px){
  .boxPortfolioS01 .boxListOneIn .ttl02 {
    margin-bottom: 3vw;
    padding: 1.5vw 3vw;
    line-height: 1.3;
    font-size: 0.95rem;
  }
}

.boxPortfolioS01 .boxListOne .boxportfolioLink {
  margin-top: 5px;
  text-align: right;
  letter-spacing: 0.1em;
  font-size: 1.0rem;
}
.boxPortfolioS01 .boxListOne .boxClientInfo {
  text-align: center;
}
.boxPortfolioS01 .boxListOne.typeCol2 .boxClientInfo {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}
.boxPortfolioS01 .boxListOne.typeCol2 .boxClientInfoIn {
  position: relative;
  top: -150px;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientName {
  margin-bottom: 12px;
  font-size: 1.27rem;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientDomain {
  margin-bottom: 38px;
  letter-spacing: 0.07em;
  font-size: 1.1rem;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientTag li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 0.98rem;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientTag .ul01 > li {
  margin: 0 5px;
  font-size: 0.7rem;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientTag .ul02 {
  margin-top: 5px;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientTag .ul02 > li:first-child {
  padding-left: 20px;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientTag .ul02 > li:not(:last-child):after {
  content: '／';
  margin: 0 3px;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientTag li span {
  display: inline-block;
}
.boxPortfolioS01 .boxListOne .boxClientInfo .boxClientTag .ul02 li span {
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 1px #333 solid;
}
.boxPortfolioS01 .boxPortfolioPageNavi {
  margin-bottom: 130px;
  text-align: center;
}
.boxPortfolioS01 .boxPortfolioPageNavi .boxLinkToOther {
  display: table;
  margin: 0 auto;
  margin-bottom: 50px;
}
.boxPortfolioS01 .boxPortfolioPageNavi .boxLinkToOtherIn {
  display: table-cell;
  vertical-align: middle;
}
.boxPortfolioS01 .boxPortfolioPageNavi .boxLinkToOtherIn img {
  width: 17px;
}
.boxPortfolioS01 .boxPortfolioPageNavi .boxLinkToOtherIn .txt01 {
  margin: 0 55px;
  font-size: 1.8rem;
}
.boxPortfolioS01 .boxPortfolioPageNavi .boxLinkToArchive a {
  display: inline-block;
  padding: 0 50px 40px 50px;
  background-image: url('./../../images/portfolio/portfolio-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 52px auto;
  font-size: 1.35rem;
}
/* /Portfolio */



/* Service */
.boxService {
  position: relative;
  min-height: 1200px;
  background-image: url('./../../images/service/service-mv.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 1200px;
}
.pageService .boxCoverIn {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: skew(-42.8deg) translateX(-94.5%);
  -ms-transform: skew(-42.8deg) translateX(-94.5%);
  width: 3000px;
  height: 1500px;
  background-color: rgba(0,0,0,0.8);
  transition: left 0.3s;
}
.pageService .boxCoverIn .boxCont01 {
  position: absolute;
  z-index: 2;
  top: 45%;
  left: 80%;
  transform: skew(42.8deg);
  -ms-transform: skew(42.8deg);
  padding-top: 400px;
  background-image: url('./../../images/about/about-logo01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 350px auto;
  color: #c0c0c0;
}
.pageService .boxCoverIn .boxCont01 .ttl {
  margin-bottom: 24px;
  line-height: 1.3;
  letter-spacing: 0.2em;
  font-size: 2.5rem;
}
.pageService .boxCoverIn .boxCont01 .boxBaseCom {
  font-size: 0.85rem;
}
.pageService .boxCoverIn .boxCont01 .boxBaseCom p {
  line-height: 1.9;
}

.boxService01Wrap {
  position: relative;
  margin-bottom: 120px;
  padding-top: 200px;
  padding-bottom: 80px;
}
.boxService01 {
  position: relative;
  height: 40em;
  /*padding-right: 95px;*/
}
.boxService01In {
  position: absolute;
  top: 0;
  right: 95px;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  line-height: 1.0;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
.boxService01 .ttl {
  margin-left: 60px;
  letter-spacing: 0.1em;
  font-size: 1.75rem;
}
.boxService01 .boxBaseCom {
  padding-top: 35px;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
}
.boxService01 .boxBaseCom p {
  line-height: 1.8;
}

.boxService02Wrap {
  margin-bottom: 130px;/*165px;*/
}
.boxService02 {
}
.boxService02 .ttl {
  margin-bottom: 56px;
  padding-left: 18%;
  text-align: center;
}
.boxService02 .ttl img {
  width: 694px;
}
.boxService02 .pBaseOne {
  margin-bottom: 70px;/*120px;*/
  text-align: center;
  font-size: 1.7rem;
}
.boxService02 .boxCont01LR {
  display: table;
  width: 100%;
  height: 250px;/*350px;*/
}
.boxService02 .boxCont01LR .boxDl01 dl {
  display: table;
  width: 100%;
}
.boxService02 .boxCont01LR .mt60 {
 margin-top:60px
}
.boxService02 .boxCont01LR .boxDl01 dl:first-child {
  margin-bottom: 13px;
}
.boxService02 .boxCont01LR .boxDl01 dt {
  display: table-cell;
  display: none;
  width: 16%;
  vertical-align: top;
  letter-spacing: 0.1em;
  font-size: 0.95rem;
  color: #999;
}
.boxService02 .boxCont01LR .boxDl01 dt:after {
  content: '／';
  margin-left: 7px;
  font-size: 1.4rem;
}
.boxService02 .boxCont01LR .boxDl01 dd {
  display: table-cell;
  width: 75%;
  vertical-align: bottom;
}
.boxService02 .boxCont01LR .boxDl01 dl:first-child dd {
  font-size: 1.4rem;
}
.boxService02 .boxCont01LR .boxDl01 dl:last-child dd {
  font-size: 1.15rem;
}
.boxService02 .boxCont01L {
  position: relative;
  display: table-cell;
  width: 47%;
  /*padding-left: 200px;*/
  padding-left: 280px;
  /*background-image: url('./../../images/service/service-logo01.png'), url('./../../images/service/service-img02.png');
  background-repeat: no-repeat, no-repeat;*/
  /*background-position: 40px center, right center;*/
  /*background-position: 120px center, right center;
  background-size: 305px auto, 162px auto;*/
  background-image: url('./../../images/service/service-img02.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 162px auto;
  vertical-align: middle;
}
.boxService02 .boxCont01L .boxDl01 dt {
  width: 25%;
  vertical-align: bottom;
}
.boxService02 .boxCont01L .boxDl01 dt:after {
  content: '／';
  margin-left: 7px;
}
.imgService02 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 162px;
}

.boxService02 .boxCont01R {
  display: table-cell;
  width: 53%;
  padding-left: 20px;
  vertical-align: middle;
}
.boxService02 .boxCont01R .boxDl01:not(:last-child) {
  margin-bottom: 40px;
}
.boxService02 .boxCont01R .boxDl01 dd {
  width: 84%;
}
.boxService02 .boxCont01R .boxDl01 dl:last-child dd {
  line-height: 1.5;
}


.boxService02 .boxCont02LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  /*-webkit-align-items: center;
  align-items: center;*/
  width: 100%;
  height: 250px;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR {
    display: block;
    min-height: auto;
    height: auto;
    margin-bottom: 15%;
    padding: 0 4%;
  }
}

.boxService02 .boxCont02L,
.boxService02 .boxCont02R {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.boxService02 .boxCont02L {
  position: relative;
  width: 47%;
  padding-left: 280px;
  background-image: url('./../../images/service/service-img03.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 162px auto;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02L {
    display: block;
    width: 100%;
    padding-left: 0;
    background: none;
  }
}

.boxService02 .boxCont02L .txt01 {
  display: block;
  margin-bottom: 0.67em;
  font-size: 1.4rem;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02L .txt01 {
    margin-bottom: 0.5em;
    font-size: 6.5vw;
    font-weight: 700;
  }
}

.boxService02 .boxCont02L .txt02 {
  display: block;
  font-size: 1.15rem;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02L .txt02 {
    line-height: 1.5;
    font-size: 5.0vw;
  }
}

.boxService02 .boxCont02R {
  width: 53%;
  padding-left: 20px;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}

.boxService02 .boxCont02R .boxCont02ROne {
  margin: 2.5em 0;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R .boxCont02ROne {
    margin: 2.0em 0;
  }
}

.boxService02 .boxCont02R .boxCont02ROne01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.4em;
  line-height: 1.4;
  font-size: 1.4rem;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R .boxCont02ROne01 {
    display: block;
    margin-bottom: 0.4em;
    font-size: 6.0vw;
  }
}

.boxService02 .boxCont02R .boxCont02ROne01 .txt01 {
  margin-right: 1.5em;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R .boxCont02ROne01 .txt01 {
    display: block;
    margin-right: 0;
  }
}

.boxService02 .boxCont02R .boxCont02ROne01 .txt02 {
  padding-left: 0.8em;
  background-image: url('./../../images/service/service-icn-arrow03.png');
  background-repeat: no-repeat;
  background-position: left 0.2em;
  background-size: 9px auto;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R .boxCont02ROne01 .txt02 {
    background-position: left 0.45em;
    background-size: 2.5vw auto;
  }
}

.boxService02 .boxCont02R .boxCont02ROne01 .link01 {
  letter-spacing: 0.06em;
  font-size: 1.1rem;
  text-decoration: underline;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R .boxCont02ROne01 .link01 {
    font-size: 1.0rem;
  }
}

.boxService02 .boxCont02R .boxCont02ROne02 {
  line-height: 1.5;
  font-size: 1.15rem;
}

/*
.boxService02 .boxCont02LR .boxDl01 dl {
  display: table;
  width: 100%;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR .boxDl01 dl {
    display: block;
  }
}

.boxService02 .boxCont02LR .mt60 {
 margin-top:60px
}

.boxService02 .boxCont02LR .boxDl01 dl:first-child {
  margin-bottom: 13px;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR .boxDl01 dl:first-child {
    margin-bottom: 3%;
  }
}

.boxService02 .boxCont02LR .boxDl01 dt {
  display: table-cell;
  display: none;
  width: 16%;
  vertical-align: top;
  letter-spacing: 0.1em;
  font-size: 0.95rem;
  color: #999;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR .boxDl01 dt {
    display: block;
    display: none;
    width: 100%;
    margin-bottom: 2%;
    vertical-align: bottom;
  }
}

.boxService02 .boxCont02LR .boxDl01 dt:after {
  content: '／';
  margin-left: 7px;
  font-size: 1.4rem;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR .boxDl01 dt:after {
    content: '／';
    margin-left: 2%;
  }
}

.boxService02 .boxCont02LR .boxDl01 dd {
  display: table-cell;
  width: 75%;
  vertical-align: bottom;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR .boxDl01 dd {
    display: block;
    width: 100%;
    padding-left: 5%;
  }
}

.boxService02 .boxCont02LR .boxDl01 dl:first-child dd {
  font-size: 1.4rem;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR .boxDl01 dl:first-child dd {
    font-size: 6.5vw;
  }
}

.boxService02 .boxCont02LR .boxDl01 dl:last-child dd {
  font-size: 1.15rem;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02LR .boxDl01 dl:last-child dd {
    line-height: 1.5;
    font-size: 5.0vw;
  }
}

.boxService02 .boxCont02L {
  position: relative;
  display: table-cell;
  width: 47%;
  padding-left: 280px;
  background-image: url('./../../images/service/service-img03.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 162px auto;
  vertical-align: middle;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02L {
    display: block;
    width: 100%;
    padding-left: 0;
    background: none;
  }
}

@media all and (max-width: 640px){
  .boxService02 .boxCont02L .boxDl01 {
    margin-bottom: 10%;
  }
}

.boxService02 .boxCont02L .boxDl01 dt {
  width: 25%;
  vertical-align: bottom;
}

.boxService02 .boxCont02L .boxDl01 dt:after {
  content: '／';
  margin-left: 7px;
}

@media all and (max-width: 640px){
  .boxService02 .boxCont02L .boxDl01 dl:first-child dd {
    font-weight: 700;
  }
}

.boxService02 .boxCont02R {
  display: table-cell;
  width: 53%;
  padding-left: 20px;
  vertical-align: middle;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}

.boxService02 .boxCont02R .boxDl01:not(:last-child) {
  margin-bottom: 40px;
}
@media all and (max-width: 640px){
  .boxService02 .boxCont02R .boxDl01:not(:last-child) {
    margin-bottom: 10%;
  }
}

.boxService02 .boxCont02R .boxDl01 dd {
  width: 84%;
}

.boxService02 .boxCont02R .boxDl01 dl:last-child dd {
  line-height: 1.5;
}
*/

.boxService03Wrap {
  margin-bottom: 145px;
}
.boxService03 {
  text-align: center;
}
.boxService03 .ulMenu {
  text-align: center;
}
.boxService03 .ulMenu li {
  display: inline-block;
  padding: 0;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-size: 1.15rem;
}
.boxService03 .ulMenu li.liPortfolio {
  width: 270px;
  background-image: url('./../../images/service/service-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 52px auto;

}
.boxService03 .ulMenu li.liAbout {
  width: 270px;
  background-image: url('./../../images/service/service-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 52px auto;
}
.boxService03 .ulMenu li.liContact {
  width: 270px;
  background-image: url('./../../images/service/service-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 52px auto;
}
.boxService03 .ulMenu li a {
  display: inline-block;
  padding-bottom: 38px;
}
.boxService03 .ulMenu li.liContact a img {
  width: 21px;
  margin-top: -15px;
}
/* /Service */