/* ====================

Base CSS

==================== */

html{
  font-size:62.5%;
}
body{
  font-family:'Noto Sans JP', sans-serif;
  font-size:1.6rem;
  font-weight:400;
  line-height:1.8;
}
a{
  text-decoration:none;
}
.container{
  position:relative;
}
@media screen and (max-width:899px){
  body{
    font-size:1.4rem;
  }
}



/* ===============
inner
=============== */

.inner-s{
  margin:0 auto;
  max-width:76rem;
  padding:0 2rem;
}
.inner-l{
  margin:0 auto;
  max-width:108rem;
  padding:0 2rem;
}
.inner-l .inner-s{
  max-width:72rem;
  padding:0;
}



/* ===============
flex
=============== */

.flex{
  display:flex;
}



/* ===============
grid
=============== */

.grid{
  display:grid;
}



/* ===============
media query
=============== */

/* block */
.pc-block-899{
  display:block;
}
.sp-block-899{
  display:none;
}
@media screen and (max-width:899px){
  .pc-block-899{
    display:none;
  }
  .sp-block-899{
    display:block;
  }
}
.pc-block-767{
  display:block;
}
.sp-block-767{
  display:none;
}
@media screen and (max-width:767px){
  .pc-block-767{
    display:none;
  }
  .sp-block-767{
    display:block;
  }
}

/* inline */
.pc-inline-899{
  display:inline-block;
}
.sp-inline-899{
  display:none;
}
@media screen and (max-width:899px){
  .pc-inline-899{
    display:none;
  }
  .sp-inline-899{
    display:inline-block;
  }
}



/* ===============
mark
=============== */

/* square */
.yellow-square::before,
.gray-square::before{
  content:'■';
  margin:0 .4rem 0 0;
}
.yellow-square::before{
  color:#ffea00;
}
.gray-square::before{
  color:#cacaca;
}

/* bar */
.yellow-bar-v,
.gray-bar-h,
.white-bar-h{
  align-items:center;
  display:flex;
}
.yellow-bar-v::before,
.gray-bar-h::before,
.white-bar-h::before{
  content:'';
  display:inline-block;
}
.yellow-bar-v::before{
  background-color:#ffea00;
  height:2.2rem;
  margin:0 .8rem 0 0;
  width:.3rem;
}
.gray-bar-h::before,
.white-bar-h::before{
  height:.2rem;
  margin:0 .4rem 0 0;
  width:1.2rem;
}
.gray-bar-h::before{
  background-color:#cacaca;
}
.white-bar-h::before{
  background-color:#fff;
}

/* under line */
.yellow-underline span{
  display:inline-block;
  padding:0 .8rem;
  position:relative;
}
.yellow-underline span::before{
  background-color:#ffea00;
  bottom:-.2rem;
  content:'';
  display:block;
  height:1.5rem;
  left:0;
  position:absolute;
  width:100%;
  z-index:-1;
}
@media screen and (max-width:899px){
  .yellow-underline span::before{
    height:1rem;
    left:50%;
    transform:translateX(-50%);
  }
}

/* hover btn */
.hover-btn{
  display:inline-block;
  position:relative;
}
.hover-btn::before{
  background-repeat:no-repeat;
  bottom:0;
  content:'';
  opacity:0;
  position:absolute;
  right:0;
  transition:all .3s;
}
.hover-btn:hover::before{
  opacity:1;
}
@media screen and (max-width:899px){
  .hover-btn::before{
    content:none;
  }
}









/* ====================

Header CSS

==================== */

.header{
  align-items:center;
  background-color:rgba(255,255,255,.9);
  justify-content:space-between;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:3;
}
@media screen and (max-width:899px){
  .header{
    position:fixed;
  }
}

/* header site title */
.header-site-title{
  margin:0 0 0 2.4rem;
  max-width:36.3rem;
}
@media screen and (max-width:899px){
  .header-site-title{
    margin:0 0 0 2rem;
    max-width:21.1rem;
  }
}

/* header hm */
#header-hm-btn,
.header-hm-btn{
  display:none;
}
@media screen and (max-width:899px){
  .header-hm-btn{
    cursor:pointer;
    display:block;
    height:1.8rem;
    margin:1.6rem 2rem 1.6rem 0;
    position:relative;
    width:2.4rem;
    z-index:2;
  }
  .header-hm-btn span,
  .header-hm-btn span::before,
  .header-hm-btn span::after{
    background-color:#333;
    height:.2rem;
    left:0;
    position:absolute;
    transition:all .3s;
    width:2.4rem;
  }
  .header-hm-btn span{
    top:50%;
    transform:translateY(-50%);
  }
  .header-hm-btn span::before,
  .header-hm-btn span::after{
    content:'';
  }
  .header-hm-btn span::before{
    bottom:.8rem;
  }
  .header-hm-btn span::after{
    top:.8rem;
  }
}

/* header nav */
.header-nav-wrap-ul{
  line-height:1.5;
}
.header-nav-wrap-ul >li{
  align-items:center;
  font-weight:500;
  height:6.8rem;
  margin:0 0 0 .3rem;
  padding:0 3.2rem;
  position:relative;
}
.header-nav-wrap-ul >li:last-child{
  display:none;
}
.header-nav-wrap ul >li::before{
  display:none;
}
.header-nav-wrap-ul >li:nth-child(1)::after,
.header-nav-wrap-ul >li:nth-child(2)::after{
  background-color:#ffea00;
  content:'';
  height:1.9rem;
  position:absolute;
  right:-.3rem;
  top:50%;
  transform:translateY(-50%);
  width:.3rem;
}
.header-nav-wrap-ul a{
  color:#333;
}
@media screen and (max-width:899px){
  .header-nav{
    background-color:rgba(202,202,202,.95);
    height:100vh;
    padding:4rem;
    position:fixed;
    right:-23.7rem;
    top:0;
    transition:all .3s;
    width:23.7rem;
  }
  .header-nav-wrap-logo{
    display:block;
    width:4.8rem;
  }
  .header-nav-wrap-ul{
    display:block;
  }
  .header-nav-wrap-ul >li{
    font-size:1.4rem;
    height:auto;
    margin:0;
    padding:2.4rem 0;
  }
  .header-nav-wrap-ul >li:first-child,
  .header-nav-wrap-ul >li:nth-child(2){
    flex-wrap:wrap;
  }
  .header-nav-wrap-ul >li:not(:last-child){
    border-bottom:solid .2rem #fff;
  }
  .header-nav-wrap-ul >li:last-child{
    display:flex;
    white-space:nowrap;
  }
  .header-nav-wrap ul >li::before{
    display:inline-block;
  }
  .header-nav-wrap-ul >li:nth-child(1)::after,
  .header-nav-wrap-ul >li:nth-child(2)::after{
   display:none;
  }
}

/* header sub menu */
.header-nav-submenu{
  height:0;
  left:0;
  overflow:hidden;
  position:absolute;
  top:6.8rem;
  transition:all .3s;
}
.header-nav-wrap-ul >li:hover .header-nav-submenu{
  height:13.9rem;
}
.header-nav-submenu ul{
  background-color:#fff;
}
.header-nav-submenu li:not(:first-child){
  margin:.3rem 0 0;
}
.header-nav-submenu li a{
  background-color:#ffea00;
  display:block;
  padding:2.2rem 3.2rem;
}
@media screen and (max-width:899px){
  .header-nav-submenu{
    height:auto;
    overflow:auto;
    position:static;
    transition:none;
    width:100%;
  }
  .header-nav-wrap-ul >li:hover .header-nav-submenu{
    height:auto;
  }
  .header-nav-submenu ul{
    background-color:transparent;
  }
  .header-nav-submenu li,
  .header-nav-submenu li:not(:first-child){
    margin:2.4rem 0 0 1.8rem;
  }
  .header-nav-submenu li a{
    background-color:transparent;
    padding:0;
  }
}

/* header hm animation */
@media screen and (max-width:899px){
  #header-hm-btn:checked ~ .header-hm-btn span{
    background-color:transparent;
  }
  #header-hm-btn:checked ~ .header-hm-btn span::before{
    bottom:0;
    transform:rotate(45deg);
  }
  #header-hm-btn:checked ~ .header-hm-btn span::after{
    top:0;
    transform:rotate(-45deg);
  }
  #header-hm-btn:checked ~ .header-nav{
    right:0;
  }
}

/* header contact */
.header-nav-contact{
  bottom:4rem;
  position:fixed;
  right:4rem;
  z-index:3;
}
@media screen and (max-width:899px){
  .header-nav-contact{
    bottom:1.6rem;
    right:2rem;
    width:9.2rem;
  }
}










/* ====================

Footer CSS

==================== */

.footer{
  background-color:#fff;
  border-top:solid .6rem #cacaca;
  flex-direction:column;
  padding:12rem 0 2.4rem 12rem;
  width:100%;
}
@media screen and (max-width:899px){
  .footer{
    padding:5.6rem 5.1rem 2rem;
  }
}

/* footer contents */
.footer-nav{
  margin:0 0 5.3rem;
  max-height:14rem;
}
.footer-nav-logo{
  margin:0 2.4rem 0 0;
  min-width:16.2rem;
}
.footer-nav-menu-title{
  font-size:1.6rem;
  margin:0 0 2.7rem;
  max-width:29.7rem;
}
.footer-nav-menu-title a{
  display:block;
}
.footer-nav-menu-wrap-ul{
  display:flex;
  flex-wrap:wrap;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.5;
  max-width:52rem;
}
.footer-nav-menu-wrap-ul >li{
  margin:0 1.2rem 1.2rem 0;
}
.footer-nav-menu-wrap-ul a{
  color:#333;
}
.footer-nav-menu-submenu-ul li{
  margin:0 0 0 1.2rem;
}
.footer-quality-pc{
  padding:0 3rem 0  1.6rem;
}
@media screen and (max-width:1200px){
  .footer-nav-menu-wrap-ul{
    max-width:40rem;
  }
  .footer-nav-menu-wrap-ul >li:nth-child(1),
  .footer-nav-menu-wrap-ul >li:nth-child(2){
    width:100%;
  }
}
@media screen and (max-width:1080px){
  .footer-nav{
    max-height:19rem;
  }
}
@media screen and (max-width:899px){
  .footer-nav{
    display:block;
    margin:0 0 1.6rem;
    max-height:0%;
    order:1;
  }
  .footer-nav-logo{
    margin:0 auto 2.4rem;
    min-width:auto;
    width:5.9rem;
  }
  .footer-nav-menu-wrap-ul{
    display:none;
  }
  .footer-nav-menu-title{
    font-size:1.4rem;
    margin:0 auto;
    max-width:21.9rem;
  }
}

/* footer address */
.footer-address-contents{
  flex-wrap:wrap;
  margin:0 0 2rem 0;
}
.footer-address-contents-dl{
  font-size:1.4rem;
  line-height:1.5;
  margin:0 4.8rem 3.6rem 0;
  min-width:35.1rem;
  position:relative;
}
.footer-address-contents-dl:nth-of-type(2){
  margin:0 0 3.6rem 0;
}
.footer-address-contents-dl dt{
  margin:0 0 1.2rem;
  max-width:8.6rem;
}
.footer-address-contents-dl-mapbtn{
  bottom:0;
  max-width:8.3rem;
  position:absolute;
  right:0;
}
.footer-address-contents-dl-mapbtn .hover-btn{
  max-width:8.3rem;
}
.footer-address-contents-dl-mapbtn .hover-btn::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/common/mapbtn-y@2x.png);
  background-size:8.3rem 7.2rem;
  height:7.2rem;
  width:8.3rem;
}
@media screen and (max-width:899px){
  .footer-address{
    margin:0 auto;
    order:3;
    width:25.8rem;
  }
  .footer-address-dl{
    margin:0;
  }
  .footer-address-contents{
    margin:0;
  }
  .footer-address-contents-dl,
  .footer-address-contents-dl:nth-of-type(2){
    margin:0 2.4rem 0 0;
    min-width:auto;
  }
  .footer-address-contents-dl dt{
    margin:0 auto 1rem;
    max-width:6rem;
  }
  .footer-address-contents-dl-mapbtn{
    position:relative;
    width:6.7rem;
  }

  .footer-quality-sp{
    margin:3.2rem 0 0 -1rem;
  }
}

/* footer copyright */
.footer-copyright,
.footer-copyright small{
  font-size:1.2rem;
}
@media screen and (max-width:899px){
  .footer-copyright{
    margin:0 0 4rem;
    order:2;
    text-align:center;
  }
  .footer-copyright,
  .footer-copyright small{
    font-size:1rem;
  }
}









/* ====================

Main CSS

==================== */



/* hover btn */
main .hover-btn-wrap{
  bottom:0;
  position:absolute;
  right:0; 
}
main .hover-btn{
  max-width:11.5rem;
}
main .hover-btn::before{
  background-size:11.5rem 10rem;
  height:10rem;
  width:11.5rem;
}
@media screen and (max-width:899px){
  .home .hover-btn-wrap{
    display:block;
    position:static;
    text-align:center;
  }
  main .hover-btn{
    max-width:9.2rem;
  }
  .home .hover-btn::before{
    background-size:9.2rem 8rem;
    height:8rem;
    width:9.2rem;
  }
}


/* ===============
front page
=============== */

/* front top slider */
.front-top-wrap{
  height:100vh;
  left:50%;
  position:fixed;
  top:0;
  transform:translateX(-50%);
  width:100%;
  z-index:-1;
}
.front-top{
  height:100vh;
  position:relative;
  width:100%;
}
.front-top-slider-text{
  height:100vh;
  position:relative;
  z-index:2;
}
.front-top-slider-text p{
  right:13.5%;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
@media screen and (max-width:899px){
  .front-top-wrap{
    height:54rem;
  }
  .front-top,
  .front-top-slider-text{
    height:100%;
  }
  .front-top-slider-text p{
    bottom:6.6rem;
    right:50%;
    position:absolute;
    top:auto;
    transform:translateX(50%);
    width:20rem;
  }
}

/* front slider background */
.front-top-slider-background{
  height:100vh;
  left:50%;
  overflow:hidden;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  z-index:1;
}
.front-top-slider-background-item{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}
.front-top-slider-background-item1{
  animation-name:top-slider-first;
  animation-fill-mode:forwards;
  animation-iteration-count:1;
  animation-duration:15s;
  animation-delay:0s;
  animation-timing-function:linear;
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-top-slider1.jpg);
  opacity:1;
}
.front-top-slider-background-item2,
.front-top-slider-background-item3,
.front-top-slider-background-item4{
  animation-name:top-slider;
  animation-iteration-count:infinite;
  animation-duration:15s;
  animation-timing-function:linear;
  opacity:0;
}
.front-top-slider-background-item2{
  animation-delay:5s;
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-top-slider2.jpg);
}
.front-top-slider-background-item3{
  animation-delay:10s;
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-top-slider3.jpg);
}
.front-top-slider-background-item4{
  animation-delay:15s;
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-top-slider1.jpg);
}
@keyframes top-slider-first{
  0%{
    opacity:1;
    transform:scale(1);
  }
  33.3333%{
    opacity:1;
  }
  43.3333%{
    opacity:0;
    transform:scale(1.15);
  }
  100%{
    opacity:0;
    transform:scale(1);
  }
}
@keyframes top-slider{
  0%{
    opacity:0;
    transform:scale(1);
  }
  10%{
    opacity:1;
  }
  33.3333%{
    opacity:1;
  }
  43.3333%{
    opacity:0;
    transform:scale(1.15);
  }
  100%{
    opacity:0;
    transform:scale(1);
  }
}
@media screen and (max-width:899px){
  .front-top-slider-background{
    height:100%;
  }
}
@media screen and (max-width:599px){
  .front-top-slider-background-item2{
    background-position:top left 38%;
  }
}

/* front slider pagination */
.front-top-slider-pagination{
  bottom:3.7rem;
  left:11.5rem;
  position:absolute;
  z-index:2;
}
.front-top-slider-pagination-back{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-top-slider-pagination-back@2x.png);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% auto;
  height:1.8rem;
  left:0;
  position:relative;
  top:0;
  width:7.4rem;
  z-index:1;
}
.front-top-slider-pagination-mark{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-top-slider-pagination-mark@2x.png);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% auto;
  height:1.8rem;
  position:absolute;
  top:0;
  width:1.8rem;
}
.front-top-slider-pagination-mark-first{
  animation-name:top-slider-pagination-first;
  animation-fill-mode:forwards;
  animation-iteration-count:1;
  animation-duration:15s;
  animation-delay:0s;
  animation-timing-function:linear;
  left:0;
  z-index:2;
}
.front-top-slider-pagination-mark-loop{
  animation-name:top-slider-pagination-loop;
  animation-iteration-count:infinite;
  animation-duration:15s;
  animation-delay:5s;
  animation-timing-function:linear;
  left:0;
  opacity:0;
  z-index:1;
}
@keyframes top-slider-pagination-first{
  0%{
    left:0;
    opacity:1;
  }
  33.3333%{
    left:0;
    opacity:1;
  }
  43.3333%{
    left:2.8rem;
    opacity:1;
  }
  45%{
    left:2.8rem;
    opacity:0;
  }
  100%{
    left:2.8rem;
    opacity:0;
  }
}
@keyframes top-slider-pagination-loop{
  0%{
    left:0;
    opacity:1;
  }
  10%{
    left:2.8rem;
  }
  33.3333%{
    left:2.8rem;
  }
  43.3333%{
    left:5.6rem;
  }
  66.6666%{
    left:5.6rem;
  }
  73.3333%{
    left:0;
  }
  100%{
    left:0;
    opacity:1;
  }
}
@media screen and (max-width:899px){
  .front-top-slider-pagination{
    bottom:1.9rem;
    left:50%;
    transform:translateX(-50%);
  }
}

/* front section background text */
.background-text{
  margin:0 0 6.4rem;
  position:relative;
  z-index:2;
}
.background-text::before{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:auto 21.4rem;
  content:'';
  height:21.4rem;
  position:absolute;
  right:-1rem;
  top:-12rem;
  z-index:-1;
}
@media screen and (max-width:899px){
  .background-text{
    margin:0 0 5.6rem;
  }
  .background-text::before{
    background-size:auto 9.3rem;
    height:9.3rem;
    left:7.8rem;
    right:auto;
    top:-4rem;
    transform:rotate(90deg);
    transform-origin:top left;
  }
}

/* front title hexagon */
.home .section-title-hexagon{
  margin:0 6.4rem 0 0;
  min-width:19.5rem;
}
@media screen and (max-width:899px){
  .home .section-title-hexagon{
    margin:0 4.6rem 5.6rem 0;
    min-width:auto;
    text-align:center;
  }
  .home .section-title-hexagon img{
    height:10.2rem;
  }
}

/* front section */
.front-section-wrap{
  padding:100vh 0 0;
}
.home section{
  background-color:#fff;
  padding:12rem 0 0;
  overflow:hidden;
}
@media screen and (max-width:899px){
  .front-section-wrap{
    padding:54rem 0 0;
  }
  .home section{
    padding:9.6rem 0 0;
  }
}

/* front section content text */
.front-content-text{
  margin:5.6rem 0 0;
}
@media screen and (max-width:899px){
  .front-content-text{
    margin:0 auto 4rem;
    max-width:72rem;
  }
}

/* front about */
.front-about-wrap::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-about-background@2x.png);
  width:58.2rem;
}
.front-about-contents{
  position:relative;
}
main .hover-btn::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/common/more-btn-y@2x.png);
}
.front-about-department{
  width:100%;
}
.front-about-department dl{
  color:#fff;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:44.6rem;
  padding:8rem 4rem;
  position:relative;
  width:50%;
  z-index:1;
}
.front-about-department-identity{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-about-background-identity@2x-pc.jpg);
}
.front-about-department-information{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-about-background-information@2x-pc.jpg);
}
.front-about-department dl::before{
  background-color:rgba(255,234,0,.2);
  content:'';
  height:100%;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:all .3s;
  width:0;
  z-index:1;
}
.front-about-department dl:hover::before{
  width:100%;
}
.front-about-department dl div{
  flex-direction:column;
  height:100%;
  margin:0 auto;
  max-width:40rem;
  position:relative;
  z-index:2;
}
.front-about-department dt{
  margin:0 auto 3.2rem;
  width:13.8rem;
}
.front-about-department dd:last-child{
  margin:auto auto 0;
  max-width:11.5rem;
}
@media screen and (max-width:899px){
  .front-about{
    padding:8rem 0 0!important;
  }
  .front-about-wrap::before{
    width:25.3rem;
  }
  .front-about-contents{
    display:block;
  }
  .front-about-department{
    display:block;
  }
  .front-about-department dl{
    height:36rem;
    padding:5.6rem 4rem;
    width:100%;
  }
  .front-about-department-identity{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-about-background-identity@2x-sp.jpg);
    margin:0 0 .3rem;
  }
  .front-about-department-information{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-about-background-information@2x-sp.jpg);
  }
  .front-about-department dl::before{
    content:none;
  }
  .front-about-department dt{
    margin:0 auto 3.4rem;
    width:10.4rem;
  }
  .front-about-department dd:last-child{
    max-width:9.2rem;
  }
}

/* front about video */
.front-about-video{
  height:56rem; 
  overflow:hidden;
  margin:12rem 0 0;
  position:relative;
  z-index:2;
}
.front-about-video video{
  height:auto;
  left:50%;
  min-height:100%;
  min-width:100%;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:auto;
  z-index:1;
}
.video-btn{
  left:4rem;
  position:absolute;
  top:4rem;
  width:11.5rem;
  z-index:2;
}
@media screen and (max-width:899px){
  .front-about-video{
    margin:9.6rem 0 0;
  }
  .video-btn{
    left:2rem;
    top:2rem;
    width:9.2rem;
  }
}
@media screen and (max-width:767px){
  .front-about-video{
    height:36rem;
  }
  .front-about-video video{
    height:100%;
  }
}

/* front service */
.front-service-wrap::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-service-background@2x.png);
  width:48rem;
}
.front-service-department{
  width:100%;
}
.front-service-department dl{
  color:#fff;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:44.6rem;
  padding:8rem 4rem;
  position:relative;
  width:50%;
  z-index:1;
}
.front-service-department-seikan{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-service-background-seikan@2x-pc.jpg);
}
.front-service-department-kenchiku{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-service-background-kenchiku@2x-pc.jpg);
}
.front-service-department dl::before{
  background-color:rgba(255,234,0,.2);
  content:'';
  height:100%;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:all .3s;
  width:0;
  z-index:1;
}
.front-service-department dl:hover::before{
  width:100%;
}
.front-service-department dl div{
  flex-direction:column;
  height:100%;
  margin:0 auto;
  max-width:40rem;
  position:relative;
  z-index:2;
}
.front-service-department dt{
  margin:0 auto 3.2rem;
  width:13.8rem;
}
.front-service-department dd:last-child{
  margin:auto auto 0;
  max-width:11.5rem;
}
@media screen and (max-width:899px){
  .front-service-wrap::before{
    width:20.9rem;
  }
  .front-service-content{
    display:block;
  }
  .front-service-department{
    display:block;
  }
  .front-service-department dl{
    height:36rem;
    padding:5.6rem 4rem;
    width:100%;
  }
  .front-service-department-seikan{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-service-background-seikan@2x-sp.jpg);
    margin:0 0 .3rem;
  }
  .front-service-department-kenchiku{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-service-background-kenchiku@2x-sp.jpg);
  }
  .front-service-department dl::before{
    content:none;
  }
  .front-service-department dt{
    margin:0 auto 3.4rem;
    width:10.4rem;
  }
  .front-service-department dd:last-child{
    max-width:9.2rem;
  }
}

/* front recruit */
.front-recruit{
  flex-direction:column;
  padding:16rem 0 0!important;
}
.front-recruit-wrap{
  margin:0 0 6.4rem;
  order:2;
}
.front-recruit-wrap::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-recruit-background@2x.png);
  background-size:auto 17.4rem;
  height:17.4rem;
  width:46.4rem;
  top:-8rem;
}
.front-recruit-contents{
  position:relative;
  max-width:98.1rem;
}
.front-recruit-contents .front-content-text{
  max-width:72.2rem;
  padding:0 9.5em 0 0;
}
.front-recruit-contents .hover-btn::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/common/more-btn-y@2x.png);
}
.front-recruit-copy{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-recruit-background-copy@2x-pc.jpg);
  background-position:top 30% center;
  background-repeat:no-repeat;
  background-size:cover;
  height:50.7rem;
  margin:0 12rem 8rem;
  order:1;
}
.front-recruit-copy >div{
  height:100%;
  position:relative;
  width:100%;
}
.front-recruit-copy p{
  left:61%;
  max-width:27.9rem;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
@media screen and (max-width:1200px){
  .front-recruit-copy{
    margin:0 2rem 8rem;
  }
}
@media screen and (max-width:899px){
  .front-recruit{
    flex-direction:column;
    padding:5.6rem 0 0!important;
  }
  .front-recruit-wrap::before{
    background-size:auto 7.6rem;
    height:7.6rem;
    left:6rem;
    top:-6.6rem;
    width:20.2rem;
  }
  .front-recruit-contents{
    display:block;
  }
  .front-recruit-contents .front-content-text{
    max-width:72rem;
    padding:0;
  }
  .front-recruit-copy{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-recruit-background-copy@2x-sp.jpg);
    background-position:top center;
    height:32rem;
    margin:0 2rem 15.8rem;
  }
  .front-recruit-copy p{
    bottom:-9.4rem;
    left:50%;
    position:absolute;
    top:auto;
    transform:translateX(-50%);
    width:20.9rem;
  }
}

/* front recruit slider */
.front-recruit-slider{
  order:3;
}
.front-recruit-slider-wrap{
  height:28rem;
  overflow:hidden;
  position:relative;
  width:100%;
  z-index:1;
}
.front-recruit-slider-item{
  animation:front-recruit-slider-pc 30s linear infinite both;
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-recruit-slider-2-pc.png);
  background-position:left 0 center;
  background-repeat:repeat-x;
  background-size:auto 28rem;
  height:28rem;
  left:0;
  position:absolute;
  top:0;
  transform:translateZ(0);
  width:100%;
  will-change:background-position;
  z-index:1;
}
@media screen and (max-width:899px){
  .front-recruit-slider-wrap{
    height:14rem;
  }
  .front-recruit-slider-item{
    animation:front-recruit-slider-sp 30s linear infinite both;
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/2606/front-recruit-slider-2-sp.png);
    background-size:auto 14rem;
    height:14rem;
  }
}
@keyframes front-recruit-slider-pc{
  0%{background-position:left 0 center;}
  100%{background-position:left -261.6rem center;}
}
@keyframes front-recruit-slider-sp{
  0%{background-position:left 0 center;}
  100%{background-position:left -130.8rem center;}
}

/* front contact */
.front-contact-wrap::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-contact-background@2x.png);
  width:51.3rem;
}
.front-contact-information{
  margin:0 0 12rem;
}
.front-contact-information-wrap{
  padding:3.2rem 0;
  position:relative;
}
.front-contact-information-wrap::before{
  background-color:#cacaca;
  content:'';
  height:100%;
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:.2rem;
}
.front-contact-information-contents{
  width:50%;
}
.front-contact-information-contents >div{
  flex-direction:column;
  margin:0 auto;
  max-width:41rem;
  padding:0 2rem;
}
.front-contact-information-contents:last-child >div{
  align-items:center;
}
.front-contact-information-contents p{
  height:6rem;
}
.front-contact-information-contents p img{
  height:100%;
}
.front-contact-information-contents-tel-mail p{
  margin:0 0 3.8rem;
}
.front-contact-information-contents-form p{
  margin:0 0 2.8rem;
}
.front-contact-information-contents-tel-mail-ul li:first-child{
  margin:0 0 2.4rem;
}
.front-contact-information-contents-tel-mail-ul li:first-child span{
  font-size:1.4rem;
  line-height:1.5;
  margin:0 0 0 1.9rem;
}
.front-contact-information-contents-tel-mail-ul li{
  height:2.8rem;
}
.front-contact-information-contents-tel-mail-ul li img{
  height:100%;
}
.front-contact-information-contents-form .hover-btn-wrap{
  position:static;
  text-align:center;
}
.front-contact-information-contents-form .hover-btn::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/front/front-contact-form-btn-y@2x.png);
}
@media screen and (max-width:899px){
  .front-contact-wrap::before{
    width:22.4rem;
  }
  .front-contact-contents{
    display:block;
  }
  .front-contact-information{
    margin:0 0 9.6rem;
  }
  .front-contact-information-wrap{
    display:block;
    padding:0;
  }
  .front-contact-information-wrap::before{
    content:none;
  }
  .front-contact-information-contents{
    width:100%;
  }
  .front-contact-information-contents >div{
    align-items:center;
    max-width:32rem;
    padding:0;
  }
  .front-contact-information-contents-tel-mail{
    border-bottom:solid .2rem #cacaca;
  }
  .front-contact-information-contents p{
    height:4.5rem;
  }
  .front-contact-information-contents-tel-mail p{
    margin:0 0 4rem;
  }
  .front-contact-information-contents-form p{
    margin:5.6rem 0 4rem;
  }
  .front-contact-information-contents-tel-mail-ul{
    margin:0 auto 5.6rem;
    width:30rem;
  }
  .front-contact-information-contents-tel-mail-ul li:first-child{
    margin:0 0 1.6rem;
  }
  .front-contact-information-contents-tel-mail-ul li:first-child span{
    font-size:1.2rem;
    margin:0 0 0 .8rem;
  }
  .front-contact-information-contents-tel-mail-ul li{
    height:2.2rem;
  }
}


/* ===============
video
=============== */
.video-body{
  overflow:hidden;
}
.video{
  overflow:hidden;
  width:100%;
}



/* ===============
page top
=============== */

.page .contents{
  padding:6.8rem 0 0;
}
.page-article{
  padding:3.2rem 0 0;
}
@media screen and (max-width:899px){
  .page .contents{
    padding:5rem 0 0;
  }
  .page-article{
    padding:2rem 0 0;
  }
}

/* parallux */
.parallux-wrap{
  padding:0 0 12rem;
  position:relative;
}
.parallux-l,
.parallux-r{
  background-repeat:no-repeat;
  background-size:contain;
  content:'';
  display:block;
  height:100%;
  position:absolute;
  top:50%;
  transform:translate(0, -50%);
  width:45.2rem;
  z-index:-1;
}
.parallux-l{
  background-position:left 0;
  left:0;
}
.parallux-r{
  background-position:right 0;
  right:0;
}
.page-identity .parallux-l{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/identity/identity-parallux-l@2x.png);
}
.page-identity .parallux-r{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/identity/identity-parallux-r@2x.png);
}
.page-information .parallux-l{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-parallux-l@2x.png);
}
.page-information .parallux-r{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-parallux-r@2x.png);
}
.page-seikan .parallux-l{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/seikan-parallux-l@2x.png);
}
.page-seikan .parallux-r{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/seikan-parallux-r@2x.png);
}
.page-kenchiku .parallux-l{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-parallux-l@2x.png);
}
.page-kenchiku .parallux-r{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-parallux-r@2x.png);
}
.page-recruit .parallux-l{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/recruit-parallux-l@2x.png);
}
.page-recruit .parallux-r{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/recruit-parallux-r@2x.png);
}
@media screen and (max-width:899px){
  .parallux-l,
  .parallux-r{
    display:none;
  }
}

/* parallux 調整 */
.page-information .parallux-wrap,
.page-identity .parallux-wrap{
  padding:0 0 12rem;
}
@media screen and (max-width:899px){
  .page-information .parallux-wrap,
  .page-identity .parallux-wrap{
    padding:0 0 9.6rem;
  }
}
.page-seikan .parallux-wrap,
.page-kenchiku .parallux-wrap{
  padding:12rem 0;
}
.page-seikan .service-bottomlead,
.page-kenchiku .service-bottomlead{
  margin:0;
}
.page-kenchiku .service-bottomlead .service-lead-wrap{
  margin:0;
}
@media screen and (max-width:899px){
  .page-seikan .parallux-wrap,
  .page-kenchiku .parallux-wrap{
    padding:9.6rem 0;
  }
}
.page-recruit .parallux-wrap{
  padding:10rem 0 18rem;
}
@media screen and (max-width:899px){
  .page-recruit .parallux-wrap{
    padding:0 0 9.6rem;
  }
}

/* recruit top */
.page-recruit .contents{
  padding:0;
}


/* top1 */
.page-top1{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:38rem;
  margin:0 12rem 10rem;
}
.page-top1-wrap{
  align-items:center;
  height:100%;
  justify-content:flex-start;
  margin:0 16rem;
}
.page-top1-wrap h1{
  align-items:center;
  height:7.4rem;
  justify-content:flex-start;
}
@media screen and (max-width:1200px){
  .page-top1{
    margin:0 2rem 10rem;
  }
}
@media screen and (max-width:899px){
  .page-top1{
    height:18.7rem;
    margin:0 2rem 8rem;
  }
  .page-top1-wrap{
    margin:0 4rem;
  }
  .page-top1-wrap h1{
    height:5.4rem;
  }
  .page-top1-wrap h1 img{
    height:100%;
  }
}

/* top2(recruit) */
.page-top2{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/2606/recruit-top-background@2x-pc.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:55.5rem;
  position:relative;
}
.page-top2-wrap{
  flex-direction:column-reverse;
  left:60%;
  max-width:27.9rem;
  position:absolute;
  top:14.8rem;
}
.page-top2-wrap h1{
  height:8.3rem; 
}
.page-top2-wrap p{
  margin:0 0 4.8rem;
}
@media screen and (max-width:899px){
  .page-top2{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/2606/recruit-top-background@2x-sp.jpg);
    height:29rem;
    margin:0 0 28.2rem;
  }
  .page-top2-wrap{
    flex-direction:unset;
    height:29rem;
    left:0;
    max-width:100%;
    position:relative;
    top:0;
    width:100%;
  }
  .page-top2-wrap h1{
    height:5.1rem;
    margin:14.4rem 4rem 0 auto;
  }
  .page-top2-wrap p{
    left:50%;
    margin:0;
    position:absolute;
    top:34.6rem;
    transform:translateX(-50%);
    width:20.9rem;
  }
}

/* top3(privacy policy) */
.page-top3{
  align-items:flex-end;
  height:15.8rem;
  justify-content:center;
  margin:0 0 12rem;
  width:100%;
}
.page-top3 h1{
  height:7rem;
}
@media screen and (max-width:899px){
  .page-top3{
    height:11.9rem;
    margin:0 0 8rem;
  }
  .page-top3 h1{
    height:5.1rem;
  }
  .page-top3 h1 img{
    height:100%;
  }
}

/* title hexagon */
.page .section-title-hexagon{
  height:10rem;
  margin:0 0 4.8rem;
}
@media screen and (max-width:899px){
  .page .section-title-hexagon{
    height:8rem;
    margin:0 4.6rem 5.6rem 0;
    text-align:center;
  }
  .page .section-title-hexagon img{
    height:8rem;
  }
}



/* ===============
page section
=============== */

/* section */
.page-section:not(:last-child){
  margin:0 0 12rem;
}
@media screen and (max-width:899px){
  .page-section:not(:last-child){
    margin:0 0 9.6rem;
  }
}



/* ===============
information
=============== */

.page-information .page-top1{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-top-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .page-information .page-top1{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-top-background@2x-sp.jpg);
  }
  .page-information .page-top1-wrap h1 img{
    height:5.1rem;
  }
}

/* information table list */
.information-table-list{
  margin:0 0 2.4rem;
}
.information-table-list >dt >div{
  border-left:solid .3rem #ffea00;
  border-right:solid .3rem #ffea00;
  font-weight:500;
  margin:0 2.4rem 0 0;
  text-align:center;
  width:12rem;
}
@media screen and (max-width:899px){
  .information-table-list >dt >div{
    margin:0 1.6rem 0 0;
    width:10rem;
  }
}

/* company profile */
.information-company-profile .information-table-list >dd{
  white-space:nowrap;
}
.information-company-profile .information-table-list dd a{
  color:#000;
}
.information-company-profile .information-table-list dd a:hover{
  text-decoration:underline;
}
.information-company-profile .information-table-list:nth-child(5) .information-table-list-ul{
  flex-wrap:wrap;
}
.information-company-profile .information-table-list:nth-child(5) .information-table-list-ul li{
  margin:0 1em 0 0;
}
.information-company-profile .information-table-list:nth-child(5) .information-table-list-ul li:last-child{
  width:100%;
}
@media screen and (max-width:899px){
  .information-company-profile-dl  >dt >div{
    margin:0 1.6rem 0 0;
    width:10rem;
  }
  .information-company-profile-dl-right{
    display:block;
    margin:0 .5em 0 0;
    text-align:right;
  }
  .information-company-profile .information-table-list dd a:hover{
    text-decoration:none;
  }
  .information-company-profile .information-table-list:nth-child(5) .information-table-list-ul li:nth-child(3),
  .information-company-profile .information-table-list:nth-child(5) .information-table-list-ul li:nth-child(4){
    width:100%;
  }
}

/* business domain */
.information-business-domain-text{
  margin:0 0 6.4rem; 
}
.information-business-domain-figre{
  width:100%;
}
@media screen and (max-width:899px){
  .information-business-domain-figure{
    margin:0 -1rem;
    width:auto;
  }
  .information-business-domain-figure img{
    margin:0 auto;
  }
}

/* accsess */
.information-access-list li:not(:last-child){
  margin:0 0 8rem;
}
.information-access-list-dl{
  border-left:solid .3rem #ffea00;
  font-size:1.4rem;
  line-height:1.5;
  margin:0 0 4rem;
  padding:0 0 0 2.4rem;
  position:relative;
  width:37.8rem;
  z-index:1;
}
.information-access-list-dl dt{
  margin:0 0 1.2rem;
}
.information-access-list-dl dd:last-child{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
}
.information-access-list-dl .hover-btn{
  max-width:8.3rem;
  z-index:1;
}
.information-access-list-dl .hover-btn::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/common/mapbtn-y@2x.png);
  background-size:8.3rem 7.2rem;
  height:7.2rem;
  width:8.3rem;
}
.information-access-list-images div{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:24rem;
  margin:4rem auto 0;
  max-width:72rem;
}
.information-access-list-images .information-access-list-images-sano{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-access-images-sano@2x-pc.jpg);
}
.information-access-list-images .information-access-list-images-iwasaki{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-access-images-iwasaki@2x-pc.jpg);
}
.information-access-list-images-map iframe{
  height:24rem;
  margin:0 auto;
  width:100%;
}
@media screen and (max-width:899px){
  .information-access-list li:not(:last-child){
    margin:0 0 5.6rem;
  }
  .information-access-list-dl{
    border-left:solid .3rem #ffea00;
    font-size:1.2rem;
    margin:0 0 2.4rem;
    padding:0 0 0 1.6rem;
    width:31.8rem;
  }
  .information-access-list-dl dt{
    margin:0 0 1rem;
  }
  .information-access-list-dl .hover-btn{
    max-width:6.7rem;
  }
  .information-access-list-dl .hover-btn::before{
    background-size:6.7rem 5.8rem;
    height:5.8rem;
    width:6.7rem;
  }
  .information-access-list-images{
    margin:0 -2rem;
  }
  .information-access-list-images div{
    margin:1.6rem auto 0;
    max-width:none;
    width:100%;
  }
  .information-access-list-images .information-access-list-images-sano{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-access-images-sano@2x-sp.jpg);
  }
  .information-access-list-images .information-access-list-images-iwasaki{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/information/information-access-images-iwasaki@2x-sp.jpg);
  }
}




/* ===============
quality
=============== */

.information-quality-text{
  margin:0 0 6.4rem;
}
.information-quality-figure{
  text-align:center;
}
@media (max-width:899px){
  .information-quality .section-title-hexagon{
    margin:0 0 5.6rem;
  }
  .information-quality .section-title-hexagon img{
    margin:0 auto;
  }
  .information-quality-text{
    margin:0 0 4rem;
  }
  .information-quality-figure img{
    width:60%;
  }
}




/* ===============
sdgs
=============== */

.information-sdgs-text{
  margin:0 0 6.4rem;
}
.information-sdgs-figure2{
  margin:4rem 0 0;
}
@media (max-width:899px){
  .information-sdgs .section-title-hexagon{
    margin:0 0 5.6rem;
  }
  .information-sdgs .section-title-hexagon img{
    margin:0 auto;
  }
  .information-sdgs-text{
    margin:0 0 4rem;
  }
  .information-sdgs-figure2{
    margin:1.6rem 0 0;
  }
  .information-sdgs-figure2 img{
    width:100%;
  }
}



/* ===============
identity
=============== */

.page-identity .page-top1{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/identity/identity-top-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .page-identity .page-top1{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/identity/identity-top-background@2x-sp.jpg);
  }
  .page-identity .page-top1-wrap h1 img{
    height:5.1rem;
  }
}

/* president message */
.identity-president-message-text-subtitle{
  display:block;
  margin:0 0 4rem;
  width:27.8rem;
}
.identity-president-message-text span{
  display:block;
  margin:0 0 1.8em;
}
.identity-president-message-text span:nth-last-child(1){
  margin:0;
}

.identity-president-message-text-2col p{
  flex:1 0 0;
  margin:0 4.8rem 0 0;
}
.identity-president-message-text-2col figure{
  width:23rem;
}
.identity-president-message-text-2col figcaption{
  margin:1.6rem 0 0;
}
@media screen and (max-width:899px){
  .identity-president-message-text-subtitle{
    margin:0 0 2.4rem;
    width:20.9rem;
  }
  .identity-president-message-text-2col{
    align-items:center;
    flex-direction:column;
  }
  .identity-president-message-text-2col p{
    margin:0 0 5.6rem;
  }
  .identity-president-message-text-2col figure{
    width:19rem;
  }
  .identity-president-message-text-2col figcaption{
    margin:1.2rem 0 0;
  }
}



/* ===============
service （seikan・kenchiku）
=============== */

.service-lead{
  margin:0 0 12rem;
}
.service-lead-wrap{
  margin:0 0 9.6rem;
}
.service-lead-wrap >div{
  width:50%;
}
.service-lead-text{
  align-items:center;
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-lead-background-leadtext@2x-pc.png);
  background-position:top center;
  background-repeat:no-repeat;
  background-size:cover;
  flex-direction:column;
  height:60.5rem;
  justify-content:center;
  padding:6rem;
}
.service-lead-text p{
  max-width:40rem;
}
.service-lead-text p >b{
  display:block;
  margin:0 0 5.6rem;
}
.service-lead-background{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
.service-lead-contentlist{
  justify-content:space-between;
}
.service-lead-contentlist dl{
  max-width:48rem;
  width:50%;
}
.service-lead-contentlist dl:first-child{
  margin:0 4rem 0 0;
}
.service-lead-contentlist dl >dt{
  margin:0 0 3.2rem;
}
.service-lead-contentlist dl >dt img{
  max-height:6rem;
}
@media screen and (max-width:899px){
  .service-lead{
    margin:0 0 9.6rem;
  }
  .service-lead-wrap{
    flex-direction:column-reverse;
    margin:0 0 6.4rem;
  }
  .service-lead-wrap >div{
    width:100%;
  }
  .service-lead-wrap .service-lead-background{
    height:36rem;
  }
  .service-lead-text{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-lead-background-leadtext@2x-sp.png);
    display:block;
    height:auto;
    padding:6.4rem 4rem;
  }
  .service-lead-text p{
    margin:0 auto;
    max-width:72rem;
  }
  .service-lead-text p >b{
    margin:0 0 2.4rem;
  }
  .service-lead-contentlist{
    display:block;
  }
  .service-lead-contentlist dl{
    margin:0 auto;
    max-width:72rem;
    width:100%;
  }
  .service-lead-contentlist dl:first-child{
    margin:0 auto 5.6rem;
  }
  .service-lead-contentlist dl >dt{
    height:4.5rem;
    margin:0 0 2.4rem;
  }
  .service-lead-contentlist dl >dt img{
    height:4.5rem;
  }
}

.pr-gomenkakou-wrap{
  flex-wrap:wrap;
  margin:9.6rem 0 0;
  position:relative;
}
.pr-gomenkakou-wrap::after{
  border:solid .3rem #ffea00;
  content:'';
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}
.pr-gomenkakou-l,
.pr-gomenkakou-r{
  width:50%;
}
.pr-gomenkakou-l{
  z-index:0;
}
.pr-gomenkakou-r{
  align-items:center;
  justify-content:center;
  z-index:2;
}
.pr-gomenkakou-r-inner{
  max-width:36rem;
  width:85%;
}
.pr-gomenkakou-r-inner p{
  margin:3.2rem 0 0;
}
@media (max-width:767px){
  .pr-gomenkakou-wrap{
    display:block;
    margin:5.6rem auto 0;
    max-width:48rem;
  }
  .pr-gomenkakou-l,
  .pr-gomenkakou-r{
    width:100%;
  }
  .pr-gomenkakou-r-inner{
    max-width:100%;
    padding:4.8rem 3.2rem;
    width:auto;
  }
  .pr-gomenkakou-r-inner p{
    margin:2.4rem 0 0;
  } 
}

/* lead bottom */
.service-bottomlead .service-lead-wrap{
  flex-direction:row-reverse;
}
@media screen and (max-width:899px){
  .service-bottomlead .service-lead-wrap{
    flex-direction:row-reverse;
  }
}

/* service slider */
.service-lead-slider{
  margin:0 auto 9.6rem;
  max-width:108rem;
  padding:0 2rem;
} 
.service-lead-slider-item{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% auto;
  padding:0 0 15.9%;
  width:100%;
}
@media screen and (max-width:899px){
  .service-lead-slider{
    margin:0 auto 6.4rem;
    padding:0;
  }
  .service-lead-slider-wrap{
    height:14rem;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:1;
  }
  .service-lead-slider-item{
    animation:service-lead-slider-sp 20s linear infinite both;
    background-position:0 0;
    background-repeat:repeat-x;
    background-size:auto 100%;
    height:100%;
    left:0;
    padding:0;
    position:absolute;
    top:0;
    z-index:1;
  }
}
@keyframes service-lead-slider-sp{
  0%{background-position:0 0;}
  100%{background-position:-87.2rem 0;}
}

/* service facility */
.service-facility-content{
  justify-content:space-between;
}
.service-facility-content:not(:last-child){
  margin:0 0 8rem;
}
.service-facility-content dt{
  margin:0 0 .8rem;
}
.service-facility-content dt img{
  height:2.8rem;
  margin:0 0 .8rem;
}
.service-facility-content p{
  max-width:40rem;
  position:relative;
  z-index:1;
}
@media screen and (max-width:767px){
  .seikan-facility-wrap{
    margin:0 auto;
    max-width:32rem;
  }
  .service-facility-content{
    flex-direction:column-reverse;
  }
  .service-facility-content:not(:last-child){
    margin:0 0 5.6rem;
  }
  .service-facility-content dt{
    margin:0 0 .4rem;
  }
  .service-facility-content dt img{
    height:2.2rem;
    margin:0 0 .4rem;
  }
  .service-facility-content p{
    margin:0 0 1.6rem;
    max-width:none;
    width:100%;
  }
}

/* icon */
.service-icon::before,
.service-icon2::after{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:8.7rem 7.5rem;
  content:'';
  height:7.5rem;
  position:absolute;
  right:-1.6rem;
  width:8.7rem;
  z-index:1;
}
.service-icon::before{
  top:-1.6rem;
}
.service-icon2::after{
  top:6.7rem;
}
.service-icon-cut::before,
.service-icon2-cut::after{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-cut@2x.png);
}
.service-icon-bend::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-bend@2x.png);
}
.service-icon-bevel::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-bevel@2x.png);
}
.service-icon-weld::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-weld@2x.png);
}
.service-icon-drill::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-drill@2x.png);
}
.service-icon-scaler::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-scaler@2x.png);
}
.service-icon-blast::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-blast@2x.png);
}
.service-icon-anaakesetsudan::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-anaakesetsudan@2x.png)
}
.service-icon-gomenkakou::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/service-facility-icon-gomenkakou@2x.png)
}
@media screen and (max-width:767px){
  .service-icon::before,
  .service-icon2::after{
    background-size:7rem 6rem;
    height:6rem;
    right:.8rem;
    width:7rem;
  }
  .service-icon::before{
    top:-.8rem;
  }
  .service-icon2::after{
    top:5.8rem;
  }
}

/* lottie */
.service-border-animation{
  display:block;
  height:1.9rem;
  max-width:32rem;
}



/* ===============
seikan
=============== */

.page-seikan .page-top1{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/2606/seikan-top-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .page-seikan .page-top1 {
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/2606/seikan-top-background@2x-sp.jpg);
  }
}

/* seikan lead top */
.page-seikan .service-toplead .service-lead-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/seikan-toplead-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .page-seikan .service-toplead .service-lead-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/seikan-toplead-background@2x-sp.jpg);
  }
}

/* seikan lead bottom */
.page-seikan .service-bottomlead .service-lead-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/seikan-bottomlead-background@2x-pc.jpg);
}
.page-seikan .service-bottomlead .service-lead-text p >b{
  margin:0 -1.9rem 5.6rem 0;
}
@media screen and (max-width:899px){
  .page-seikan .service-bottomlead .service-lead-wrap{
    flex-direction:column-reverse;
  }
  .page-seikan .service-bottomlead .service-lead-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/seikan-bottomlead-background@2x-sp.jpg);
  }
  .page-seikan .service-bottomlead .service-lead-text p >b{
    margin:0 0 2.4rem 0;
  }
}

/* seikan lead top slider */
.page-seikan .service-toplead .service-lead-slider-item{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/2606/seikan-toplead-slider@2x-pc.png);
}
@media screen and (max-width:899px){
  .page-seikan .service-toplead .service-lead-slider-item{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/2606/seikan-toplead-slider@2x-sp.png);
  }
}

/* seikan lead bottom slider */
.page-seikan .service-bottomlead .service-lead-slider-item{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/2606/seikan-bottomlead-slider@2x-pc.png);
}
@media screen and (max-width:899px){
  .page-seikan .service-bottomlead .service-lead-slider-item{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/seikan/2606/seikan-bottomlead-slider@2x-sp.png);
  }
}

/* seikan facility */
.service-facility-content-list li::before{
  color:#cacaca;
  content:'●';
}

/* seikan product */
.seikan-product-wrap{
  flex-wrap:wrap;
}
.seikan-product-content:first-child{
  margin:0 8rem 8rem 0;
}
.seikan-product-content:nth-child(2),
.seikan-product-content:nth-child(3){
  margin:0 0 8rem;
}
.seikan-product-content:nth-child(4){
  margin:0 8rem 0 0;
}
.seikan-product-content:last-child{
  margin:0;
}
.seikan-product-content:not(:nth-child(3)){
  width:calc(50% - 4rem);
}
.seikan-product-content dt{
  margin:0 0 1.6rem;
}
.seikan-product-content dt img{
  height:2.4rem;
  margin:0 0 .8rem;
}
.seikan-product-content:not(:nth-child(3)) dd{
  flex-direction:column-reverse;
}
.seikan-product-content dd b{
  display:block;
  line-height:1;
  margin:0 0 1.6rem;
}
.seikan-product-content dd b >img{
  height:1.8rem;
}
.seikan-product-content:not(:nth-child(3)) dd >img{
  display:block;
  margin:0 0 3.2rem;
  width:100%;
}
@media screen and (max-width:767px){
  .seikan-product-wrap{
    display:block;
    margin:0 auto;
    max-width:32rem;
  }
  .seikan-product-content:first-child,
  .seikan-product-content:nth-child(2),
  .seikan-product-content:nth-child(3),
  .seikan-product-content:nth-child(4){
    margin:0 auto 5.6rem;
  }
  .seikan-product-content:not(:nth-child(3)){
    width:100%;
  }
  .seikan-product-content dt{
    margin:0 0 2.4rem;
  }
  .seikan-product-content dt img{
    height:1.8rem;
    margin:0 0 .4rem;
  }
  .seikan-product-content dd b{
    margin:0 0 1.2rem;
  }
  .seikan-product-content dd b >img{
    height:1.4rem;
  }
  .seikan-product-content:not(:nth-child(3)) dd >img,
  .seikan-product-content:nth-child(3) dd >img{
    margin:0 0 2.4rem;
    width:100%;
  }
}

/* seikan product content 3 */
.seikan-product-content:nth-child(3) dd{
  align-items:flex-end;
  grid-template-areas:
  "block-left-figure block-right-text"
  "block-left-figure block-right-figure";
  grid-template-columns:calc(50% - 1.2rem) calc(50% - 1.2rem);
  grid-template-rows:auto auto;
  justify-content:space-between;
}
.seikan-product-content:nth-child(3) dd .block-left-figure{
  grid-area:block-left-figure;
}
.seikan-product-content:nth-child(3) dd .block-right-text{
  grid-area:block-right-text;
}
.seikan-product-content:nth-child(3) dd .block-right-figure{
  grid-area:block-right-figure;
}
@media screen and (max-width:767px){
  .seikan-product-content:nth-child(3) dd{
    grid-template-areas:
    "block-left-figure"
    "block-right-figure"
    "block-right-text";
    grid-template-columns:100%;
    grid-template-rows:auto;
  }
}



/* ===============
kenchiku
=============== */

.page-kenchiku .page-top1{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-top-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .page-kenchiku .page-top1 {
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-top-background@2x-sp.jpg);
  }
}

/* kenchiku lead top */
.page-kenchiku .service-toplead .service-lead-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-toplead-background@2x-pc.jpg);
}
.page-kenchiku .service-toplead .service-lead-text p >b{
  margin:0 -1.9rem 5.6rem 0;
}
@media screen and (max-width:899px){
  .page-kenchiku .service-toplead .service-lead-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-toplead-background@2x-sp.jpg);
  }
  .page-kenchiku .service-toplead .service-lead-text p >b{
    margin:0 0 2.4rem 0;
  }
}

/* lead bottom */
.page-kenchiku .service-bottomlead .service-lead-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-bottomlead-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .page-kenchiku .service-bottomlead .service-lead-wrap{
    flex-direction:column-reverse;
  }
  .page-kenchiku .service-bottomlead .service-lead-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-bottomlead-background@2x-sp.jpg);
  }
  .page-kenchiku .service-bottomlead .service-lead-text p >b{
    margin:0 -.8rem 2.4rem 0;
  }
}

/* kenchiku lead top video */
.kenchiku-lead-video{
  margin:0 auto 1.6rem;
  max-width:108rem;
  padding:0 2rem;
}
.kenchiku-lead-video video{
  width:100%;
}
@media screen and (max-width:899px){
  .kenchiku-lead-video{
    margin:0 auto .8rem;
    padding:0;
    width:100%;
  }
}

/* kenchiku lead top slider */
.page-kenchiku .service-toplead .service-lead-slider-item{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/2606/kenchiku-toplead-slider@2x-pc.png);
}
@media screen and (max-width:899px){
  .page-kenchiku .service-toplead .service-lead-slider-item{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/2606/kenchiku-toplead-slider@2x-sp.png);
  }
}

/* kenchiku label content */
.kenchiku-facility .section-title-hexagon{
  margin:0 0 6.2rem;
}
.kenchiku-facility-contents >dl{
  margin:0 auto 9.6rem;
  max-width:91.2rem;
  padding:9.7rem 2rem 9.6rem;
  position:relative;
  width:100%;
  z-index:1;
}
.kenchiku-facility-contents >dl::before,
.kenchiku-facility-contents >dl::after{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% auto;
  content:'';
  height:100%;
  position:absolute;
  top:0;
  width:45.6rem;
  z-index:-1;
}
.kenchiku-facility-contents >dl::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-border-l@2x-pc.png);
  left:0;
}
.kenchiku-facility-contents >dl::after{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-border-r@2x-pc.png);
  right:0;
}
.kenchiku-facility-contents >dl >dt{
  left:50%;
  margin:0 auto;
  position:absolute;
  top:-1.6rem;
  transform:translateX(-50%);
  width:55.2rem;
  z-index:1;
}
.kenchiku-facility-contents >dl >dt span{
  display:block;
  position:relative;
  z-index:1;
}
.kenchiku-facility-contents >dl >dt span::before,
.kenchiku-facility-contents >dl >dt span::after{
  background-color:#cacaca;
  content:'';
  height:.3rem;
  position:absolute;
  top:50%;
  width:10rem;
}
.kenchiku-facility-contents >dl >dt span::before{
  left:-12.2rem;
}
.kenchiku-facility-contents >dl >dt span::after{
  right:-12.2rem;
}
.kenchiku-facility-contents .yellow-underline{
  font-size:2rem;
  font-weight:700;
  line-height:1.6;
  margin:0 0 3.3rem;
  text-align:center;
}
.kenchiku-facility-content{
  margin:0 auto;
  max-width:72rem;
  position:relative;
  z-index:1;
}
@media screen and (max-width:899px){
  .kenchiku-facility{
    overflow:hidden;
  }
  .kenchiku-facility .section-title-hexagon{
    margin:0 0 8.7rem;
  }
  .kenchiku-facility-contents >dl{
    border-bottom:solid .3rem #cacaca;
    margin:0 -2rem 5.6rem;
    max-width:none;
    padding:7rem 2rem 9rem;
    width:auto;
  }
  .kenchiku-facility-contents >dl::before,
  .kenchiku-facility-contents >dl::after{
    content:none;
  }
  .kenchiku-facility-contents >dl >dt{
    top:-3rem;
    width:27rem;
  }
  .kenchiku-facility-contents >dl >dt span::before,
  .kenchiku-facility-contents >dl >dt span::after{
    width:50vw;
  }
  .kenchiku-facility-contents >dl >dt span::before{
    left:0;
    transform:translateX(calc(-100% - .8rem));
  }
  .kenchiku-facility-contents >dl >dt span::after{
    right:0;
    transform:translateX(calc(100% + .8rem));
  }
  .kenchiku-facility-contents .yellow-underline{
    font-size:1.6rem;
    margin:0 0 4rem;
  }
  .kenchiku-facility-contents .yellow-underline span::before{
    bottom:auto;
    top:4.2rem;
  }
  .kenchiku-facility-contents .yellow-underline span::after{
    background-color:#ffea00;
    content:'';
    display:block;
    height:1rem;
    left:50%;
    position:absolute;
    top:1.6rem;
    transform:translateX(-50%);
    width:90%;
    z-index: -1;
  }
  .kenchiku-facility-content{
    max-width:32rem;
  }
}

/* label btn */
.kenchiku-facility-content-btnlist{
  height:52.7rem;
  position:relative;
  width:100%;
  z-index:1;
}
.kenchiku-facility-content-btnlist li{
  height:0;
}
.kenchiku-facility-content-btn{
  position:absolute;
  top:4.8rem;
  width:12.629rem;
  z-index:2;
}
.kenchiku-facility-content-btnlist li:first-of-type .kenchiku-facility-content-btn{
  left:2.43rem;
}
.kenchiku-facility-content-btnlist li:nth-of-type(2) .kenchiku-facility-content-btn{
  left:16.02rem;
}
.kenchiku-facility-content-btnlist li:nth-of-type(3) .kenchiku-facility-content-btn{
  left:29.61rem;
}
.kenchiku-facility-content-btnlist li:nth-of-type(4) .kenchiku-facility-content-btn{
  left:43.19rem;
}
.kenchiku-facility-content-btnlist li:last-of-type .kenchiku-facility-content-btn{
  left:56.79rem;
}
.kenchiku-facility-content-btn span{
  display:block;
  height:15.499rem;
  left:0;
  position:relative;
  top:0;
  width:12.692rem;
  z-index:3;
}
.kenchiku-facility-content-btn span::before{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:12.692rem 15.499rem;
  content:'';
  display:none;
  height:15.499rem;
  left:0;
  position:absolute;
  top:0;
  width:12.692rem;
  z-index:1;
}
.kenchiku-facility-content-btnlist li:first-of-type .kenchiku-facility-content-btn span::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn1-y@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:nth-of-type(2) .kenchiku-facility-content-btn span::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn2-y@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:nth-of-type(3) .kenchiku-facility-content-btn span::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn3-y@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:nth-of-type(4) .kenchiku-facility-content-btn span::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn4-y@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:last-of-type .kenchiku-facility-content-btn span::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn5-y@2x-pc.png);
}
#kenchiku-facility-content-btn1:checked ~ .kenchiku-facility-content-btn span::before,
#kenchiku-facility-content-btn2:checked ~ .kenchiku-facility-content-btn span::before,
#kenchiku-facility-content-btn3:checked ~ .kenchiku-facility-content-btn span::before,
#kenchiku-facility-content-btn4:checked ~ .kenchiku-facility-content-btn span::before,
#kenchiku-facility-content-btn5:checked ~ .kenchiku-facility-content-btn span::before{
  display:block;
}
@media screen and (max-width:899px){
  .kenchiku-facility-content-btnlist{
    height:70.3rem;
  }
  .kenchiku-facility-content-btn{
    width:15.2rem;
  }
  .kenchiku-facility-content-btnlist li:first-of-type .kenchiku-facility-content-btn,
  .kenchiku-facility-content-btnlist li:nth-of-type(3) .kenchiku-facility-content-btn,
  .kenchiku-facility-content-btnlist li:last-of-type .kenchiku-facility-content-btn{
    left:0;
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(2) .kenchiku-facility-content-btn,
  .kenchiku-facility-content-btnlist li:nth-of-type(4) .kenchiku-facility-content-btn{
    left:auto;
    right:0;
  }
  .kenchiku-facility-content-btnlist li:first-of-type .kenchiku-facility-content-btn,
  .kenchiku-facility-content-btnlist li:nth-of-type(2) .kenchiku-facility-content-btn{
    top:5.9rem;
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(3) .kenchiku-facility-content-btn,
  .kenchiku-facility-content-btnlist li:nth-of-type(4) .kenchiku-facility-content-btn{
    top:16.3rem;
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(5) .kenchiku-facility-content-btn,
  .kenchiku-facility-content-btnlist li:last-of-type .kenchiku-facility-content-btn{
    top:26.7rem;
  }
  .kenchiku-facility-content-btn span{
    height:8.8rem;
    width:15.2rem;
  }
  .kenchiku-facility-content-btn span::before{
    background-size:15.2rem 8.8rem;
    height:8.8rem;
    width:15.2rem;
  }
  .kenchiku-facility-content-btnlist li:first-of-type .kenchiku-facility-content-btn span::before{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn1-y@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(2) .kenchiku-facility-content-btn span::before{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn2-y@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(3) .kenchiku-facility-content-btn span::before{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn3-y@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(4) .kenchiku-facility-content-btn span::before{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn4-y@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:last-of-type .kenchiku-facility-content-btn span::before{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-btn5-y@2x-sp.png);
  }
}

/* kenchiku facility background */
.kenchiku-facility-content-background{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:72rem 5.2rem;
  height:5.2rem;
  left:50%;
  position:absolute;
  top:0;
  transform:translateX(-50%);
  width:72rem;
  z-index:1;
}
.kenchiku-facility-content-btnlist li .kenchiku-facility-content-background{
  display:none;
}
.kenchiku-facility-content-btnlist li:first-of-type .kenchiku-facility-content-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background1@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:nth-of-type(2) .kenchiku-facility-content-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background2@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:nth-of-type(3) .kenchiku-facility-content-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background3@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:nth-of-type(4) .kenchiku-facility-content-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background4@2x-pc.png);
}
.kenchiku-facility-content-btnlist li:last-of-type .kenchiku-facility-content-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background5@2x-pc.png);
}
#kenchiku-facility-content-btn1:checked ~ .kenchiku-facility-content-background,
#kenchiku-facility-content-btn2:checked ~ .kenchiku-facility-content-background,
#kenchiku-facility-content-btn3:checked ~ .kenchiku-facility-content-background,
#kenchiku-facility-content-btn4:checked ~ .kenchiku-facility-content-background,
#kenchiku-facility-content-btn5:checked ~ .kenchiku-facility-content-background{
  display:block;
}
.kenchiku-facility-content >.kenchiku-facility-content-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background@2x-pc.png);
  z-index:-1;
}
@media screen and (max-width:899px){
  .kenchiku-facility-content-background{
    background-size:32.165rem 3.501rem;
    height:3.501rem;
    width:32.165rem;
  }
  .kenchiku-facility-content-btnlist li:first-of-type .kenchiku-facility-content-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background1@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(2) .kenchiku-facility-content-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background2@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(3) .kenchiku-facility-content-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background3@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:nth-of-type(4) .kenchiku-facility-content-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background4@2x-sp.png);
  }
  .kenchiku-facility-content-btnlist li:last-of-type .kenchiku-facility-content-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background5@2x-sp.png);
  }
  .kenchiku-facility-content >.kenchiku-facility-content-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/service/kenchiku/kenchiku-facility-label-background@2x-sp.png);
  }
}

/* kenchiku facility list */
.kenchiku-facility-content .service-facility-content{
  bottom:0;
  display:none;
  left:0;
  max-width:72rem;
  position:absolute;
}
.kenchiku-facility-content .service-facility-content dt img{
  height:3.4rem;
}
.kenchiku-facility .service-facility-content dd{
  max-width:28rem;
}
#kenchiku-facility-content-btn1:checked ~ .service-facility-content,
#kenchiku-facility-content-btn2:checked ~ .service-facility-content,
#kenchiku-facility-content-btn3:checked ~ .service-facility-content,
#kenchiku-facility-content-btn4:checked ~ .service-facility-content,
#kenchiku-facility-content-btn5:checked ~ .service-facility-content{
  display:flex;
}
@media screen and (max-width:899px){
  .kenchiku-facility-content .service-facility-content{
    bottom:auto;
    flex-direction:column-reverse;
    max-width:32rem;
    top:39.5rem;
  }
  .kenchiku-facility-content .service-facility-content dt img{
    height:2.8rem;
  }
  .kenchiku-facility .service-facility-content dd{
    max-width:none;
  }
  .kenchiku-facility .service-facility-content dt{
    margin:0 0 0.4rem;
  }
  .kenchiku-facility-contents .service-facility-content dt img{
    margin:0 0 0.4rem;
  }
  .kenchiku-facility .service-facility-content p{
    margin:0 0 1.6rem;
    max-width:none;
    width:100%;
  }
  .service-facility-wrap .service-facility-content p{
    margin:0;
    max-width:40rem;
  }
  .kenchiku-facility-contents .service-icon::before,
  .kenchiku-facility-contents .service-icon2::after{
    background-size:7rem 6rem;
    height:6rem;
    right:.8rem;
    width:7rem;
  }
  .kenchiku-facility-contents .service-icon::before{
    top:-.8rem;
  }
  .kenchiku-facility-contents .service-icon2::after{
    top:5.8rem;
  }
}

/* kenchiku bottom */
.service-facility-contents >div{
  width:calc(50% - 4rem);
}
.service-facility-contents >div:first-child{
  margin:0 8rem 0 0;
}
@media screen and (max-width:767px){
  .service-facility-wrap{
    margin:0 auto;
    max-width:32rem;
  }
  .service-facility-contents{
    display:block;
  }
  .service-facility-contents >div{
    width:100%;
  }
  .service-facility-contents >div:first-child{
    margin:0 0 5.6rem 0;
  }
  .service-facility-wrap .service-facility-content dd{
    max-width:none;
  }
  .service-facility-wrap .service-facility-content p{
    margin:0 0 1.6rem;
    max-width:none;
    width:100%;
  }
}



/* ===============
recruit
=============== */

.page-recruit .page-article{
  overflow:hidden;
  padding:0;
}

/* recruit concept works */
.page-recruit .recruit-concept{
  margin:0 auto 20.5rem;
}
.page-recruit .recruit-works{
  margin:0 0 21.8rem;
}
.recruit-section-contents{
  position:relative;
  width:100%;
  z-index:1;
}
.recruit-section-contents::before{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% auto;
  content:'';
  height:55.8rem;
  max-width:56.2rem;

  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54%;
  z-index:-1;
}
.recruit-concept .recruit-section-contents::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/2606/recruit-concept-background@2x.png);
  right:-4rem;
}
.recruit-works .recruit-section-contents::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/2606/recruit-works-background@2x.png);
  left:-4rem;
}
.recruit-section-contents >div{
  max-width:46.2rem;
  width:44.2%;
}
.recruit-works .recruit-section-contents >div{
  margin:0 0 0 auto;
}
.recruit-section-contents h2{
  height:9rem;
  margin:0 0 3.2rem;
}
.recruit-section-contents p:not(:last-of-type){
  margin:0 0 1.8em;
}
@media screen and (max-width:1200px){
  .page-recruit .recruit-concept{
    margin:0 auto 17.3%;
  }
}
@media screen and (max-width:767px){
  .page-recruit .recruit-concept{
    margin:0 auto 8rem;
  }
  .page-recruit .recruit-works{
    margin:0 0 9.6rem;
  }
  .recruit-section-contents{
    margin:0 auto;
    max-width:40rem;
    padding:35.7rem 0 0;
  }
  .recruit-section-contents::before{
    height:35.7rem;
    max-width:36rem;
    top:0;
    transform:none;
    width:100%;
  }
  .recruit-concept .recruit-section-contents::before{
    left:-4rem;
    right:auto;
  }
  .recruit-works .recruit-section-contents::before{
    left:auto;
    right:-4rem;
  }
  .recruit-section-contents >div{
    max-width:none;
    width:100%;
  }
  .recruit-works .recruit-section-contents >div{
    margin:0 auto;
  }
  .recruit-section-contents h2{
    height:7.4rem;
    margin:0 0 2.4rem;
  }
  .recruit-section-contents h2 img{
    height:100%;
  }
  .recruit-concept .recruit-section-contents h2 img{
    margin:0 0 0 auto;
  }
}

/* recruit interview */
.recruit-interview h2{
  margin:0 0 10rem;
  text-align:center;
}
@media screen and (max-width:899px){
  .recruit-interview h2{
    height:7.4rem;
    margin:0 0 5.6rem;
  }
  .recruit-interview h2 img{
    height:100%;
  }
}

/* recruit interview top */
.recruit-interview-top{
  height:48.7rem;
  margin:0 0 9.6rem;
  position:relative;
  width:100%;
  z-index:1;
}
.recruit-interview-top-wrap{
  align-items:center;
  height:48.7rem;
  position:relative;
  width:100%;
  z-index:1;
}
.recruit-interview-top-content{
  flex-direction:column-reverse;
}
.recruit-interview-list li:nth-child(1) .recruit-interview-top-content{
  max-width:49rem;
  transform:translateX(12rem);
}
.recruit-interview-list li:nth-child(2) .recruit-interview-top-content{
  max-width:45.4rem;
}
.recruit-interview-list li:nth-child(3) .recruit-interview-top-content{
  max-width:38.4rem;
}
.recruit-interview-top-right .recruit-interview-top-content{
  margin:0 0 0 auto;
}
.recruit-interview-top-left .recruit-interview-top-content{
  margin:0 auto 0 0;
}
.recruit-interview-top-content h3{
  color:#fff;
  font-size:2.4rem;
}
.recruit-interview-top-content h3 >span{
  display:block;
  font-size:1.6rem;
  font-weight:500;
  margin:0 0 .4rem;
}
.recruit-interview-top-content-leadtext{
  margin:0 0 4rem;
}
.recruit-interview-top-wrap >p{
  bottom:0;
  position:absolute;
  width:47rem;
  z-index:-1;
}
.recruit-interview-top-right .recruit-interview-top-wrap >p{
  left:-16rem;
}
.recruit-interview-top-left .recruit-interview-top-wrap >p{
  right:-16rem;
}
.recruit-interview-top-background{
  background-repeat:no-repeat;
  background-size:cover;
  height:100%;
  left:50%;
  position:absolute;
  top:0; 
  transform:translateX(-50%);
  width:100%;
  z-index:-1;
}
.recruit-interview-top-right .recruit-interview-top-background{
  background-position:right center;
}
.recruit-interview-top-left .recruit-interview-top-background{
  background-position:left center;
}
.recruit-interview-list li:nth-child(1) .recruit-interview-top-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/2606/recruit-interview1-background@2x-pc.jpg);
}
.recruit-interview-list li:nth-child(2) .recruit-interview-top-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/2606/recruit-interview2-background@2x-pc.jpg);
}
.recruit-interview-list li:nth-child(3) .recruit-interview-top-background{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/2606/recruit-interview3-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .recruit-interview-top{
    height:24rem;
  }
  .recruit-interview-list li:nth-child(1) .recruit-interview-top{
    margin:0 0 32.8rem;
  }
  .recruit-interview-list li:nth-child(2) .recruit-interview-top{
    margin:0 0 29.8rem;
  }
  .recruit-interview-list li:nth-child(3) .recruit-interview-top{
    margin:0 0 25.8rem;
  }

  .recruit-interview-top-wrap{
    align-items:flex-start;
    height:24rem;
    margin:0 auto;
    max-width:32rem;
  }
  .recruit-interview-top-content{
    position:relative;
    width:100%;
    z-index:1;
  }
  .recruit-interview-top-right .recruit-interview-top-content{
    padding:0 2rem 0 0;
  }
  .recruit-interview-top-left .recruit-interview-top-content{
    padding:0 0 0 2rem;
  }
  .recruit-interview-top-content h3{
    font-size:1.8rem;
  }
  .recruit-interview-top-right h3{
    margin:2.4rem 0 0 auto;
  }
  .recruit-interview-top-left h3{
    margin:2.4rem auto 0 0;
  }
  .recruit-interview-top-content h3 >span{
    font-size:1.4rem;
    margin:0 0 .6rem;
  }
  .recruit-interview-top-content-leadtext{
    left:50%;
    margin:0;
    position:absolute;
    top:29.5rem;
    transform:translateX(-50%);
    z-index:1;
  }
  .recruit-interview-list li:nth-child(1) .recruit-interview-top-content{
    transform:translateX(0);
  }
  .recruit-interview-list li:nth-child(1) .recruit-interview-top-content-leadtext{
    width:26.2rem;
  }
  .recruit-interview-list li:nth-child(2) .recruit-interview-top-content-leadtext,
  .recruit-interview-list li:nth-child(3) .recruit-interview-top-content-leadtext{
    width:28.8rem;
  }
  .recruit-interview-top-wrap >p{
    width:22rem;
  }
  .recruit-interview-top-right .recruit-interview-top-wrap >p{
    left:-2rem;
  }
  .recruit-interview-top-left .recruit-interview-top-wrap >p{
    right:-2rem;
  }
  .recruit-interview-list li:nth-child(1) .recruit-interview-top-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/recruit-interview1-background@2x-sp.jpg);
  }
  .recruit-interview-list li:nth-child(2) .recruit-interview-top-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/recruit-interview2-background@2x-sp.jpg);
    background-position:left bottom 20%;
  }
  .recruit-interview-list li:nth-child(3) .recruit-interview-top-background{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/recruit-interview3-background@2x-sp.jpg);
    background-position:right bottom 20%;
  }
}

/* recruit interview bottom */
.recruit-interview-list li:not(:last-child) .recruit-interview-bottom{
  margin:0 0 18rem;
}
.recruit-interview-bottom h4{
  font-size:2.4rem;
  line-height:1.5;
  margin:0 0 2rem;
}
.recruit-interview-list li:nth-child(1) .recruit-interview-bottom h4{
  color:#267dd5;
}
.recruit-interview-list li:nth-child(2) .recruit-interview-bottom h4{
  color:#79b724;
}
.recruit-interview-list li:nth-child(3) .recruit-interview-bottom h4{
  color:#efae00;
}
.recruit-interview-bottom p:not(:last-of-type){
  margin:0 0 8rem;
}
.recruit-interview-bottom-gallery img{
  width:calc(50% - .4rem);
}
.recruit-interview-bottom-gallery img:first-child{
  margin:0 .8rem 0 0;
}
@media screen and (max-width:899px){
  .recruit-interview-list li:not(:last-child) .recruit-interview-bottom{
    margin:0 0 9.6rem;
  }
  .recruit-interview-bottom h4{
    font-size:1.8rem;
    line-height:1.5;
    margin:0 0 1.6rem;
  }
  .recruit-interview-bottom p:not(:last-of-type){
    margin:0 0 5.6rem;
  }
}
@media screen and (max-width:767px){
  .recruit-interview-bottom{
    margin:0 auto;
    max-width:32rem;
  }
  .recruit-interview-bottom .inner-s{
    padding:0;
  }
  .recruit-interview-list li:not(:last-child) .recruit-interview-bottom{
    margin:0 auto 9.6rem;
  }
  .recruit-interview-bottom-gallery{
    display:block;
  }
  .recruit-interview-bottom-gallery img{
    width:100%;
  }
  .recruit-interview-bottom-gallery img:first-child{
    margin:0 0 .8rem 0;
  }
}

/* recruit interview contact */
.recruit-contact{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/recruit-contact-background@2x-pc.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:44.9rem;
  padding:10.4rem 0 0;
  width:100%;
}
.recruit-contact-leadtext{
  margin:0 0 6.4rem;
  text-align:center;
}
.recruit-contact-leadtext img{
  height:3.2rem;
}
.recruit-contact-formtext{
  color:#fff;
  font-size:2rem;
  font-weight:700;
  margin:0 0 4rem;
  text-align:center;
}
.recruit-contact .hover-btn-wrap{
  position:static;
  text-align:center;
}
.recruit-contact .hover-btn::before{
  content:none;
}
@media screen and (max-width:899px){
  .recruit-contact{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruit/recruit-contact-background@2x-sp.jpg);
    height:36rem;
    padding:6.4rem 0 0;
  }
  .recruit-contact-leadtext{
    margin:0 0 3.2rem;
  }
  .recruit-contact-leadtext img{
    height:6.5rem;
  }
  .recruit-contact-formtext{
    font-size:1.6rem;
    margin:0 0 3.2rem;
  }
}



/* ===============
recuritment form
=============== */

.page-recruitment-form .page-top1,
.page-recruitment-confirm .page-top1,
.page-recruitment-thanks .page-top1,
.page-recruitment-error .page-top1{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruitment-form/form-top-background@2x-pc.jpg);
}
@media screen and (max-width:899px){
  .page-recruitment-form .page-top1,
  .page-recruitment-confirm .page-top1,
  .page-recruitment-thanks .page-top1,
  .page-recruitment-error .page-top1{
    background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruitment-form/form-top-background@2x-sp.jpg);
  }
}
.recruitform-contents{
  padding:0 0 12rem;
}
@media screen and (max-width:899px){
  .recruitform-contents{
    padding:0 0 9.6rem;
  }
}

/* form contents */

.form-contents{
  margin:0 0 12rem;
}
.form-contents dt{
  font-size:1.8rem;
  font-weight:700;
  margin:0 0 2rem;
}
.form-contents dd:not(:last-child){
  margin:0 0 8rem;
}
@media screen and (max-width:767px){
  .form-contents{
    margin:0 0 9.6rem;
  }
  .form-contents dt{
    font-size:1.4rem;
    margin:0 0 1.6rem;
  }
  .form-contents dt:last-of-type{
    padding:0 0 0 1.3em;
    text-indent:-1.3em;
  }
  .form-contents dd:not(:last-child){
    margin:0 0 5.6rem;
  }

}

/* form checkbox radio gimmick */
.form-contents-check{
  border-top:solid 0.1rem #000;
  flex-wrap:wrap;
}
.form-contents-check .horizontal-item{
  display:block;
  text-align:center;
}
.mw_wp_form .horizontal-item + .horizontal-item{
  margin:0;
}
.form-contents-check input{
  display:none;
}
.mwform-checkbox-field-text,
.mwform-radio-field-text{
  align-items:center;
  background-color:#fff;
  border-bottom:solid 0.1rem #000;
  border-right:solid 0.1rem #000;
  display:flex;
  font-weight:700;
  height:100%;
  justify-content:center;
  padding:1.6rem 0;
}
.horizontal-item:first-child .mwform-checkbox-field-text,
.horizontal-item:first-child .mwform-radio-field-text,
.form-contents-profession .horizontal-item:nth-child(4) .mwform-checkbox-field-text{
  border-left:solid 0.1rem #000;
}
.form-contents-check .horizontal-item input:checked +.mwform-checkbox-field-text,
.form-contents-check .horizontal-item input:checked +.mwform-radio-field-text{
  background-color:#ffea00;
}
@media screen and (max-width:767px){
  .mwform-checkbox-field-text,
  .mwform-radio-field-text{
    padding:1.2rem 0;
  }
  .form-contents-profession .horizontal-item:nth-child(4) .mwform-checkbox-field-text{
    border-left:none;
  }
  .horizontal-item:nth-child(3) .mwform-checkbox-field-text,
  .horizontal-item:nth-child(5) .mwform-checkbox-field-text,
  .horizontal-item:nth-child(3) .mwform-radio-field-text,
  .horizontal-item:nth-child(5) .mwform-radio-field-text{
    border-left:solid 0.1rem #000;
  }
}

/* form checkbox radio size */
.form-contents-requirements .horizontal-item,
.form-contents-career .horizontal-item{
  width:25%;
}
.form-contents-profession .horizontal-item{
  width:33.333%;
}
@media screen and (max-width:767px){
  .form-contents-requirements .horizontal-item,
  .form-contents-career .horizontal-item{
    width:50%;
  }
  .form-contents-profession .horizontal-item{
    width:50%;
  }
}

/* form text input */
.form-contents dd textarea,
.form-contents dd input{
  background:#fff;
  border:solid 0.1rem #000;
  padding:1rem;
  width:100%;
}

/* form btn */
.form-wrap{
  position:relative;
}
.page-recruitment-form .hover-btn-wrap{
  position:static;
  text-align:center;
}
.page-recruitment-form .hover-btn::before{
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruitment-form/form-confirm-btn-y@2x.png);
}
.page-recruitment-form button{
  background-color:transparent;
}



/* ===============
recuritment confirm
=============== */

.page-recruitment-confirm .recruitform-contents p{
  margin:0 0 8rem;
}
.page-recruitment-confirm .form-contents-check{
  border:none;
  border-width:0;
  display:block;
}
.page-recruitment-confirm .form-contents dd{
  font-weight:700;
}
.page-recruitment-confirm .recruitment-confirm-btn{
  justify-content:center;
}
.page-recruitment-confirm .recruitment-confirm-btn button{
  background-color:#ffea00;
  color:#000;
  font-weight:700;
  margin:0 1.6rem;
  padding:1.2rem 0;
  width:10rem;
}
@media screen and (max-width:899px){
  .page-recruitment-confirm .recruitform-contents p{
    margin:0 0 5.6rem;
  }
}



/* ===============
recuritment error
=============== */

.page-recruitment-error .recruitform-contents .inner-s >p:first-of-type{
  color:#b70000;
  font-weight:700;
  margin:0 0 8rem;
}
.page-recruitment-error .hover-btn-wrap{
  position:static;
  text-align:center;
}
.page-recruitment-error button{
  background-color:transparent;
}
.page-recruitment-error .hover-btn::before {
  background-image:url(https://yoshikawa-kogyo.co.jp/wp-content/themes/yoshikawa-kogyo/img/page/recruitment-form/form-confirm-btn-y@2x.png);
}



/* ===============
recuritment thanks
=============== */

.page-recruitment-thanks .recruitform-contents p{
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 5.6rem;
}
.page-recruitment-thanks .recruitform-content-btn a{
  display: block;
  color: #000;
  background-color: #ffea00;
  font-weight: 700;
  margin: 0 auto;
  padding: 1.2rem 0;
  width: 15rem;
  text-align: center;
}


/* ===============
privacy policy
=============== */

.privacy-policy-wrap{
  padding:0 0 12rem;
}
@media screen and (max-width:899px){
  .privacy-policy-wrap{
    padding:0 0 9.6rem;
  }
}

/* privacy policy content */
.privacy-policy-contents >ol{
  list-style-position: inside;
  margin:0;
}
.privacy-policy-list::marker{
  font-size:2.4rem;
  font-weight:700;
}
.privacy-policy-list{
  margin:0 0 8rem;
}
.privacy-policy-content-title{
  display:inline-block;
  font-size:2.4rem;
  font-weight:700;
  line-height:1.5;
  margin:0 0 2rem;
}
.privacy-policy-wrap p:not(:last-child){
  margin-bottom:1.8em;
}
.privacy-policy-list ul{
  list-style-type:disc;
  margin:0;
}
.privacy-policy-content-linklist a{
  color:#267dd5;
}
@media screen and (max-width:899px){
  .privacy-policy-list::marker{
    font-size:1.8rem;
  }
  .privacy-policy-list{
    margin:0 0 5.6rem;
  }
  .privacy-policy-content-title{
    font-size:1.8rem;
    margin:0 0 1.6rem;
  }
}





/* For Lottie */
.lottie-bar-wrap{
  height:auto;
  width:32rem;
}
.lottie-bar{
  background:#cacaca;
  height:.3rem;
  overflow:hidden;
  margin:.8rem 0;
  position:relative;
  width:100%;
}
.lottie-bar::before{
  animation-name:lottie-bar;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
  animation-duration:2s;
  animation-delay:1s;
  animation-timing-function:ease-in-out;
  background:#ffea00;
  content:'';
  height:100%;
  left:-100%;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}
@keyframes lottie-bar{
  0%{
    left:-100%;
  }
  36%{
    left:100%;
  }
  100%{
    left:100%;
  }
}



/* ===============
404
=============== */

.page-404{
  justify-content:center;
  padding:15rem 0;
}
.page-404 h1{
  font-size:2.4rem;
  margin:0 0 5.6rem;
  text-align:center;
}
.page-404 p{
  margin:0 0 8rem;
}
.page-404-btn-wrap{
  text-align:center;
}
.page-404-btn{
  background-color:#ffea00;
  color:#000;
  display:inline-block;
  font-weight:700;
  padding:1.2rem 0;
  width:20rem;
}