@charset "UTF-8";

@media screen and (max-width: 1024px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }
}

html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
@import url('fonts.googleapis.com');
body {
	font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
	font-weight: 300;
	font-size: 17px;
	line-height: 1.5;
	background: #3e3e3e;
	color: #233870;
}
img {
    width: 100%;
    height: 100%;
}

/*フェードイン*/
.fade-in {
    opacity: 0;
    -webkit-transition: opacity 0.7s ease, -webkit-filter 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
    transition: opacity 0.7s ease, -webkit-filter 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
    transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s;
    transition: opacity 0.7s ease, filter 0.7s ease 0.2s, transform 0.7s ease 0.2s, -webkit-filter 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    will-change: filter;
}
.fade-in.active {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}






/*------
   header ------------------------*/
.header {
	padding: 0;
	width: 100%;
	height: 91px;
	top: 0;
	left: 0;
	-webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
	position: fixed;
	z-index: 10;
}
.header.pc_only.scrolled {
    background-color: #172c65;
}
.header__wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1100px;
    width: 100%;
    margin: 10px auto 10px;
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header__logo {
  width: 200px;
}
.header__nav nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 2em;
}
.header__nav nav ul li a {
	color: #fff;
	font-weight: 400;
}
.header__nav nav ul li a:hover {
  color: #fff;
  transition : all 0.5s;
}
/* 左からsample2 */
.header__nav nav ul li a {
  position: relative;
  text-align: center;
  display: inline-block;
}
.header__nav nav ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 4px;
  background-color: #fff;
  -webkit-transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.header__nav nav ul li a:hover:before {
  width: 100%;
}
.header__nav nav ul li.current {
    border-bottom: 4px solid #fff;
    padding-bottom: 3px;
}
@media screen and (min-width: 1025px) {
   .header__hamburger {
     display: none;
   }
   .sp-navi {
    display: none;
   }
}
@media screen and (max-width: 1024px) {
  .header {
  	height: 70px;
  }
  .header.sp_only.scrolled {
    background-color: #172c65;
  }
  .header__logo__sp {
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 10;
    width: 260px;
  }
  .header__hamburger {
     display: block;
  }
  .header__hamburger {
	position: fixed;
	right: 30px;
	top: 18px;
	z-index: 12;
  }
  .sp-navi {
    display: block;
    width: 100%;
    height: fit-content;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 11;
    color: #fff;
    background: #222B34;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, visibility 1s ease;
  }
  .sp-navi.active {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
  }
  .menu-trigger {
  	background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/header_hamburger_open.svg);
    background-size: cover;
    width: 25px;
    height: 30px;
  }
  .menu-trigger.active {
  	background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/header_hamburger_closed.svg);
  	background-size: cover;
    width: 25px;
    height: 25px;
  }
  .sp-navi__wrap {
    padding: 90px 20px 30px 20px;
    margin-bottom: 30px;
  }
  .sp-navi__wrap p.title {
  	font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
  }
  .sp-navi__link {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sp-navi__link a {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: flex-start;
    font-family: "zen-maru-gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 20px;
    color: #fff;
    border-bottom: 1px solid #808080;
  }
  .sp-navi__link a.current {
  	background: #03a9f4;
  }
  .sp-navi__links {
    margin-top: 50px;
  }
  .sp-navi__block {
    margin-top: calc(60 * 2 / 10 * 1vw);
  }
  .sp-navi__item {
  	display: flex;
    -webkit-box-pack: justify;
    flex-direction: column;
    align-items: center;
  }
}





/*------
   footer ------------------------*/
footer .bottom-nav div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}
footer .bottom-nav .index-left {
    width: 50%;
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/bg-bottom-indexnavi-left.jpg);
    min-height: 150px;
    background-color: #03a9f4;
    background-position: 52.09999847412109% 58.600006103515625%;
    background-size: cover;
    background-repeat: no-repeat;
}

footer .bottom-nav .index-left.edit {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/bg-bottom-othernavi-left2.jpg);
	height: 220px;
    min-height: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #03a9f4;
    background-position: 52.09999847412109% 58.600006103515625%;
}
footer .bottom-nav .index-left::before{
  background-color: #00000045;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
footer .bottom-nav .index-right {
    width: 50%;
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/bg-bottom-indexnavi-right.jpg);
    min-height: 150px;
    background-color: #03a9f4;
    background-position: 52.09999847412109% 58.600006103515625%;
    background-size: cover;
    background-repeat: no-repeat;
}
footer .bottom-nav .index-right.edit {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/bg-bottom-othernavi-right3.jpg);
	height: 220px;
    min-height: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #03a9f4;
    background-position: 52.09999847412109% 58.600006103515625%;
}
footer .bottom-nav .index-right::before{
  background-color: #00000045;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}

footer .bottom-nav .other-left {
    width: 50%;
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/bg-bottom-othernavi-left.jpg);
    height: 220px;
    background-color: #03a9f4;
    background-position: 52.09999847412109% 58.600006103515625%;
    background-size: cover;
    background-repeat: no-repeat;
}
footer .bottom-nav .other-left::before{
  background-color: #00000045;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
footer .bottom-nav .other-right {
    width: 50%;
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/common/bg-bottom-othernavi-right.jpg);
	height: 220px;
    background-color: #03a9f4;
    background-position: 52.09999847412109% 58.600006103515625%;
    background-size: cover;
    background-repeat: no-repeat;
}
footer .bottom-nav .other-right::before{
  background-color: #00000045;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}

footer .bottom-nav .index-left a:hover {
    opacity: 0.7;
}
footer .bottom-nav p {
    line-height: 1.1;
    padding: 80px 0;
    z-index: 1;
    position: relative;
}
footer .bottom-nav .nav-EN {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
}
footer .bottom-nav .nav-JP {
    display: block;
    color: #fff;
    font-size: 38px;
    font-weight: 600;
}
footer .bottom-credit {
    background-color: rgb(23, 44, 101);
}
footer .bottom-credit a:hover {
    opacity: 0.7;
}
footer .bottom-credit .wrap {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}
footer .bottom-credit .wrap.edit {
	flex-direction: column;
    padding: 40px 0 10px;
}
footer .bottom-credit .wrap .company-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3em;
    justify-content: center;
}
footer .bottom-credit .wrap.edit .company-name {
	margin-top: 20px;
}
footer .bottom-credit .wrap .company-name figure.inc {
    width: 260px;
    height: auto;
}
footer .bottom-credit .wrap .company-name figure.insta {
    width: 38px;
    height: auto;
}
footer .bottom-credit .wrap .information {
    width: 400px;
}
footer .bottom-credit .wrap.edit .information {
    width: 100%;
	text-align: center;
    margin-top: 30px;
}
footer .bottom-credit .wrap .information p {
    color: #fff;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
}
footer .bottom-credit .wrap .information p.edit {
	font-size: 12px;
    margin-top: 50px;
}
footer .bottom-credit .wrap .information a {
    color: #fff;
}
@media screen and (max-width: 1024px) {
    footer .bottom-nav div {
        flex-direction: column;
    }
    footer .bottom-nav .index-left,
    footer .bottom-nav .index-right, 
    footer .bottom-nav .other-left,  
    footer .bottom-nav .other-right {
        width: 100%;
		height: 110px;
    }
    footer .bottom-nav .index-left p,
    footer .bottom-nav .index-right p, 
    footer .bottom-nav .other-left p,  
    footer .bottom-nav .other-right p {
        padding: 0;
    }
    footer .bottom-nav .nav-JP {
        font-size: 1.8em;
    }
    footer .bottom-credit .wrap {
        width: 90%;
        flex-direction: column;
        align-content: flex-start;
    }
    footer .bottom-credit .wrap .company-name {
        flex-direction: column;
        align-items: flex-start;
        gap: 1em;
    }
	footer .bottom-credit .wrap.edit .company-name {
		align-items: center;
	}
    footer .bottom-credit .wrap .information p {
        margin-top: 30px;
    }
    footer .bottom-credit .wrap .information {
        width: 100%;
    }
	footer .bottom-nav .index-left.edit,
	footer .bottom-nav .index-right.edit {
	    height: 110px;
	}
	footer .bottom-nav .index-left.edit p,
	footer .bottom-nav .index-right.edit p {
	    padding: 0;
	}
}





/*------
   index ------------------------*/
video {
  filter: brightness(0.7); /* 50%の明るさに */
  /* または filter: brightness(50%); */
}
.bouncy {
	animation: bounce 2s infinite; /* bounceという名前のアニメーションを2秒間隔で無限に実行 */
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	color: #fff;
}
.dli-chevron-down {
	display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); /* 通常の位置 */
  }
  40% {
    transform: translateY(-20px); /* 上に移動 */
  }
  60% {
    transform: translateY(-10px); /* 少し戻る */
  }
}
.slick-slide img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    filter: brightness(0.6);
}
.mv.pc_only {
    position: relative;
    height: 100vh;
}
.mv h1 {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 1;
    color: #fff;
    font-size: 4em;
    white-space: nowrap;
    font-weight: 700;
    text-align: center;
}
.mv h1 .sub-title {
	display: block;
    font-size: 0.65em;
	padding-top: 30px;
}
/*SERVICE*/
.index-service {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/index/bg-service.jpg);
    background-size: cover;
    background-position: 55.06666564941406% 24.100006103515625%;
}
.top-service {
	background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/index/bg_service03.jpg);
    background-size: cover;
    background-position: 55.06666564941406% 24.100006103515625%;
}
.index-service::before{
  background-color: #00000045;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
.index-service .wrap {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 150px 0;
    z-index: 1;
    position: relative;
}
.index-service .wrap h2  {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}
.index-service .wrap h2 .title-EN {
    display: block;
    font-size: 15px;
    font-weight: 800;
    padding-bottom: 20px;
    letter-spacing: 2px;
}
.index-service .wrap p.description {
    color: #fff;
    padding-top: 50px;
    font-weight: 400;
}
.index-service .wrap .wh-border-btn {
    width: fit-content;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-top: 50px;
    padding: 5px 0 7px;
}
.index-service .wrap .wh-border-btn:hover {
    opacity: 0.7;
    background: #ffffff36;
}
.index-service .wrap .wh-border-btn a {
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.index-service .wrap .wh-border-btn a::before {
    content: '>';
    color: #fff;
    padding-right: 10px;
}
/*POLICY*/
.index-policy {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/index/bg-policy.jpg);
    background-size: cover;
    background-position: center center;
}
.top-policy {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/index/bg_policy02.jpg);
    background-size: cover;
    background-position: center center;
}
.index-policy::before{
  background-color: #00000045;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
.index-policy .wrap {
    display: flex;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 150px 0;
    z-index: 1;
    position: relative;
}
.index-policy .wrap div {
    width: 50%;
}
.index-policy .wrap h2  {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}
.index-policy .wrap h2 .title-EN {
    display: block;
    font-size: 15px;
    font-weight: 800;
    padding-bottom: 20px;
    letter-spacing: 2px;
}
.index-policy .wrap p.description {
    color: #fff;
    padding-top: 50px;
    font-weight: 400;
}
.index-policy .wrap .wh-border-btn {
    width: fit-content;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-top: 50px;
    padding: 5px 0 7px;
}
.index-policy .wrap .wh-border-btn:hover {
    opacity: 0.7;
    background: #ffffff36;
}
.index-policy .wrap .wh-border-btn a {
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.index-policy .wrap .wh-border-btn a::before {
    content: '>';
    color: #fff;
    padding-right: 10px;
}
/*INSTAGRAM*/
.index-insta {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/index/bg-insta.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 432px;
}
.index-insta.edit {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    height: 220px;
	padding: 0;
    background: #e5e5e5;
}
.index-insta .wrap {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
    z-index: 1;
    position: relative;
    text-align: center;
}
.index-insta.edit .wrap {
	padding: 0;
}
.index-insta .wrap h2  {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}
.index-insta .wrap h2 .title-EN {
    display: block;
    font-size: 15px;
    font-weight: 800;
    padding-bottom: 20px;
    letter-spacing: 2px;
}
.index-insta .wrap .insta-erea {
    margin-top: 30px;
}
.index-insta .wrap figure.insta-icon {
    width: 50px;
    height: auto;
    margin: 20px auto;
}
.index-insta .wrap figure.insta-icon.edit {
    width: 300px;
}
@media screen and (max-width: 1024px) {
	.mv h1 {
		font-size: 3em;
		line-height: 1.3;
	}
	.mv.sp_only {
        position: relative;
        height: 100vh;
    }
    .index-service .wrap {
        text-align: center;
        padding: 60px 0;
    }
    .index-service .wrap h2 .title-EN {
        font-size: 15px;
    }
    .index-service .wrap h2 {
        font-size: 1.8em;
    }
    .index-service .wrap .wh-border-btn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .index-service .wrap p.description {
        padding-top: 10px;
    }
    .index-policy .wrap {
        text-align: center;
        padding: 60px 0;
        flex-direction: column;
    }
    .index-policy .wrap div {
        width: 100%;
    }
    .index-policy .wrap h2 .title-EN {
        font-size: 15px;
    }
    .index-policy .wrap h2 {
        font-size: 1.8em;
        padding-top: 50px;
    }
    .index-policy .wrap .wh-border-btn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    .index-policy .wrap p.description {
        padding-top: 10px;
    }
    .index-insta .wrap {
        padding: 60px 0;
    }
	.index-insta.edit .wrap {
        padding: 0;
    }
    .index-insta .wrap h2 .title-EN {
        font-size: 15px;
    }
    .index-insta .wrap h2 {
        font-size: 1.8em;
    }
    .index-insta .wrap .insta-erea {
        width: 90%;
        margin: 20px auto;
    }
    .index-insta {
        min-height: 300px;
    }
	.index-insta .wrap figure.insta-icon.edit {
		width: 60vw;
	}
	.index-insta.edit {
		min-height: 110px;
		height: 110px;
	}
}
@media screen and (min-width:850px) and ( max-width:960px) {
	.mv h1 {top: 20%;}
}





/*------
   about ------------------------*/
.mv.about {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/about/mv.webp);
    background-position: center -190px;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
    height: 300px;
    width: auto;
}
.mv.about::before{
    background-color: #7876766b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    height: 479px;
}
.mv.about .wrap {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 5em;
}
.mv.about h1 {
    position: absolute;
    top: 2em;
    left: 1.7em;
    text-align: left;
    font-weight: 400;
    font-size: 60px;
    width: fit-content;
}
.mv.about h1 .title-EN {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
section.pro {
    background: #fff;
    padding: 50px 0 70px;
}
.pro .wrap {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 0 auto;
    align-items: center;
}
.pro .wrap .left h2 {
    font-size: 40px;
    font-weight: 600;
    color: #233870;
    line-height: 1.3;
} 
.pro .wrap .left p.description {
    margin-top: 60px;
    font-weight: 400;
}
.pro .wrap .right figure {
    width: 480px;
    height: auto;
}
section.message {
    background: #f5fafd;
    padding: 50px 0 70px;
    margin-top: -1px;
}
.message h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #233870;
    line-height: 1.3;
} 
.message .wrap {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 50px auto;
}
.message .wrap .ph figure {
    width: 300px;
    height: auto;
}
.message .wrap .text p {
    font-size: 17px;
    font-weight: 400;
    text-align: justify;
} 
.message .wrap .text p .right-position {
    float: right;
}
section.overview {
    background: #fff;
    padding: 50px 0 70px;
    margin-top: -1px;
}
.overview .wrap {
    width: 1100px;
    margin: 0 auto;
} 
.overview h2 {
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    color: #233870;
    line-height: 1.3;
    margin-bottom: 30px;
} 
.overview .wrap .table {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    margin-top: 20px;
}
.overview .wrap .table dl {
    display: flex;
    width: 50%;
    border-bottom: 1px solid #233870;
    padding: 10px 0;
    align-items: center;
}
.overview .wrap .table dl dt,
.overview .wrap .table dl dd  {
    font-weight: 400;
}
.overview .wrap .table dl dt {
    padding-left: 15px;
    width: 31%;
}
section.history {
    background: #f5fafd;
}
.history .wrap .table {
    gap: 0;
}
.history .wrap .table dl {
    width: 100%;
}
.history .wrap .table dl dt {
    width: 28%;
}
@media screen and (max-width: 1024px) {
    .mv.about {
        background-position: center top;
    }
    .mv.about .wrap {
        width: 100%;
    }
    .mv.about h1 {
        text-align: center;
        font-size: 45px;
        top: 2.5em;
        left: 50%;
        -webkit-transform: translateX(-50%);
    }
    .mv.about h1 .title-EN {
        font-size: 30px;
        padding-top: 20px;
    }
    .pro .wrap {
        flex-direction: column;
    }
    .pro .wrap {
        width: 90%;
        margin: 0 auto;
    }
    .pro .wrap .left {
        width: 100%;
    }
    .pro .wrap .left h2 {
        font-size: 29px;
        text-align: center;
    }
    .pro .wrap .left p.description {
        margin-top: 50px;
    }
    .pro .wrap .right figure {
        width: 100%;
        margin-top: 20px;
    }
    .message .wrap {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
    }
    .message h2 {
        font-size: 29px;
    }
    .message .wrap .ph figure {
        width: 75%;
        margin: 30px auto;
    }
    
    .overview .wrap {
        width: 90%;
        margin: 0 auto;
    }
    .overview h2 {
        font-size: 29px;
        text-align: center;
    }
    .overview .wrap .table {
        flex-direction: column;
    }
    .overview .wrap .table dl {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    .overview .wrap .table dl dt {
        padding-left: 0;
        width: 100%;
        font-weight: 600;
    }
}





/*------
   service ------------------------*/
.mv.service {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/service/mv.webp);
    background-position: center -190px;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
    height: 300px;
    width: auto;
}
.mv.service::before{
    background-color: #7876766b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    height: 479px;
}
.mv.service .wrap {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 5em;
}
.mv.service h1 {
    position: absolute;
    top: 2em;
    left: 1.7em;
    text-align: left;
    font-weight: 400;
    font-size: 60px;
    width: fit-content;
}
.mv.service h1 .title-EN {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
.wrap-other {
    width: 1100px;
    margin: 0 auto;
}
.service-list .wrap {
    gap: 2em;
}
.service-list h2 {
    text-align: left;
}
.service-rowone {
    width: 33%;
    background: #fff;
    padding: 0 20px 30px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
.service-rowone figure {
    width: 100%;
    height: auto;
    margin-top: -30px;
}
.service-rowone figure img {
    box-shadow: 0 10px 10px #5799db29;
}
.service-rowone p.title {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding: 20px;
}
.service-rowone p.description {
    text-align: justify;
    font-weight: 400;
}
.pro .bg-deepblue-btn {
    width: fit-content;
    border-radius: 4px;
    margin-top: 50px;
    padding: 5px 0 6px;
    background: #233870;
}
.pro .bg-deepblue-btn:hover {
    opacity: 0.7;
}
.pro .bg-deepblue-btn a {
    display: block;
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.pro .bg-deepblue-btn a::before {
    content: '>';
    color: #fff;
    padding-right: 10px;
}
.history dl dd a {
    color: #233870;
}
.history dl dd a:hover {
    color: #3559bc;
}
@media screen and (max-width: 1024px) {
    .mv.service {
        background-position: center top;
    }
    .mv.service .wrap {
        width: 100%;
    }
    .mv.service h1 {
        text-align: center;
        font-size: 45px;
        top: 2.5em;
        left: 50%;
        -webkit-transform: translateX(-50%);
    }
    .mv.service h1 .title-EN {
        font-size: 30px;
        padding-top: 20px;
    }
    .service-list .wrap {
        margin-top: 50px;
    }
    .service-list .wrap-h2 {
        width: 100%;
    }
    .service-list h2 {
        text-align: center;
    }
    .service-rowone {
        width: 90%;
    }
    .wrap-other {
        width: 90%;
        margin: 0 auto;
    }
}





/*------
   handled ------------------------*/
.mv.handled {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/handled/mv.jpg);
    background-position: 39.599998474121094% 40.600006103515625%;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
    height: 300px;
    width: auto;
}
.mv.handled::before{
    background-color: #7876766b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    height: 479px;
}
.mv.handled .wrap {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 5em;
}
.mv.handled h1 {
    position: absolute;
    top: 2em;
    left: 1.7em;
    text-align: left;
    font-weight: 400;
    font-size: 60px;
    width: fit-content;
}
.mv.handled h1 .title-EN {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
.message.service-list.handled {
    background: #FFF;
}
.message.service-list.handled .wrap {
    gap: 1em;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.message.service-list.handled .service-rowone {
    width: 28%;
}
.message.service-list.handled .service-rowone figure {
    margin-top: 0;
}
.message.service-list.handled p.description {
    margin: 20px 0 0;
    font-weight: 400;
}
.overview.history.handled p.text {
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}
.overview.history.handled p.title {
    margin: 40px 0 10px;
    font-weight: 400;
}
.overview.history.handled ul {
    list-style: disc;
    margin-left: 20px;
    font-weight: 400;
}
@media screen and (max-width: 1024px) {
    .mv.handled {
        background-position: center top;
    }
    .mv.handled .wrap {
        width: 100%;
    }
    .mv.handled h1 {
        text-align: center;
        font-size: 45px;
        top: 2.5em;
        left: 50%;
        -webkit-transform: translateX(-50%);
    }
    .mv.handled h1 .title-EN {
        font-size: 30px;
        padding-top: 20px;
    }
    .message.service-list.handled .wrap {
        margin-top: 20px;
    }
    .message.service-list.handled .wrap-other {
        width: 90%;
        margin: 0 auto;
    }
    .message.service-list.handled .service-rowone {
        width: 100%;
        padding: 0;
    }
    .message.service-list.handled .service-rowone figure {
        width: 90%;
        height: auto;
        margin: 0 auto 20px;
    }
}





/*------
   policy ------------------------*/
.mv.policy {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/policy/mv.webp);
    background-position: 49.73636348484362% 66.60000610351562%;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
    height: 300px;
    width: auto;
}
.mv.policy::before{
    background-color: #7876766b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    height: 479px;
}
.mv.policy .wrap {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 5em;
}
.mv.policy h1 {
    position: absolute;
    top: 2em;
    left: 1.7em;
    text-align: left;
    font-weight: 400;
    font-size: 60px;
    width: fit-content;
}
.mv.policy h1 .title-EN {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
.overview.policy p.text {
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: justify;
}
.overview.policy ol {
    list-style-type: decimal;
    margin: 40px 0 0 20px;
    font-weight: 400;
}
.overview.policy ol li {
    padding-top: 10px;
    text-align: justify;
}
.overview.policy figure {
    width: 370px;
    height: auto;
    margin-top: 40px;
}
.overview.policy figure img {
    box-shadow: 0 10px 10px #5799db29;
}
@media screen and (max-width: 1024px) {
    .mv.policy {
        background-position: 91.767528077636% 100%;
    }
    .mv.policy .wrap {
        width: 100%;
    }
    .mv.policy h1 {
        text-align: center;
        font-size: 45px;
        top: 2.5em;
        left: 50%;
        -webkit-transform: translateX(-50%);
    }
    .mv.policy h1 .title-EN {
        font-size: 30px;
        padding-top: 20px;
    }
    .overview.policy figure {
        width: 100%;
    }
}





/*------
   csr ------------------------*/
.mv.csr {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/csr/mv.webp);
    background-position: 49.73636348484362% 66.60000610351562%;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
    height: 300px;
    width: auto;
}
.mv.csr::before{
    background-color: #7876766b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    height: 479px;
}
.mv.csr .wrap {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 5em;
}
.mv.csr h1 {
    position: absolute;
    top: 2em;
    left: 1.7em;
    text-align: left;
    font-weight: 400;
    font-size: 60px;
    width: fit-content;
}
.mv.csr h1 .title-EN {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
.message.service-list.handled.csr .wrap {
    justify-content: flex-start;
}
.message.service-list.handled.csr .wrap p.title {
    padding: 20px 0;
    font-size: 17px;
}
.message.service-list.handled.csr .wrap p.description {
    margin: 0 20px 20px;
    font-size: 16px;
}
.csr .service-rowone figure {
    width: 100%;
    height: auto;
}
.csr .service-rowone figure.add-img {
    width: auto;
    height: 271px;
}
.csr .service-rowone figure.add-img img {
    object-fit: cover;
}
.csr .service-rowone figure img {
    box-shadow: 0 10px 10px #5799db29
}
@media screen and (max-width: 1024px) {
    .mv.csr {
        background-position: center top;
        background-position: 91.767528077636% 100%;
    }
    .mv.csr .wrap {
        width: 100%;
    }
    .mv.csr h1 {
        text-align: center;
        font-size: 45px;
        top: 2.5em;
        left: 50%;
        -webkit-transform: translateX(-50%);
    }
    .mv.csr h1 .title-EN {
        font-size: 30px;
        padding-top: 20px;
    }
}





/*------
   contact ------------------------*/
section.contact h2 {
    text-align: center;
    margin-bottom: 50px;
}
.overview.contact dt {
   font-weight: 600;
}
.overview.contact dd {
    text-align: left;
}
.overview.contact figure {
    width: 98px;
    height: auto;
    margin: 0 auto;
}
.overview.contact .out-border {
    border: 1px solid #233870; 
    border-radius: 7px;
    font-weight: 400;
    margin-bottom: 30px;
}
.overview.contact .out-border .question {
    border-bottom: 1px dashed #233870; 
    padding: 10px 20px;
    text-align: justify;
}
.overview.contact .out-border .question .q-color {
    color: #4343ef;
    padding-right: 10px;
}
.overview.contact .out-border .answer {
    padding: 10px 20px;
    text-align: justify;
}
.overview.contact .out-border .answer .a-color {
    color: #dc4b09;
    padding-right: 10px;
}
@media screen and (max-width: 1024px) {
    .overview.contact figure {
        width: 60px;
    }
    .overview.contact h2 {
        margin-bottom: 30px;
    }
    .overview.contact dd {
        text-align: center;
        margin: 0 auto;
    }
}





/*------
   recruit ------------------------*/
.mv.recruit {
    background: url(https://sk-reborn.com/hp/wp-content/themes/sk-recycle/assets/images/recruit/mv.webp);
    background-position: 43.065124942308955% 4.600389375701773%;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
    height: 300px;
    width: auto;
}
.mv.recruit::before{
    background-color: #7876766b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    height: 479px;
}
.mv.recruit .wrap {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 5em;
}
.mv.recruit h1 {
    position: absolute;
    top: 2em;
    left: 1.7em;
    text-align: left;
    font-weight: 400;
    font-size: 60px;
    width: fit-content;
}
.mv.recruit h1 .title-EN {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
section.recruit h2 {
    text-align: center;
    margin-bottom: 50px;
}
.recruit .bg-deepblue-btn {
    border-radius: 4px;
    margin: 30px 0;
    padding: 5px 0 6px;
    background: #233870;
}
.recruit .bg-deepblue-btn:hover {
    opacity: 0.7;
}
.recruit .bg-deepblue-btn a {
    display: block;
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.recruit .bg-deepblue-btn a::before {
    content: '>';
    color: #fff;
    padding-right: 10px;
}
.recruit p {
    text-align: center;
}
.overview.recruit a {
	text-decoration: underline;
    color: inherit;
}
.overview.recruit .table-area {
	width: 927px;
	margin: 70px auto 0;
}
.overview.recruit .table-midashi {
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 20px;
}
.overview.recruit .table-area dl {
	display: flex;
	font-size: 16px;
}
.overview.recruit .table-area dt {
	width: 177px;
	background: #eaeff9;
	padding-top: 20px;
	padding-left: 20px;
	border-bottom: 1px solid #233870;
}
.overview.recruit .table-area dt.first-border-top,
.overview.recruit .table-area dd.first-border-top {
	border-top: 2px solid #233870;
}
.overview.recruit .table-area dd {
	width: 710px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #233870;
}
.overview.recruit .row2-btn {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.overview.recruit .bg-deepblue-btn {
	margin-right: 20px;
}
.overview.recruit .bg-deepblue-btn a {
	color: #fff;
    text-decoration: none;
}
@media screen and (max-width: 1024px) {
    .mv.recruit {
        background-position: 83% 100%;
    }
    .mv.recruit .wrap {
        width: 100%;
    }
    .mv.recruit h1 {
        text-align: center;
        font-size: 45px;
        top: 2.5em;
        left: 50%;
        -webkit-transform: translateX(-50%);
    }
    .mv.recruit h1 .title-EN {
        font-size: 30px;
        padding-top: 20px;
    }
    .overview.recruit .bg-deepblue-btn {
        border-radius: 4px;
        margin-top: 0;
		margin-right: 0;
        padding: 5px 0 6px;
        background: #233870;
    }
    .overview.recruit .bg-deepblue-btn:hover {
        opacity: 0.7;
    }
    .overview.recruit .bg-deepblue-btn a {
        display: block;
        padding: 5px 20px;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
    }
    .overview.recruit .bg-deepblue-btn a::before {
        content: '>';
        color: #fff;
        padding-right: 10px;
    }
    .overview.recruit p {
        text-align: justify;
    }
    .overview.recruit h2 {
        font-size: 25px;
    }
	.overview.recruit .table-midashi {
		font-size: 23px;
	}
	.overview.recruit .table-area {
		width: 100%;
	}
	.overview.recruit .table-area dt {
		width: 45%;
	}
	.overview.recruit .table-area dd {
		width: 55%;
	}
	.overview.recruit .row2-btn {
		margin-top: 50px;
		flex-direction: column;
		align-items: center;
	}
}





/*------
   バナー ------------------------*/
.ad {
	background: #fff;
}
.ad .wrap01,
.ad .wrap02 {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    z-index: 1;
    position: relative;
}
.ad .wrap01.edit,
.ad .wrap02.edit {
	height: 220px;
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad.edit {
	background: #DFF2FC;
	margin-top: -1px;
}
.ad .wrap02 figure.keiei {
	width: 400px;
	height: auto;
	margin: 0 auto;
}
.ad .wrap01 figure.daihyo {
	width: 500px;
	height: auto;
	margin: 0 auto;
}
.ad hr {
	height: 1px;
	background-color: #8B7E0F;
	border: none;
	color: #8B7E0F;
}
@media screen and (max-width: 1024px) {
	.ad .wrap01 {
		padding: 20px 0 0;
	}
	.ad .wrap02 {
		padding: 20px 0 20px;
	}
	.ad .wrap02 figure.keiei {
		width: 70vw;
	}
	.ad .wrap01 figure.daihyo {
		width: 75vw;
	}
	.ad .wrap01.edit, .ad .wrap02.edit {
		height: 110px;
	}
}