/*
Theme Name: hiranuma_themes
Description: Description
Version: 1.0.0
--------------------------------------------------------------*/
@charset "UTF-8";
/* CSS Document */

/*
common
*/

.opening {
  background: #0d57a7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10002;
  transition: all 1s;
}

.opening.on {
  top: -100vh;
}

.opening .logo {
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.opening .logo img {
  opacity: 0;
  transform: translateY(40px);
}

.opening.active .logo img {
  opacity: 1;
  transform: translateY(0);
}

.opening.out .logo img {
  opacity: 0;
  transform: translateY(-100px);
}

.home .ani_group .ani_g_obj,
.home .ani_obj {
  transform: translateY(100px);
  opacity: 0;
}

.ani_group .ani_g_obj,
.ani_obj {
  transform: translateY(100px);
  opacity: 0;
}

.ani_group .ani_g_obj.active,
.ani_obj.active {
  transform: translateY(0);
  opacity: 1;
}

.sec_pageHead {
  height: 406px;
  padding-top: 242px;
  box-sizing: border-box;
  margin-bottom: 110px;
}

.sec_pageHead .el_pageTtl {
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.4em;
}

.sec_pageConts {
  margin-bottom: 150px;
}

.el_secTtl {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.4em;
  margin-bottom: 50px;
}

.el_secTtl.copy {
  text-align: center;
  font-size: 36px;
  letter-spacing: 0.26em;
  margin-bottom: 100px;
}

.el_secTtl .en {
  padding-top: 20px;
}

.el_secTtl .en img {
  width: auto;
  height: 11px;
}

.el_secDesc {
  font-size: 18px;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 40px;
}

.el_cmnTbl dt {
  width: 24%;
  padding: 20px 0;
  border-bottom: solid 1px #807B8C;
  clear: both;
}

.el_cmnTbl dd {
  width: 73%;
  padding: 20px 0 19px;
  border-bottom: solid 1px #807B8C;
}

.el_cmnDesc {
  font-size: 16px;
  line-height: 2;
}

.el_bnr {
  background: #F6EA00;
  display: block;
  letter-spacing: 0.15em;
  box-sizing: border-box;
}

.el_bnr.large {
  width: 79.1%;
  margin: 0 auto;
  padding: 50px 85px;
  position: relative;
  font-size: 43px;
  font-weight: bold;
}

.el_bnr.large .arw {
  width: auto;
  height: 1em;
  display: inline-block;
}

.el_bnr.large .img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38%;
}

@media screen and (max-width: 1000px) {

  .sec_pageHead {
    height: 242px;
    padding-top: 146px;
    margin-bottom: 50px;
  }

  .sec_pageHead .el_pageTtl {
    font-size: 21px;
  }

  .sec_pageConts {
    margin-bottom: 70px;
  }

  .el_secTtl {
    font-size: 21px;
    text-align: center;
    margin-bottom: 0px;
  }

  .el_secTtl.copy {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.46;
  }

  .el_secTtl .en {
    padding-top: 20px;
  }

  .el_secTtl .en img {
    height: 10px;
  }

  .el_secDesc {
    font-size: 15px;
  }

  .el_cmnTbl dt {
    width: 100%;
    padding: 10px 0;
  }

  .el_cmnTbl dd {
    width: 100%;
    padding: 10px;
    border-bottom: none;
  }

  .el_cmnDesc {
    font-size: 14px;
    line-height: 1.75;
  }

  .el_bnr.large {
    width: 100%;
    padding: 25px 15px;
    font-size: 19px;
    letter-spacing: 0;
  }

  .el_bnr.large .arw {
    width: 27px;
    height: auto;
    margin-left: .5em;
  }

  .el_bnr.large .img {
    width: 133px;
  }
}

/*
company
*/

.pageCompany .sec_pageHead {
  background: url(assets/images/company/bg_pageHead_company@2x.jpg) center center no-repeat;
  background-size: cover;
}

.el_office {
  border-bottom: solid 1px #807B8C;
  padding: 65px 0;
}

.el_office .img {
  width: 29.4%;
}

.el_office .info {
  width: 28%;
}

.el_office .map {
  width: 35.4%;
}

.el_office .info .name {
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 20px;
}

.el_office .map iframe {
  width: 100%;
  height: 209px;
}

@media screen and (max-width: 480px) {
  .pageCompany .sec_pageHead {
    background: url(assets/images/company/bg_pageHead_company_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .el_office {
    padding: 44px 0;
  }

  .el_office .img {
    width: 100%;
    margin-bottom: 30px;
  }

  .el_office .info {
    width: 100%;
    margin-bottom: 20px;
  }

  .el_office .map {
    width: 100%;
  }

  .el_office .map iframe {
    height: 185px;
  }
}

/*
Business Common
*/

.el_businessBlock {
  width: 79%;
  margin: 0 auto 90px;
}

.el_businessBlock:last-child {
  margin-bottom: 0;
}

.el_businessBlock .img {
  margin-bottom: 40px;
}

.el_businessBlock .point {
  margin-bottom: 30px;
}

.el_businessBlock .point .badge {
  background: #0d57a7;
  color: #fff;
  padding: 13px;
  font-size: 17px;
  letter-spacing: 0.23em;
  text-align: center;
  display: inline-block;
  vertical-align: super;
}

.el_businessBlock .txt {
  display: inline-block;
  font-size: 27px;
  font-weight: bold;
  letter-spacing: 0.23em;
  margin-left: 1em;
}

@media screen and (max-width: 1000px) {

  .el_businessBlock .txt {
    padding-top: 15px;
    display: block;
    margin-left: .2em;
    letter-spacing: 0.1em;
  }
}

@media screen and (max-width: 480px) {

  .el_businessBlock {
    width: 100%;
    margin: 0 auto 35px;
  }

  .el_businessBlock .img {
    margin-bottom: 35px;
  }

  .el_businessBlock .point {
    margin-bottom: 20px;
  }

  .el_businessBlock .point .badge {
    padding: 10px;
    font-size: 13px;
  }

  .el_businessBlock .txt {
    padding-top: 15px;
    display: block;
    font-size: 18px;
    margin-left: .2em;
    letter-spacing: 0.1em;
  }
}

/*
Dismantlement
*/

.pageDismantlement .sec_pageHead {
  background: url(assets/images/dismantlement/bg_pageHead_dismantlement@2x.jpg) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 480px) {

  .pageDismantlement .sec_pageHead {
    background: url(assets/images/dismantlement/bg_pageHead_dismantlement_sp.jpg) center center no-repeat;
    background-size: cover;
  }
}

/*
Purchase
*/

.pagePurchase .sec_pageHead {
  background: url(assets/images/purchase/bg_pageHead_purchase@2x.jpg) center center no-repeat;
  background-size: cover;
}

.pagePurchase .bnr {
  margin-bottom: 110px;
}

.pagePurchase .el_secTtl {
  margin-bottom: 20px;
}

@media screen and (max-width: 1000px) {
  .pagePurchase .el_secDesc .pc_hide {
    display: block;
  }
}

@media screen and (max-width: 480px) {

  .pagePurchase .sec_pageHead {
    background: url(assets/images/purchase/bg_pageHead_purchase_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .pagePurchase .bnr {
    margin-bottom: 80px;
  }
}

/*
Trade
*/

.pageTrade .sec_pageHead {
  background: url(assets/images/trade/bg_pageHead_trade@2x.jpg) center center no-repeat;
  background-size: cover;
}

.pageTrade .el_secTtl {
  margin-bottom: 20px;
}

.uni_tradeMap {
  width: 79%;
  margin: 0 auto 90px;
}

.uni_tradeMap .ttl {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 35px;
}

.uni_countries {
  margin-bottom: 95px;
}

.uni_countries li {
  font-size: 15px;
  padding: 10px 0;
  border-top: solid 1px #000;
  display: block;
  width: 18%;
}

.uni_countries li:nth-child(n + 11) {
  border-bottom: solid 1px #000;
}

.uni_tradeMap .bnr {
  margin-bottom: 90px;
}

.uni_tradeMap .bnr a {
  display: block;
  margin: 0 auto;
  width: 92%;
  background: #F6EA00;
  text-align: center;
  font-size: 22px;
  padding: 30px 0;
}

.uni_tradeMap .bnr .arw {
  display: inline-block;
  margin-left: 1em;
}

.uni_tradeMap .bnr .arw img {
  width: auto;
  height: 1em;
}

@media screen and (max-width: 1000px) {

  .pageTrade .el_secDesc .pc_hide {
    display: block;
  }

  .uni_countries li {
    width: 32%;
  }

  .uni_countries li:nth-child(n + 11) {
    border-bottom: none;
  }

  .uni_countries li:nth-child(n + 13) {
    border-bottom: solid 1px #000;
  }

  .uni_tradeMap .bnr a {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .pageTrade .sec_pageHead {
    background: url(assets/images/trade/bg_pageHead_trade_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .uni_tradeMap {
    width: 100%;
    margin: 0 auto 90px;
  }

  .uni_tradeMap .ttl {
    font-size: 21px;
  }

  .uni_countries li {
    font-size: 14px;
    width: 48%;
  }

  .uni_countries li:nth-child(n + 13) {
    border-bottom: none;
  }

  .uni_countries li:nth-child(n + 14) {
    border-bottom: solid 1px #000;
  }

  .uni_tradeMap .bnr {
    margin-bottom: 40px;
  }

  .uni_tradeMap .bnr a {
    width: 100%;
    font-size: 15px;
    padding: 15px 20px;
    line-height: 1.75;
    text-align: left;
    position: relative;
    box-sizing: border-box;
  }

  .uni_tradeMap .bnr .arw {
    position: absolute;
    top: 35px;
    right: 20px;
  }

  .uni_tradeMap .bnr .arw img {
    width: auto;
    height: 1em;
  }
}

/*
top
*/
.sec_topHero {
  position: relative;
}

.uni_video {
  position: fixed;
  top: 110px;
  left: 0;
  width: 100%;
  height: calc(100vh - 110px);
  z-index: 0;
}

.uni_video::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .24);
  z-index: 1;
}

.uni_video .video_wrap {
  width: 100%;
  height: calc(100vh - 110px);
  position: relative;
  top: 0;
}

.uni_video video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


@media screen and (max-width: 1000px) {

  .uni_video {
    top: 66px;
    height: calc(100vh - 66px);
  }
  .uni_video .video_wrap {
    height: calc(100vh - 66px);
  }
}
@media screen and (max-width: 480px) {

  .uni_video {
    top: 66px;
    height: 56vw;
  }
  .uni_video .video_wrap {
    height: 56vw;
  }
  .uni_video video {
    width: 100%;
  }
}

#main .sec_topHero .ly_inner {
  padding: 45vh 0 0;
  box-sizing: border-box;
  height: calc(100vh - 110px);
}

.sec_topHero .copy {
  width: 740px;
  margin: 0 auto;
}

.sec_topHero .copy.op_copy {
  opacity: 0;
  transform: scale(300%);
  transform-origin: center center;
  animation-timing-function: ease-out;
}

.sec_topHero .scl.op_scl {
  opacity: 0;
  transform: translateY(-100px);
  animation-timing-function: ease-out;
}

.sec_topHero .copy.op_copy.on {
  opacity: 1;
  transform: scale(100%);
}

.sec_topHero .scl.op_scl.on {
  opacity: 1;
  transform: translateY(0);
}


@media screen and (max-width: 1000px) {
  #main .sec_topHero .ly_inner {
    height: calc(100vh - 66px);
  }
}

@media screen and (max-width: 768px) {
  #main .sec_topHero .ly_inner {}

  .sec_topHero .copy {
    max-width: inherit;
    width: 80%;
    margin: 0 auto 10vw;
  }

  .sec_topHero .scl {
    max-width: inherit;
    width: 10%;
    margin: 0 auto 38vw;
  }

  .sec_topHero .msg {
    max-width: inherit;
    width: 35.4%;
    margin: 0 auto 10vw;
  }

  .sec_topHero .desc {
    margin-bottom: 30vw;
  }

  .sec_topHero .desc .pc_hide {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  #main .sec_topHero .ly_inner {
    padding-left: 0;
    padding-right: 0;
    height: 56vw;
    padding-top: 22.2vw;
  }

  .sec_topHero .desc {
    font-size: 14px;
  }

  .sec_topHero .scl {
    margin: 0 auto 90vw;
  }
}

@media screen and (max-width: 375px) {
  .sec_topHero .scl {
    margin: 0 auto 50vw;
  }
}

.sec_topBiz {
  position: relative;
  z-index: 1;
  background: #fff url(assets/images/top/bg_business.svg) center bottom no-repeat;
  background-size: cover;
  padding: 135px 0 130px;
}

.sec_topBiz .msg {
  width: 163px;
  margin: 0 auto 30px;
}

.sec_topBiz .desc {
  font-size: 18px;
  line-height: 2;
  text-align: center;
  margin-bottom: 115px;
}

.sec_topBiz .el_secTtl {
  text-align: center;
}

.uni_bizBnr {
  margin-bottom: 180px;
}

.uni_bizBnr .biz_link {
  color: #fff;
  text-align: center;
  width: 100%;
  height: 300px;
  display: block;
  margin-bottom: 50px;
  position: relative;
  box-sizing: border-box;
  padding-top: 60px;
  font-weight: bold;
  overflow: hidden;
}

.uni_bizBnr .biz_link .inner {
  position: relative;
  z-index: 8;
}

.uni_bizBnr .biz_link:hover {
  opacity: 1;
}

.uni_bizBnr .biz_link::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: -50%;
  background-color: rgba(0, 0, 0, 0.3);
  -ms-transform: skewX(30deg);
  transform: skewX(30deg);
  transition: all 0.5s ease;
  z-index: 7;
}

.uni_bizBnr .biz_link:hover::after {
  left: 250%;
}

.uni_bizBnr .biz_link.biz_purchase {
  background: url(assets/images/top/bg_bnr_purchase@2x.jpg) center center no-repeat;
  background-size: cover;
}

.uni_bizBnr .biz_link.biz_dismantlement {
  background: url(assets/images/top/bg_bnr_dismantlement@2x.jpg) center center no-repeat;
  background-size: cover;
}

.uni_bizBnr .biz_link.biz_trade {
  background: url(assets/images/top/bg_bnr_trade@2x.jpg) center center no-repeat;
  background-size: cover;
}

.uni_bizBnr .biz_link .ttl {
  font-size: 30px;
  margin-bottom: 20px;
  letter-spacing: 0.4em;
}

.uni_bizBnr .biz_link .sub {
  font-size: 16px;
  margin-bottom: 35px;
  letter-spacing: 0.4em;
}

.uni_bizBnr .biz_link .txt {
  font-size: 20px;
  margin-bottom: 45px;
  font-weight: normal;
  letter-spacing: 0.1em;
}

.uni_bizBnr .biz_link .more {
  font-size: 16px;
  letter-spacing: 0.4em;
}

.uni_bizBnr .biz_link .more img {
  margin-left: 20px;
  width: 37px;
  vertical-align: sub;
}

@media screen and (max-width: 1000px) {

  .sec_topBiz .msg {
    width: 120px;
  }
  .sec_topBiz .el_secTtl {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {

  .uni_bizBnr .biz_link {
    height: 200px;
    padding-top: 40px;
  }

  .uni_bizBnr .biz_link .sub {
    margin-bottom: 15px;
  }

  .uni_bizBnr .biz_link .txt {
    margin-bottom: 35px;
  }

  .uni_bizBnr .biz_link .ttl {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .uni_bizBnr .biz_link .sub {
    font-size: 10px;
    margin-bottom: 20px;
  }

  .uni_bizBnr .biz_link .txt {
    font-size: 13px;
    margin-bottom: 45px;
  }

  .uni_bizBnr .biz_link .more {
    font-size: 12px;
  }

  .uni_bizBnr .biz_link .more img {
    margin-left: 15px;
    width: 30px;
  }
}

@media screen and (max-width: 480px) {
  .sec_topBiz {
    background: #fff url(assets/images/top/bg_business_sp.svg) center bottom no-repeat;
    background-size: cover;
    padding: 75px 0 60px;
  }

  #main .sec_topBiz .ly_inner {
    padding: 0;
  }

  .sec_topBiz .msg {
    margin: 0 auto 30px;
  }

  .sec_topBiz .desc {
    font-size: 14px;
    margin-bottom: 70px;
  }

  .sec_topBiz .el_secTtl {
    margin-bottom: 60px;
  }

  .uni_bizBnr {
    margin-bottom: 65px;
  }

  .uni_bizBnr .biz_link {
    height: 250px;
    margin-bottom: 5px;
    padding-top: 47px;
  }

  .uni_bizBnr .biz_link.biz_purchase {
    background: url(assets/images/top/bg_bnr_purchase_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .uni_bizBnr .biz_link.biz_dismantlement {
    background: url(assets/images/top/bg_bnr_dismantlement_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .uni_bizBnr .biz_link.biz_trade {
    background: url(assets/images/top/bg_bnr_trade_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .uni_bizBnr .biz_link .sub {
    margin-bottom: 30px;
  }

  .uni_bizBnr .biz_link .txt {
    margin-bottom: 65px;
  }
}

.uni_topNews {
  width: 57.2%;
  margin: 0 auto 40px;
}

.uni_topNews li {
  border-bottom: solid 1px #231815;
}

.uni_topNews li:last-child {
  border-bottom: none;
}

.uni_topNews a {
  padding: 15px 0;
  display: block;
  font-size: 16px;
}

.uni_topNews a br {
  display: none;
}

.uni_topNews .cat {
  font-size: 15px;
  color: #fff;
  background: #858585;
  padding: 5px 15px;
  margin-right: 25px;
}

.uni_topNews .date {
  margin-right: 25px;
  font-size: 15px;
}

.uni_topNews_link {
  text-align: right;
  width: 57.2%;
  margin: 0 auto;
}

.uni_topNews_link a {
  font-size: 14px;
  letter-spacing: 0.4em;
}

.uni_topNews_link img {
  width: 37px;
  margin-left: 20px;
}

@media screen and (max-width: 1000px) {

  .uni_topNews {
    width: 100%;
  }

  .uni_topNews_link {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .uni_topNews a br {
    display: block;
  }

  .uni_topNews .cat {
    margin-bottom: 15px;
    display: inline-block;
  }
}

@media screen and (max-width: 480px) {

  .uni_topNews a {
    padding: 20px 0;
  }

  .uni_topNews {
    width: 91.2%;
  }

  .uni_topNews_link {
    width: 91.2%;
    text-align: left;
  }
}

.sec_topRecruit {
  position: relative;
  z-index: 2;
  height: 482px;
  overflow: hidden;
}

.sec_topRecruit .bg {
  width: 100%;
  height: 482px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: url(assets/images/top/bg_top_recruit@2x.jpg) center bottom no-repeat;
  background-size: cover;
}

.sec_topRecruit .ly_inner {
  position: relative;
  z-index: 4;
}

.sec_topRecruit .el_secTtl {
  margin-bottom: 25px;
}

.sec_topRecruit .en {
  padding-top: 25px;
}

.sec_topRecruit .info {
  position: relative;
  left: 50%;
  top: 0;
  padding-left: 70px;
  padding-top: 184px;
  color: #fff;
}

.sec_topRecruit .link {
  font-size: 14px;
  letter-spacing: 0.4em;
  color: #fff;
}

.sec_topRecruit .link img {
  width: 37px;
  margin-left: 20px;
}

@media screen and (max-width: 1000px) {
  .sec_topRecruit {
    height: 320px;
  }

  .sec_topRecruit .bg {
    height: 320px;
  }

  .sec_topRecruit .el_secTtl {
    text-align: left;
  }

  .sec_topRecruit .info {
    padding-top: 124px;
  }
}

@media screen and (max-width:768px) {

  .sec_topRecruit .bg {
    background: url(assets/images/top/bg_top_recruit_tab@2x.jpg) center bottom no-repeat;
    background-size: cover;
  }

  .sec_topRecruit .info {
    padding-left: 25px;
  }
}


@media screen and (max-width:375px) {

  .sec_topRecruit .bg {
    background: url(assets/images/top/bg_top_recruit_sp.jpg) center bottom no-repeat;
    background-size: cover;
  }
}

.sec_topContact {
  position: relative;
  z-index: 3;
  background: url(assets/images/top/bg_top_contact@2x.jpg) center center no-repeat;
  background-size: cover;
  height: 385px;
  padding-top: 150px;
  box-sizing: border-box;
}

.sec_topContact .head {
  width: 50%;
}

.sec_topContact .head .el_secTtl {
  width: 171px;
  margin-bottom: 25px;
}

.sec_topContact .head .desc {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2;
}

.sec_topContact .info {
  width: 50%;
  padding-left: 30px;
  box-sizing: border-box;
}

.sec_topContact .info .tels {
  margin-bottom: 80px;
  font-size: 13px;
}

.sec_topContact .info .tel_link {
  display: block;
  width: 212px;
  margin-right: 25px;
  display: inline-block;
  vertical-align: super;
}

.sec_topContact .info .tels {
  margin-bottom: 25px;
  font-size: 13px;
}

.sec_topContact .info .link {
  border: solid 1px #000000;
  padding: 15px 0;
  width: 100%;
  display: block;
  font-size: 18px;
  letter-spacing: 0.4em;
  text-align: center;
}

.sec_topContact .info .link:hover {
  border: solid 1px #000000;
  background: #000;
  color: #fff;
}

.sec_topContact .info .link img {
  width: 37px;
  margin-left: 10px;
}

.sec_topContact .info .link img.on {
  display: none;
}

.sec_topContact .info .link:hover img.on {
  display: inline-block;
}

.sec_topContact .info .link:hover img.off {
  display: none;
}

@media screen and (max-width: 1000px) {

  .sec_topContact {
    height: 317px;
    padding-top: 47px;
  }

  .sec_topContact .head {
    width: 100%;
  }

  .sec_topContact .head .el_secTtl {
    width: 122px;
    margin-bottom: 10px;
  }

  .sec_topContact .info {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }

  .sec_topContact .info .tels {
    margin-bottom: 20px;
    font-size: 13px;
  }

  .sec_topContact .info .tel_link {
    width: 188px;
    margin-right: calc(100% - 188px);
    display: block;
    margin-bottom: 10px;
  }

  .sec_topContact .info .tels {
    font-size: 14px;
  }

  .sec_topContact .info .link {
    font-size: 15px;
    letter-spacing: 0.2em;
  }

  .sec_topContact .info .link img {
    width: 30px;
  }
}


/*
News
*/

.pageNews .sec_pageHead {
  background: url(assets/images/news/bg_pageHead_news@2x.jpg) center center no-repeat;
  background-size: cover;
}

.pageNews .el_secTtl {
  margin-bottom: 70px;
}

.pageNews .uni_topNews {
  width: 100%;
  border-top: solid 1px #231815;
  border-bottom: solid 1px #231815;
}

.pageNews .uni_topNews a {
  padding: 17px 0;
}

.uni_topNews_nav {
  text-align: right;
  padding-top: 15px;
}

.uni_topNews_nav a,
.uni_topNews_nav span {
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 21px;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  font-weight: bold;
  border: solid 1px #858585;
  background: #fff;
  color: #858585;
  display: inline-block;
  padding: 0;
  margin: 0 5px;
}

.uni_topNews_nav span.current {
  border: solid 1px #858585;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #858585;
}

.uni_topNews_nav a {
  background: #858585;
  color: #fff;
}

.uni_newsHead {
  border-bottom: solid 1px #000000;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.uni_newsHead .date {
  font-size: 16px;
  padding: 5px 0;
  margin-right: 30px;
  display: inline-block;
}

.uni_newsHead .cat {
  font-size: 18px;
  color: #fff;
  background: #858585;
  padding: 5px 20px;
  display: inline-block;
}

.uni_newsHead .ttl {
  font-size: 26px;
  padding-top: 25px;
}

.uni_newsBody p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 30px;
}

.uni_newsBody .wp-block-embed__wrapper {
  text-align: center;
}

.uni_newsBody img {
  max-width: 500px;
  margin: 0 auto 30px;
  display: block;
}

.uni_newsBody .size-large img {
  max-width: 100%;
}

.uni_newsBody .size-thumbnail img {
  max-width: 150px;
}

.uni_topNews_link {
  text-align: right;
  width: 100%;
  padding-top: 60px;
}

.uni_topNews_link a {
  font-weight: bold;
  letter-spacing: 0;
}

@media screen and (max-width: 1000px) {
  .pagePurchase .el_secDesc .pc_hide {
    display: block;
  }
}

@media screen and (max-width: 480px) {

  .pagePurchase .sec_pageHead {
    background: url(assets/images/purchase/bg_pageHead_purchase_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .pagePurchase .bnr {
    margin-bottom: 80px;
  }
}


/*
Recruit
*/

.pageRecruit .sec_pageHead {
  background: url(assets/images/recruit/bg_pageHead_recruit@2x.jpg) center center no-repeat;
  background-size: cover;
}

.pageRecruit .el_secTtl {
  margin-bottom: 20px;
}

.pageRecruit .el_secDesc {
  margin-bottom: 70px;
}

.uni_recruitHead {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.25em;
  margin-bottom: 60px;
}

.el_recruitBlock {
  max-width: 715px;
  margin: 0 auto 110px;
}

.el_recruitBlock .img {
  width: 61.5%;
  margin: 0 auto 50px;
}

.el_recruitBlock .recruit_ttl {
  margin: 0 auto;
  border-bottom: solid 1px #807B8C;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
  text-align: center;
}

.uni_recruitApp {
  border: solid 2px #807B8C;
  padding: 40px 110px 60px;
  max-width: 715px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.uni_recruitApp .ttl {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
}

.uni_recruitApp .desc {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 40px;
}

.uni_recruitApp .name {
  font-size: 18px;
  margin-bottom: 25px;
}

.uni_recruitApp a {
  font-size: 24px;
}

.not_open {
  padding: 30vh 0;
  text-align: center;
}

.not_open .msg {
  font-size: 30px;
  font-weight: bold;
}

@media screen and (max-width: 1000px) {

  .uni_recruitApp {
    padding: 20px 55px;
  }
}

@media screen and (max-width: 480px) {
  .pageRecruit .sec_pageHead {
    background: url(assets/images/recruit/bg_pageHead_recruit_sp@2x.jpg) center center no-repeat;
    background-size: cover;
  }

  .uni_recruitApp {
    padding: 20px 30px;
  }

  .el_recruitBlock .img {
    width: 100%;
  }

  .uni_recruitApp .name {
    line-height: 1.75;
  }

  .not_open {
    padding: 15vh 0;
  }

  .not_open .msg {
    font-size: 20px;
  }
}

/*
Contact
*/

.pageContact .sec_pageHead {
  background: url(assets/images/contact/bg_pageHead_contact@2x.jpg) center center no-repeat;
  background-size: cover;
}

.uni_contactDesc {
  font-size: 18px;
  margin-bottom: 90px;
}

.contactTbl {
  width: 100%;
}

.contactTbl .req {
  color: #E60012;
}

.contactTbl th {
  padding-top: 15px;
  vertical-align: top;
  width: 28.3%;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}

.contactTbl td {
  width: 71.7%;
  padding-bottom: 60px;
  font-size: 18px;
  vertical-align: middle;
}

.contactTbl td.last {
  width: 100%;
  text-align: center;
}

.contactTbl input[type="submit"],
.contactTbl input[type="text"],
.contactTbl input[type="email"],
.contactTbl textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.contactTbl input[type="text"],
.contactTbl input[type="email"],
.contactTbl textarea {
  padding: 15px;
  background: #EBEBEB;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
}

.contactTbl textarea {
  min-height: 200px;
}

.contactTbl label {
  font-size: 18px;
  padding-top: 30px;
  display: inline-block;
}

.contactTbl .privacy {
  border: solid 1px #807B8C;
  padding: 15px 35px;
  box-sizing: border-box;
  height: 200px;
  overflow-y: scroll;
  font-size: 14px;
  line-height: 1.75;
}

.contactTbl input[type="submit"] {
  background: #F6EA00 url(assets/images/common/ico_bnr_arw.svg) 73% center no-repeat;
  background-size: 32px 19px;
  width: 400px;
  height: 82px;
  font-size: 22px;
  padding-right: 40px;
  display: inline-block;
  color: #000;
  cursor: pointer;
}

.contactTbl input[name="submitBack"] {
  background: #ccc;
}

.mw_wp_form_complete h2 {
  font-size: 30px;
  margin-bottom: 30px;
}

.mw_wp_form_complete p {
  font-size: 18px;
  line-height: 1.75;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {

  .pageContact .el_secTtl {
    margin-bottom: 20px;
  }

  .uni_contactDesc {
    line-height: 1.75;
  }
}

@media screen and (max-width: 768px) {

  .contactTbl th,
  .contactTbl td {
    width: 100%;
    display: block;
  }

  .contactTbl th {
    padding-bottom: 15px;
  }

  .contactTbl input[type="submit"] {
    margin: 0 auto 20px;
    display: block;
  }
}


@media screen and (max-width: 480px) {
  .pageContact .sec_pageHead {
    background: url(assets/images/contact/bg_pageHead_contact_sp@2x.jpg) center center no-repeat;
    background-size: cover;
  }

  .contactTbl input[type="submit"] {
    background: #F6EA00 url(assets/images/common/ico_bnr_arw.svg) 80% center no-repeat;
    background-size: 32px 19px;
    width: 100%;
  }

  .contactTbl input[name="submitBack"] {
    background: #ccc;
  }

  .mw_wp_form_complete h2 {
    font-size: 20px;
  }

  .mw_wp_form_complete p {
    font-size: 14px;
  }
}