/* CSS Document */

.theme-theta .c-font__jost {
  font-family: "Jost", sans-serif;
}
.theme-theta {
  color: #111111;
  overflow: hidden;
  margin-bottom: -30px;
}
.theme-theta .t-collabo__heading {
  padding-bottom: 0;
  font-size: 60px;
  font-size: 6rem;
  font-weight: 600;
  /*fix*/
  letter-spacing: 0.0em;
  /*color: #525da3;*/
  background: #02388c;
  background: #02388c;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.theme-theta .t-collabo__heading-left {
  left: 0;
  z-index: 10;
  font-size: 46px;
  font-size: 4.6rem;
}
.theme-theta .t-collabo__heading-ja {
  margin-top: 35px;
}
.theme-theta .t-collabo__text {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.888;
  letter-spacing: 0.025em;
}
.theme-theta .p-theta__sub-heading {
  margin-bottom: 10px;
  color: #999;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.theme-theta .p-theta__heading {
  text-align: center;
  font-size: 60px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.05em;
  /*text-shadow: 0 0 20px rgba(234, 85, 4, 0.8);*/
  /*color: #525da3;*/
  display: inline-block;
  background: #02388c;
  -webkit-background: #02388c;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.theme-theta .p-theta__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 40px 10px 20px;
  position: relative;
  background: #000;
  text-align: center;
  font-size: 16px!important;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: 0.3s;
  color: #fff;
}
.theme-theta .p-theta__btn img {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
/*.theme-theta .p-theta__btn img.is-on {
  opacity: 0;
}*/
.theme-theta .p-theta__btn:hover {
 background: #262626;

}
/*.theme-theta .p-theta__btn:hover img.is-off {
  opacity: 0;
}
.theme-theta .p-theta__btn:hover img.is-on {
  opacity: 1;
}*/
.theme-theta .p-theta__btn i {
  margin-right: 0.75em;
  font-size: 1.5em;
}
.theme-theta .p-theta__btn .is-icon {
  width: 31px;
  height: 25px;
  position: relative;
  margin-right: 0.75em;
}
.theme-theta .p-theta__btn .is-icon.is-twitter img {
  width: 25px;
}
.theme-theta .p-theta__btn .is-icon.is-youtube img {
  width: 31px;
}
.theme-theta .p-theta__btn .is-icon.is-twitch img {
  width: 21px;
}
.theme-theta .p-theta__btn .is-icon img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .theme-theta .t-collabo__container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .theme-theta .t-collabo__heading,
  .theme-theta .p-theta__heading {
    /*fix*/
    /*font-size: 34px;*/
    font-size: 22px;
    letter-spacing: 0;
  }
  .theme-theta .t-collabo__heading-ja {
    margin-top: 15px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.025em;
  }
  .theme-theta .t-collabo__text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.727;
  }
  .theme-theta .p-theta__sub-heading {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.025em;
  }
  .theme-theta .p-theta__btn {
    padding: 15px 20px 15px 10px;
    /*fix imp add*/
    font-size: 11px !important;
    font-size: 1.1rem;
  }
  .theme-theta .p-theta__btn > img {
    width: 9px;
  }
  .theme-theta .p-theta__btn .is-icon {
    width: 1.75em;
    height: 1.5em;
  }
}
/* pankuzu
------------------------------------------------------------ */
#M-class.theme-theta {
  position: relative;
}
.theme-pdlp .c-pankuzu {
  display: block;
  max-width: 1240px;
  padding: 0 20px;
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
  z-index: 2;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
.theme-pdlp .c-pankuzu a {
  display: inline-flex;
  align-items: center;
  margin-right: 0.75em;
  position: relative;
  color: #111111;
}
.theme-pdlp .c-pankuzu a::after {
  content: "";
  display: inline-block;
  width: 0.707em;
  height: 0.707em;
  border-top: 2px solid #111111;
  border-right: 2px solid #111111;
  margin-left: 0.5em;
  transform: translateY(-0.1em) rotate(45deg);
}
.theme-pdlp .c-pankuzu strong {
  color: #02388c;
}
@media screen and (max-width: 1160px) {
  .theme-pdlp .c-pankuzu {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-pdlp .c-pankuzu a::after {
    width: 0.5em;
    height: 0.5em;
    border-top-width: 1px;
    border-right-width: 1px;
  }
}
/* main
------------------------------------------------------------ */
.theme-lp main {
  margin-top: -10px;
}
.theme-theta .p-theta-main {

}
.theme-theta .p-theta-main img{

}
.theme-theta .p-theta-main .pc {
	display: block;
  width: 100%;
}
.theme-theta .p-theta-main .sp {
	display: none;
}

@media screen and (max-width: 768px) {
  .theme-theta .p-theta-main .pc {
	display: none;
}
.theme-theta .p-theta-main .sp {
	display: block;
}
}

.theme-theta .p-theta-main__container {
}
.theme-theta .p-theta-main-contents {
}
.theme-theta .p-theta-main-contents__level-logo {
  margin-bottom: 30px !important;
}
.theme-theta .p-theta-main-contents__sub-heading {
  margin: 10px !important;
  font-size: 13.5px;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
  text-shadow: 0 0 20px rgba(234, 85, 4, 0.8);
}
.theme-theta .p-theta-main-contents__heading {
  color: #525da3;
  font-size: 86px;
  font-size: 8.6rem;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-theta .p-theta-main-contents__heading span {
  letter-spacing: 0.05em;
}
.theme-theta .p-theta-main-contents__text {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  margin-top: 20px;
  margin-bottom: 70px;
}
.theme-theta .p-theta-main-contents__text h1 {
	display: inline;
	font-size: 20px;
	font-size: 2rem;
}
.theme-theta .p-theta-main-contents__text p {
	display: inline;
	font-size: 20px;
	font-size: 2rem;
}
.theme-theta .p-theta-main-contents__btn-wrap {
  display: flex;
  margin-top: 10px;
  margin-right: -50px;
  margin-left: auto;
  margin-right: auto;
  /* max-width: 389px; */
  /* margin-right: 30px; */
  /* text-align: center; */
  justify-content: space-evenly;
}
.theme-theta .p-theta-main-sns {
  position: absolute;
  right: 0;
  bottom: 110px;
}
.theme-theta .p-theta-main-sns__group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.theme-theta .p-theta-main-sns__group-item {
  padding: 35px;
  background-repeat: no-repeat;
  background-position: center;
}
.theme-theta .p-theta-main-sns__group-item a {
  display: block;
}
.theme-theta .p-theta-main-sns__group-item img {
  vertical-align: middle;
}
.theme-theta .p-theta-main__image {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.theme-theta .p-theta-main__image img {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.theme-theta .p-theta-main__image-bg {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.theme-theta .p-theta-main__image-bg img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media screen and (max-height: 850px) {
  .theme-theta .p-theta-main-sns {
    bottom: 50px;
  }
}
@media screen and (max-width: 1320px) {
  .theme-theta .p-theta-main-contents__text {
    margin: 0px;
  }
  .theme-theta .p-theta-main-contents__btn-wrap {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-main {
  }
  .theme-theta .p-theta-main__image {
    margin-left: -20%;
  }
}

@media screen and (max-width: 767px) {
  .theme-theta .p-theta-main {
    background-position: center bottom 80px;
  }
  .theme-theta .p-theta-main__container {
    padding-top: 85px;
    padding-bottom: 0;
    position: static;
  }
  .theme-theta .p-theta-main-contents {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .theme-theta .p-theta-main-contents__level-logo img {
    width: 112px;
  }
  .theme-theta .p-theta-main-contents__heading {
    font-size: 60px;
    font-size: 6rem;
  }
  .theme-theta .p-theta-main-contents__text {
    font-size: 14px;
    font-size: 1.4rem;
	margin-top: 0px;
  }
  
  .theme-theta .p-theta-main-contents__text {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  /*fix*/
  line-height: 1.5;
  letter-spacing: 0.025em;
  padding: 20px;
}

.theme-theta .p-theta-main-contents__text h1 {
	font-size: 16px!important;
}
.theme-theta .p-theta-main-contents__text p {
	font-size: 16px!important;
}
  
  
  .theme-theta .p-theta-main-contents__btn-wrap {
    width: 100%;
    max-width: 300px;
    padding: 0 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    margin: auto;
  }
  .theme-theta .p-theta-main-sns {
    width: 100%;
    bottom: 5px;
  }
  .theme-theta .p-theta-main-sns__group-item {
    padding: 15px 25px;
  }
  .theme-theta .p-theta-main-sns__group-item img {
    width: auto;
    height: 12px;
  }
  .theme-theta .p-theta-main__image {
    width: auto;
    position: static;
    margin: -10% -20px 0;
  }
  .theme-theta .p-theta-main__image-bg {
    bottom: 80px;
  }
}



/* CONCEPT
------------------------------------------------------------ */
.theme-theta .p-theta-concept {
  /*min-height: 100vh;*/
  /*background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2023/02/LP_main2_1_1.jpg");*/
  background-color: #ffffff;
}
.theme-theta .p-theta-concept__container {
  position: relative;
  z-index: 2;
}
.theme-theta .p-theta-concept-contents {
  /*fix*/
  /*max-width: 430px;*/
  text-align: center;

}
.theme-theta .p-theta-concept-contents__sub-heading {
  text-align: left;
}
.theme-theta .p-theta-concept-contents__heading {
  text-align: left;
}
.theme-theta .p-theta-concept-contents__text {
  margin-top: 10px;
  color: #111111;
}
.theme-theta .p-theta-concept__image {
text-align: center;
}
.theme-theta .p-theta-concept__image img {
max-width: 100%;
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-concept {
    min-height: inherit;
	display: block;
  }
  .theme-theta .p-theta-concept__container {
    padding-bottom: 0;
  }
  .theme-theta .p-theta-concept-contents {
    max-width: 100%;
  }
  .theme-theta .p-theta-concept__image {
   /* width: auto;
    position: static;*/
	
	margin-top: 20px;

  }
}
/* features
------------------------------------------------------------ */
.theme-theta .p-theta-features {
  background-color: #ffffff;
}
.theme-theta .p-theta-features .t-collabo-features__container {
  /*fix*/
  /*min-height: 700px;*/
}
.theme-theta .p-theta-features__heading {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.471;
  letter-spacing: 0.025em;
}
.theme-theta .p-theta-features__heading .is-subheading {
  display: block;
  margin-bottom: 30px;
  color: #525da3;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0;
  /*text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);*/

  background: #02388c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.theme-theta .p-theta-features__heading + .t-collabo__text {
  margin-top: 15px;
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-features .t-collabo-features__container {
    min-height: inherit;
  }
  .theme-theta .p-theta-features__heading {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .theme-theta .p-theta-features__heading {
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  .theme-theta .p-theta-features__heading .is-subheading {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .theme-theta .p-theta-features__heading .is-subheading span {
    margin-left: 0.15em;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
/* features 1 */
.theme-theta .p-theta-feature01 {
  background: linear-gradient( to bottom, rgb(255 255 255) 0%, rgb(255 255 255) 80%, rgb(255 255 255) 100% );
}
.theme-theta .p-theta-feature01__container {
  position: relative;
}
.theme-theta .p-theta-feature01__features-heading {
  text-align: center;
}
.theme-theta .p-theta-feature01__text {
  max-width: 710px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.theme-theta .t-collabo-rotate-slides {
  max-width: inherit;
}
.theme-theta .t-collabo-rotate-slides__group {
  min-height: 596px;
  padding-bottom: 49.666%;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/05/slide_circle-525da3.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.theme-theta .p-theta-feature01__slides-image img {
  width: 596px;
}
.theme-theta .t-collabo-rotate-slide01-dis {
  padding: 30px 30px 30px 40px;
  border: 1px solid #525da3;
  top: 46%;
  left: auto;
  right: 0;
  z-index: 2;
  margin-bottom: 0;
}
.theme-theta .t-collabo-rotate-slide01-dis dt {
  color: #525da3;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}
.theme-theta .t-collabo-rotate-slide01-dis dt span {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
}
.theme-theta .t-collabo-rotate-slide01-dis dt span::before,
.theme-theta .t-collabo-rotate-slide01-dis dt span::after {
  content: "";
  display: block;
  background: #525da3;
  position: absolute;
  width: 14px;
  height: 1px;
  top: 0.5125em;
  left: auto;
  right: calc(100% + 10px);
}
.theme-theta .t-collabo-rotate-slide01-dis dt span::before {
  transform: none;
}
.theme-theta .t-collabo-rotate-slide01-dis dt span::after {
  transform: rotate(90deg);
}
.theme-theta .t-collabo-rotate-slide01-dis dd {
  margin-top: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
  color: #222;
}
.theme-theta .t-collabo-rotate-tabs__label {
  position: relative;
  color: #525da3;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  white-space: nowrap;
  opacity: 0.5;
}
.theme-theta .t-collabo-rotate-tabs__label-left,
.theme-theta .t-collabo-rotate-tabs__label-right {
  font-size: 22px;
  font-size: 2.2rem;
}
.theme-theta
  .t-collabo-rotate-tabs__label:not(.t-collabo-rotate-tabs__label-right)::after,
.theme-theta .t-collabo-rotate-tabs__label-right::before {
  content: "";
  display: block;
  width: calc(100% + 10px);
  min-width: 100px;
  height: 11px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/05/slide_current-525da3.png");
  background-size: 100% 100%;
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.3s;
}
.theme-theta .t-collabo-rotate-tabs__label-left {
  margin-right: 1em;
}
.theme-theta .t-collabo-rotate-tabs__label-left::before,
.theme-theta .t-collabo-rotate-tabs__label-right::after {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/05/arrow-525da3.png");
}
.theme-theta .t-collabo-rotate-tabs__label:hover {
  opacity: 1;
}
.theme-theta
  #feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"],
.theme-theta
  #feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"],
.theme-theta
  #feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"],
.theme-theta
  #feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"],
.theme-theta
  #feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"] {
  color: #525da3;
  text-shadow: none;
  opacity: 1;
}
.theme-theta
  #feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"]::after,
.theme-theta
  #feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"]::after,
.theme-theta
  #feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"]::after,
.theme-theta
  #feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"]::before,
.theme-theta
  #feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"]::before {
  opacity: 1;
}
@media screen and (max-width: 1160px) {
  .theme-theta .t-collabo-rotate-tabs__label {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-feature01 {
    background: none;
  }
  .theme-theta .p-theta-feature01__heading {
    order: 1;
  }
  .theme-theta .p-theta-feature01-rotate {
    order: 2;
/*    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(43, 15, 0, 1) 80%,
      rgba(0, 0, 0, 1) 100%
    );*/
    padding-right: 20px;
    padding-left: 20px;
    margin: 30px -20px 50px;
  }

  
  .theme-theta .p-theta-feature01__features-heading,
  .theme-theta .p-theta-feature01__text,
  .theme-theta .t-collabo-rotate-slide01-dis {
    order: 3;
  }
  
    .theme-theta .p-theta-feature01__features-heading {
    order:inherit;
  }
  
  .theme-theta .p-theta-feature01__heading {
    text-align: left;
  }
  .theme-theta .t-collabo-rotate-slide01-dis {
    position: static;
    transform: none;
    margin-top: 50px;
  }
  .theme-theta .t-collabo-rotate-slides__group {
    min-height: inherit;
    padding-bottom: 0;
    background-size: 120% auto;
    margin-right: -20px;
    margin-left: -20px;
  }
  .theme-theta .t-collabo-rotate-tabs {
    padding-top: 0;
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .theme-theta .p-theta-feature01-rotate {
    margin-bottom: 30px;
  }
  .theme-theta .p-theta-feature01__slides-image img {
    width: 250px;
  }
  .theme-theta .t-collabo-rotate-tabs__label {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .theme-theta
    .t-collabo-rotate-tabs__label:not(
      .t-collabo-rotate-tabs__label-right
    )::after,
  .theme-theta .t-collabo-rotate-tabs__label-right::before {
    min-width: inherit;
    height: 6px;
    width: calc(100% + 5px);
  }
  .theme-theta .t-collabo-rotate-tabs__label-left::before {
    margin-right: 5px;
  }
  .theme-theta .t-collabo-rotate-tabs__label-right::after {
    margin-left: 5px;
  }
  .theme-theta .p-theta-feature01__text {
    text-align: left;
  }
  .theme-theta .t-collabo-rotate-slide01-dis {
    padding: 15px 25px 10px;
    margin-top: 25px;
  }
  .theme-theta .t-collabo-rotate-slide01-dis dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .t-collabo-rotate-slide01-dis dt span {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .theme-theta .t-collabo-rotate-slide01-dis dt span::before,
  .theme-theta .t-collabo-rotate-slide01-dis dt span::after {
    width: 8px;
    right: calc(100% + 6px);
  }
  .t-collabo-rotate-slides-dis dd + dt {
    margin-top: 15px;
  }
  .theme-theta .t-collabo-rotate-slide01-dis dd {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
/* feature02 */
.theme-theta .p-theta-feature02__container {
  flex-direction: row;
  /*fix*/
  /*align-items: center;*/
}
.theme-theta .p-theta-feature02-contents {
  /*fix*/
  /*max-width: 460px;*/
  margin-right: auto;
  max-width: 500px;
}
.theme-theta .p-theta-feature02__image {
  /*margin-top: auto;
  margin-bottom: -50px;*/
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-feature02__container {
    flex-direction: column;
  }
  .theme-theta .p-theta-feature02-contents {
    max-width: 100%;
  }
  .theme-theta .p-theta-feature02__image {
    margin-right: -20px;
    margin-left: -20px;
  }
}
/* feature03 */
.theme-theta .p-theta-feature03__container {
  flex-direction: row-reverse;
}
.theme-theta .p-theta-feature03-contents {
  /*fix*/
  /*max-width: 460px;*/
  margin-left: 20px;
  max-width: 500px;
}
.theme-theta .p-theta-feature03-images {
  display: flex;
  flex-direction: row-reverse;
  /*align-items: center;*/
}
.p-theta-feature03-images__parts {
  width: 180px;
  flex-shrink: 0;
  margin-right: -10px;
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-feature03__container,
  .theme-theta .p-theta-feature03-images {
    flex-direction: column;
  }
  .theme-theta .p-theta-feature03-contents {
    max-width: 100%;
    margin-left: 0;
  }
  .theme-theta .p-theta-feature03-images {
    margin-top: 10px;
  }
  .theme-theta .p-theta-feature03-images__parts {
    width: auto;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .theme-theta .p-theta-feature03-images__parts img {
    width: 280px;
  }
}


/* feature04 */
.theme-theta .p-theta-feature04__container {
  flex-direction: row;
  /*fix*/
  /*align-items: center;*/
}
.theme-theta .p-theta-feature04-contents {
  max-width: 460px;
  margin-right: auto;
}
.theme-theta .p-theta-feature04__image {
  /*margin-top: auto;
  margin-bottom: -50px;*/
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-feature04__container {
    flex-direction: column;
  }
  .theme-theta .p-theta-feature04-contents {
    max-width: 100%;
  }
  .theme-theta .p-theta-feature02__image {
    margin-right: -20px;
    margin-left: -20px;
  }
}
/* feature05 */
.theme-theta .p-theta-feature05__container {
  flex-direction: row-reverse;
}
.theme-theta .p-theta-feature05-contents {
  max-width: 460px;
  margin-left: 20px;
}
.theme-theta .p-theta-feature05-images {
  display: flex;
  flex-direction: row-reverse;
  /*align-items: center;*/
}
.p-theta-feature05-images__parts {
  width: 180px;
  flex-shrink: 0;
  margin-right: -10px;
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-feature05__container,
  .theme-theta .p-theta-feature05-images {
    flex-direction: column;
  }
  .theme-theta .p-theta-feature05-contents {
    max-width: 100%;
    margin-left: 0;
  }
  .theme-theta .p-theta-feature05-images {
    margin-top: 10px;
  }
  .theme-theta .p-theta-feature05-images__parts {
    width: auto;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .theme-theta .p-theta-feature05-images__parts img {
    width: 280px;
  }
}

/* feature06 */
.theme-theta .p-theta-feature06__container {
  flex-direction: row;
  /*fix*/
  /*align-items: center;*/
}
.theme-theta .p-theta-feature06-contents {
  max-width: 460px;
  margin-right: auto;
}
.theme-theta .p-theta-feature06__image {
  /*margin-top: auto;
  margin-bottom: -50px;*/
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-feature06__container {
    flex-direction: column;
  }
  .theme-theta .p-theta-feature06-contents {
    max-width: 100%;
  }
  .theme-theta .p-theta-feature06__image {
    margin-right: -20px;
    margin-left: -20px;
  }
}


/* feature04 */
/*.theme-theta .p-theta-feature04__container {
  padding-bottom: 65px;
}
.theme-theta .p-theta-feature04-contents {
  position: relative;
  z-index: 10;
}
.theme-theta .p-theta-feature04-contents__text {
  max-width: 460px;
}
.theme-theta .p-theta-feature04-slides {
  margin-top: 75px;
}
.theme-theta .p-theta-feature04-slides__input {
  display: none;
}
.theme-theta .p-theta-feature04-slides__group {
  min-height: 280px;
  margin-bottom: 0;
}
.theme-theta .p-theta-feature04-slides__group-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.theme-theta .p-theta-feature04-slides__image img {
  width: auto;
  max-width: calc(100% - 440px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 460px;
  z-index: 1;
  object-fit: contain;
}
.theme-theta .p-theta-feature04-slides-dis {
  max-width: 500px;
  padding: 30px 45px 40px;
  border: 1px solid #525da3;
  position: relative;
  z-index: 2;
}
.theme-theta .p-theta-feature04-slides-dis dl {
  margin-bottom: 0;
}
.theme-theta .p-theta-feature04-slides-dis dl dt {
  color: #525da3;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0;
}
.theme-theta .p-theta-feature04-slides-dis dl dt span {
  display: block;
  position: relative;
  margin-top: 5px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.theme-theta .p-theta-feature04-slides-dis dl dt span::before,
.theme-theta .p-theta-feature04-slides-dis dl dt span::after {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: #525da3;
  position: absolute;
  top: 0.7em;
  right: calc(100% + 10px);
}
.theme-theta .p-theta-feature04-slides-dis dl dt span::after {
  transform: rotate(90deg);
}
.theme-theta .p-theta-feature04-slides-dis dl dd {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0;
  color: #222;
}
.theme-theta .p-theta-feature04-slides-dis__note {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
}
.theme-theta .p-theta-feature04-slides-tabs {
  max-width: 920px;
  position: relative;
  z-index: 2;
  margin: 75px auto 0;
}
.theme-theta .p-theta-feature04-slides-tabs__group {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
}
.theme-theta .p-theta-feature04-slides-tabs__group-item {
  width: 16.666%;
  padding: 20px;
}
.theme-theta .p-theta-feature04-slides-tabs__label {
  display: block;
  margin: 0;
  cursor: pointer;
}
.theme-theta .p-theta-feature04-slides-tabs__thumb {
  border: 1px solid #fff;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.theme-theta .p-theta-feature04-slides-tabs__thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #525da3;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.theme-theta
  .p-theta-feature04-slides-tabs__label:hover
  .p-theta-feature04-slides-tabs__thumb::before {
  opacity: 0.45;
}
.theme-theta .p-theta-feature04-slides-tabs__name {
  margin: 10px -15px 0;
  color: #525da3;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
#feature04Input01:checked ~ .p-theta-feature04-slides__group #feature04Slide01,
#feature04Input02:checked ~ .p-theta-feature04-slides__group #feature04Slide02,
#feature04Input03:checked ~ .p-theta-feature04-slides__group #feature04Slide03,
#feature04Input04:checked ~ .p-theta-feature04-slides__group #feature04Slide04,
#feature04Input05:checked ~ .p-theta-feature04-slides__group #feature04Slide05,
#feature04Input06:checked
  ~ .p-theta-feature04-slides__group
  #feature04Slide06 {
  opacity: 1;
  position: static;
  visibility: visible;
}
#feature04Input01:checked
  ~ .p-theta-feature04-slides-tabs
  .p-theta-feature04-slides-tabs__label[for="feature04Input01"]
  .p-theta-feature04-slides-tabs__thumb,
#feature04Input02:checked
  ~ .p-theta-feature04-slides-tabs
  .p-theta-feature04-slides-tabs__label[for="feature04Input02"]
  .p-theta-feature04-slides-tabs__thumb,
#feature04Input03:checked
  ~ .p-theta-feature04-slides-tabs
  .p-theta-feature04-slides-tabs__label[for="feature04Input03"]
  .p-theta-feature04-slides-tabs__thumb,
#feature04Input04:checked
  ~ .p-theta-feature04-slides-tabs
  .p-theta-feature04-slides-tabs__label[for="feature04Input04"]
  .p-theta-feature04-slides-tabs__thumb,
#feature04Input05:checked
  ~ .p-theta-feature04-slides-tabs
  .p-theta-feature04-slides-tabs__label[for="feature04Input05"]
  .p-theta-feature04-slides-tabs__thumb,
#feature04Input06:checked
  ~ .p-theta-feature04-slides-tabs
  .p-theta-feature04-slides-tabs__label[for="feature04Input06"]
  .p-theta-feature04-slides-tabs__thumb {
  border-color: #525da3;
}*/

/* slide01 */
.theme-theta .p-theta-feature04-slide01__input {
  display: none;
}
.theme-theta .p-theta-feature04-slide01__image img {
  opacity: 0;
  transition: 0.3s;
}
.theme-theta .p-theta-feature04-slide01-tabs {
  margin-top: 20px;
  margin-bottom: -20px;
}
.theme-theta .p-theta-feature04-slide01-tabs__group {
  display: inline-flex;
  margin: 0 -25px;
}
.theme-theta .p-theta-feature04-slide01-tabs__group-item {
  padding: 0 25px;
}
.theme-theta .p-theta-feature04-slide01-tabs__label {
  display: block;
  min-width: 40px;
  padding-top: 45px;
  position: relative;
  margin: 0;
  text-align: center;
  color: #717070;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.3s;
}
.theme-theta .p-theta-feature04-slide01-tabs__label span {
  display: block;
  margin: 0 -15px;
}
.theme-theta .p-theta-feature04-slide01-tabs__label::before,
.theme-theta .p-theta-feature04-slide01-tabs__label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  transition: 0.3s;
}
.theme-theta .p-theta-feature04-slide01-tabs__label::before {
  width: 40px;
  height: 40px;
  border: 1px solid #717070;
  top: 0;
}
.theme-theta .p-theta-feature04-slide01-tabs__label::after {
  width: 20px;
  height: 20px;
  background-color: #717070;
  top: 10px;
}
#feature04Slide01InputTop1:checked
  ~ .p-theta-feature04-slide01__image
  #feature04Slide01Top1,
#feature04Slide01InputTop2:checked
  ~ .p-theta-feature04-slide01__image
  #feature04Slide01Top2,
#feature04Slide01InputFront:checked
  ~ .p-theta-feature04-slide01__image
  #feature04Slide01Front,
#feature04Slide01InputBottom:checked
  ~ .p-theta-feature04-slide01__image
  #feature04Slide01Bottom {
  opacity: 1;
}
#feature04Slide01InputTop1:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"],
#feature04Slide01InputTop2:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"],
#feature04Slide01InputFront:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputFront"],
#feature04Slide01InputBottom:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"] {
  color: #525da3;
}
#feature04Slide01InputTop1:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"]::before,
#feature04Slide01InputTop2:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"]::before,
#feature04Slide01InputFront:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputFront"]::before,
#feature04Slide01InputBottom:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"]::before {
  border-color: #525da3;
}
#feature04Slide01InputTop1:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputTop1"]::after,
#feature04Slide01InputTop2:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputTop2"]::after,
#feature04Slide01InputFront:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputFront"]::after,
#feature04Slide01InputBottom:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide01-tabs__label[for="feature04Slide01InputBottom"]::after {
  background-color: #525da3;
}
/* slide05 */
.theme-theta .p-theta-feature04-slide05-select {
  display: flex;
  align-items: center;
  position: absolute;
  top: 33px;
  right: 35px;
}
.theme-theta .p-theta-feature04-slide05-select__input {
  display: none;
}
.theme-theta .p-theta-feature04-slide05-select__heading {
  margin-right: 20px;
  color: #525da3;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.theme-theta .p-theta-feature04-slide05-select-label {
  display: flex;
  align-items: center;
  width: 120px;
  height: 40px;
  padding: 5px;
  background-color: #717070;
  border-radius: 20px;
  position: relative;
  margin: 0;
  text-align: center;
  color: #222;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  overflow: hidden;
  transition: 0.3s;
  cursor: pointer;
}
.theme-theta .p-theta-feature04-slide05-select-label::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #222;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 35px);
  z-index: 2;
  transition: 0.3s;
  margin: auto;
}
.theme-theta .p-theta-feature04-slide05-select-label__open,
.theme-theta .p-theta-feature04-slide05-select-label__close {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  line-height: 40px;
  transition: 0.3s;
}
.theme-theta .p-theta-feature04-slide05-select-label__open {
  padding-left: 30px;
  left: 100%;
}
.theme-theta .p-theta-feature04-slide05-select-label__close {
  padding-right: 30px;
  right: 0;
}
.theme-theta
  .p-theta-feature04-slides__image
  .p-theta-feature04-slide05-select-image__open,
.theme-theta
  .p-theta-feature04-slides__image
  .p-theta-feature04-slide05-select-image__close {
  transition: 0.3s;
}
.theme-theta
  .p-theta-feature04-slides__image
  .p-theta-feature04-slide05-select-image__open {
  opacity: 0;
  z-index: 2;
}
.theme-theta
  .p-theta-feature04-slides__image
  .p-theta-feature04-slide05-select-image__close {
  z-index: 1;
}
.theme-theta
  .p-theta-feature04-slide05-select__input:checked
  ~ .p-theta-feature04-slides__image
  .p-theta-feature04-slide05-select-image__open {
  opacity: 1;
}
.theme-theta
  .p-theta-feature04-slide05-select__input:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide05-select-label {
  background-color: #525da3;
}
.theme-theta
  .p-theta-feature04-slide05-select__input:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide05-select-label::before {
  left: 5px;
}
.theme-theta
  .p-theta-feature04-slide05-select__input:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide05-select-label__open {
  left: 0;
}
.theme-theta
  .p-theta-feature04-slide05-select__input:checked
  ~ .p-theta-feature04-slides-dis
  .p-theta-feature04-slide05-select-label__close {
  right: 100%;
}
@media screen and (max-width: 1023px) {
  .theme-theta .p-theta-feature04-contents__text {
    max-width: 100%;
  }
  .theme-theta .p-theta-feature04-slides {
    margin-top: -10%;
  }
  .theme-theta .p-theta-feature04-slides__image {
    padding-bottom: calc(100% + 40px);
    position: relative;
    margin-right: -20px;
    margin-left: -20px;
  }
  .theme-theta .p-theta-feature04-slides__image img {
    width: 100%;
    max-width: 100%;
    left: 0;
  }
  .theme-theta .p-theta-feature04-slides-dis {
    margin: 0 auto;
  }
  .theme-theta .p-theta-feature04-slides-tabs {
    max-width: 460px;
  }
  .theme-theta .p-theta-feature04-slides-tabs__group-item {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) {
  .theme-theta .p-theta-feature04-slides-dis {
    max-width: 280px;
    padding: 15px 25px 20px;
  }
  .theme-theta .p-theta-feature04-slides-dis dl dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-feature04-slides-dis dl dt span {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.025em;
  }
  .theme-theta .p-theta-feature04-slides-dis dl dt span::before,
  .theme-theta .p-theta-feature04-slides-dis dl dt span::after {
    width: 8px;
    right: calc(100% + 6px);
  }
  .theme-theta .p-theta-feature04-slides-dis dl dd {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.025em;
  }
  .theme-theta .p-theta-feature04-slides-dis__note {
    margin-top: 10px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-feature04-slides-tabs {
    max-width: 230px;
    margin-top: 25px;
  }
  .theme-theta .p-theta-feature04-slides-tabs__group {
    margin: -7.5px -12.5px;
  }
  .theme-theta .p-theta-feature04-slides-tabs__group-item {
    padding: 7.5px 12.5px;
  }
  .theme-theta .p-theta-feature04-slides-tabs__thumb {
    border-radius: 3px;
  }
  .theme-theta .p-theta-feature04-slides-tabs__name {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.529;
  }
  /* slide01 */
  .theme-theta .p-theta-feature04-slide01-tabs {
    margin-top: 15px;
    margin-bottom: -10px;
    text-align: center;
  }
  .theme-theta .p-theta-feature04-slide01-tabs__group {
    margin: 0 -20px;
  }
  .theme-theta .p-theta-feature04-slide01-tabs__group-item {
    padding: 0 20px;
  }
  .theme-theta .p-theta-feature04-slide01-tabs__label {
    min-width: 20px;
    padding-top: 25px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-feature04-slide01-tabs__label::before {
    width: 20px;
    height: 20px;
  }
  .theme-theta .p-theta-feature04-slide01-tabs__label::after {
    width: 10px;
    height: 10px;
    top: 5px;
  }
  /* slide05 */
  .theme-theta .p-theta-feature04-slide05-select {
    top: 22px;
    right: 25px;
  }
  .theme-theta .p-theta-feature04-slide05-select__heading {
    margin-right: 5px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-feature04-slide05-select-label {
    width: 65px;
    height: 20px;
  }
  .theme-theta .p-theta-feature04-slide05-select-label::before {
    width: 15px;
    height: 15px;
    left: calc(100% - 17.5px);
  }
  .theme-theta .p-theta-feature04-slide05-select-label__open,
  .theme-theta .p-theta-feature04-slide05-select-label__close {
    line-height: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-feature04-slide05-select-label__open {
    padding-left: 15px;
  }
  .theme-theta .p-theta-feature04-slide05-select-label__close {
    padding-right: 15px;
  }
  .theme-theta
    .p-theta-feature04-slide05-select__input:checked
    ~ .p-theta-feature04-slides-dis
    .p-theta-feature04-slide05-select-label::before {
    left: 2.5px;
  }
}
/* CAMPAIGN
------------------------------------------------------------ */
.theme-theta .p-theta-campaign {
}
.theme-theta .t-collabo-campaign__frame {
  flex-wrap: wrap;
  align-items: flex-start;
  background: none;
}
.theme-theta .p-theta-campaign__heading {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.039em;
}
.theme-theta .p-theta-campaign-main {
  width: 100%;
  text-align: center;
}
.theme-theta .p-theta-campaign-main__image {
  max-width: 1020px;
  margin: 0 auto 20px;
}
.theme-theta .p-theta-campaign-main__heading {
  color: #525da3;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.039em;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-theta .p-theta-campaign-list {
  margin-top: 40px;
}
.theme-theta .p-theta-campaign-list__group {
  margin: -40px -15px 0;
}
.theme-theta .p-theta-campaign-list__group-item {
  display: flex;
  padding: 40px 20px;
  border-bottom: 1px solid #525da3;
}
.theme-theta .p-theta-campaign-list__thumb {
  flex-shrink: 0;
  margin-right: 30px;
  width: 31%;
}
.theme-theta .p-theta-campaign-list-text__heading {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.039em;
}
.theme-theta .p-theta-campaign-list-text__text {
  margin-top: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.4;
  letter-spacing: 0.039em;
}
.theme-theta .p-theta-campaign-list-text__row {
  display: flex;
  flex-wrap: wrap;
  margin: 15px -5px -5px;
}
.theme-theta .p-theta-campaign-list-text__row-item {
  width: 50%;
  padding: 5px;
}
.theme-theta .t-collabo-campaign__period {
  margin-top: 15px;
}
.theme-theta .t-collabo-campaign__period-frame {
  display: block;
  width: 480px;
  max-width: 100%;
  text-align: center;
}
.theme-theta .t-collabo-campaign__btn-wrap {
  max-width: 480px;
}
.theme-theta .p-theta-campaign-note {
  margin-top: 40px;
  font-size: 12px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
}
.theme-theta .p-theta-campaign-influencer:not(:first-child) {
  margin-top: 80px;
}
.theme-theta .p-theta-campaign-influencer__heaidng {
  text-align: center;
}
.theme-theta .p-theta-campaign-influencer-list {
  margin-top: 30px;
}
.theme-theta .p-theta-campaign-influencer-list__group {
  display: flex;
  flex-wrap: wrap;
  margin: -13px -40px;
  margin-bottom: 40px;
}
.theme-theta .p-theta-campaign-influencer-list__group-item {
  width: 50%;
  padding: 13px 40px;
}
.theme-theta .p-theta-campaign-influencer-data {
  display: flex;
  align-items: flex-start;
}
.theme-theta .p-theta-campaign-influencer-data__thumb {
  display: flex;
  flex-shrink: 0;
  width: 200px;
  position: relative;
  margin-right: 40px;
}
.theme-theta .p-theta-campaign-influencer-data__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 10px;
}
.theme-theta .p-theta-campaign-influencer-data__thumb img {
  position: relative;
  z-index: 1;
  vertical-align: bottom;
}
.theme-theta .p-theta-campaign-influencer-data-text__belong {
  color: #999;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.theme-theta .p-theta-campaign-influencer-data-text__name {
  display: flex;
  align-items: center;
}
.theme-theta .p-theta-campaign-influencer-data-text__name span {
  margin-left: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
.theme-theta .p-theta-campaign-influencer-data-text__text {
  margin-top: 10px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.4;
  letter-spacing: 0.039em;
}
.theme-theta .p-theta-campaign-influencer-sns {
  margin-top: 30px;
}
.theme-theta .p-theta-campaign-influencer-sns__group {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.theme-theta .p-theta-campaign-influencer-sns__group-item {
  width: 50%;
  padding: 10px;
}
.theme-theta .p-theta-campaign-movie:not(:first-child) {
  /*margin-top: 80px;
  margin-bottom: 80px;*/
}
.theme-theta .p-theta-campaign-movie__heading {
  text-align: center;
}
.theme-theta .p-theta-campaign-movie-iframe {
  width: 100%;
  max-width: 1100px;
  margin: 30px auto 0;
  text-align: center;
}
.theme-theta .p-theta-campaign-movie-iframe__inner {
  width: 100%;
  padding-bottom: 56.17%;
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.4);
  position: relative;
}
.theme-theta .p-theta-campaign-movie-iframe__inner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .theme-theta .t-collabo-campaign__frame {
    flex-direction: column;
  }
  .theme-theta .p-theta-campaign-list__group-item {
    flex-direction: column;
  }
  .theme-theta .p-theta-campaign-list__thumb {
    margin: 0 auto 20px;
  }
  .theme-theta .p-theta-campaign-list-text__row-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .theme-theta .t-collabo-campaign__frame {
    padding-bottom: 15px; 
    /*fix cp*/
    margin: 0;
    padding: 0;
  }
  .theme-theta .p-theta-campaign__heading {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .theme-theta .p-theta-campaign-main__image {
    margin-bottom: 10px;
  }
  .theme-theta .p-theta-campaign-list__thumb {
    width: 100%;
    text-align: center;
  }

  .theme-theta .p-theta-campaign-list {
    margin-top: 20px;
  }
  .theme-theta .p-theta-campaign-list__group {
    margin: -20px 0 0;
  }
  .theme-theta .p-theta-campaign-list__group-item {
    padding: 20px 0;
  }
  .theme-theta .p-theta-campaign-list-text__heading {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .theme-theta .p-theta-campaign-list-text__text {
    margin-top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .theme-theta .t-collabo-campaign__period {
    margin-top: 10px;
  }
  .theme-theta .t-collabo-campaign__period-frame {
    width: 100%;
  }
  .theme-theta .p-theta-campaign-note {
    margin-top: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-campaign-influencer:not(:first-child) {
    margin-top: 30px;
  }
  .theme-theta .p-theta-campaign-influencer-list {
    margin-top: 15px;
  }
  .theme-theta .p-theta-campaign-influencer-list__group-item {
    width: 100%;
  }
  .theme-theta .p-theta-campaign-influencer-data__thumb {
    width: 100px;
    margin-right: 20px;
  }
  .theme-theta .p-theta-campaign-influencer-data__thumb::before {
    top: 5px;
    left: 5px;
  }
  .theme-theta .p-theta-campaign-influencer-data-text__belong {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-campaign-influencer-data-text__name {
    text-align: left;
  }
  .theme-theta .p-theta-campaign-influencer-data-text__name span {
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-campaign-influencer-data-text__text {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem;
  }
  .theme-theta .p-theta-campaign-influencer-sns {
    margin-top: 15px;
  }
  .theme-theta .p-theta-campaign-influencer-sns__group {
    margin: -5px;
  }
  .theme-theta .p-theta-campaign-influencer-sns__group-item {
    padding: 5px;
  }
  .theme-theta .p-theta-campaign-influencer-sns .p-theta__btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .theme-theta .p-theta-campaign-movie:not(:first-child) {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .theme-theta .p-theta-campaign-movie-iframe {
    margin-top: 15px;
  }
}
/* LINEUP
------------------------------------------------------------ */
.theme-theta .p-theta-lineup {
  background-color: #fff;
  padding-bottom: 65px;
}
.theme-theta .p-theta-lineup__container {
  padding-top: 0;
  /*padding-bottom: 0;*/
}
.theme-theta .p-theta-lineup__section + .p-theta-lineup__section {
  margin-top: 40px;
}
.theme-theta .p-theta-lineup__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 10px 25px;
  background: linear-gradient(90deg, #02388c20, #525da330 30%, #87c1fa20),#ffffff;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  color: #222;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .theme-theta .p-theta-lineup__container {
    padding-top: 0;
    padding-bottom: 60px;
  }
  .theme-theta .p-theta-lineup__heading {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 25px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.025em;
  }
}
/* INFORMATION
------------------------------------------------------------ */
.theme-theta .t-collabo-information {
  background: linear-gradient( to bottom, rgb(255 255 255) 0%, rgb(255 255 255) 80%, rgb(255 255 255) 100% );
}
.theme-theta .t-collabo-information__list {
  width: auto;
  max-width: 1044px;
  margin-top: 30px;
}
.theme-theta .t-collabo-information__list-group {
    max-width: 1084px;
    width: 100%;
    margin: 37px auto 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.theme-theta .t-collabo-information__list-group-item {
  padding: 6px;
}
.theme-theta .t-collabo-information__card {
  background-color: #332222;
  color: #fff !important;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.933;
  letter-spacing: 0.05em;
}
.theme-theta .t-collabo-information__thumb {
  max-height: inherit;
}
.theme-theta .t-collabo-information__title {
  margin-bottom: 35px !important;
}
.theme-theta .t-collabo-information__category {
  padding-left: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .theme-theta .t-collabo-information__list {
    margin-top: 15px;
  }
  .theme-theta .t-collabo-information__list-group {
    -ms-grid-columns: (minmax(166px, 1fr))[2];
    grid-template-columns: repeat(2, minmax(166px, 1fr));
    margin-top: 28px;
    width: 100%;
  }
  .theme-theta .t-collabo-information__list-group-item {
    padding: 5px;
  }
  .theme-theta .t-collabo-information__card {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.773;
    letter-spacing: 0.025em;
  }
  .theme-theta .t-collabo-information__title {
    margin-bottom: 10px !important;
  }
  .theme-theta .t-collabo-information__category {
    font-size: 10px;
    font-size: 1rem;
  }
}

/* R-Class
------------------------------------------------------------ */
.theme-theta .p-theta-rclass {
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2023/03/r_concept_img-1.jpg");
}
.theme-theta .p-theta-rclass__container {
  justify-content: center;
  min-height: 700px;
}
.theme-theta .p-theta-rclass-contents {
  max-width: 415px;
}
.theme-theta .p-theta-rclass-contents__heading {
  font-size: 86px;
  font-size: 8.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0 15px rgba(234, 85, 4, 0.8);
}
.theme-theta .p-theta-rclass-contents__heading span {
  letter-spacing: 0.05em;
}
.theme-theta .p-theta-rclass-contents__text {
  margin-top: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
  text-shadow: 0 0 10px rgba(255, 74, 44, 0.8);
}
.theme-theta .p-theta-rclass-contents__btn-wrap {
  max-width: 380px;
  margin-top: 30px;
}
@media screen and (max-width: 1920px) {
  .theme-theta .p-theta-rclass {
    background-position: center top calc(50% - 150px);
  }
}
@media screen and (max-width: 767px) {
  .theme-theta .p-theta-rclass {
    background: none;
  }
  .theme-theta .p-theta-rclass__container {
    justify-content: flex-start;
    padding-top: 35px;
    padding-bottom: 0;
  }
  .theme-theta .p-theta-rclass-contents {
    max-width: inherit;
    margin-bottom: 15px;
  }
  .theme-theta .p-theta-rclass-contents__heading {
    font-size: 60px;
    font-size: 6rem;
  }
  .theme-theta .p-theta-rclass-contents__text {
    margin-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .theme-theta .p-theta-rclass-contents__btn-wrap {
    max-width: 260px;
    margin: 25px auto 0;
  }
  .theme-theta .p-theta-rclass__image {
    margin: 0 -20px;
  }
}

/* CSS Document */
/* responsive
------------------------------------------------------------ */
.pc-none {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .pc-none {
    display: block !important;
  }
  .sp-none {
    display: none !important;
  }
}
/* section
------------------------------------------------------------ */
.t-collabo__section {
  /*display: flex;*/
  /*fix*/
  /*flex-direction: column;*/
  justify-content: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #fff;
}
.t-collabo__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1240px) {
  .t-collabo__section {
    padding-right: 20px;
    padding-left: 20px;
  }

  div#spec {
    padding-right: 0px;
    padding-left: 0px;
}
}
@media screen and (max-width: 767px) {
  .t-collabo__container {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}
/* heading
------------------------------------------------------------ */
.t-collabo__heading {
  padding-bottom: 45px;
  position: relative;
  text-align: center;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1.131;
  letter-spacing: 0.025em;
}
.t-collabo__heading-left {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: rotate(90deg) translateX(-65%);
  transform-origin: left bottom;
}
.t-collabo__heading-ja {
  margin-top: 55px;
  text-align: center;
  font-size: 30px;
  font-size: 2.3rem;
  font-weight: 700;
  letter-spacing: 0.039em;
  color: #4b4b4b;
}
@media screen and (max-width: 1023px) {
  .t-collabo__heading-left {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo__heading {
    font-size: 38px;
    font-size: 3.8rem;
  }
  .t-collabo__heading-ja {
    margin-top: 25px;
    font-size: 20px;
    font-size: 2.3rem;
    line-height: 1.5;
  }
}
/* text
------------------------------------------------------------ */
.t-collabo__text {
  color: #222;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.025em;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .t-collabo__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
/* features
------------------------------------------------------------ */
.t-collabo-features__container {
  position: relative;
}
.t-collabo-features__container::before {
  content: attr(data-num);
  height: 1em;
  position: absolute;
  bottom: 40px;
  z-index: 2;
  color: transparent;
  font-size: 120px;
  font-size: 12rem;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-features__container.is-left::before {
  left: 0;
}
.t-collabo-features__container.is-right::before {
  right: 0;
}
/* filter */
.t-collabo-filter__images {
  display: flex;
  align-items: flex-end;
  margin-top: -105px;
  margin-bottom: -50px;
}
.t-collabo-filter__images-item {
  width: 50%;
  position: relative;
}
.t-collabo-filter__images-item img {
  width: 100%;
}
.t-collabo-filter__images-name {
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  white-space: nowrap;
  transform: translateY(-50%);
}
.t-collabo-filter__images-name::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-filter__image01-name {
  top: 39%;
  left: 76.666%;
}
.t-collabo-filter__image01-name::before {
  left: -30px;
}
.t-collabo-filter__image02-name {
  top: 53%;
  right: 80%;
}
.t-collabo-filter__image02-name::before {
  right: -30px;
}
@media screen and (max-width: 1023px) {
  .t-collabo-filter__images {
    flex-direction: column;
    margin-top: 25px;
  }
  .t-collabo-filter__images-item {
    width: calc(100% + 20px);
    margin-right: -10px;
    margin-left: -10px;
  }
  .t-collabo-filter__images-item:not(:last-child) {
    margin-bottom: 20px;
  }
  .t-collabo-filter__images-name {
    position: static;
    transform: translateY(0);
    text-align: center;
  }
  .t-collabo-filter__images-name::before {
    display: none;
  }
}
/* gallery
------------------------------------------------------------ */
.t-collabo-gallery {
  padding-top: 80px;
}
.t-collabo-gallery__group {
  display: flex;
  flex-wrap: wrap;
  margin: 50px -2.5px 2.5px;
}
.t-collabo-gallery__group-item {
  width: 20%;
  padding: 2.5px;
}
.t-collabo-gallery__group-item img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .t-collabo-gallery__group-item {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-gallery {
    padding-top: 50px;
  }
  .t-collabo-gallery__group-item {
    width: 50%;
    padding: 1.5px;
  }
  .t-collabo-gallery__group {
    margin: 45px -21.5px -1.5px;
  }
}
/* SPECIAL
------------------------------------------------------------ */
.t-collabo-special__contents {
  display: flex;
  padding: 0 45px 55px;
  position: relative;
  margin-top: 100px;
  margin-bottom: -50px;
}
.t-collabo-special__input {
  display: none;
}
.t-collabo-special__contents-wrap {
  max-width: 345px;
  position: relative;
  z-index: 2;
  margin-right: auto;
}
.t-collabo-special__contents-heading {
  margin-bottom: 15px;
  text-align: left;
  line-height: 1.6;
}
.t-collabo-special__tabs {
  margin-top: 40px;
}
.t-collabo-special__tabs-item:not(:last-child) {
  margin-bottom: 20px;
}
.t-collabo-special__tabs-label {
  padding-left: 35px;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
  cursor: pointer;
  transition: 0.3s;
}
.t-collabo-special__tabs-label::before,
.t-collabo-special__tabs-label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}
.t-collabo-special__tabs-label::before {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  top: -2px;
  left: 0;
}
.t-collabo-special__tabs-label::after {
  width: 14px;
  height: 14px;
  background-color: #fff;
  top: 1px;
  left: 3px;
  opacity: 0;
}
#specialInputBlack:checked
  ~ .t-collabo-special__contents-wrap
  .t-collabo-special__tabs-label[for="specialInputBlack"]::after {
  opacity: 1;
}
.t-collabo-special__slides-wrap {
  width: 1273px;
  position: absolute;
  bottom: 0;
  right: 365px;
  z-index: 1;
}
.t-collabo-special__slides {
  width: 100%;
  padding-bottom: 47.368%;
  position: relative;
  margin-bottom: 0;
}
.t-collabo-special__slides-item {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
#specialInputBlack:checked
  ~ .t-collabo-special__slides-wrap
  #specialSlideBlack {
  opacity: 1;
}
.t-collabo-special__slides-item img {
  width: 100%;
}
.t-collabo-special__color {
  max-width: 315px;
  position: relative;
  z-index: 2;
}
.t-collabo-special__color-image {
  margin-bottom: 15px;
}
.t-collabo-special__color-dl dt {
  color: #4bead0;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.025em;
}
.t-collabo-special__color-dl dt span {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}
.t-collabo-special__color-dl dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -35px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-special__note {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.039em;
}
@media screen and (max-width: 1023px) {
  .t-collabo-special__container {
    padding-bottom: 60px;
  }
  .t-collabo-special__contents {
    flex-direction: column;
    padding: 0;
    margin-bottom: 0;
  }
  .t-collabo-special__contents-wrap {
    max-width: 100%;
    margin-left: auto;
  }
  .t-collabo-special__tabs {
    display: flex;
    justify-content: center;
    width: calc(100% + 40px);
    padding-top: calc(100% + 40px + 25px);
    margin: 0;
    position: absolute;
    top: 100%;
    left: -20px;
  }
  .t-collabo-special__tabs-item {
    padding: 0 25px;
  }
  .t-collabo-special__tabs-item:not(:last-child) {
    margin-bottom: 0;
  }
  .t-collabo-special__slides-wrap {
    width: auto;
    position: static;
    margin: 0 -20px 85px;
  }
  .t-collabo-special__slides {
    padding-bottom: 100%;
  }
  .t-collabo-special__color {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
  }
  .t-collabo-special__color-image {
    text-align: center;
  }
  .t-collabo-special__color-dl dt span::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-special__contents {
    margin-top: 40px;
  }
  .t-collabo-special__color-dl dt,
  .t-collabo-special__color-dl dd {
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-special__color-dl dt span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-special__tabs {
    width: calc(100% + 50px);
    left: -25px;
  }
  .t-collabo-special__tabs-item {
    padding: 0 25px;
  }
  .t-collabo-special__tabs-label {
    padding-left: 20px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-special__tabs-label::before {
    width: 15px;
    height: 15px;
    top: -3px;
  }
  .t-collabo-special__tabs-label::after {
    width: 11px;
    height: 11px;
    top: -1px;
    left: 2px;
  }
}
/* sub */
.t-collabo-special-sub {
  background-size: cover;
  background-position: center;
}
.t-collabo-special-sub__container {
  padding: 100px 0 120px;
  max-width: 1100px;
}
.t-collabo-special-sub__section {
  display: flex;
  align-items: center;
  margin: 0 -40px;
}
.t-collabo-special-sub__section:not(:last-child) {
  margin-bottom: 120px;
}
.t-collabo-special-sub__section:nth-child(2n-1) {
  flex-direction: row-reverse;
}
.t-collabo-special-sub__section:nth-child(2n) {
  flex-direction: row;
}
.t-collabo-special-sub__section .t-collabo__sub-heading {
  margin-right: -1em;
}
.t-collabo-special-sub__contents,
.t-collabo-special-sub__image {
  width: 50%;
  padding: 0 40px;
}
.t-collabo-special-sub__image {
  text-align: center;
}
.t-collabo-special-sub__section:nth-child(2n) .t-collabo-special-sub__contents {
  padding-left: 120px;
}
.t-collabo-special-sub__section:nth-child(2n-1) .t-collabo-special-sub__image {
  margin-right: auto;
}
.t-collabo-special-sub__section:nth-child(2n) .t-collabo-special-sub__image {
  margin-left: auto;
}
.t-collabo-special-sub__image-item:not(:last-child) {
  margin-bottom: 10px;
}
.t-collabo-special-sub__text {
  max-width: 420px;
}
.t-collabo-special-sub__text-note {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .t-collabo-special-sub__section {
    flex-wrap: wrap;
    padding: 0 !important;
  }
  .t-collabo-special-sub__section:not(:last-child) {
    margin-bottom: 60px;
  }
  .t-collabo-special-sub__contents,
  .t-collabo-special-sub__image {
    width: 100%;
    padding: 0 40px;
    text-align: center;
  }
  .t-collabo-special-sub__section:nth-child(2n)
    .t-collabo-special-sub__contents {
    padding-left: 40px;
  }
  .t-collabo-special-sub__section .t-collabo__sub-heading {
    margin-right: 0;
  }
  .t-collabo-special-sub__text {
    max-width: 100%;
  }
  .t-collabo-special-sub__image {
    margin-top: 25px;
    box-sizing: content-box;
  }
  .t-collabo-special-sub__text-note {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-special-sub__container {
    padding: 40px 0;
  }
  .t-collabo-special-sub__text,
  .t-collabo-special-sub__note {
    text-align: left;
  }
  .t-collabo-special-sub__image {
    margin-right: auto;
    margin-left: auto;
  }
  .t-collabo-special-sub__image01 {
    max-width: 250px;
  }
  .t-collabo-special-sub__image02 {
    max-width: 255px;
  }
  .t-collabo-special-sub__image03 {
    max-width: 230px;
  }
}

/* CAMPAIGN
------------------------------------------------------------ */
.t-collabo-campaign__container {
  padding: 55px 0 100px;
}
.t-collabo-campaign__frame {
  display: flex;
  align-items: center;
  padding: 45px;
  margin-top: 45px;
}
.t-collabo-campaign__frame-contents {
  flex-shrink: 0;
  width: 550px;
  margin-right: auto;
}
.t-collabo-campaign__text {
  max-width: 460px;
  margin-top: 30px;
}
.t-collabo-campaign__period {
  margin-top: 25px;
}
.t-collabo-campaign__period-frame {
  display: inline-block;
  padding: 0.5em 2em;
  border: 1px solid #222;
 /* border-radius: 3em;*/
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-campaign__link {
  margin-top: 90px;
}
.t-collabo-campaign__link a {
  display: inline-block;
}
.t-collabo-compaign__btn-wrap {
  margin-top: 35px;
}

.p-theta-campaign-topnote {
  display: flex;
  padding: 40px 20px 40px 20px;
}

@media screen and (max-width: 1240px) {
  .t-collabo-campaign__frame-image {
    width: 400px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .t-collabo-campaign__frame {
    flex-direction: column-reverse;
  }
  .t-collabo-campaign__frame-contents {
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
  .t-collabo-campaign__text {
    max-width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-campaign__container {
    padding: 60px 0 65px;
  }
  .t-collabo-campaign__frame {
    padding: 15px 15px 45px;
  }
  .t-collabo-campaign__period-frame {
    width: 100%;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-campaign__link {
    margin-top: 30px;
  }
  .p-theta-campaign-topnote {
    margin-top: 20px;
    font-size: 1rem;
    padding: 20px;
    margin-top: -20px;
  }
}
/* lineup
------------------------------------------------------------ */
.t-collabo-lineup__section-heading-area {
  padding: 60px 0 50px;
}
.t-collabo-lineup__list {
  background-color: #fff;
}
.t-collabo-lineup__list .rel {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .t-collabo-lineup__section-heading-area {
    padding: 45px 0 60px;
  }
  .t-collabo-lineup__list .rel {
    padding: 20px 0;
  }
}
/* ABOUT
------------------------------------------------------------ */
.t-collabo-about__contents {
  display: flex;
  align-items: center;
  padding-left: 115px;
}
.t-collabo-about__contents-left {
  max-width: 440px;
}
.t-collabo-about__contents-right {
  margin-left: auto;
}
.t-collabo-about__sub-heading {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: left;
}
.t-collabo-about__logo {
  text-align: center;
  margin-bottom: 180px;
}
.t-collabo-about__link-group-item:not(:last-child) {
  margin-bottom: 20px;
}
.t-collabo-about__link {
  display: block;
  width: 380px;
  max-width: 100%;
  padding: 10px 45px 10px 35px;
  background-color: rgba(105, 255, 216, 0.2);
  border: 1px solid #4bead0;
  position: relative;
  margin: auto;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-shadow: 0 0 10px rgba(75, 234, 208, 0.8),
    0 0 10px rgba(75, 234, 208, 0.8);
  transition: 0.3s;
}
.t-collabo-about__link img {
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  margin: auto;
}
.t-collabo-about__link:hover {
  background-color: rgba(105, 255, 216, 0.6);
}
@media screen and (max-width: 1240px) {
  .t-collabo-about__contents {
    padding: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .t-collabo-about__contents {
    flex-direction: column;
    padding: 0;
  }
  .t-collabo-about__sub-heading {
    text-align: center;
  }
  .t-collabo-about__contents-right {
    width: 100%;
    margin-top: 55px;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-about__logo {
    margin-bottom: 55px;
  }
  .t-collabo-about__logo img {
    width: 225px;
  }
  .t-collabo-about__link-group-item:not(:last-child) {
    margin-bottom: 15px;
  }
  .t-collabo-about__link {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-about__link img {
    width: 6px;
    right: 17px;
  }
}
/* MEMBER
------------------------------------------------------------ */
.t-collabo-member__container {
  padding: 120px 0 160px;
}
.t-collabo-member__list {
  width: 100%;
  max-width: 940px;
  margin: 80px auto 0;
}
.t-collabo-member-section:not(:last-child) {
  margin-bottom: 90px;
}
.t-collabo-member-section__heading {
  margin-bottom: 40px;
  text-align: center;
  color: #4bead0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-member-section__group {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -5px;
}
.t-collabo-member-section__group-item {
  width: 25%;
  padding: 30px 5px;
}
.t-collabo-member-section__card {
  cursor: pointer;
}
.t-collabo-member-section__thumb {
  transform: skewY(-8deg);
  overflow: hidden;
}
.t-collabo-member-section__thumb-profile {
  content: "PROFILE";
  display: block;
  width: 85px;
  padding: 5px 5px 5px 15px;
  background-color: #4bead0;
  position: relative;
  color: #222;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-member-section__thumb-profile::before,
.t-collabo-member-section__thumb-profile::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.t-collabo-member-section__thumb-profile::before {
  border-bottom: 22px solid #4bead0;
  border-right: 17px solid transparent;
  left: 100%;
}
.t-collabo-member-section__thumb-profile::after {
  width: 32px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 16px;
  left: calc(100% + 17px);
  transform: skewX(37deg);
  transform-origin: left bottom;
}
.t-collabo-member-section__thumb-inner {
  border: 2px solid #4bead0;
  background-color: #fff;
  overflow: hidden;
}
.t-collabo-member-section__thumb-inner img {
  display: block;
  width: 100%;
  margin: -8% 0;
  transform: skewY(8deg);
  filter: grayscale(1);
  transition: 0.3s;
}
.t-collabo-member-section__card:hover
  .t-collabo-member-section__thumb-inner
  img {
  filter: grayscale(0);
}
.t-collabo-member-section__name {
  margin-top: 25px;
  text-align: center;
  color: #4bead0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-member-section__name::before {
  content: attr(data-eng);
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
}
.t-collabo-member-section__text {
  display: none;
}
/* lb */
body.is-lb-open {
  overflow: hidden;
}
.t-collabo-member-lb {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
}
.t-collabo-member-lb.is-show {
  overflow-x: hidden;
  overflow-y: auto;
}
.t-collabo-member-lb__dialog {
  display: flex;
  align-items: center;
  max-width: 1040px;
  padding: 0 50px;
  min-height: calc(100% - (20px * 2));
  margin: 20px auto;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .t-collabo-member-lb__dialog {
    height: calc(100% - (20px * 2));
  }
}
.t-collabo-member-lb__content {
  width: 100%;
  min-height: 480px;
  padding: 40px 50px 25px;
  background-color: #fff;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  transform: skewY(-8deg);
  pointer-events: auto;
}
.t-collabo-member-lb__content-inner {
  display: flex;
  transform: skewY(8deg);
}
.t-collabo-member-lb__thumb {
  flex-shrink: 0;
  align-self: flex-start;
  width: 285px;
  background-color: #fff;
  border: 4px solid #4bead0;
  box-shadow: 20px 20px 0 #4bead0;
  margin: -50px 0 -40px;
  transform: skewY(-8deg);
  overflow: hidden;
}
.t-collabo-member-lb__thumb img {
  margin: -8% 0;
  transform: skewY(8deg);
}
.t-collabo-member-lb__content-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 40px;
  margin-left: 90px;
}
.t-collabo-member-lb__dept {
  margin-bottom: 20px;
  color: #4bead0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__name {
  margin-bottom: 25px;
  color: #4bead0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__name::before {
  content: attr(data-eng);
  display: block;
  margin-bottom: 15px;
  font-size: 32px;
  font-size: 3.2rem;
}
.t-collabo-member-lb__text {
  margin-bottom: 20px;
  color: #222;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__text .t-collabo-member-section__text {
  display: block;
}
.t-collabo-member-lb__sns-group {
  display: flex;
  flex-wrap: wrap;
  margin: auto -10px -5px;
}
.t-collabo-member-lb__sns-group-item {
  max-width: 50%;
  padding: 5px 10px;
}
.t-collabo-member-lb__sns-link {
  display: flex;
  align-items: center;
  width: 200px;
  max-width: 100%;
  padding: 0 20px;
  background-color: #4bead0;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__sns-link img {
  margin-right: 10px;
}
.t-collabo-member-lb__btn {
  width: 20px;
  height: 20px;
  padding: 0;
  background: none;
  border-top: 1px solid #4bead0;
  border-right: 1px solid #4bead0;
  border-bottom: none;
  border-left: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.t-collabo-member-lb__btn[name="prev"] {
  right: calc(100% + 60px);
  transform: rotate(45deg) skew(65deg, 65deg);
}
.t-collabo-member-lb__btn[name="next"] {
  left: calc(100% + 60px);
  transform: rotate(-135deg) skew(65deg, 65deg);
}
.t-collabo-member-lb__close {
  padding-bottom: 45px;
  background: none;
  border: none;
  position: absolute;
  top: calc(100% + 25px);
  right: 0;
  left: 0;
  margin: auto;
  color: #4bead0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-member-lb__close::before,
.t-collabo-member-lb__close::after {
  content: "";
  display: block;
  width: 63px;
  height: 1px;
  background-color: #4bead0;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
}
.t-collabo-member-lb__close::before {
  transform: skewY(8deg) rotate(24deg);
}
.t-collabo-member-lb__close::after {
  transform: skewY(8deg) rotate(-24deg);
}
@media screen and (max-width: 1023px) {
  .t-collabo-member-lb__content {
    min-height: inherit;
    padding: 40px 25px;
  }
  .t-collabo-member-lb__thumb {
    width: 190px;
    box-shadow: 10px 10px 0 #4bead0;
  }
  .t-collabo-member-lb__content-box {
    margin-left: 45px;
  }
  .t-collabo-member-lb__btn[name="next"] {
    left: calc(100% + 30px);
  }
  .t-collabo-member-lb__btn[name="prev"] {
    right: calc(100% + 30px);
  }
  .t-collabo-member-lb__sns-link {
    width: 175px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-member__container {
    padding: 55px 0;
  }
  .t-collabo-member__list {
    margin-top: 25px;
  }
  .t-collabo-member-section:not(:last-child) {
    margin-bottom: 45px;
  }
  .t-collabo-member-section__heading {
    margin-bottom: 25px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .t-collabo-member-section__group {
    margin: -10px -3px;
  }
  .t-collabo-member-section__group-item {
    width: 50%;
    padding: 10px 3px;
  }
  .t-collabo-member-section__thumb-profile {
    transform: scale(0.65);
    transform-origin: bottom left;
  }
  .t-collabo-member-section__name {
    margin-top: 15px;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-member-section__name::before {
    margin-bottom: 5px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  /* lb */
  .t-collabo-member-lb__content {
    padding: 35px 12.5px 25px;
    margin-top: 220px;
  }
  .t-collabo-member-lb__dialog {
    padding: 0 20px;
  }
  .t-collabo-member-lb__btn {
    width: 12px;
    height: 12px;
    bottom: calc(100% + 260px);
  }
  .t-collabo-member-lb__btn[name="next"] {
    left: auto;
    right: 6%;
  }
  .t-collabo-member-lb__btn[name="prev"] {
    right: auto;
    left: 6%;
  }
  .t-collabo-member-lb__close {
    padding-bottom: 25px;
    top: calc(100% + 10px);
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-member-lb__close::before,
  .t-collabo-member-lb__close::after {
    width: 45px;
    bottom: 10px;
  }
  .t-collabo-member-lb__thumb {
    width: 135px;
    position: absolute;
    bottom: calc(100% + 20px);
    right: 0;
    left: 0;
    margin: auto;
  }
  .t-collabo-member-lb__content-box {
    width: 100%;
    padding-bottom: 0;
    margin-left: 0;
  }
  .t-collabo-member-lb__dept {
    margin-bottom: 10px;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-member-lb__name {
    margin-bottom: 12px;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-member-lb__name::before {
    margin-bottom: 5px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .t-collabo-member-lb__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-member-lb__sns-group {
    justify-content: center;
    width: calc(100% + 5px);
    margin-right: -2.5px;
    margin-left: -2.5px;
    margin-bottom: -2.5px;
  }
  .t-collabo-member-lb__sns-group-item {
    padding: 2.5px;
  }
  .t-collabo-member-lb__sns-link {
    width: 125px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-member-lb__sns-link img {
    width: 35px;
    margin-right: 4px;
  }
}
/* INFORMATION
------------------------------------------------------------ */
.t-collabo-information__container {
  padding: 50px 0 100px;
}
.t-collabo-information__list {
  width: 940px;
  max-width: 100%;
  margin: 50px auto 0;
}
.t-collabo-information__list-group {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.t-collabo-information__list-group-item {
  display: flex;
  padding: 5px;
}
.t-collabo-information__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  background-color: #222a33;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.857;
  letter-spacing: 0.025em;
}
.t-collabo-information__thumb {
  width: 100%;
  max-height: 126px;
  margin-bottom: 15px;
}
.t-collabo-information__thumb img {
  width: 100%;
}
.t-collabo-information__title {
  margin-bottom: 35px;
  text-decoration: underline;
}
.t-collabo-information__except {
  margin-bottom: 20px;
}
.t-collabo-information__category {
  padding-left: 30px;
  position: relative;
  margin-top: auto;
  font-size: 12px;
  font-size: 1.2rem;
}
.t-collabo-information__category-icon {
  width: 25px;
  position: absolute;
  top: -3px;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .t-collabo-information__list-group-item {
    /*width: 33.333%;*/
  }
}
@media screen and (max-width: 767px) {
  .t-collabo-information__container {
    padding: 55px 0 50px;
  }
  .t-collabo-information__list {
    margin-right: -5px;
    margin-left: -5px;
  }
  .t-collabo-information__list-group-item {
    /*width: 50%;*/
  }
  .t-collabo-information__card {
    padding: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .t-collabo-information__category {
    padding-left: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  .t-collabo-information__category-icon {
    width: 17px;
    top: 1px;
  }
}
/* pagetop
------------------------------------------------------------ */
.t-collabo__pagetop {
  position: fixed;
  right: 40px;
  bottom: 40px;
  color: #4bead0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: right bottom;
}
.t-collabo__pagetop::after {
  content: "";
  display: block;
  width: 50px;
  height: 18px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 10px 10px;
  position: absolute;
  left: 100%;
  bottom: 0;
  transform: skewX(45deg);
  transform-origin: left top;
}
@media screen and (max-width: 767px) {
  .t-collabo__pagetop {
    display: none;
  }
}
/* rotate slides
------------------------------------------------------------ */
.t-collabo-rotate {
  position: relative;
}
.t-collabo-rotate__input {
  display: none;
}
.t-collabo-rotate-slides {
  max-width: 860px;
  margin: 0 auto;
}
.t-collabo-rotate-slides__group {
  padding-bottom: 55.814%;
  position: relative;
}
.t-collabo-rotate-slides__group-item {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}
#feature01InputLeft90:checked ~ .t-collabo-rotate-slides #feature01SlideLeft90,
#feature01InputLeft45:checked ~ .t-collabo-rotate-slides #feature01SlideLeft45,
#feature01InputFront:checked ~ .t-collabo-rotate-slides #feature01SlideFront,
#feature01InputRight45:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideRight45,
#feature01InputRight90:checked
  ~ .t-collabo-rotate-slides
  #feature01SlideRight90 {
  opacity: 1;
}
.t-collabo-rotate-slides-dis {
  padding-left: 40px;
  position: absolute;
  text-align: left;
}
.t-collabo-rotate-slides-dis dt {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
}
.t-collabo-rotate-slides-dis dt span {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-rotate-slides-dis dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -35px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-rotate-slides-dis dd {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  letter-spacing: 0.025em;
}
.t-collabo-rotate-slides-dis dd + dt {
  margin-top: 35px;
}
.t-collabo-rotate-slide01-dis {
  top: 50%;
  left: 68%;
  transform: translateY(-50%);
}
.t-collabo-rotate-slides__discription {
  width: 305px;
  padding-left: 40px;
  position: absolute;
  text-align: left;
}
.t-collabo-rotate-slides__slide01-discription {
  top: 50%;
  left: 68%;
  transform: translateY(-50%);
}
.t-collabo-rotate-slides__discription dt {
  color: #4bead0;
  font-size: 11px;
  font-size: 1.1rem;
}
.t-collabo-rotate-slides__discription dd + dt {
  margin-top: 35px;
}
.t-collabo-rotate-slides__discription dt span {
  content: attr(data-eng);
  display: block;
  position: relative;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.t-collabo-rotate-slides__discription dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #4bead0 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -40px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-rotate-slides__discription dd {
  margin-top: 10px;
  margin-bottom: 0;
}
.t-collabo-rotate-tabs {
  display: flex;
  justify-content: center;
  margin: 0 -45px;
}
.t-collabo-rotate-tabs__item {
  padding: 0 45px;
}
.t-collabo-rotate-tabs__label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  cursor: pointer;
  transition: 0.3s;
}
.t-collabo-rotate-tabs__label-left::before,
.t-collabo-rotate-tabs__label-right::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 20px;
  background-image: url("https://www.pc-koubou.jp/wp/wp-content/uploads/2024/05/arrow-525da3.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.t-collabo-rotate-tabs__label-left::before {
  margin-right: 20px;
  transform: rotate(180deg);
}
.t-collabo-rotate-tabs__label-right::after {
  margin-left: 20px;
}
#feature01InputLeft90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft90"],
#feature01InputLeft45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputLeft45"],
#feature01InputFront:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputFront"],
#feature01InputRight45:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight45"],
#feature01InputRight90:checked
  ~ .t-collabo-rotate-tabs
  .t-collabo-rotate-tabs__label[for="feature01InputRight90"] {
  color: #4bead0;
  text-shadow: 0 0 20px rgba(75, 234, 208, 0.8),
    0 0 20px rgba(75, 234, 208, 0.8);
}
@media screen and (max-width: 1023px) {
  .t-collabo-rotate-tabs {
    margin: 0 -15px;
  }
  .t-collabo-rotate-tabs__item {
    padding: 0 15px;
  }
  .p-gw-feature01__slides {
    position: relative;
  }
  .p-gw-feature01__slides-group {
    padding: 0;
    margin: 0 -20px;
  }
  #feature01InputLeft90:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideLeft90,
  #feature01InputLeft45:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideLeft45,
  #feature01InputFront:checked ~ .t-collabo-rotate-slides #feature01SlideFront,
  #feature01InputRight45:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideRight45,
  #feature01InputRight90:checked
    ~ .t-collabo-rotate-slides
    #feature01SlideRight90 {
    position: relative;
  }
  .p-gw-feature01__slides-image {
    padding-bottom: 25px;
  }
  .p-gw-feature01__slide-discription {
    width: auto;
    padding: 0 20px;
    margin-top: 50px;
    margin-bottom: 0;
    position: static;
    transform: translateY(0);
  }
  .p-gw-feature01__slide-discription dt span::before {
    display: none;
  }
  .p-gw-feature01__slide-discription dd {
    margin-top: 0;
  }
  .t-collabo-rotate-tabs {
    width: 100%;
    justify-content: space-between;
    padding-top: 665px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .t-collabo-rotate-tabs__item {
    padding: 0;
  }
  .t-collabo-rotate-tabs__label-left::before,
  .t-collabo-rotate-tabs__label-right::after {
    width: 6px;
    height: 10px;
  }
}
@media screen and (max-width: 640px) {
  .p-gw-feature01__slide-discription dt {
    font-size: 10px;
    font-size: 1rem;
  }
  .p-gw-feature01__slide-discription dt span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .t-collabo-rotate-tabs {
    padding-top: calc(100% + 40px + 15px);
  }
  .t-collabo-rotate-tabs__label {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
/* COLORS
------------------------------------------------------------ */
.t-collabo-colors__inner {
  display: flex;
  align-items: center;
  padding: 0 50px 40px;
  position: relative;
  margin-top: 40px;
  margin-bottom: -50px;
}
.t-collabo-colors__input {
  display: none;
}
.t-collabo-colors-contents {
  max-width: 345px;
  margin-right: auto;
}
.t-collabo-colors-contents > *:not(.t-collabo-colors-slides) {
  position: relative;
  z-index: 2;
}
.t-collabo-colors-slides {
  width: 1158px;
  position: absolute;
  right: 365px;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.t-collabo-colors-slides__group {
  width: 100%;
  padding-bottom: 51.468%;
  position: relative;
  margin: 0;
}
.t-collabo-colors-slides__group-item {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.3s;
}
.t-collabo-colors-slides__group-item:not(#colorsSlideBlack) {
  opacity: 0;
}
.t-collabo-colors-tabs {
  margin-top: 25px;
}
.t-collabo-colors-tabs__group {
  margin-bottom: 0;
}
.t-collabo-colors-tabs__group-item:not(:first-child) {
  margin-top: 10px;
}
.t-collabo-colors-tabs__label {
  padding-left: 35px;
  position: relative;
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: 0.3s;
}
.t-collabo-colors-tabs__label::before,
.t-collabo-colors-tabs__label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}
.t-collabo-colors-tabs__label::before {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  top: calc((1em - 20px) / 2 + 0.125em);
  left: 0;
}
.t-collabo-colors-tabs__label::after {
  width: 14px;
  height: 14px;
  background-color: #fff;
  top: calc((1em - 14px) / 2 + 0.125em);
  left: 3px;
  opacity: 0;
}
#colorsInputBlack:checked
  ~ .t-collabo-colors-contents
  .t-collabo-colors-tabs__label[for="colorsInputBlack"]::after {
  opacity: 1;
}
.t-collabo-colors-setting {
  max-width: 315px;
  position: relative;
  z-index: 2;
}
.t-collabo-colors-setting__image {
  margin-bottom: 15px;
}
.t-collabo-colors-setting-dis__text dt {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.025em;
}
.t-collabo-colors-setting-dis__text dt span {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}
.t-collabo-colors-setting-dis__text dt span::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
  background-size: 6px 6px;
  position: absolute;
  top: 50%;
  left: -35px;
  transform: skewX(50deg) translateY(-50%);
}
.t-collabo-colors-setting-dis__note {
  margin-top: 25px;
  margin-right: -50px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.039em;
}
@media screen and (max-width: 1200px) {
  .t-collabo-colors__inner {
    padding-right: 0;
    padding-left: 0;
  }
  .t-collabo-colors-slides {
    right: 315px;
  }
  .t-collabo-colors-setting-dis__note {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .t-collabo-colors__inner {
    flex-direction: column;
    align-items: stretch;
  }
  .t-collabo-colors-contents,
  .t-collabo-colors-setting {
    max-width: inherit;
  }
  .t-collabo-colors-slides {
    width: auto;
    position: relative;
    right: 0;
    margin: 0 -20px;
  }
  .t-collabo-colors-tabs {
    margin-top: 10px;
  }
  .t-collabo-colors-tabs__group-item:not(:first-child) {
    margin-top: 5px;
  }
  .t-collabo-colors-tabs__label {
    padding-left: 25px;
  }
  .t-collabo-colors-tabs__label::before {
    width: 15px;
    height: 15px;
    top: calc((1em - 15px) / 2 + 0.125em);
  }
  .t-collabo-colors-tabs__label::after {
    width: 11px;
    height: 11px;
    top: calc((1em - 11px) / 2 + 0.125em);
    left: 2px;
  }
  .t-collabo-colors-setting {
    margin-top: 10px;
  }
  .t-collabo-colors-setting__image {
    text-align: center;
  }
  .t-collabo-colors-setting-dis__text dt span::before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #footer {
    margin-top: 0;
  }
}
.SJ-items__none--title {
  color: #000000 !important;
}

.theme-theta .p-theta-campaign-list__group-item {
  display: flex;
  padding: 40px 20px;
  border-bottom: 1px solid #ccc;
}

/* photo gallery
------------------------------------------------------------ */
#gallery {
  padding-top: 60px;
  background-color: #222;
  overflow: hidden;
  background: linear-gradient(90deg, #4158d026, #c850c021 30%, #ffcc7017),#ffffff;
}
/* note */
.rgb-gallery__note {
  margin-top: 25px;
  text-align: center;
  color: #D62B2B;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
}
/* gallery */
.rgb-gallery__group {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -15px 0;
}
.rgb-gallery__item {
  width: calc(25% + 2px);
  margin: -1px;
}
.rgb-gallery__item a {
  display: block;
}
.rgb-gallery__item a img {
  width: 100%;
}
@media all and (max-width: 767px) {
  #gallery {
    padding-top: 30px;
  }
  .rgb-gallery__item {
    width: calc(50% + 2px);
  }
  .rgb-gallery__note {
    margin-top: 20px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .rgb-gallery__group {
    margin-top: 20px;
  }
}
/* line up
------------------------------------------------------------ */

/* heading */
.rgb__heading {
  text-align: center;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.17;
  letter-spacing: .05em;
  color: #fff;
  background: -webkit-linear-gradient(0deg, #4158D0, #C850C0 30%, #FFCC70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.rgb__heading span {
  display: block;
  margin-top: .25em;
  font-size: 60px;
  font-size: 6.0rem;
  color: #fff;  
}
@media all and (max-width: 767px) {
  .rgb__heading {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .rgb__heading span {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
/* sub heading */
.rgb__sub-heading {
  margin-top: 15px;
  text-align: center !important;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .025em;
  color: #fff;
  background: -webkit-linear-gradient(0deg, #4158D0, #C850C0 30%, #FFCC70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media all and (max-width: 767px) {
  .rgb__sub-heading {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.p-theta-feature05__images {
  display: flex;
  margin: 10px -5px 0;
}

.p-theta-feature05__images-item {
  padding: 0 5px;
  text-align: center;
}

.p-theta-feature05__images-image {
  /*border: 1px solid #CEFF00;*/
}









.TOP {
  background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2023/12/BK.jpg);
  min-height: calc(86vh);
}

img.KV {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-top: 65px;
}


p.KVtext {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.888;
  letter-spacing: 0.025em;
}


.kv_top_btn {
  display: flex;
  justify-content: center;
  /*margin-top: 20px;*/
  margin-bottom: 20px;
}
a.btn-level {
  margin: 20px;
  display: block;
  color: #fff !important;
  background: #111111;
  text-decoration: none;
  font-size: 16px;
  text-align: left;
  text-decoration: none !important;
  padding: 10px 40px 10px 250px !important;
  width: 524px;
  height: 72px;
  position: relative;
  line-height: 150%;
}
a.btn-level:before {
  content: "";
  display: inline-block;
  width: 246px;
  height: 110px;
  margin: -3px 5px 0 0;
  background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2023/12/level_logo.png) no-repeat;
  position: absolute;
  margin-bottom: 9px;
  top: -10px;
  left: -20px;
  background-size: contain;
}
a.btn-level:hover {
  background: #262626;
}

a.btn-level:after,a.btn-collaboration:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 20px;
  background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2023/12/theta_arrow_wh.png) no-repeat;
  position: absolute;
  top: 25px;
  right: 10px;
  background-size: contain;
  font-size: 12px;
}

@media screen and (max-width: 768px){
  a.btn-level{
    padding: 0.5em 2em;
    margin: 10px;
    font-size:20px;
    display:inline-block;
  }
  a.btn-level:before {
    margin: -3px 10px 0 0;
  }
}

a.btn-collaboration{
  margin: 20px;
  display: block;
  color: #fff !important;
  background: #111111;
  text-decoration: none;
  font-size: 16px;
  text-align: left;
  text-decoration: none !important;
  padding: 10px 40px 10px 250px !important;
  width: 524px;
  height: 72px;
  position: relative;
  line-height: 150%;
}
a.btn-collaboration:before {
  content: "";
  display: inline-block;
  width: 246px;
  height: 110px;
  margin: -3px 5px 0 0;
  background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2023/12/level_logo2.png) no-repeat;
  position: absolute;
  margin-bottom: 9px;
  top: -15px;
  left: -20px;
  background-size: contain;
}
a.btn-collaboration:hover {
  background: #262626;
}



@media screen and (max-width: 768px){
  a.btn-collaboration{
    padding: 0.5em 2em;
    margin: 10px;
    font-size:20px;
    display:inline-block;
  }
  a.btn-collaboration:before {
    margin: -3px 10px 0 0;
  }
  .kv_top_btn {
  display: block;
  padding: 20px;
  margin-bottom: 20px;
}


a.btn-level {
  font-size: 12px;
  padding: 5px 25px 10px 180px !important;
  width: 100%;
  height: 63px;
}
a.btn-level:before {
  margin: -3px 5px 0 0;
  margin-bottom: 9px;
  top: -2px;
  left: -25px;
  width: 180px;
  height: 80px;
}

a.btn-collaboration{
  margin-top: 20px;
  font-size: 12px ;
  padding: 5px 25px 10px 180px !important;
  width: 100%;
  height: 63px;
}
a.btn-collaboration:before {
  margin: -3px 5px 0 0;
  margin-bottom: 9px;
  top: -2px;
  left: -25px;
  width: 180px;
  height: 80px;
}

a.btn-level:after,a.btn-collaboration:after {
  top: 22px;
}


}

a.t-collabo-campaign__text_link{
  color: #187fcc;
}


.SJ-items__item.matrix {
  float: none!important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.SJ-items__item.matrix .item-score {
	width: 100%!important;
}
.SJ-items__item.matrix .item-score .score-cpu,.SJ-items__item.matrix .item-score .score-gpu{
	width: 100%!important;
	margin-bottom: 1px!important;
}
.SJ-items__item.matrix .item-price{
	background-color: transparent!important;
	margin-top: 10px;
}
.SJ-items__item.matrix .item-price__cell{
	padding: 0px!important;
	display: block!important;
}
.SJ-items__item.matrix .item-price dl{
	float: none!important;
  margin-left: 0px !important;
}

th.matrix_th {
  position: sticky;
  left: 0;
  z-index: 5;
  line-height: 2rem; 
}

#spec p.item-copy {
  font-size: 10px!important;
  text-decoration: none!important;
  text-align: center;
}

thead {
  background: #ffffff;
}

@media screen and (max-width: 768px){
.t-collabo-spec__table th {
}

.SJ-items__item.matrix {
  margin-left: 0px !important;
}

#spec p.item-copy {
  font-size: 9px !important;
}
}

/*隴ｯ */
h2.p-theta-concept-contents__heading_sakura {
    text-align: center;
    font-size: 60px;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.05em;
    /* text-shadow: 0 0 20px rgba(234, 85, 4, 0.8); */
    /* color: #525da3; */
    display: inline-block;
    background: -webkit-linear-gradient(0deg, #ff98d9, #ff64c4 30%, #ff98da);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px){
  h2.p-theta-concept-contents__heading_sakura {
  font-size: 25px;
  letter-spacing: 0.025em;
}}
/*隴ｯ */

/* spec
------------------------------------------------------------ */
.t-collabo-spec__table-inner {
    /*width: 940px;*/
    /*padding-top: 50px;*/
    position: relative;
    margin: 0 auto;
  }
  .t-collabo-spec__table-arrow-width,
  .t-collabo-spec__table-arrow-up {
    position: absolute;
  }
  .t-collabo-spec__table-arrow-width {
    top: 0;
    right: 0;
  }
  .t-collabo-spec__table-arrow-up {
    width: 33px;
    bottom: 0;
    right: calc(100% + 30px);
  }
  
  .t-collabo-spec__table {
    width: 100%;
    border-top: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    color: #222222;
    font-size: 24px;
    font-size: 1.6rem;
    font-weight: 500;
  }
  
  .t-collabo-spec__table span{
    font-size: 24px;
    color: #ff0000;
  }
  
  .t-collabo-spec__table td a:hover {
  }
  
  .t-collabo-spec__table th,
  .t-collabo-spec__table td {
    height: 80px;
    padding: 10px 5px;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    text-align: center;
    vertical-align: middle;
  }
  .t-collabo-spec__table th {
    background-color: #ffffff;
    line-height: 1.3;
    color: #222;
  }
  .t-collabo-spec__table thead th:first-child {
    width: 120px;
    background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/01/theta_shasen.png);
    background-size: 100% 100%;
    background-color: #ffffff;
  }

  .t-collabo-spec__table td {
    width: 150px;
    /*padding-right: 0;
    padding-left: 0;*/
    padding: 0;
    font-size: 13px;
    font-size: 1.3rem;
    position: relative;
    color: #565960;
  }
  .t-collabo-spec__table td a {
    /*width: 45%;
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    margin-bottom: 6px;
    min-width: 47%;*/
  }
  
  a.matrix_td_black{
    width: 48%;
    border: 1px #797979 solid;
    border-radius: 8px;
    margin-bottom: 6px;
    min-width: 30%;
    padding: 10px 6px 10px 6px;
    box-shadow: 1px 1px 2px 0px rgb(63 63 63 / 40%);
    background: linear-gradient(45deg, #616161, #181818);
    color: #ffffff;
  }
  
  a.matrix_td_black:hover {
    background: linear-gradient(45deg, #696969, #5b5b5b);
  }
  
  a.matrix_td_white{
    width: 48%;
    border: 1px #9595958a solid;
    border-radius: 8px;
    margin-bottom: 6px;
    min-width: 30%;
    padding: 10px 6px 10px 6px;
    box-shadow: 0px 1px 2px 0px rgb(205 205 205);
    background: linear-gradient(45deg, transparent, #e9e9e9);
  }
  
  a.matrix_td_white:hover {
    background: linear-gradient(45deg, transparent, #ffffff);
    color: #6d6d6d;
  }

  a.matrix_td_sakura{
    width: 32%;
    border: 1px #9595958a solid;
    border-radius: 8px;
    margin-bottom: 6px;
    min-width: 30%;
    padding: 10px 6px 10px 6px;
    box-shadow: 0px 1px 2px 0px rgb(205 205 205);
    background: linear-gradient(45deg, transparent, #e9e9e9);
  }
  
  a.matrix_td_sakura:hover {
    background: linear-gradient(45deg, transparent, #ffffff);
    color: #6d6d6d;
  
  }
  
  .t-matrix__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1700px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
  }

/*  
      a.matrix_td_black:before {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      position: absolute;
      right: 83%;
      bottom: 14px;
      z-index: 1;
      transition: all .5s ease;
      background-color: #ff3c3c;
      border: 1px solid #ff2626;
      box-shadow: 0px 0px 9px 0px rgb(255 0 0);
      border-radius: 10px;
  }
*/
  
  a.matrix_td_black:hover:before {
  }
  
/*
      a.matrix_td_white:before  {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      position: absolute;
      right: 83%;
      bottom: 14px;
      z-index: 1;
      transition: all .5s ease;
      background-color: #0008ff;
      border: 1px solid #005aff;
      box-shadow: 0px 0px 4px 0px #0008ff;
      border-radius: 10px;
  }
*/

  a.matrix_td_sakura:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 83%;
    bottom: 14px;
    z-index: 1;
    transition: all .5s ease;
    background-color: #ff00d7c7;
    border: 1px solid #e869ffc7;
    box-shadow: 0px 0px 9px 0px rgb(244 78 255);
    border-radius: 10px;
}
  
  a.matrix_td_white:hover:before  {
  }
  
  
  .t-collabo-spec__table td a::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 23px;
    background-image: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/02/arrow_gray.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 6px;
    bottom: 6px;
    z-index: 2;
  }
  
  #spec p.item-copy-bk{
    font-size: 10px!important;
    text-decoration: none!important;
    text-align: center;
    font-weight: 600 !important;
    line-height: 1.6 !important;
  }
  
  #spec p.item-copy-bk:hover{
  }
  
  
  
  #spec p.item-copy-wh{
    font-size: 10px!important;
    text-decoration: none!important;
    text-align: center;
    font-weight: 600 !important;
    line-height: 1.6 !important;
  }
  
  #spec p.item-copy-wh:hover{
  }

  #spec p.item-copy-sk{
    font-size: 10px!important;
    text-decoration: none!important;
    text-align: center;
    font-weight: 600 !important;
    line-height: 1.6 !important;
  }
  
  #spec p.item-copy-sk:hover{
  }
  
  
  
  
  /*.t-collabo-spec__table td a::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 28px;
    background-color: #d5d5d5;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
  
  
  a.matrix_td_black:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #272727;
    position: absolute;
    right: 139px;
    bottom: 8px;
    z-index: 1;
    border: 1px solid #cbcbcb;
  }}*/
  
  /*.t-collabo-spec__table td:empty {
    background: rgb(0,0,0);
  }*/
  @media screen and (max-width: 1280px) {
    .t-collabo-spec__table-responsive {
      overflow-x: scroll;
    }
    .t-collabo-spec__table-responsive::-webkit-scrollbar {
      height: 16px;
    }
    .t-collabo-spec__table-responsive::-webkit-scrollbar-track {
      background-color: #4d4d4d;
      border-radius: 8px;
    }
    .t-collabo-spec__table-responsive::-webkit-scrollbar-thumb {
      background-color: #c4c4c4;
      border-radius: 8px;
    }
    .t-collabo-spec__table-inner {
      box-sizing: content-box;
      /*padding-right: 20px;*/
      /*padding-left: 0px;*/
      /*margin-top: 10px;*/
      margin-bottom: 20px;
    }
    .t-collabo-spec__table-arrow-width {
      right: 20px;
      width: 75%;
    }
    .t-collabo-spec__table-arrow-up {
      right: auto;
      left: 0px;
    }
    #spec span.price--num {
      font-size: 15px !important;
    }
  }
  @media screen and (max-width: 1280px) {
    .t-collabo-spec__table-inner {
      width: 1100px;
      /*padding-top: 80px;*/
      padding-left: 0px;
    }
    .t-collabo-spec__table-arrow-width {
      /*width: 535px;*/
    }
    .t-collabo-spec__table-arrow-up {
      /*width: 21px;*/
    }
    .t-collabo-spec__table {
      font-size: 16px;
      font-size: 1.3rem;
    }
    .t-collabo-spec__table th,
    .t-collabo-spec__table td {
      height: 55px;
      width: 60px;
    }
    .t-collabo-spec__table thead th:first-child { 
      max-width: 60px !important;
      width: 60px;
    }
    .t-collabo-spec__table td {
      width: 110px;
      font-size: 10px;
      font-size: 1rem;
    }    }
  
a.btn-theta {
  margin: 20px;
  display: block;
  color: #000000 !important;
  background: #111111;
  text-decoration: none;
  font-size: 17px;
  text-align: left;
  text-decoration: none !important;
  padding: 21px 30px 10px 400px !important;
  width: 900px;
  height: 72px;
  position: relative;
  line-height: 150%;
  font-weight: 600;
  background: linear-gradient(0deg, #ededed 17%, #ffffff 39%, #ffffff 100%);
  box-shadow: 0px 2px 6px 0px #999999;
}

a.btn-theta:before {
  content: "";
  display: inline-block;
  width: 400px;
  height: 110px;
  margin: -3px 5px 0 0;
  background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/04/theta_pl_logo.png) no-repeat;
  position: absolute;
  margin-bottom: 9px;
  top: -10px;
  left: -20px;
  background-size: contain;
}
a.btn-theta:hover {
  background: #ffffff;
}

a.btn-theta:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 20px;
  background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/04/theta_arrow_bk.png) no-repeat;
  position: absolute;
  top: 25px;
  right: 10px;
  background-size: contain;
  font-size: 12px;
}

.kv_top_btn_theta {
  display: flex;
  justify-content: center;
  /*margin-top: 70px;*/
}

.kv_top_btn_theta span {
  font-size: 25px;
    font-weight: bold;
    /* color: #0dff00; 
    background: -webkit-linear-gradient(69deg, #c17e16, #ffcf74 30%, #a77419);
    background: -webkit-linear-gradient(69deg, #ffa71e, #fffdf9 30%, #ffc969);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic; */
    padding: 0px 3px 0px;
}

@media screen and (max-width: 768px){
a.btn-theta {
    margin: 0px;
    font-size: 13px;
    padding: 10px !important;
    width: 100%;
    height: 140px;
    text-align: center;
    background: linear-gradient(0deg, #ededed 17%, #ffffff 39%, #ffffff 100%);
    background-size: 100%;
}

a.btn-theta:hover {
  background: #ffffff;
}

a.btn-theta:before 
{
  top: 40%;
  left: 4%;
  width: 85%;
  height: 100px;
  text-align: center;
  /*background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/04/theta_clear_logo_sp.png) no-repeat;
  background-size: contain;*/
}

.kv_top_btn_theta{
    padding: 10px 10px 0px 10px;
    /*margin-top: 40px;*/
}

.kv_top_btn_theta span {
    font-size: 17px;
    font-weight: bold;
    padding: 0px 3px 0px;
}

a.btn-theta:after {
  top: 58px;
  right: 10px;
}
}

/*蜍滄寔繝懊ち繝ｳ隱ｿ謨ｴ*/
li.catnav-links-item.recruite{
	display:none;
}