@charset "UTF-8";
/* 変数 */
/* 関数 */
/*
css
　 ├ style.css--------：WEB 1,400px以上
　 ├ pc.css-----------：WEB 1,399px以下、1,025以上
　 ├ tablet.css-------：WEB 1,024以下、767px以上
　 └ smart.css--------：WEB 768px以下
*/
/* css記載順序
01. 固定ページのh1,h2見出し

02. toppage

03. form
04. 下層ページ
end css記載順序
*/
@media screen and (max-width: 767px) {
  /*************************** 01. 固定ページのh1,h2見出し *******************/
  /*************************** 02. toppage ***********************/
  .p-top-mv {
    min-height: 20rem;
  }
	.p-top-brand.l-mt-100{
		margin-top:3.6rem;
	}
  /* brand */
  .p-top-brand__inner {
    max-width: 100%;
  }
  .p-top-brand__title {
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }
  .p-top-brand__text {
    text-align: left;
  }
  /* news */
  .p-top-news__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
    margin-top: 2.4rem;
  }
  /* support team */
  .p-top-support__slide {
    width: 25.7rem;
  }
  .p-top-support__slider-prev {
    left: 11%;
    width: 3.2rem;
    height: 3.2rem;
  }
  .p-top-support__slider-next {
    right: 11%;
    width: 3.2rem;
    height: 3.2rem;
  }
  .p-top-support__slide img {
    aspect-ratio: 257/171;
  }
  /* order */
  .p-top-order__swiper {
    margin-right: 0;
  }
  .p-top-order__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .p-top-order__slide {
    width: 100%;
  }
  .p-top-order__slide img {
    aspect-ratio: 378/252;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /* item */
  .p-top-item__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  /*************************** 03. form  ***********************/
  .p-form__btn input {
    padding-block: 2rem;
    font-size: 2.4rem;
  }
  .p-form__input{
    font-size: 16px;
  }
  /*************************** 04. 下層ページ  ***********************/
  .p-project__inner {
    padding-inline: 0;
  }
  .p-project__swiper {
    margin-right: 0;
  }
  .p-project__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .p-project__slide {
    width: 100%;
  }
  .p-project__slider-btns {
    display: none;
  }
  .p-archive-support-team__cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
  .p-archive-support-player__inner {
    padding-inline: 0;
  }
  .p-archive-support-player__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 1rem;
  }
  .p-postList.-type-card, .p-postList.-type-thumb {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .c-item-title {
    font-size: 2rem;
    padding: 0.8rem;
    text-align: left;
  }
  .p-item-rank__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 1.6rem;
  }
  .p-item-rank__card-title {
    font-size: 1.6rem;
  }
  .p-item-rank__card-title-no {
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    bottom: -200%;
  }
  .p-item-new__cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
    margin-top: 2.4rem;
  }
  .p-item-new__card-text {
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }
  .p-item-new__card-price {
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }
  .p-item-all {
    margin-bottom: 5.6rem;
  }
  .p-item-all__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 1.6rem;
  }
  .p-archive-works {
    margin-bottom: 5rem;
  }
  .p-archive-works__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.5rem;
    margin-top: 4rem;
  }
  .p-page-title__heading {
    font-size: 2.4rem;
  }
  .order-fv-copy span{
    font-size: 24px!important; 
  }
  .fv-copy02 span{
    font-size: 18px!important;
  }
  .order-fv-inner .swell-block-columns__inner{
    row-gap:0!important;
  }
  .post_content h1.order-h1{
    font-size: 18px;
  }
  .post_content h2.h2-style01{
    font-size: 20px;
    margin-bottom: 20px;
  }
  ul.order-check-list li{
    font-size: 16px;
    padding-left: 24px;
  }
  .teamorder-point-item-inner{
    padding: 1rem;
  }
  .teamorder-point-item-inner p span{
    font-size: 16px!important;
  }
  .teamorder-point.swell-block-columns .swell-block-column{
    padding: 0!important;
  }
  .order-works-achievement .wp-block-image img{
    max-width: 270px;
  }
  .swell-block-faq .faq_q{
    padding-right: 30px;
    padding-left: 3em;
  }
  .swell-block-faq__item .faq_q:after{
    right:8px;
  }
  .wpcf7-list-item{
    margin-left: 0.2em;
  }
  .wpcf7-list-item-label{
    margin:5px 4px!important;
  }
}