@charset "utf-8";
/* CSS Document */

/*--------------------- 共通処理 ---------------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}


h1,h2,h3,h4,h5,h6{
	font-weight: 300;
	font-style: normal;
	color: #2F2C2B;
	font-family:
  "游ゴシック体",
  "Yu Gothic",
  "游ゴシック",
  "YuGothic",
  'Noto Sans JP',
  -apple-system,
  BlinkMacSystemFont,
  "Helvetica Neue",
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  "メイリオ",
  sans-serif;

}

html {
	font-size: 62.5%;
	font-family:
  "游ゴシック体",
  "Yu Gothic",
  "游ゴシック",
  "YuGothic",
  'Noto Sans JP',
  -apple-system,
  BlinkMacSystemFont,
  "Helvetica Neue",
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  "メイリオ",
  sans-serif;
	font-style: normal;
	color: #2F2C2B;
}


body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#FF0000; /* 背景カラー */
    z-index: 9999; /* 一番手前に */
    pointer-events: none; /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
    opacity: 0; /* 初期値では非表示 */
    -webkit-transition: opacity .8s ease; /* アニメーション時間は 0.8秒 */
    transition: opacity .8s ease;
  }
  /*body要素に.fadeoutセレクタがある場合には、レイヤーが表示されるようにopacityを１に設定します。*/
  body.fade::after {
    opacity: 1;
  }

p {
	font-size: 2.1rem;
    font-weight: 400;
	line-height: 1.9em;
	color: #2F2C2B;
	text-align: justify;
}


a{
	font-size: 2rem;
	line-height: 2.8rem;
	color: #2F2C2B;
	position: relative;
}

header ul.pc_header li a:hover{
	color:#FF0000;
}

a.line::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 10%;
    /*線の形状*/
    width: 80%;
    height: 2px;
    background:#0961AE;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

a.line:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
	visibility: hidden;
}

.mt-10{
    margin-top: 10px;
}

.mt-20{
    margin-top: 20px;
}

.mt-30{
    margin-top: 30px;
}

.mt-40{
    margin-top: 40px;
}

.mt-50{
    margin-top: 50px;
}

.mt-60{
    margin-top: 60px;
}

.mt-70{
    margin-top: 70px;
}

.mt-80{
    margin-top: 80px;
}

.mt-90{
    margin-top: 90px;
}

.mt-100{
    margin-top: 100px;
}

.mt-110{
    margin-top: 110px;
}

.mt-120{
    margin-top: 120px;
}

.mt-160{
    margin-top: 160px;
}

.mb-40{
    margin-bottom: 40px;
}
.pt-120{
    padding-top: 120px;
}

.spbr{
    display: none;
}

.nobr{
    display: block;
}

.inner_800 {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
	height: 100%;
}

.inner_1100 {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
	height: 100%;
}

.flex{
	display: flex;

}

.position{
	position: relative;
}

.txt_center{
    text-align: center;
}

h2.ttk_en_title{
	font-family: "futura-pt", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 4.5rem;
	margin-bottom: 0.5em;
}

h3.ttk_copy{
	font-size: 4.3rem;
    font-weight: 600;
    margin-bottom: 1.2em;
    line-height: 1.4em;
}

header{
	align-items: center;
    display: flex;
	transition: all .3s;
    position: sticky;
    top: 0;
    width: calc(100% - 40px);
    z-index: 100;
    height: 90px;
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, .06);
    border-radius: 0 0 12px;
}

.sc-c-inner {
    /*max-width: calc(1200px + -3px);*/
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    width: 100%;

}
header .sc-c-inner{
	align-items: center;
}

header .sc-c-inner h1 a{
	display: block;
    text-decoration: none;
   	width: 190px;
    height: 40px;
    will-change: transform;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap;
    position: relative;
}

header .sc-c-inner h1 a:before{
	background: url("../img/ttk_head_logo.svg") center / contain no-repeat;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

header ul.pc_header{
	margin-left: auto;
    margin-right: 20px;
}

header ul.pc_header li{
    position: relative;
	list-style: none;
    margin-left: 40px;
}

header ul.pc_header li a{
    text-decoration: none;
    transition: all .3s;
    text-align: center;
    font-size: clamp(14px, 1.3vw, 20px);
}

header a.contact_btn{
	color: #fff;
    background-color: #FF0000;
    text-decoration: none;
    padding: 7px 30px;
    border-radius: 50px;
}


header .contact_btn{
	background-color: #FF0000;
    height: 90px;
    width: 430px;
    align-items: center;
    padding: 0px 20px;
    border-radius: 0px 0px 12px 0px;
    justify-content: center;
}

header .contact_btn .tel{
	margin-right: 15px;
}

header .contact_btn .tel a{
	font-family: "futura-pt", sans-serif;
    color: #fff;
    text-decoration: none;
	font-size: 2.6rem;
	position: relative;
	padding-left: 28px;
}

header .contact_btn .tel a:before{
	content: "";
    background-image: url("../img/Icon_fa-solid-phone.svg");
    width: 24px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 3px;
}

header .contact_btn .tel p{
	color: #fff;
	text-align: right;
    font-size: 1.6rem;
}

header .contact_btn .mail{
	background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
header .contact_btn .mail img{
	padding: 12px;
    width: 50px;
    height: 50px;
}

.header_sp{
    display: none;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -43px;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    border-radius: 5px;
}
.dropdown-menu a {
    display: block;
    padding: 10px;
    color: black;
    text-decoration: none;
}
.dropdown-menu a:hover {
    color: #fff!important;
    background-color: #8AB0CF;
}
.pc_header li:hover .dropdown-menu {
    display: block;
}


footer{
	background-color: #FF0000;
	padding-top: 190px;
    padding-bottom: 40px;
}

footer .flex{
	justify-content: space-between;
    align-items: baseline;
}

footer a{
	color: #fff;
}

footer li{
	list-style: none;
}

footer li a{
    line-height: 2.0em;
    text-decoration: 1px underline;
}

footer small{
	color: #fff;
    margin-top: 30px;
    display: block;
}

.back_white{
        position: sticky;
    top: 90px;
    z-index: 90;
    padding-top: 20px;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.sidebar {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.sidebar ul{
    flex-wrap: wrap;
}

.widget + .widget {
    margin-top: 0px;
}
.widget--sticky {
    position: sticky;
    top: 140px; /* スクロール時にビューポートの20px位置に達すると固定 */
}

.widget ul li{
    list-style: none;
    margin-bottom: 10px;
    width: 24%;
    margin-right: 1%;
    border: solid 1px #F5F5F5;
    border-radius: 7px;
}

.widget ul li:nth-child(4n){
    margin-right: 0%;
}

.widget ul li a{
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 400;

}

#side-nav .text {
    display: flex; /* テキストと疑似要素を横並びにする */
    align-items: center; /* 上下中央に揃える */
  }

  #side-nav .text::before {
    width: 0; /* 初期表示は表示しないようにする */
    height: 0;
    content: "";
    background-color: transparent;
    border-radius: 50%;
    transition: 0.3s;
  }

  #side-nav .text:hover::before {
    width: 0.35em; /* ホバー時に表示 */
    height: 0.35em;
    margin-right: 10px;
    background-color:#FF0000;
  }


  #side-nav li a {
    display: block;
    padding: 4px 10px;
    text-decoration: none;
    color: black;
    transition: background 0.3s;
  }

  #side-nav li a.active {
    background: #FF0000;
    color: white;
    border-radius: 5px;
  }


.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-color: #FF0000; /* ボタンの背景色 */
    border-radius: 50%; /* 丸いボタン */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 影を追加 */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 1000;
}

.page-top img {
    width: 40%;
    height: 40%;
    object-fit: contain;
}

.page-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.page-top:hover {
    background-color: #D00000; /* ホバー時の背景色 */
    transform: scale(1.1); /* ホバー時に少し拡大 */
}


.cargo_bnr{margin-top: 60px;}

.cargo_bnr a{
    text-decoration: none;
}


.cargo_bnr .inner_800{
    background-color: #FF0000;
    height: 290px;
    padding: 0;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.cargo_bnr .inner_800 figure{
    width: 50%;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    background-position: center;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.cargo_bnr .inner_800 figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0px 0px 10px;
}

.cargo_bnr .inner_800 .txt_area{
    width: 50%;
    padding: 0px 30px 0px 30px;
}

.cargo_bnr .inner_800 .txt_area h4{
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 8px;
    font-weight: 600;
}

.cargo_bnr .inner_800 .txt_area p{
    color: #fff;
}

.hover-effect figure {
    overflow: hidden; /* 画像が拡大した際に外にはみ出さないようにする */
}

.hover-effect figure img {
    transition: transform 0.3s ease; /* 拡大時のアニメーションを設定 */
}

.hover-effect:hover figure img {
    transform: scale(1.1); /* ホバー時に画像を拡大 */
}




/*--------------------- トップページ ---------------------*/



#TOP .module01{
	position: relative;
}

#TOP .module01 h1.text_01{
    font-size: 5.5rem;
    color: #fff;
    position: absolute;
    top: 100px;
    left: 60px;
    margin: 0;
    display: block;
    line-height: 1em;
    font-family: "Kiwi Maru", serif;
    font-weight: 400;
    font-style: normal;
}

#TOP .module01 h1.text_02 {
    font-size: 5.5rem;
    color: #fff;
    position: absolute;
    top: 180px;
    left: 60px;
    margin: 0;
    display: block;
    line-height: 1em;
    font-family: "Kiwi Maru", serif;
    font-weight: 400;
    font-style: normal;
}

#TOP .module01 h1.text_01 span.text-wrapper,
#TOP .module01 h1.text_02 span.text-wrapper {
    position: relative;
    overflow: hidden; /* 改行部分を表示 */
    white-space: normal; /* 改行を有効にする */
    display: inline-block;
}

#TOP .module01 h1.text_01 span.letter,
#TOP .module01 h1.text_02 span.letter {
    display: inline-block;
    line-height: 1em; /* 行間を調整 */
    transform-origin: center; /* アニメーションの基準を中央に設定 */
}

#TOP .module01 h1 span{
    background-color: #FF0000;
    line-height: 1.2em;
}

#TOP .module01 figure{
	max-width: 1400px;
    margin: 0 auto;
    display: block;
}

#TOP .module01 figure img{
	width: 100%;
}

.custom-shape-divider-top-1736152905 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1736152905 svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 150px;
}

.custom-shape-divider-top-1736152905 .shape-fill {
    fill: #FFFFFF;
}

/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-top-1736152905 svg {
        width: calc(300% + 1.3px);
        height: 61px;
    }
}

#TOP .module02{
	position: relative;
}

#TOP .module02 .txt{
	text-align: center;
    width: 800px;
    margin: 0 auto;
}

#TOP .module02 .txt p{
	text-align: center;
    width: 660px;
    margin: 0 auto;
}

#TOP .module02 img.illust01{
	position: absolute;
	left: -120px;
    bottom: -150px;
    width: 120px;
	z-index: 10;
}

#TOP .module02 img.illust02{
	position: absolute;
    right: -60px;
    bottom: -120px;
    width: 180px;
	z-index: 10;
}

#TOP .module02 .ttk_en_title{
	position: relative;
	padding-left: 40px;
	margin-bottom: 0.5em;
	display: inline-block;
    font-size: 3.5rem;
}

#TOP .module02 .ttk_en_title:before{
	content: "";
    background-image: url(../img/txt_en_title_icon.svg);
    width: 24px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 3px;
}

#TOP .module02 .flex .txt{
	width: 60%;
}

#TOP .module02 .flex figure{
	width: 40%;
}

#TOP .module02 .flex figure img{
	margin: 0 auto;
    display: block;
    width: 50%;
}

#TOP .module03{
	background-color:#FF0000;
	padding: 80px 0px;
	margin-top: -6px;
	padding-top: 200px;
}

#TOP .module03 h2.ttk_en_title{
	position: relative;
	color: #fff;
	padding-left: 40px;
}

#TOP .module03 h2.ttk_en_title:before{
	content: "";
    background-image: url("../img/txt_en_title_icon_white.svg");
    width: 24px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 10px;
}

#TOP .module03 h3.ttk_copy{
	color: #fff;
}

#TOP .module03 p{
	color: #fff;
}

#TOP .module03 p strong{
    font-size: 2.4rem;
}

#TOP .module03 .flex{
	justify-content: space-between;
}


#TOP .module03 figure.service_box{
    overflow: hidden;
    border-radius: 10px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

#TOP .module03 figure.service_box02{
    overflow: hidden;
    border-radius: 10px;
}

#TOP .module03 figure.service_box img{
    aspect-ratio: 340 / 200;
    object-fit: cover;
    transition: all .3s;
}

#TOP .module03 figure.service_box02 img{
    aspect-ratio: 440 / 200;
    object-fit: cover;
    transition: all .3s;
}

#TOP .module03 .service_link ul li a:hover figure.service_box img {
    transform: scale(1.1, 1.1);
}

#TOP .module03 .service_link_car a:hover figure.service_box02 img {
    transform: scale(1.1, 1.1);
}


#TOP .module03 figure img{
	width: 100%;
}

#TOP .module03 .service_link{
	margin-top: 50px;
}

#TOP .module03 .service_link ul{
	flex-wrap: wrap;
    justify-content: space-between;
    counter-reset: number;
    background-color: rgba(252, 255, 255, .2);
	padding: 25px 25px 0px 25px;
    border-radius: 15px 15px 15px 15px;

}

#TOP .module03 .service_link ul li{
	width: 49%;
	list-style: none;
	position: relative;
	display: inline-flex;
	margin-bottom: 2%;
}

#TOP .module03 .service_link ul li a{
	text-decoration: none;
	display: inline-flex;
    height: auto;
	font-size: 1.6rem;
}

#TOP .module03 .service_link ul li a p{
	color: #2F2C2B;
    background-color: #fff;
    width: 190px;
    font-weight: 600;
    padding: 6px 10px 6px 20px;
    border-radius: 0px 10px;
	position: absolute;
	z-index: 1;
	bottom: 0px;
}

#TOP .module03 .service_link ul li a p:before{
	counter-increment: number 1;
    content: '0' counter(number);
    position: absolute;
    font-size: 25px;
    font-family: "futura-pt", sans-serif;
    line-height: 1;
    color: #FF0000;
    margin: auto;
    text-align: center;
	left: -8px;
    bottom: -1px;
    position: relative;
}

#TOP .module03 .service_link ul li img{
	width: 100%;
    height: 100%;
}

#TOP .module03 .service_link_car{
	display: flex;
    justify-content: flex-end;
    position: relative;
}

#TOP .module03 .service_link_car img.deco01{
    position: absolute;
    left: -125px;
    bottom: 0;
    width: 200px;
}

#TOP .module03 .service_link_car a{
	display: flex;
	background-color: rgba(252, 255, 255, .2);
	padding: 20px 25px 25px 25px;
    border-radius: 0px 0px 15px 15px;
    width: 90%;
}

#TOP .module03 .service_link_car a p{
	color: #fff;
    background-color: #3E3A39;
    width: 160px;
    font-weight: 600;
    padding: 6px 10px 6px 30px;
    border-radius: 0px 10px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
}

#TOP .module03 .service_link_car a p:before{
    content: "";
    background-image: url(../img/txt_en_title_icon_white.svg);
    width: 24px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 50%;
    left: 7px;
    top: 11px;
}

#TOP .module03 .service_link_car a img{
	border-radius: 10px;
    width: 100%;
}

#TOP .module04{
    position: relative;
    margin-bottom: 180px;
}


#TOP .module04 .Back_img{
	background-image: url(../img/Top_company_back_img.jpg);
    background-repeat: no-repeat;
    height: 500px;
	width: 100%;
	position:relative;
    background-position: center;
    background-size: cover;
}

#TOP .module04 h2.ttk_en_title{
    text-align: center;
    color: #fff;
    position: relative;
    padding-left: 40px;
    margin: auto;
    width: 265px;
    margin-bottom: 20px;
}

#TOP .module04 h2.ttk_en_title:before {
    content: "";
    background-image: url(../img/txt_en_title_icon.svg);
    width: 24px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 10px;
}

#TOP .module04 .Back_img .txt{
    padding-top: 60px;
}

#TOP .module04 .Back_img .txt p{
    color: #fff;
    width: 880px;
    margin: auto;
    text-align: center;

}

#TOP .module04 ul.company_btn{
   display: flex;
    justify-content: space-around;
    margin: auto;
    position: absolute;
    bottom: -80px;
    width: 620px;
    left: 0;
    right: 0;
}


#TOP .module04 ul.company_btn li{
    width: 280px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .06);
    border-radius: 10px;
    padding: 20px;
    list-style: none;
    background-color: #fff;
}

#TOP .module04 ul.company_btn li a{
    display: block;
    text-decoration: none;
}

#TOP .module04 ul.company_btn li a p{
    text-align: center;
    transition: all .3s;
}

#TOP .module04 ul.company_btn li a:hover p{
    color:#FF0000;
}

#TOP .module04 ul.company_btn li img{
    width: 100%;
    border-radius: 10px;
}

#TOP .module05 a.recruit_btn{
    background-color: #3E3A39;
    display: block;
    border-radius: 25px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .06);
    text-decoration: none;
}

#TOP .module05 a.recruit_btn .top{
    display: flex;
    align-items: start;
    align-items: center;
}

#TOP .module05 a.recruit_btn .top .txt{
    padding: 30px;
    width: 50%;
}

#TOP .module05 a.recruit_btn .top .txt h2{
    color: #fff;
    position: relative;
    padding-left: 40px;
}

#TOP .module05 a.recruit_btn .top .txt h2:before{
    content: "";
    background-image: url(../img/txt_en_title_icon_yellow.svg);
    width: 24px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    background-size: 24px 30px;
    top: 0px;
}

#TOP .module05 a.recruit_btn .top .txt h3{
       color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 30px;
    margin-bottom: 20px;
}

#TOP .module05 a.recruit_btn .top .txt p{
    color: #fff;

}

#TOP .module05 a.recruit_btn .top img.sp{
    display: none;
}

#TOP .module05 a.recruit_btn .top img.pc{
    display: block;
    width: 50%;
    border-radius: 0px 25px 0px 0px;
}

#TOP .module05 a.recruit_btn p.bottom{
    background-color: #2B2A2A;
    color: #fff;
    text-align: center;
    padding: 24px 0px;
    border-radius: 0px 0px 25px 25px
}

#TOP .module05 a.recruit_btn p.bottom span.akar_link{
    position: relative;
}

#TOP .module05 a.recruit_btn p.bottom span.akar_link:before{
    position: absolute;
    content: '';
    background-image: url(../img/Icon_akar-link-out.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    right: -30px;
    top: 2px;
    background-size: 100%;
}

/*------SUB　共有処理　---------------------------------------------------------------*/

#Sub .module01{
    background-color: #FF0000;
    height: 250px;
    width: 100%;
    margin-top: -100px;
    position: relative;
}

#Sub .module01 h2{
    height: 250px;
    width: 100%;
    text-align: center;
    padding-top: 178px;
    color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 0.8em;
}

#Sub .module01 h2 span{
    font-size: 1.4rem;
    font-weight: 300;
}

#Sub .module01 .custom-shape-divider-top-1736152905{
    position: absolute;
    top: 250px;
    left: 0;
    width: 100%;
}

#Sub .module01 .custom-shape-divider-top-1736152905 .shape-fill{
    fill: #FF0000;
}

.breadCrumb{
    text-align: center;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    align-items: center;
}

.breadCrumb li{
    list-style: none;
}

.breadCrumb li a{
    font-size: 1.5rem;
    display: block;
}

ul.breadCrumb li a::after {
    content: '-';
    display: inline-block !important;
    margin: 0 0.5em !important;
}

.custom-shape-divider-top-1736152816 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1736152816 svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 150px;
}

.custom-shape-divider-top-1736152816 .shape-fill {
    fill: #FFFFFF;
}

.Common_title01{
    font-size: 2.4rem;
    border-bottom: solid #FF0000 2px;
    line-height: 1em;
    padding-bottom: 10px;
    margin-top: 50px;
    font-weight: 600;
    margin-bottom: 40px;
}

.Common_title02{
    font-size: 2.2rem;
    font-weight: 600;
    position: relative;
    padding-left: 25px;
}

.Common_title03{
    font-size: 2.2rem;
    font-weight: 600;
    background-color: #F5F5F5;
    border-left: solid #FF0000 5px;
    padding: 10px 15px;
}

.Common_title02:before{
    content: "";
    background-color: #FF0000;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0px;
    top: 5px;
}

.Common_list{
    flex-wrap: wrap;
    margin-top: 30px;
}

.Common_list li{
    list-style: none;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    font-size: 2.0rem;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.common_table01 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 2rem;
    text-align: left;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-right: 5%;
    border-radius: 10px;
}

.common_table01 th, .common_table01 td {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
}

.common_table01 th.border_none,
.common_table01 td.border_none{
    border-bottom: none;
}

.common_table01 th, .common_table01 td a.link{
    font-size: 2rem;
    text-decoration: none;

}

.common_table01 td a.tel{
    position: relative;
    padding-left: 20px;
}

.common_table01 td a.tel:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    background-image: url(../img/Icon_tel_red.svg);
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px;

}

.common_table01 td a.link{
    position: relative;
    padding-left: 20px;
    line-height: 1em;
}

.common_table01 td a.link:before {
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    background-image: url(../img/Icon_akar-link-out_red.svg);
    width: 20px;
    height: 20px;
    left: 0;
    top: 7px;

}

.common_table01 td a.tel{
    font-size: 2rem;
    text-decoration: none;
    position: relative;
}

.common_table01 th {
    background-color: #F9EFEF;
    font-weight: bold;
}

.common_table01 tr:nth-child(even) {
    background-color: #f9f9f9;
}

.common_link01{
    background-color: #FF0000;
    display: inline-block;
    padding: 15px 40px;
    border-radius: 40px;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

/*--------------------- 倉庫作業請負 ---------------------*/



.Sub_warehouse .module02{
    margin-top: 120px;
}

.Sub_warehouse .module02 h3{
    font-size: 3.6rem;
    text-align: center;
    font-weight: 600;
}

.Sub_warehouse .module02 p{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 60px;
}

.Sub_warehouse .module02 figure{
    width: 100%;
    margin-bottom: 1%;
}

.Sub_warehouse .module02 figure img{
    width: 100%;
    border-radius: 10px;
}

.Sub_warehouse .module02 ul{
    flex-wrap: wrap;
    height: 760px;
    margin-top: 1%;
}

.Sub_warehouse .module02 ul li{
    list-style: none;
    margin-bottom: 1%;
}



.Sub_warehouse .module02 ul li figure{
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-position: center;
    border-radius: 10px;
}

.Sub_warehouse .module02 ul li:nth-child(1){
    width: 55%;
    padding-right: 1%;
}

.Sub_warehouse .module02 ul li:nth-child(1) figure{
    background-image: url(../img/warehouse_img02.jpg);
    background-size: cover;
}


.Sub_warehouse .module02 ul li:nth-child(2){
    width: 45%;
}

.Sub_warehouse .module02 ul li:nth-child(2) figure{
    background-image: url(../img/warehouse_img03.jpg);
    background-size: cover;
}


.Sub_warehouse .module02 ul li:nth-child(3){
    width: 45%;
    padding-right: 1%;
}

.Sub_warehouse .module02 ul li:nth-child(3) figure{
    background-image: url(../img/warehouse_img04.jpg);
    background-size: cover;
}


.Sub_warehouse .module02 ul li:nth-child(4){
    width: 55%;
}

.Sub_warehouse .module02 ul li:nth-child(4) figure{
    background-image: url(../img/warehouse_img05.jpg);
    background-size: cover;
}


/*--------------------- 貨物輸送 ---------------------*/


.Sub_cargo .module02{
    margin-top: 120px;
}

.Sub_cargo .module02 h2{
    font-size: 3.6rem;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: center;
}

.Sub_cargo .module02 p{
    text-align: center;
}

.Sub_cargo .module02 .box{
    margin-top: 40px;
}

.Sub_cargo .module02 .box  img{
    width: 240px;
}

.Sub_cargo .module02 .box .flex{
    align-items: center;
    margin-bottom: 30px;
}

.Sub_cargo .module02 .box .flex h4{
margin-left: 30px;
width: 100%;
}

.Sub_cargo .module02 .column2_box{
    flex-wrap: wrap;
    justify-content: space-between;
}

.Sub_cargo .module02 .column2_box .box{
    display: flex;
    width: 100%;
}

.Sub_cargo .module02 .column2_box .box .box_left{
    width: 52%;
}

.Sub_cargo .module02 .box .item_box{
    width: 50%;
    flex-wrap: wrap;
    display: flex;
}

.Sub_cargo .module02 .box .item_box img{
    margin-bottom: 30px;
    height: 140px;
    width: auto;
}

.Sub_cargo .module02 .box .item_box h4{
    margin-left: 0px;
}

.Sub_cargo .module02 .column2_box figure{
    width: 43%;
}

.Sub_cargo .module02 .column2_box .box img{
    width: 100%;
    margin-bottom: 30px;
}

.Sub_cargo .module02 .column2_box figure img{
    width: 100%;
}

.Sub_cargo .module03 .flex{
    justify-content: space-between;
}

.Sub_cargo .module03 .txt{
    width: 52%;
}

.Sub_cargo .module03 .txt h3{
    margin-bottom: 40px;
}

.Sub_cargo .module03 figure.img{
    width: 43%;
}

.Sub_cargo .module03 figure.img img{
    width: 100%;
}


/*--------------------- プライバシーポリシー ---------------------*/

.Sub_privacy .module02 ul {
    margin-top: 50px;
    margin-bottom: 30px;
    padding-left: 20px;
}

.Sub_privacy .module02 ul li{
    list-style-type: decimal;
    margin-bottom: 10px;
    line-height: 1.6em;
    font-size: 2.0rem;
}

.Sub_privacy .module02 ul li::marker{
    color: #FF0000;
}


/*--------------------- 安全・品質・環境 ---------------------*/

.Sub_safety .module02 figure{
    width: 30%;
}

.Sub_safety .module02 p{
    width: 70%;
}

.Sub_safety .module03 figure{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.Sub_safety .module03 figure img{
    width: 100%;
    border-radius: 10px;
}

.Sub_safety .Box_gray{
    background-color: #F5F5F5;
    padding: 40px 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.Sub_safety .Box_gray .flex{
    border-top: #3E3A39 1px solid;
    border-bottom: #3E3A39 1px solid;
    padding: 50px 0px;
    justify-content: space-between;
}

.Sub_safety .Box_gray ul.List01{
    width: 48%;
}

.Sub_safety .Box_gray ul.List02{
    width: 48%;
}

.Sub_safety .Box_gray ul li{
    font-size: 2.0rem;
    list-style: none;
    margin-left: 6%;
    margin-bottom: 8px;
    border-bottom: dotted 1px #3E3A39;
    padding-bottom: 10px;
    line-height: 1.4em;
}

.Sub_safety .Box_gray ul li:last-child{
    border-bottom: none;
}

.Sub_safety .module04 .flex{
    margin-top: 30px;
    align-items: center;
}

.Sub_safety .module04 figure{
    width: 40%;
}

.Sub_safety .module04 figure img{
    width: 100%;
    border-radius: 10px;
}

.Sub_safety .module04 p{
    width: 60%;
    padding-left: 4%;
}

.Sub_safety .module05>p{
    margin-bottom: 20px;
}

.Sub_safety .List03{
    justify-content: center;
    margin-top: 30px;
}

.Sub_safety .List03 li{
    list-style: none;
    width: 32.5%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 10px;
    border-radius: 10px;

}

.Sub_safety .List03 li p.txt_top{
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.Sub_safety .List03 li p.txt_bottom{
    margin-top: 10px;
    font-size: 1.8rem;
    line-height: 1.6em;
}

.Sub_safety .List03 li h4{
    background-color: #FF0000;
    color:#fff;
    text-align: center;
    font-size: 2rem;
    line-height: 1em;
    padding: 10px 0px;
    margin-left: -20px;
    margin-right: -20px;
}

.Sub_safety .List03 li figure{
    text-align: center;
    padding: 20px;
    width: 100%;
}

.Sub_safety .List03 li:nth-child(1) figure img{
    width: 55%;
}
.Sub_safety .List03 li:nth-child(2) figure img{
    width: 45%;
}
.Sub_safety .List03 li:nth-child(3) figure img{
    width: 50%;
}


/*==================================================
スライダーのためのcss
===================================*/
.slider03 {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
    margin-top: 30px;
}

.slider03 img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
    border-radius: 10px;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider03 .slick-slide {
    margin:0 10px;
}

.Sub_waste .module03 .slider03 p,
.Sub_safety .module02 .slider03 p{
    font-size: 1.6rem;
    width: 100%;
    line-height: 1.2em;
    margin-top: 10px;
}

.slick-prev,
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 37%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #2F2C2B;/*矢印の色*/
    border-right: 2px solid #2F2C2B;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -3.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -3.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background: #D2D2D2;
    border: inherit;
}

.slick-dots .slick-active button{
    background: #FF0000;
}

/*------ 会社概要　---------------------------------------------------------------*/


.Sub_about .module02 h2{
    font-size: 3.6rem;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;

}

.Sub_about .module02 .flex{
    margin-top: 40px;
}


.Sub_about .module02 table{
    width: 60%;
    margin-right: 4%;
}

.Sub_about .module02 table th.solid_bottom_none,
.Sub_about .module02 table td.solid_bottom_none{
    border-bottom: none;
}


.Sub_about .module02 figure{
    width: 45%;
}

.Sub_about .module02 figure img{
    width: 100%;
    border-radius: 10px;
}

.Sub_about .module04 .box{
    margin-top: 40px;
    border: solid 1px #ddd;
    border-radius: 10px;
    height: 350px;
}

.Sub_about .module04 .box01 figure{
    background-image: url(../img/about_img02.jpg);
    background-position: center;
    background-size: cover;
    width: 35%;
    height: 250px;
    border-radius: 10px 0px 10px 0px;
}

.Sub_about .module04 .box02 figure{
    background-image: url(../img/about_img03.jpg);
    background-position: center;
    background-size: cover;
    width: 35%;
    height: 250px;
    border-radius: 10px 0px 10px 0px;
}

.Sub_about .module04 .txt{
    width: 65%;
    padding: 5%;
}

.Sub_about .module04 .txt h4{
    font-size: 2.0rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.Sub_about .module04 .txt ul{
    align-items: center;
}

.Sub_about .module04 .txt ul li{
    list-style: none;
    margin-bottom: 10px;
    font-size: 2rem;
    display: flex;
}

.Sub_about .module04 .txt ul li p{
    border-bottom: 1px solid #ddd;
    line-height: 2em;
    width: 80%;
    font-size: 2rem;
}

.Sub_about .module04 .txt ul li span{
    margin-right: 10px;
    display: block;
    width: 20%;
    font-size: 2rem;
    border-bottom: 1px solid #ddd;
    line-height: 2em;
}

.Sub_about .module05 figure{
    text-align: center;
    margin-bottom: 20px;
}

.Sub_about .module05 h2{
    font-size: 3rem;
    text-align: center;
    margin-bottom: 60px;
}

.Sub_about .module05 table th.solid_bottom_none,
.Sub_about .module05 table td.solid_bottom_none{
    border-bottom: none;
}

.Sub_about .module06 table{
    margin-top: 20px;
}

.Sub_about .module06 table th,
.Sub_about .module06 table td{
    border-left: 1px solid #ddd;
}

.Sub_about .module06 table th.solid_left_none,
.Sub_about .module06 table td.solid_left_none{
    border-left: none;
}

.Sub_about .module06 table th.solid_bottom_none,
.Sub_about .module06 table td.solid_bottom_none{
    border-bottom: none;
}

.Sub_about .module06 p.txt_right{
    text-align: right;
    font-size: 1.8rem;
    margin-top: 20px;
}


/*--------------------- 産業廃棄物 ---------------------*/


.Sub_waste .module02 h2{
    font-size: 3.6rem;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: center;
}


.Sub_waste .module02 .box{
    align-items: start;
}

.Sub_waste .module02 figure{
    border: solid #D2D2D2 1px;
    border-radius: 10px;
    width: 40%;
    padding: 40px;
}

.Sub_waste .module02 figure img{
    width: 100%;
}

.Sub_waste .module02 .text{
    width: 60%;
    padding-left: 5%;
}

.Sub_waste .module02 .text p{
    margin-bottom: 30px;
}
.Sub_waste .module02 .text h4{
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 30px;
}
.Sub_waste .module03{
    background-color:#F5F5F5 ;
    padding: 60px 0px;
}

.Sub_waste .module03 .box{
    background-color: #fff;
    border-radius: 10px;
    padding: 0px 0px 0px 30px;
    align-items: center;
}

.Sub_waste .module03 .box .box_left{
    width: 60%;
    padding-right: 5%;
}

.Sub_waste .module03 .box .box_left h3{
    margin-top: 0px;
}

.Sub_waste .module03 .box ul.box_right{
    width: 40%;
}

.Sub_waste .module03 .box ul.box_right li{
    list-style: none;
    line-height: 0em;
}

.Sub_waste .module03 .box ul.box_right li img{
    width: 100%;
    height: auto;
}

.Sub_waste .module03 .box ul.box_right li:nth-child(1) img{
    border-radius: 0px 10px 0px 0px;
}

.Sub_waste .module03 .box ul.box_right li:nth-child(2) img{
    border-radius: 0px 0px 10px 0px;
}


/*--------------------- 車両紹介 ---------------------*/

.Sub_vehicles .main_content{
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
}

.vehicles_left{
    width: 65%;
    padding-right: 3%;
}

.vehicles_left figure{
    width: 100%;
}

.vehicles_left figure img{
    width: 100%;;
}

.vehicles_right{
    width: 35%;
}

.vehicles_right img{
    width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background-color: #FF0000;
}

.Sub_vehicles .common_table01 th,
.Sub_vehicles .common_table01 td{
    font-size: 1.6rem;
}

.bx-wrapper .bx-controls-direction a{
    z-index: 88;
}


.Sub_vehicles p.txt_deco{
    border: solid 1px #FF0000;
    display: inline-block;
    line-height: 1em;
    padding: 10px 20px;
    font-size: 1.6rem;
    color: #FF0000;
    border-radius: 40px;
  }


/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-top-1736152816 svg {
        width: calc(300% + 1.3px);
        height: 61px;
    }
}

.footer_img_area{
	margin-top: 120px;
}

.footer_img_area figure{
    background-image: url("../img/footer_illust_img.svg");
    background-repeat: no-repeat;
    height: 240px;
    width: 100%;
    background-position: center;
    background-size: contain;
}

.footer_img_area img{
	position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -125px;
    width: 700px;
    z-index: 10;
}

.contact_box_left{
	width: 420px;
}

.contact_box_left .top{
	border-bottom: 1px solid #fff;
    padding-bottom: 15px;
}

.contact_box_left .top p{
	color: #fff;
}

.contact_box_left .top a{
	font-size: 5.4rem;
    padding-left: 55px;
    font-family: "futura-pt", sans-serif;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
	line-height: 1;
}

.contact_box_left .top a:before{
	content: "";
    background-image: url(../img/Icon_fa-solid-phone.svg);
    width: 48px;
    height: 48px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 3px;
}


.contact_box_left .bottom{
	margin-top: 20px;
}

.contact_box_left .bottom a{
	line-height: 1;
}

.contact_box_left .bottom p{
	color: #fff;
	margin-top: 10px;
}

.contact_box_left .bottom a.mail{
	font-size: 3.2rem;
    font-family: "futura-pt", sans-serif;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
    line-height: 1;
    position: relative;
    padding-right: 40px;
}

.contact_box_left .bottom a.mail:after{
	content: "";
    background-image: url(../img/footer_contact_btn.svg);
    width: 35px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    right: -3px;
    top: -3px;
}

.contact_box_left .bottom figure{
	background: #fff;
    padding: 10px 14px;
    border-radius: 10px;
}

.contact_box_left .bottom figure img{
	width: 140px;
}

.link_box{
	width: 570px;
}

.link_box .F_link_2>li,
.link_box .F_link_3 li>a{
    font-size: 2rem;
    line-height: 2em;
    color: #fff;
}

.link_box .F_link_2 li ul.link_inner{
    border-left: solid 1px #fff;
    padding-left: 20px;
}

.link_box .F_link_3 li ul.link_inner{
    border-left: solid 1px #fff;
    padding-left: 20px;
}

.link_box .F_link_3 li ul.link_inner li{
    line-height: 2.0em;
}

a.akar_link{
    position: relative;
}

a.akar_link:before{
    position: absolute;
    content: '';
    background-image: url(../img/Icon_akar-link-out.svg);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    right: -31px;
    top: 5px;
    background-size: contain;
}


/*--------------------- お問い合わせ ---------------------*/

.Sub_contact p.contact_txt{
    text-align: center;
}

.form_inner {
    margin-top: 60px;
}

.form_inner li{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.form_inner h5{
    font-size: 2rem;
    font-weight: 600;
    width: 30%;
    display: flex;
    justify-content: space-between;
}

.form_inner .form_input{
    width: 70%;
    padding-left: 5%;
}

.form_inner h5 span.Required{
    color: #fff;
    background-color: #FF0000;
    display: inline-block;
    line-height: 1em;
    border-radius: 5px;
    padding: 5px 5px;
    margin-left: 10px;
}

.form_bottom{
    line-height: 1em;
}

.wpcf7-text,
.wpcf7-validates-as-required{
color: #FF0000;
    font-size: 1.6rem;
    line-height: 1.6em;
    padding: 10px 20px;
    border-radius: 5px;
    border: solid 1px #ddd;
    width: 100%;
}

.wpcf7-form-control-wrap{
    text-align: center;
    display: block;
    margin: 0 0 0 0;
}

.wpcf7-not-valid-tip{
    color: #ff0000!important;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-align: left;
}

.wpcf7-submit{
    background-color: #FF0000;
    color: #fff;
    border: none;
    padding: 20px 10px;
    width: 400px;
    display: block;
    margin: 0 auto;
    border-radius: 50px;
    margin-top: 30px;
    cursor: pointer;
}

.wpcf7 form.invalid .wpcf7-response-output{
    border-color: #ff0000!important;
    font-size: 2rem;
    padding: 15px;
    color: #ff0000;
    text-align: center;
}

/*--------------------- 採用情報 ---------------------*/

.Sub_recruit .module02 h2 {
    font-size: 3.6rem;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: center;
}

.Sub_recruit .module02 h2 span{
  color: #ff0000;
}

ul.recruit_List{
    justify-content: space-around;
    margin-top: 90px;
}

ul.recruit_List li{
    width: 49%;
    list-style: none;
    padding: 45px;
    border-radius: 10px;
    text-align: center;
}

ul.recruit_List li:nth-child(1){
    background-color: #FF0000;
}

ul.recruit_List li:nth-child(2){
    background-color: #8AB0CF;
}

ul.recruit_List li:nth-child(3){
    background-color: #3E3A39;
}

ul.recruit_List li h5{
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

ul.recruit_List li p{
    text-align: center;
    line-height: 1.4em;
    color: #fff;
}
ul.recruit_List li a{
    border: solid #fff 1px;
    padding: 10px 40px;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    margin-top: 35px;
    display: block;
    position: relative;
}

ul.recruit_List li a:before{
    position: absolute;
    content: '';
    background-image: url(../img/Icon_akar-link-out.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    right: 20px;
    top: 15px;
    background-size: contain;
}

ul.recruit_List li:nth-child(1):hover {
    background-color: #ff3333; /* 一段階明るい赤 */
    transition: background-color 0.3s;
}

ul.recruit_List li:nth-child(2):hover {
    background-color: #A9C7DF; /* 一段階明るい青 */
    transition: background-color 0.3s;
}

ul.recruit_List li:nth-child(3):hover {
    background-color: #575454; /* 一段階明るいグレー */
    transition: background-color 0.3s;
}

.slider02{
    margin-top: 60px;
    background-image: linear-gradient(0deg, rgba(247, 12, 12, 1) 45%, rgba(255, 255, 255, 1) 45%);
}

.slider02 img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
    border-radius: 10px;
}
.slider02 .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}


.arrow-prev,
.arrow-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    border: none;
    font-size: 2rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.arrow-prev {
  left: 30px;
  transform: rotate(-135deg);
}

.arrow-prev::before{
    background-color: #ddd;
    content: '';
    width: 100%;
    height: auto;
}

.arrow-next {
  right: 30px;
  transform: rotate(45deg);
}



.Sub_recruit .module03 .bgcolor_red{
    background-color: #FF0000; /* 背景色は親に設定 */
    position: relative;
    overflow: hidden;
    padding: 60px 0px 120px 0px;
    z-index: -10;
}

.Sub_recruit .module03 .bgcolor_red::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url(../img/ttk_recruit_bgimg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  mix-blend-mode: lighten;
  z-index: -1;
  pointer-events: none;
}




.Sub_recruit .module03 .recruit_start{
    justify-content: center;
    padding-top: 80px;
}

.Sub_recruit .module03 .speech-bubble {
    position: relative;
    background: #fff;
    border-radius: 50px;
    padding: 20px 30px;
    color: #2F2C2B;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.Sub_recruit .module03 .recruit_start img{
    width: 130px;
}


.Sub_recruit .module03 .speech-bubble:after {
    content: "";
    position: absolute;
    bottom: 40px;
    left: -20px;
    border-width: 20px 30px 20px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    display: block;
    width: 0;
    height: 0;
    transform: rotate(0deg);
}

.Sub_recruit .module03 .recruit_works {
    justify-content: space-between;
    margin-top: 60px;
}

.Sub_recruit .module03 .recruit_works li{
    background-color: #fff;
    list-style: none;
    width: 32%;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    align-items: center;
}

.Sub_recruit .module03 .recruit_works li figure{
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: flex;
}

.Sub_recruit .module03 .recruit_works li:nth-child(1) figure img{
    width: 50%;
    margin: 0 auto;
    display: block;
}

.Sub_recruit .module03 .recruit_works li:nth-child(2) figure img{
    width: 90%;
    margin: 0 auto;
    display: block;
}

.Sub_recruit .module03 .recruit_works li:nth-child(3) figure img{
    width: 70%;
    margin: 0 auto;
    display: block;
    padding-left: 10px;
}

.Sub_recruit .module03 .recruit_works li .txt{
    width: 100%;
    padding: 10px;
}

.Sub_recruit .module03 .recruit_works li .txt h5{
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.Sub_recruit .module03 .recruit_works li .txt h5 span{
    color: #FF0000;
}

.Sub_recruit .module03 .recruit_works li .txt p{
    font-size: 1.6rem;
    letter-spacing: -0.04rem;
}
.Sub_recruit .module03 .number_heading{
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 80px;
}

.Sub_recruit .module03 .number_heading figure{
    background-color: #fff;
    padding: 28px;
    border-radius: 30px;
}

.Sub_recruit .module03 .number_heading .txt{
    padding-left: 50px;
}

.Sub_recruit .module03 .number_heading .txt p{
    color: #fff;
}

.Sub_recruit .module03 .number_heading .txt h4{
    font-size: 4rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 12px;
}

.Sub_recruit .module03 h4.age_heading{
    color: #FF0000;
    font-size: 3.4rem;
    position: relative;
    padding: 0 65px;
    text-align: center;
    margin-top: 60px;
    font-weight: 600;
}

.Sub_recruit .module03 h4.age_heading:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #fff;
}

.Sub_recruit .module03 h4.age_heading span{
    position: relative;
    padding: 4px 1em;
    background: #fff;
}


    ul.panel-list {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      gap: 20px;
      margin-top: 60px;
    }

    ul.panel-list li {
      display: flex;
      width: calc(50% - 10px); /* 2列用 */
      border-radius: 12px;
        background-color: #fff;
        align-items: center;
    }

    .text-area {
      color: #fff;
      padding: 20px;
      width: 200px;
      box-sizing: border-box;
      text-align: center;
    }

    .text-area h2 {
      margin: 0 0 20px;
      font-size: 18px;
      background-color: #FF0000;
        color: #fff;
        padding: 10px;
        margin-left: -20px;
        font-weight: 600;
        font-size: 2rem;
        margin-top: 10px;
        line-height: 1em;
        padding-left: 30px;
    }

    .stat {
      background: #fff;
      color: #000;
      padding: 10px;
      margin-bottom: 10px;
      border-radius: 6px;
    }

    .stat .label {
      font-size: 1.8rem;
      font-weight: 600;
    }

    .stat .value {
      font-size: 5rem;
    font-weight: bold;
    color: #FF0000;
    font-family: "futura-pt", sans-serif;
    }

    .stat .unit {
      font-size: 18px;
      color: #FF0000;
    }

    .image-area {
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .image-area img {
      width: 100%;
      height: auto;
    }

.Sub_recruit .module03 .card {
        background: #f8f8f8;
        border-radius: 20px;
        padding: 30px;
        text-align: center;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        height: auto;
        display: flex;
        align-items: center;
    }

.Sub_recruit .module03 p.txt_right{
        color: #fff;
}

    .card .txt{
        width: 100%;
    }

    .card .txt .number_font{
    font-size: 9rem;
    font-weight: bold;
    color: #FF0000;
    font-family: "futura-pt", sans-serif;
    }

     .container {
        display: grid;
        grid-template-columns: 500px 2fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 20px;
    }

    .card h3 {
      margin: 0 0 10px;
    font-size: 2.4rem;
    font-weight: 600;
    }

    .main-text {
      font-size: 4rem;
      color: #FF0000;
      font-weight: bold;
    }

    .subtext {
      font-size: 14px;
      margin-top: 5px;
      color: #555;
    }

    .highlight {
      font-size: 48px;
      color: #FF0000;
    }

    .transport .item {
      font-size: 2.4rem;
      color: #FF0000;
        font-weight: bold;
    }

    .transport .item span {
      font-size: 36px;
      color: #FF0000;
    }

    .wide {
      grid-column: span 2;
    }

    .image-card {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .image-card img {
      width: 170px;
      height: auto;
    }

    /* 再配置 */
    .item1 { grid-column: 1; }
    .item2 { grid-row: 1;
    grid-column: 2 / 4; } /* 輸送量を横幅広く */
    .item3 { grid-column: 1; }
    .item4 { grid-column: 2; }
    .item5 { grid-column: 3; }


    .txt_right{
        text-align: right;
        font-size: 1.8rem;
        margin-top: 20px;
        color: #2F2C2B;
    }



.Sub_recruit .module04 .recurit_staff {
  display: grid;
grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.Sub_recruit .module04 .recurit_staff .card {
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  text-align: center;
  background: linear-gradient(130deg, rgba(252, 252, 252, 1) 70%, rgba(253, 243, 243, 1) 80%, rgba(254, 238, 238, 1) 90%, rgba(255, 229, 229, 1) 100%);
}

.Sub_recruit .module04 .recurit_staff .card .position{
    height: 250px;
}

.Sub_recruit .module04 .recurit_staff .card .txt{
    padding: 22px;
}

.Sub_recruit .module04 .recurit_staff .card .txt p{
    width: 100%;
}

.Sub_recruit .module04 .recurit_staff .photo {
     width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 1rem;
    border-radius: 42px 42px 0px 0px;
}

.Sub_recruit .module04 .recurit_staff .tag {
    background: #ff0000;
    color: #fff;
    padding: 0.5em;
    display: inline-block;
    font-size: 1.85rem;
    line-height: 1em;
    position: absolute;
    left: 0;
    bottom: 0;
}

.Sub_recruit .module04 h2 {
    font-size: 4.4rem;
    font-weight: 600;
    width: 25%;
    line-height: 0.75em;
    text-align: right;
    padding-right: 40px;
    padding-top: 7px;
}

.Sub_recruit .module04 .mt-120 p {
    width: 75%;
}

.Sub_recruit .module04 ul.recruit_List li p{
    width: 100%;
}

.Sub_recruit .module04 h2 span{
    color: #FF0000;
    font-size: 2.0rem;
    font-family: "futura-pt", sans-serif;
}

.Sub_recruit .module04 h3 {
  font-size: 2.6rem;
    color: #2F2C2B;
    margin: 0.5rem 0;
    text-align: left;
    line-height: 1.4em;
}


.Sub_recruit .module04 .footer {
    font-size: 1.45rem;
    text-align: right;
    display: block;
    margin-top: 20px;
}


.Sub_recruit .module04 .slider02{
    background-image: none;
}


@media screen and (max-width: 1200px) {

    .back_white{
        top: 70px;
    }

    .header_sp{
        display: flex;
        transition: all .3s;
        position: sticky;
        top: 0;
        width: calc(100%);
        z-index: 99;
        height: 70px;
        background-color: #fff;
        box-shadow: 0 0 16px rgba(0, 0, 0, .06);
        align-items: center;
    }

    .header_sp h1 a{
        display: block;
        text-decoration: none;
        width: 130px;
        height: 40px;
        will-change: transform;
        -webkit-transition: all .3s;
        transition: all .3s;
        overflow: hidden;
        text-indent: 105%;
        white-space: nowrap;
        position: relative;
        left: 13px;
    }

    .header_sp h1 a:before {
        background: url(../img/ttk_head_logo.svg) center / contain no-repeat;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }


#g-nav{
    position:fixed;
    z-index: 90;
	top:-120%;
    left:0;
	width:100%;
    height: 100vh;
	background:#FF0000;
	transition: all 0.6s;
}

#g-nav.panelactive{
    top: 0;
}

#g-nav.panelactive #g-nav-list{
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#g-nav .position {
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 90vw;
    height: auto;

}

#g-nav .position .inner{
    background-color: #fff;
    padding: 30px 0px;
}

#g-nav .position h1.menu a{
    width: 230px;
    height: auto;
    display: block;
    margin: 0 auto;
    left: 0;
    margin-bottom: 20px;
}

#g-nav .position ul{
    padding: 0px 10px;
    margin-bottom: 20px;
}

#g-nav .position ul.F_link_1{
    display: flex;
    flex-wrap: wrap;
}

#g-nav .position ul.F_link_1 li{
    width: 100%;
    display: flex;
    justify-content: center;
}

#g-nav .position ul li a{
    font-size:1.6rem ;
    line-height: 1em;
}

#g-nav .position ul li a.akar_link:before{
    position: absolute;
    content: '';
    background-image: url(../img/Icon_akar-link-out_black.svg);
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    right: -17px;
    top: 10px;
}

#g-nav .position .flex{
    align-items: baseline;
    margin-left: 10px;
    justify-content: center;
}

#g-nav li{
	list-style: none;
    text-align: left;
}

#g-nav .position .F_link_2>li{
    font-size:1.6rem ;
    line-height: 2.8rem;
}

#g-nav .position .F_link_2 li ul.link_inner{
    border-left: solid 1px #3E3A39;
    padding-left: 10px;
}

#g-nav .position .F_link_3 li ul.link_inner{
    border-left: solid 1px #3E3A39;
    padding-left: 10px;
}


#g-nav .position .contact_box .top{
    text-align: center;
}

#g-nav .position .contact_box .top .flex{
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 0px;
}

#g-nav .position .contact_box .top .flex p{
    width: 100%;
    text-align: center;
}


#g-nav .position .contact_box .top a{
    font-size: 3.2rem;
        font-family: "futura-pt", sans-serif;
        text-decoration: none;
        display: block;
        margin-top: 5px;
        line-height: 1;
        text-align: center;
        margin-bottom: 15px;
        padding-left: 15px;
        display: inline-block;
        width: 360px;
}

#g-nav .position .contact_box .top a:before{
    content: "";
    background-image: url(../img/Icon_fa-solid-phone_black.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 45px;
    top: 0px;
}

#g-nav .position .contact_box .bottom{
    text-align: center;
}

#g-nav .position .contact_box .bottom>p{
    text-align: center;
}

#g-nav .position .contact_box .bottom a.privacy_link{
    font-size: 1.6rem;
    line-height: 1em;
    margin-top: 45px;
    display: block;
}

#g-nav .position .contact_box .bottom .flex{
    margin-left: 0px;
}

#g-nav .position .contact_box .bottom a.mail{
    background-color: #FF0000;
    color: #fff;
    text-decoration: none;
    font-size: 2.0rem;
    margin: 0 auto;
    padding: 22px 65px 22px 50px;
    font-size: 3.2rem;
    font-family: "futura-pt", sans-serif;
    border-radius: 10px;
    margin-bottom: 10px;
}

#g-nav .position .contact_box .bottom a.mail:after{
    content: "";
    background-image: url(../img/footer_contact_btn.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 25px;
    top: 22px;
}

#g-nav li a{
	color: #122131;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
    text-decoration: underline;
}

.openbtn{
	position:fixed;
    z-index: 9999;
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
    background-color: #FF0000;
    border-radius: 10px;
}

.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #fff;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

header{
    display: none;
}

    #TOP .module02 img.illust01{
        left: 0;
    }

    #TOP .module02 img.illust02{
        right: 0;
    }

    #TOP .module03 .service_link ul{
        border-radius: 15px 15px 0px 0px;
    }

    #TOP .module03 .service_link_car a{
        width: 100%;
    }

    #TOP .module03 .service_link_car img.deco01{
        position: absolute;
        left: inherit;
        bottom: -50px;
        right: 50px;
        z-index: 10;
    }

    footer .flex {
        justify-content: space-around;
    }

    .footer_img_area figure{
        background-size:cover;
    }
}
    @media screen and (max-width: 950px) {
        #TOP .module01 h1.text_01{
            font-size: 4rem;
            top: 60px;
             left: 30px;
        }

        #TOP .module01 h1.text_02{
            font-size: 4rem;
            top: 110px;
            left: 30px;
        }



    }

    @media screen and (max-width: 767px) {


        p{
            font-size: 1.6rem;
            line-height: 1.8em;
        }

        .nobr{
            display: none;
        }

        .mt-120{
            margin-top: 60px;
        }

        .common_link01{
            width: 100%;
            text-align: center;
        }

        .common_table01 th,
        .common_table01 td{
            font-size: 1.6rem;
        }


        .cargo_bnr{
            padding: 0px 20px;
            margin-top: 100px;

        }

        .cargo_bnr .inner_800{
            flex-wrap: wrap;
            height: auto;
        }


        .cargo_bnr .inner_800 figure{
            width: 100%;
        }

        .cargo_bnr .inner_800 figure img{
            border-radius: 10px 10px 0px 0px;
        }

        .cargo_bnr .inner_800 .txt_area{
            width: 100%;
            padding: 20px;
        }

        #TOP .module01 figure{
            width: 100%;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }



        #TOP .module01 figure img{
            width: 140%;
        }

        h2.ttk_en_title{
            font-size: 3.0rem;;
        }

        h3.ttk_copy {
            font-size: 2.3rem;
        }


        #TOP .module02 .ttk_en_title{
            padding-left: 10px;
        }

        #TOP .module02 .ttk_en_title:before {
            width: 15px;
            height: 20px;
            left: -15px;
            top: 9px;
            background-size: 100%;
        }

        #TOP .module01 h1.text_01{
            font-size: 2.8rem;
            top: 30px;
            left: 28px;
            max-width: 80%;
        }

        #TOP .module01 h1.text_02{
            font-size: 2.8rem;
            top: 70px;
            left: 28px;
            max-width: 80%;
        }

        #TOP .module02{
            margin-top: 40px;
        }

        #TOP .module02 .txt{
            width: 100%;
        }

        #TOP .module02 .txt p{
            width: 100%;
        }

        #TOP .module02 img.illust01{
            width: 75px;
            right: 10px;
            bottom: -250px;
            left: inherit;
        }

        #TOP .module02 img.illust02{
            width: 100px;
            right: 25px;
        }

        #TOP .module03{
            padding-top: 90px;
            padding-bottom: 0px;
        }


        #TOP .module03 figure{
            width: 190px;
        }

        #TOP .module03 figure.service_box{
            width: 100%;
            margin-bottom: 0px;
        }

        #TOP .module03 figure.service_box img{
            aspect-ratio: 280 / 200;
        }

        #TOP .module03 .service_link{
            margin: 0 -20px;
            margin-top: 15px;
        }

        #TOP .module03 .service_link ul{
            padding: 15px 15px 15px 15px;
            border-radius: 0px;
        }

        #TOP .module03 .service_link ul li{
            width: 49%;
        }

        #TOP .module03 .service_link_car a{
            padding: 0px 15px 15px 15px;
            border-radius: 0px;
        }

        #TOP .module03 .service_link_car a p{
            bottom: 15px;
        }

        #TOP .module03 div.flex{
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }

        #TOP .module03 figure{
            margin-bottom: 20px;
        }

        #TOP .module03 h2.ttk_en_title{
            padding-left: 30px;
        }

        #TOP .module03 h2.ttk_en_title:before{
            width: 15px;
            height: 20px;
            background-size: 100%;
            left: 4px;
            top: 8px;
        }

        #TOP .module03 .service_link ul li a p{
            font-size: 1.2rem;
            width: 140px;
        }



        #TOP .module03 .service_link ul li a p:before{
            font-size: 20px;
        }

        #TOP .module03 .service_link_car a p{
            font-size: 1.2rem;
            width: 140px;
        }

        #TOP .module03 .service_link_car img.deco01{
            width: 110px;
            right: 15px;
            bottom: -100px;
        }

        #TOP .module02 img.illust02{
            width: 100px;
            right: 25px;
        }

        #TOP .module03 figure.service_box02{
            width: 100%;
            height: 100%;
        }

        #TOP .module03 .service_link_car a img{
            height: 100%;
        }

        #TOP .module04{
            margin-bottom: 120px;
        }

        #TOP .module04 p{
            margin-top: 20px;
        }

        #TOP .module04 .Back_img{
            height: 380px;
        }

        #TOP .module04 h2.ttk_en_title{
            padding-left: 10px;
        }

        #TOP .module04 h2.ttk_en_title:before{
            width: 15px;
            height: 20px;
            left: 35px;
            top: 9px;
            background-size: 100%;
        }


        #TOP .module04 .Back_img{
            height: 380px;
            background-position-x: left;
        }

        #TOP .module04 .Back_img .txt p{
            width: 100%;
        }

        #TOP .module04 ul.company_btn{
            width: 100%;
        }

        #TOP .module04 ul.company_btn{
            justify-content: space-evenly;
        }


        #TOP .module04 ul.company_btn li{
            width: 44%;
        }
        #TOP .module04 ul.company_btn li a p{
            font-size: 1.5rem;
        }

        #TOP .module05 a.recruit_btn .top .txt h2{
            padding-left: 25px;
        }

        #TOP .module05 a.recruit_btn .top .txt h2:before{
            width: 15px;
            height: 20px;
            background-size: 100%;
            top: 5px;
        }

        #TOP .module05 a.recruit_btn .top .txt h3{
            margin-top: 18px;
        }

        #TOP .module05 a.recruit_btn .top{
            flex-wrap: wrap;
        }

        #TOP .module05 a.recruit_btn .top .txt{
            width: 100%;
        }

        #TOP .module05 a.recruit_btn .top img.pc{
            display: none;
        }

        #TOP .module05 a.recruit_btn .top img.sp{
            width: 100%;
            display: block;
        }

        #TOP .module05 a.recruit_btn .top .txt h3{
            font-size: 2.3rem;
        }

        #Sub .module01 h2{
            font-size: 2.5rem;
        }

        .Sub_warehouse .module02 {
            margin-top: 60px;
        }

        .Sub_warehouse .module02 ul{
            height: 320px;
        }

        .Sub_warehouse .module02 p{
            margin-bottom: 20px;
        }

        .Sub_warehouse .module02 figure{
            width: 100%;
            margin-bottom: -1%;
        }
        .Common_list li{
            margin-right: 10px;
        }
        .Sub_cargo .module02{
            margin-top: 60px;
        }

        .Sub_cargo .module02 h2{
            font-size: 2.6rem;
            text-align: left;
        }

        .Sub_cargo .module02 p{
            text-align: left;
        }

        .Sub_cargo .module02 .box .flex{
            flex-wrap: wrap;
            align-items: end;
        }

        .Sub_cargo .module03 .flex{
            flex-wrap: wrap;
        }

        .Sub_cargo .module03 .txt{
            width: 100%;
        }

        .Sub_cargo .module03 figure.img{
            width: 100%;
            margin-top: 30px;
        }


        .Sub_cargo .module02 .box .flex h4 {
            margin-left: inherit;
            margin-top: 20px;
        }

        .Sub_cargo .module02 .column2_box figure{
            width: 100%;
        }

        .Sub_cargo .module02 .column2_box .box{
            width: 100%;
            flex-wrap: wrap;
        }

        .Sub_cargo .module02 .column2_box .box .box_left{
            width: 100%;
        }

        .Sub_cargo .module02 .column2_box .box img{
            height: auto;
        }

        .breadCrumb{
            margin-top: 40px;
        }

        .breadCrumb li,
        .breadCrumb li a{
            font-size: 1.2rem;
        }

        .Sub_warehouse .module02 h3{
            font-size: 2.6rem;
        }

        .Sub_privacy .module02 ul li{
            font-size: 1.6rem;
        }

        .Sub_safety .module02 .flex{
            flex-wrap: wrap;
        }

        .Sub_safety .module02 figure{
            width: 100%;
            text-align: center;
            margin-bottom: 14px;
        }

        .Sub_safety .module02 figure img{
            width: 50%;
        }

        .Sub_safety .module02 p{
            width: 100%;
        }

        .Sub_safety .Box_gray .flex{
            flex-wrap: wrap;
        }

        .Sub_safety .Box_gray ul li{
            font-size: 1.6rem;
        }

        .Sub_safety .Box_gray ul.List01 li:last-child{
            border-bottom: dotted 1px #3E3A39;
        }

        .Sub_safety .Box_gray ul.List01,
        .Sub_safety .Box_gray ul.List02{
            width: 100%;
        }

        .Sub_safety .Box_gray .flex{
            padding: 25px 0px;
        }

        .Sub_safety .module04 .flex{
            flex-wrap: wrap;
        }

        .Sub_safety .module04 figure{
            width: 100%;
            margin-bottom: 20px;
        }

        .Sub_safety .module04 p{
            width: 100%;
            padding-left: 0px;
        }

        .Sub_safety .List03{
            flex-wrap: wrap;
        }

        .Sub_safety .List03 li{
            width: 100%;
        }

        .Sub_safety .List03 li p.txt_bottom{
            font-size: 1.4rem;
        }






        .Sub_about .module02 h2{
            font-size: 2.6rem;
        }


        .Sub_about .module02 .flex{
            flex-wrap: wrap;
        }

        .Sub_about .module02 table{
            width: 100%;
            margin-right: 0%;
        }

        .Sub_about .module02 figure{
            width: 100%;
            margin-top: 20px;
        }

        .Sub_about .module04 .box{
            flex-wrap: wrap;
            height: auto;
        }

        .Sub_about .module04 .box figure{
            width: 100%;
            height: 200px;
            border-radius: 10px 10px 0px 0px;

        }
        .Sub_about .module04 .txt{
            width: 100%;
            padding: 5%;
        }

        .Sub_about .module04 .txt ul li span{
            font-size: 1.6rem;
        }

        .Sub_about .module04 .txt ul li p{
            font-size: 1.6rem;
        }

        .Sub_about .module05 h2{
            font-size: 2.6rem;
        }

        .Sub_about .module05 .common_table01 th,
        .Sub_about .module05 .common_table01 td{
            width: 100%;
            display: block;
        }

        .Sub_about .module05 .common_table01 td a.tel,
        .Sub_about .module05 .common_table01 td a.link{
            font-size: 1.6rem;
        }

        .Sub_about .module06 p.txt_right{
            font-size: 1.6rem;
        }

        .Sub_about .module06 h4{
            margin-top: 40px;
        }
        .Sub_waste .module02 .box{
            flex-wrap: wrap;
        }


        .Sub_waste .module02 h2{
            font-size: 2.6rem;
            text-align: left;
        }

        .Sub_waste .module02 p{
            text-align: left;
        }

        .Sub_waste .module02 .box figure{
            width: 100%;
            margin-bottom: 20px;
        }

        .Sub_waste .module02 .text{
            width: 100%;
            padding-left: 0px;
        }

        .Sub_waste .module03 .box{
            flex-wrap: wrap;
            padding: 15px;
        }

        .Sub_waste .module03 .box .box_left h3{
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .Sub_waste .module03 .box .box_left{
            width: 100%;
            padding-right: 0px;
        }

        .Sub_waste .module03 .box ul.box_right{
            width: 110%;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: -15px;
            margin-left:-15px;
            margin-right:-15px;
        }

        .Sub_waste .module03 .box ul.box_right li{
            width: 50%;
            margin-top: 20px;
        }

        .Sub_waste .module03 .box ul.box_right li:nth-child(1) img{
            border-radius: 0px 0px 0px 10px;
        }

        .sidebar{
            width: 100%;
        }

        .Sub_vehicles .main_content{
            width: 100%;
        }

        .widget ul li{
            display: inline-block;
            margin-bottom: 10px;
            border: solid 1px #ddd;
            border-radius: 10px;
            margin-right: 4px;
            width: 49%;
            margin-right: 1%;
        }

        .widget ul li:nth-child(2n){
            margin-right: 0;
        }

        .widget + .widget{
            margin-bottom: 30px;
        }
        .vehicles_left{
            width: 100%;
            padding-left: 0%;
        }

        .vehicles_right{
            width: 100%;
            text-align: center;
            margin-top: 40px;
        }
        .vehicles_right img{
            width: 60%;
        }

        .Sub_vehicles .module02 .flex{
            flex-wrap: wrap;
            justify-content: space-between;
            width: 98%;
            margin: 10px auto;
        }

        .common_table01{
            margin-right: 0;
        }

        .spbr{
            display: block;
        }


        footer {
            padding-top: 80px;
        }

        .footer_img_area {
            margin-top: 10px;
        }

        .footer_img_area img{
            width: 80%;
            bottom: -55px;
        }

        footer .flex{
            flex-wrap: wrap;
        }

        footer{
            padding-bottom: 10px;
        }

        footer a{
            text-decoration: none;
        }

        .footer_img_area figure{
            background-size: 300%;
        }

        .contact_box_left .top a {
            font-size: 3.8rem;
        }

        .contact_box_left .bottom p{
            text-align: center;
        }

        .contact_box_left .top a:before{
            width: 35px;
            height: 35px;
            left: 12px;
            top: 0px;
        }
        .contact_box_left .bottom a.mail{
            margin-top: 20px;
        }

        footer .link_box .F_link_1{
            width: 100%;
        }

        footer .link_box .F_link_1 li{
            border-bottom: 1px #fff dashed;
            padding: 5px 0px;
        }

        footer .link_box .F_link_2{
            width: 100%;
            margin-top: 20px;
        }

        footer small{
            text-align: center;
        }

        .form_inner li{
            flex-wrap: wrap;
        }

        .form_inner h5{
            width: 100%;
            margin-bottom: 10px;
        }
        .form_inner .form_input{
            width: 100%;
            padding-left: 0px;
        }

        .wpcf7-submit{
            width: 100%;
        }

        .Sub_cargo .module03 .txt h3{
            margin-top: 30px;
        }

        ul.recruit_List{
            flex-wrap: wrap;
            margin-top: 40px;
        }

        ul.recruit_List li{
            width: 100%;
            padding: 20px;
            margin-bottom: 10px;
        }

        ul.recruit_List li a{
            margin-top: 15px;
        }

        .Sub_recruit .module03 .recruit_works{
            flex-wrap: wrap;
        }

        .Sub_recruit .module03 .recruit_works li{
            width: 100%;
        }

        .Sub_recruit .module03 .number_heading{
            flex-wrap: wrap;
        }

        .Sub_recruit .module03 .number_heading figure{
            width: 100%;
        }

        .Sub_recruit .module03 .number_heading .txt{
            width: 100%;
            padding-left: 0px;
            margin-top: 20px;
        }

        .Sub_recruit .module03 .number_heading .txt h4{
            font-size: 3.0rem;
        }

        .container{
            display: block;
        }

        .Sub_recruit .module03 .recruit_start{
            padding-top: 30px;
        }

        ul.panel-list{
            flex-wrap: wrap;
        }

        ul.panel-list li{
            width: 100%;
        }

        .card .txt .number_font{
            font-size: 6rem;
        }

        .Sub_recruit .module03 .card{
            margin-bottom: 10px;
        }

        .Sub_recruit .module04 .mt-120{
            flex-wrap: wrap;
        }

        .Sub_recruit .module04 h2{
            width: 100%;
            text-align: left;
            font-size: 3.4rem;
        }

        .Sub_recruit .module04 .mt-120 p{
            width: 100%;
        }

        .Sub_recruit .module04 .recurit_staff{
            display: flex;
            flex-wrap: wrap;
        }

        .text-area{
            padding: 10px;
            width: 60%;
        }

        .image-area{
            width: 50%;
            padding: 0px 20px 0px 0px;
        }

        .sidebar .widget--sticky {
      display: none; /* 最初は隠す */
    }

    .accordion-toggle {
      display: block;
      width: 100%;
      padding: 1em;
      background: #FF0000;
      color: white;
      font-size: 1.5rem;
      border: none;
      cursor: pointer;
      text-align: left;
    }

    .accordion-toggle.open::after {
      content: "▲";
      float: right;
    }

    .accordion-toggle::after {
      content: "▼";
      float: right;
    }

    .back_white{
        top:50px;
    }
    .widget ul li a{
        font-size: 1.25rem;
        letter-spacing: -0.05em;
    }

    #TOP .module03 p strong{
    font-size: 1.8rem;
}
  }

    /* PCではトグルボタンを非表示 */
  @media (min-width: 769px) {
    .accordion-toggle {
      display: none;
    }
  }