/*!
Theme Name: Shonai-Tire
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: temp_base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

temp_base is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

/* トップページ-1300px以下
--------------------------------------------- */
@media print, screen and (max-width:1300px) {
  /* header
--------------------------------------------- */
  
/* トップページ-999px以下
--------------------------------------------- */
@media print, screen and (max-width:999px) {
  /* Elements
--------------------------------------------- */
  .sp_hide {
    display: none !important;
  }
  .sp_show {
    display: block !important;
  }
	
  /* Layout
--------------------------------------------- */
  
  /* header
--------------------------------------------- */
  .header {
    padding: 0 0 0 8px;
    align-items: center;
  }
  .header_inner {
    align-items: center;
    justify-content: center;
  }
  .link_icon {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: clamp(2.4rem, 5vw, 4rem);
    column-gap: 40px;
    margin-right: 40px;
  }
  .link_icon li a {
    display: flex;
    align-items: center;
  }
  .link_icon li a img {
    width: 40px;
    height: auto;
  }
  .header .reserve_btn {
    position: absolute;
    bottom: -50px;
    right: 50%;
    transform: translateX(50%);
    flex-direction: row-reverse;
    margin-right: 0;
    margin-bottom: 0;
	  z-index: 999;
  }
	
  .header .reserve_btn a {
    line-height: 2;
    font-size: 1.6rem;
    border-radius: 0;
  }
  .header .reserve_btn li {
    width: 240px;
    height: 50px;
  }
  .header .reserve_btn li a {
    justify-content: center
  }
  .header .reserve_btn li:first-child {
    margin-bottom: 0;
    margin-left: 24px;
  }
  .ham_btn {
    background: var(--green);
	  margin-right: 0;
  }
  /* ハンバーガーメニュー1020以下
--------------------------------------------- */
  #overlay .ham_menu {
    column-gap: 24px;
  }
  #overlay .ham_menu li {
    font-size: 1.8rem;
  }
  #overlay .ham_menu li .sub-menu li {
    font-size: 1.4rem;
  }
  #overlay .contact_btn a, #overlay .reserve_btn a {
    font-size: 1.6rem;
    padding: 8px 16px;
  }
  #overlay .contact_btn {
    column-gap: 24px;
    margin-bottom: 24px;
  }
  #overlay .reserve_btn {
    position: static;
    transform: translateX(0);
  }
  #overlay .reserve_btn li {
    width: 200px;
  }
  /* #section
--------------------------------------------- */
  
  /* TOP-ネット販売 */
	
  .section_ec .shop_ec-flex > div {
    grid-template-columns: repeat(2, 1fr);
  }
  /* TOP-ニュース */
  .section_news {
    flex-direction: column;
  }
  .section_news .custom-post-list li:first-child {
    border-top: none;
  }
  .section_news .custom-post-list li:last-child {
    border-bottom: none;
  }
  .section_news .bg_light-gray {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  /* TOP-サービス */
  .section_shop .shop_link {
  flex-basis: calc((100% - 24px) / 2);
}
  /* TOP-貿易 */
  .article_trade {
    margin-bottom: 80px;
  }
	.trade_btn-area{
		gap: 1em;
	}
	.trade_btn-item{
		width: 50%;
	}
	
	.section_ec .contents_left{
		padding-top: var(--margin-l);
	}
  /* TOP-採用情報 */
 
  /* TOP-お問い合わせ */
  	.section_contact.section_inner{
		padding-right: 0;
		padding-left: 0;
	}
  
  .section_contact .contact_box {
    gap: 32px;
  }
  .section_contact .contact_mail > a, .section_contact .contact_tel > a {
    width: 90%;
  }
  .section_adress {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #site_footer .top_scroll_btn {
    bottom: 80px;
  }
  #site_footer .top_scroll_btn a {
    width: 60px;
    height: 60px;
    gap: 0;
  }
  #site_footer .top_scroll_btn a i {
    font-size: 3.2rem;
  }
  #site_footer .top_scroll_btn p {
    display: none;
  }
	/* お問い合わせページ */
	#wpcf7cpcnf button.wpcf7cp-cfm-edit-btn,
	#wpcf7cpcnf button.wpcf7-submit{
		font-size: 1.8rem;
		padding: 16px 24px;
		width: 250px;
	}
  /*------999px以下ここまで-------*/
}
/* 768px以下
--------------------------------------------- */
@media print, screen and (max-width:768px) {
  /* Layout
--------------------------------------------- */
  /* Elements
--------------------------------------------- */
  
  .banner_large img {
   width: 100%;
  }
  /*------ ボタンSP -------*/
  .link_btn > div {
    max-width: 400px;
    width: 100%;
  }
  /*------ section-titleSP -------*/
  .section_title-SP {
    display: block;
        margin-bottom: 32px;
    text-align: center;
  }
  /*------ コンテンツ右寄せ -------*/
  .contents_right {
    margin-top: 0;
  }
  .contents_right > div {
    flex-direction: column;
    margin-bottom: 64px;
    height: auto;
  }
  .contents_right .contents_right-img {
    position: static;
    width: 100%;
  }
  .contents_right-img img {
    max-height: 150px;
    aspect-ratio: 3/1;
  }
  .contents_right .contents_right-text {
    width: 100%;
	  min-width: 100%;
  }
  /*------ コンテンツ左寄せ -------*/
  .contents_left {
    margin-top: 0;
  }
  .contents_left > div {
    flex-direction: column;
    margin-bottom: 0;
    height: auto;
  }
  .contents_left .contents_left-img {
    position: static;
    width: 100%;
  }
  .contents_left-img img {
    max-height: 150px;
    aspect-ratio: 3/1;
  }
  .contents_left .contents_left-text {
    width: 100%;
	  min-width: 100%;
  }
  /* Section
--------------------------------------------- */
  /* TOP-ヘッダーSP */
  .custom-logo-link {
    min-width: auto;
  }
  .link_icon {
    column-gap: 24px;
    margin-right: 24px;
  }
  .link_icon li a img {
    width: 32px;
    min-width: 32px;
  }
  .ham_btn {
    min-width: 60px;
    width: 60px;
    height: 60px;
    margin: 0;
  }
  .ham_btn span {
    display: block;
    height: 2px;
    width: 30px;
    margin-bottom: 8px;
  }
  .header .reserve_btn {
    bottom: -40px;
	  z-index: 2000;
  }
  .header .reserve_btn li {
    width: 50vw;
    height: 40px;
  }
  .header .reserve_btn a {
    font-size: 1.4rem;
  }
  .header .reserve_btn li:first-child {
    margin-bottom: 0;
    margin-left: 8px;
  }
  /* ハンバーガーメニューSP */
 
  .header .reserve_btn li:first-child {
    margin-left: 8px;
  }
  #overlay {
    display: block;
    top: 60px;
    padding: 100px 0 32px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
	#overlay .navigation{
		padding-left: 24px;
	}
  #overlay .custom-logo-link {
    display: none;
  }
  .ham_btn.is_open span {
    background: #fff;
  }
  .ham_btn.is_open span:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
  }
  .ham_btn.is_open span:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
  }
  #overlay nav {
    justify-content: flex-start;
  }
  #overlay nav .ham_menu {
    justify-content: flex-start;
    flex-direction: column;
    column-gap: 0;
    grid-row-gap: 24px;
    color: #fff;
  }
  #overlay .contact_btn, #overlay .reserve_btn {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
	  #overlay .contact_btn {
    margin-bottom: 24px;
  }
  
  #overlay .contact_btn li, #overlay .reserve_btn li {
    width: 240px;
    height: 50px;
  }
  #overlay .contact_btn a, #overlay .reserve_btn a {
    border-radius: 9999px;
    text-align: center;
    line-height: 2;
    height: auto;
  }
  #overlay .reserve_btn li:first-child {
    margin-left: 0;
  }
  /* TOP-ファーストビューSP */
  
  .main_visual-video .popup_btn {
    width: 60px;
    height: 60px;
  }
  .main_visual-video .popup_btn i.fa-youtube {
    margin-right: 0;
  }
  .main_visual-video .popup_btn span {
    display: none;
  }
  .main_visual-video .mv_text p {
    font-size: 1.8rem;
  }
  /* TOP-aboutSP */
  
	.top_about-inner > div{
		flex-direction: column;
	}
	.section_top-about .writing_vertical{
		writing-mode: unset;
  text-align: right;
		margin-bottom: var(--margin-s);
	}
  /* 貿易バナー */
  .banner_large.trade div p {
    font-size: clamp(2.4rem, 5vw, 4rem);
  }
  /* TOP-ニュースSP */
  
  .section_news .section_news-img {
    display: none;
  }
  .section_news .bg_light-gray {
    flex-direction: column;
  }
  .section_news .custom-post-list {
    width: 90%;
  }
  .section_news .custom-post-list li a {
    padding: 40px 0;
  }
  .section_news .custom-post-list li:first-child {
    border-top: 1px solid var(--black);
  }
  .section_news .custom-post-list li:last-child {
    border-bottom: 1px solid var(--black);
  }
    .section_news .custom-post-list.post-list_SP {
    display: block; /* SPリストを表示 (3件) */
  }
  /* TOP-店舗SP */
	
	.section_shop .shop_link-flex{
		margin-bottom: var(--margin-l);
	}
 
 .section_shop .shop_link {
  flex-basis: 100%;
}
  .section_shop .shop_service-flex > div {
    grid-template-columns: repeat(1, 1fr);
    gap: var(--margin-s);
  }
	.shop_service-link .shop_service-img{
		margin-bottom: 0;
	}
  .shop_service-link .shop_service-text {
    text-align: left
  }
  .shop_service-link .shop_service-text > div {
    padding: 0;
  }
  .shop_service-link .shop_service-text h3 {
    font-size: 2.4rem;
    font-weight: 500;
  }
  /* TOP-インターネット販売SP */
	.section_ec .shop_ec-flex .shop_ec-link{
		flex-basis: 100%;
	}
  .section_ec .contents_left {
    margin-bottom: var(--margin-s);
  }
  .section_ec .shop_ec-flex {
    margin-bottom: 64px;
  }
  .section_ec .shop_ec-flex > div {
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
  }
	.section_ec .shop_ec-link figure{
		margin-bottom: 0;
	}
	.section_ec .shop_ec-link figure img{
		aspect-ratio: auto;
	}
  /* TOP-貿易SP */
  .article_trade {
    padding-top: var(--margin-l);
    
  }
  .article_trade .contents_right {
    margin-bottom: 64px;
  }
	.trade_flex > div{
		flex-wrap: wrap;
	}
	.trade_flex .trade_flex-item{
		flex-basis: 100%;
	}
	.trade_flex .trade_flex-item figure{
		margin-bottom: 0;
	}
  /* TOP-採用情報SP */
  .section_ricruit {
    padding-top: 0;
   
  }
  .section_ricruit .recruit_title {
         
    background: #fff;
  }
	.recruit_flex > div{
		flex-wrap: wrap;
	}
	.recruit_flex-item{
		flex-basis: 100%;
	}
	.recruit_flex-item figure{
		margin-bottom: 0;
	}
  /* TOP-お問い合わせSP */
       
  .section_contact .contact_box {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .section_contact .contact_box .contact_mail {
    margin-bottom: var(--margin-m);
  }
  .section_contact .contact_box .contact_mail, .section_contact .contact_box .contact_tel {
    width: 100%;
  }
  .section_contact .contact_box .contact_mail img, .section_contact .contact_box .contact_tel img {
    width: 100%;
  }
  /* アドレスSP */
	.section_adress{
		padding-top: 0;
		padding: 0;
	}
  .adress_bg-img img {
    display: none;
  }
  /* フッター */
  .footer_nav .footer_nav_menu li {
    font-size: 1.8rem;
  }
  .footer_nav .footer_nav_menu li .sub-menu li {
    font-size: 1.4rem;
  }
  #site_footer .custom-logo-link {
    margin-bottom: 64px;
  }
  #site_footer .footer_nav {
    display: flex;
    width: 100%;
  }
  #site_footer .contact_btn {
    flex-direction: column;
    grid-row-gap: 24px;
  }
  .footer_nav .footer_nav_menu {
    flex-direction: column;
    column-gap: 0;
    grid-row-gap: 24px;
  }
  #site_footer .top_scroll_btn a p {
    display: none;
  }
  #site_footer .top_scroll_btn a i {
    font-size: 4rem;
  }
}
/* 下層ページ-999px以下
--------------------------------------------- */
@media print, screen and (max-width:999px) {
  /* 共通 */
	.contact_box .icon_area{
		width: 80px;
		height: 80px;
	}
  /* スライダーコントローラー */
  .nextend-arrow.nextend-arrow-previous {
    margin: 0 32px 0 auto;
  }
  .nextend-arrow.nextend-arrow-next {
    margin: 0 auto 0 32px;
  }
  /*-------------------------------*/
  /* 企業情報 */
	.company_chart.section_inner{
		padding: 0;
		max-width: 100%;
	}
	.company_chart-logo img{
		width: 30vw;
	}
	.company_profile{
		background: var(--gray);
	}
  .company_profile > div {
    background-image: none;
  }
  .company_profile-table table {
    width: 100%;
  }
	.company_profile-table img{
		display: none;
	}
  .section_adress .adress_shopgroup-flex {
    font-size: 1.6rem;
  }
  #site_footer .tire-img {
    right: 0;
  }
  /* 店舗案内 */
  .shop_info-service--flex > div, .service_list .service_list-flex > div {
    flex-wrap: wrap;
    gap: 32px 24px;
  }
  .shop_info-service--flex .shop_info-service--card, .service_list .service_list-card {
    width: calc((100% - 24px) / 2);
  }
	.section_buyback-grid > div {
    grid-template-columns: repeat(1, 1fr);
    gap: 64px;
  }
  .section_buyback-grid .buyback_grid-item--title > div {
    flex-direction: column-reverse;
  }
  .buyback_grid-item--title img {
    width: 100%;
    margin-bottom: 16px;
	  max-width: 100%;
  }
	.section_shop-info .shop_slider-box .shop_slider-text{
		width: 100%;
	}
  /* サービスページ（貿易） */
  .trade_flow-flex--left .trade_flow-text, .trade_flow-flex--right .trade_flow-text {
    padding-bottom: 24px;
	  }
	.trading_company-text{
		width: 100%;
		position: static;
		padding-right: 24px;
		padding-left: 24px;
	}
	.trading_company-img--bottom img{
		aspect-ratio: unset;
	}
	.trading_company-img--top,
	.trading_company-img--bottom{
  width: 100%;
  margin: 0;
}
	.section_inner-l.page_trading-company{
		padding: 0;
		margin-bottom: 0;
	}
	/* サービスページ（店舗） */
	.buyback_grid-bg{
		margin-bottom: 0;
	}
	.solution_container .solution_box{
		width: 80%;
	}
	.news_page-post-list{
		width: 65%;
	}
	.solution_btn-area > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
		align-items: center;
  }
	.solution_btn-area .link_btn.service_page-btn{
		width: 60%;
	}
	/* サービスページ(インターネット) */
	.shop_ec-flex .shop_ec-link{
		flex-basis: calc((100% - 2.4rem ) / 2);
	}
}
/* 下層ページ-768px以下
--------------------------------------------- */
@media print, screen and (max-width:768px) {
  body#page_top .contents_page_inner {
    font-size: 1.6rem;
  }
  /* 共通 */
	.anchor_link{
	padding-top: 40px !important;
	margin-top: -40px !important;
}
    .lower_mv .page_title {
    font-weight: 500;
  }
  .company_page-title {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  /* 企業情報 */
	
  .company_info .company_info-img {
    padding: 0;
	  height: 460px;
  }
  .company_info .company_info-img > img {
    height: 100%;
	  padding-top: var(--margin-s);
  }
  .company_info-title .company_info-greet--img img {
    max-width: 100px;
  }
	.wp-block-cover__inner-container:has(.company_info-title),
	.company_info-title,
	.company_info-title > div
	{
		height: 100%;
		width: 100%;
	}
	.company_info-title > div{
		display: flex;
      flex-direction: column;
      justify-content: space-between;
	}
	.company_info-title .company_info-name--img img{
		width: 40%;
		min-width: 200px;
	}
	.company_info-title .company_info-greet--img img{
		min-width: 80px;
	}
  .company_info-sign {
    flex-direction: column;
    gap: 0;
    margin-top: 64px;
  }
  .company_info-sign figure {
    text-align: right;
  }
  .company_info-sign img {
    width: 70%;
  }
  .company_info--video {
    margin-bottom: 120px;
    padding: 0;
  }
	
  .company_profile-table table, .company_profile-table tbody, .company_profile-table tr, .company_profile-table td {
    display: block;
    width: 100%;
  }
  .company_profile-table table td {
    border-top: none;
  }
  .company_profile-table table td:first-child {
    border: none;
    padding-bottom: 0;
  }
  .company_profile-table table td:last-child {
    padding-top: 16px;
  }
  .company_profile-table table tr:last-child td:last-child {
    border-bottom: 1px solid;
  }
  .company_history-text ul li {
    flex-direction: column;
    font-weight: 500;
  }
  .company_history-text ul li .line {
    width: calc(5% + 10em);
  }
  .company_history-text ul li .text_wrapper {
    width: 100%;
    margin-left: calc(6% + 20px);
  }
  .company_history-img {
    background-size: contain;
    width: 50px;
    min-width: 50px;
  }
  .company_history-img img {
    width: 50px;
    min-width: 50px;
  }
  .company_sdgs p {
    text-align: left;
  }
  .company_sdgs h4 {
    flex-direction: column;
    gap: 16px;
  }
  .sdgs_box-inner .company_sdgs-icon {
    width: 100%;
  }
  .company_sdgs-icon figure {
    width: calc((100% - 1em) / 3);
    height: auto;
  }
  .company_sdgs-icon figure img {
    width: 100%;
    height: 100%;
  }
  .company_sdgs-box .company_sdgs-content > div {
    flex-direction: column;
  }
  .sdgs_box-inner .company_sdgs-img {
    flex-direction: column;
  }
  .sdgs_box-inner .company_sdgs-img img {
    width: 100%;
  }
	.link_btn.link_mvv .is-style-fill{
		width: 100%;
	}
  .adress_bg-img.adress_bg-lower {
    background: var(--gray);
  }
  .adress_bg-img.adress_bg-lower img {
    display: none;
  }
  .section_adress .adress_shopgroup-flex > div {
    flex-direction: column;
  }
  .contact_bg {
    padding: 0;
  }
  /* MVV */
  .mvv_section {
    margin-bottom: 0;
  }
	.mvv_section .mvv_title-box .mvv_section-title{
		font-size: 4rem;
			}
	.mvv_value .link_btn.link_company{
		margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
	}
  .section_concept {
    display: none;
  }
  .section_shop-info .shop_slider-box > div {
    flex-direction: column;
    align-items: center;
  }
  
	.section_shop-info h2{
		padding-top: 0;
	}
  
  .shop_info-service--flex > div {
    flex-direction: column;
    gap: 32px;
  }
  .shop_info-service--flex .shop_info-service--card {
    width: 100%;
	  margin-bottom: var(--margin-s);
	  
  }
  .shop_info-service--flex .shop_info-service--title {
    margin-top: 16px;
  }
  .shop_info-service--flex .shop_info-service--sub {
    margin-bottom: 16px;
  }
  .service_list .service_list-flex > div {
    flex-direction: column;
    gap: 64px;
  }
  .service_list .service_list-card {
    width: 100%;
  }
  .service_list .link_btn > .is-style-fill {
    max-width: 100%;
  }
  /* 実店舗サービス */
	.section_tire-replace h2{
		margin-bottom: 0;
	}
	.section_solution h2{
		margin-bottom: 0;
	}
	.section_solution .solution_container{
		
	}
  .section_service .link_btn.service_btn {
    margin-bottom: 64px;
  }
  .section_service .link_btn.service_btn .is-style-fill, .link_btn > div {
    max-width: 100%;
    height: 80px;
  }
  .service_btn-flex > div {
    flex-direction: column;
    gap: 0;
  }
  .service_btn-flex .service_btn-contact {
    width: 100%;
  }
  .section_service .service_btn-contact:first-child a {
    font-size: 1.8rem;
  }
  .service_page-btn {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  .service_page-btn .is-style-fill {
    width: 100%;
  }
  .solution_container .solution_box {
    width: 100%;
  }
  .solution_btn-area {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  
  .solution_btn-area .link_btn.service_page-btn {
    width: 100%;
	  margin-bottom: 0;
  }
  
  .solution_container .solution_box::after {
    width: 40px;
    height: 100px;
    bottom: -50px;
  }
  .service_page-btn .is-style-fill a {
    padding: 0 24px;
  }
	.service_btn-area .link_btn .mail_tel-icon a{
		display: flex;
		align-items: center;
		justify-content: center;
				padding-left: 8px;
		padding-right: 8px;
	}
	.service_btn-area .link_btn .mail_tel-icon a::before{
		top: -32px;
		left: 50%;
		transform: translateX(calc(-50% + 24px));
		width: 2.4rem;
		height: 2.4rem;
	}
	.service_btn-area .link_btn .mail_tel-icon a::after{
		top: -32px;
		left: 50%;
		transform: translateX(calc(-50% - 24px));
		width: 2.4rem;
		height: 2.4rem;
		
	}
  .buyback_flex-pc {
    display: none;
  }
  .buyback_flex-sp {
    display: block;
  }
  .buyback_flex-sp.section_buyback-flex > div {
    flex-direction: column;
  }
  .buyback_flex-sp.section_buyback-flex .buyback_flex-item {
    width: 100%;
  }
  .buyback_flex-sp.section_buyback-flex .buyback_flex-item:nth-child(2) {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .buyback_flex-sp.section_buyback-flex .buyback_flex-item:nth-child(2) > div {
    gap: 64px;
  }
  .buyback_grid-bg h2 {
    color: var(--orange);
    text-shadow:
      0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff;
  }
  
  .article_choose_us .choose_us-title p {
    display: inline-block;
  }
  .article_choose_us .choose_us-title .service_text-bold:last-child {
    background: none;
    padding: 0;
  }
  .article_choose_us .choose_us-flex > div {
    flex-direction: column-reverse;
  }
  .choose_us-flex .choose_us-flex--item {
    width: 100%;
  }
  .choose_us-flex .choose_us-flex--item.choose_us-flex--text {
    width: 100%;
    background: none;
  }
  .section_on_site-mv--text {
    width: 100%;
    text-align: center;
  }
  .section_on_site-flex > div {
    flex-direction: column;
  }
  .section_on_site--title > div {
    flex-direction: column;
    align-items: center;
  }
  .section_on_site-flex .on_site-flex--item {
    width: 100%;
  }
  .on_site-flow--flex > div {
    flex-direction: column;
    justify-content: center;
    gap: 64px;
  }
  .on_site-flow--box:first-child .on_site-flow--img::before {
    display: none;
  }
  .on_site-flow--box {
    width: 100%;
  }
  .on_site-flow--box .on_site-flow--img img {
    width: 100%;
  }
  
  /* サービスページ（インターネット） */
  .online_page-banner--list > div {
    flex-direction: column;
	  gap: 8px;
  }
	.online_page-banner--img{
		text-align: center;
	}
  .online_page-banner--img, .online_page-banner--text {
    width: 100%;
  }
  /* サービスページ（貿易） */
  /*.trade_page-top--img, .trade_page-top--movie, .trade_page-flow, .page_trade-gallery, .page_trade-collect, .trade_page-on-site, .page_trade-shipping, .page_trading-company {
    margin-bottom: 96px;
  }*/
	.lower_mv.trade_mv .page_title{
		font-size: clamp(2rem, 0.907rem + 2.96vw, 5.6rem);
	}
	.trade_page-flow--flex.section_inner{
		padding: 0;
		max-width: 100%;
	}
	/* 海外輸出までの流れ-並び変え */
		
	.trade_page-flow{
		overflow: hidden;
	}
  .trade_flow-flex > div {
    flex-direction: column;
	  gap: 0;
  }
  .trade_flow-text-box, 
	.trade_flow-text-box > div {
    display: contents;
  }
	.trade_flow-flex--left .trade_flow-text, 
	.trade_flow-flex--right .trade_flow-text{
		box-shadow: none;
	}
  .trade_flow-flex--item .trade_flow-title {
    order: 1;
	  margin-bottom: 0;
  }
	.trade_flow-title > div{
		display: flex;
		align-items: center;
	}
	
  .trade_flow-flex--img {
    order: 2;
	  width: 100%;
  }
  .trade_flow-text {
    order: 3;
	  padding-right: 24px;
	  padding-left: 24px;
  }
		.trade_contact-flex > div{
		flex-direction: column;
		gap: 24px;
	}
	
	.trade_contact-mail,
	.trade_contact-tel,
	.trade_contact-line{
		display: flex;
		align-items: center;
		justify-content: center;
				background: var(--black);
		padding: 24px 0;
	}
	.trade_contact-mail p,
.trade_contact-tel p,
	.trade_contact-line p{
		font-size: 1.6rem;
		margin-bottom: 0;
	}
	.trade_contact-mail,
	.trade_contact-tel{
		border: none;
			}
	
	.trade_contact-line img{
		width: 20px;
		margin-right: 8px;
	}
	.page_trade-shipping{
		overflow: hidden;
	}

	.shipping_flex-item{
		border-bottom: none;
		padding-top: 0;
	}
	.shipping_flex-item > div,
	.shipping_flex-item:nth-child(2n) > div{
		flex-direction: column;
	}
	.shipping_flex-item .shipping_flex-img,
	.shipping_flex-item .shipping_flex-text{
		width: 100%;
	}

	.page_trading-company{
		overflow: hidden;
		overflow: hidden;
	}
	.page_trading-company.section_inner-l{
		padding-right: 0;
		padding-left: 0;
		margin: 0;
	}
	
	
	
	.service_list.service_list-sakata{
		margin-bottom: 0;
	}
	/* インターネット販売ページ */
	.top_ec-flex > div{
		flex-direction: column;
		align-items: center;
	}
	.top_ec-flex .top_ec-flex--item .top_ec-icon{
		justify-content: center;
	}
	.top_ec-flex--item .top_ec-icon img{
		max-width: 60px;
		max-height: 60px;
	}
	/* 採用ページ */
	.hr_policy-block--card{
		width: 100%;
	}
	.lower_entry-btn--area > div{
		flex-direction: column;
		
	}
	/* ニュースページ・アーカイブページ*/
	.news_page-post-list,
	.archive_page-list{
		width: 100%;
		margin-bottom: var(--margin-s);
	}
	
	.news_page-archive--title::before{
		width: 24px;
	}
	.news_page-content > div,
	.archive_page_inner{
		flex-direction: column;
	}
	.lower_entry-btn--area > div{
		
	}
	/* お問い合わせページ */
	.wpcf7-form{
		box-shadow: 0 0 0 100vmax var(--gray);
		clip-path: inset(0 -100vmax);
			padding: 40px 0;
	}
	.wpcf7cp-btns{
		display: flex;
		flex-direction: column-reverse;
		gap: 32px;
	}
	#wpcf7cpcnf button.wpcf7cp-cfm-edit-btn{
		margin: 0 auto;
		width: 30%;
	}
	.contact_page-table,
  .contact_page-table thead,
  .contact_page-table tbody,
  .contact_page-table tr,
  .contact_page-table td,
	.contact_page-box .contact_page-table tr td:first-child,
  .contact_page-table th{
    display: block;
    width: 100%;
  }
	.wpcf7 input[type="submit"]{
		width: 50%;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	
	.link_btn.contact_page-btn a{
		padding: 16px;
	}
	/* アクセスページ */
	.access_page-morioka .access_page-flex > div,
	.access_page-sakata .access_page-flex > div{
  flex-direction: column
	}
	.access_flex-item{
		width: 100%;
	}
	}