@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 基本の共通フォント */
body {
	font-weight:500;
}

/* ディスプレイ表示切り替え（ユーティリティ） */
@media (min-width: 600px) {
  .u-sp {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .u-pc {
    display: none !important;
  }
}

/* header用 電話番号リンク */
.c-header-tel {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 1.875em;
  color: #2C2A93;
	cursor: pointer;
	white-space:nowrap;
}

/* CTA用 電話番号リンク */
.custom-telLink--cta {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
	cursor: pointer;
	white-space:nowrap;
}

/* 英字スタイル*/
.u-text-en {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

/* 黄色マーカーでの囲い*/
.custom-text_yellowMarker {
	width:fit-content;
	margin-inline:auto;
	padding:0px 1em;
	background:#ffee07;
	@media (max-width: 599px){
		width:100%;
	}		
} 

/* 横並びの共通gapスタイル */
.custom-flexRowWrapper {
	gap:0.5em 1em;
	flex-wrap:wrap;
	align-items:center;
	
	@media (max-width: 599px){
		gap:0em 1em;
	}
}

/* SPのみテキストを左寄せ*/
@media screen and (max-width: 599px) {
	.custom_textAlignLeft--spOnly {
		text-align:left!important;
	}
}

/* SWELLボタンを黄色に */
.custom-buttonYellow a {     
  color: #333 !important;               
}

/* 見出しスタイル（カスタム・ノーマル）*/
.post_content h2.c-customSectionTitle--normal {
  font-size: min(40px, 6vw);
  font-weight: 700;
	line-height:1.6;
	letter-spacing:0.03em;
	margin: 0em 0em;
}

/* 見出しスタイル（カスタム・ミニ）*/
.post_content h2.c-customSectionTitle--mini {
	font-size: min(32px, 6vw);
	font-weight: 700;
	line-height:1.6;
	letter-spacing:0.03em;
	margin: 0em 0em;
}
/* SWELLデフォルトのページタイトル*/
.c-pageTitle {
	font-size: min(32px, 6vw)!important;
}

/* ブルーグラデーション背景 */
.bg-gradient-blue {
  background: -webkit-gradient(linear, left top, left bottom, from(#2c2a93), to(#0d69dc));
  background: linear-gradient(180deg, #2c2a93 0%, #0d69dc 100%);
}

/* ボタン内を自動改行させない*/
.swell-block-button {
	white-space:nowrap;
}

/* ヘッダー（最大幅）カスタム*/
.l-header__inner.l-container ,
.l-fixHeader__inner.l-container {
	max-width:100%;
}

/* MV動画の位置調整 */
.p-mainVisual__video {
	height:80vw;
	max-height:800px;
    object-fit: cover;
    object-position: center bottom !important;
}

/* MVデコレーションテキスト「YUSEI TRANSPORT」 */
.mv-decoration-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 0;
  overflow: visible;
  z-index: 10;
  pointer-events: none;
}

/* 装飾テキスト本体 */
.mv-decoration-text {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-30%);
  margin: 0;
  color: #ffee07;
  font-size: min(12vw, 128px);
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
  opacity: 1;
  white-space: nowrap;
	
	@media screen and (max-width: 599px) {
		transform: translateY(-22%);
	}	
}

/*TOP 採用情報 セクション背景*/
@media screen and (max-width: 599px) {
	.swell-block-fullWide.has-bg-img.custom-topRecruitSection {
		background-position:0%;
	}
}

/*TOP 採用情報 白ボックス*/
.custom-topRecruit_container {
	padding-block: 3.5em!important;
}

/*TOP 採用情報メリットグループ*/
.custom-topRecruit_meritLists {
	align-items:center;
	justify-content:center;
	display:flex;
	flex-wrap:wrap;
	gap:0.4em 1em;
}

/*TOP 採用情報メリットグループアイテム*/
.custom-topRecruit_meritItem {
	padding: 0.2em 0.8em;
	background: -webkit-gradient(linear, left top, left bottom, from(#2c2a93), to(#0d69dc));
  background: linear-gradient(180deg, #2c2a93 0%, #0d69dc 100%);
	color:#fff;
	display:inline-block;
}

/*TOP 採用情報 職種アイコングループ*/
.custom-topRecruit_iconLists {
	max-width: 600px;
	justify-content:center;
	margin-inline: auto;
}

/* TOP 事業案内 左右コンテナ */
.custom-topServise_container {
	gap:4em;
	
	@media (max-width: 599px){
		gap:2em;
	}
}
/* TOP 事業案内 左右コンテナ テキストコンテンツ */
@media (max-width: 600px) {
 .custom-topServise_container .is-style-broken.is-stacked-on-mobile .wp-block-media-text__content {
    margin: -2em 0 0 !important;
  }
}

/* TOP 事業案内 斜め背景（親要素） */
.custom-topServise_slant {
    position: relative;
    z-index: 1; 
    overflow: hidden;
    background: transparent;
}

/* TOP 事業案内 斜め背景（疑似要素） */
.custom-topServise_slant::before,
.custom-topServise_slant::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #EAF3FF;
    z-index: -1;
}

/* TOP 事業案内 斜め背景（上） */
.custom-topServise_slant::before {
    top: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 30%, 0 66%);
	height:600px;
}

/* TOP 事業案内 斜め背景（下） */
.custom-topServise_slant::after {
    bottom: 0;
    height: 700px;
    clip-path: polygon(0 0%, 100% 30%, 100% 100%, 0 100%);
}

@media (max-width: 599px){
	.custom-topServise_slant::before{
		height: 300px;
		clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 100%);
	}
	
	.custom-topServise_slant::after {
		height: 800px;
		clip-path: polygon(0 0%, 100% 20%, 100% 100%, 0 100%);
	}
}

/*下層 採用ページ メニューボタン*/
.custom-recruitMenu .swell-block-button__link {
	padding-inline:0.5em;
	
	@media (max-width: 599px){
		font-size: min(14px ,0.9em);
	}
}

/*下層 採用ページ 採用種別*/
.custom-recruit_types {
 	padding: 0.1em 0.8em;
	border: 2px solid #2C2A93;
	display:inline-block;
}

/*下層 採用ページ ドライバー種別*/
.custom-recruit_driverWrapper {
	gap:0.5em 1em;
	flex-wrap:wrap;
	align-items:center;
	
		@media (max-width: 599px){
		gap:0.4em 1em;
	}
}
.custom-recruit_driverTypes {
 	padding: 0.1em 0.8em;
	display:inline-block;
	background:#EAF3FF;
}

/* 下層 採用ページ 斜め背景（キャリアアップ） */
.custom-recruit_slant {
    position: relative;
    z-index: 1; 
    overflow: hidden;
    background: transparent;
}
.custom-recruit_slant::before {
    content: "";
    position: absolute;
	inset:0;
    background-color: #EAF3FF;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0%, 100% 20%, 0 60%);
	
	@media (max-width: 599px){
		clip-path: polygon(0 0, 100% 0%, 100% 10%, 0 22%);
	}
}

/*下層 採用ページ タブ切り替えボタン（SP） */
.c-tabList__button {
	line-height:1.6;
}

/*下層 お問い合わせページ　ラジオボタン */
.smf-form .smf-radio-button-control {
	align-items: center;
}

/*下層 お問い合わせページ　SWELLのデフォルトのinputをリセット */
.smf-form .smf-radio-button-control input {
	padding:0;
}

/*下層 お問い合わせページ　ラジオボタンの形 */
.smf-form .smf-radio-button-control__control {
	margin-top:0;
	width:1em;
	height:1em;
	aspect-ratio:1;
}

/*下層 お問い合わせページ　ラジオボタンの色 */
.smf-form .smf-radio-button-control__control:checked {
    background-color: #2c2a93;
    border-color: #2c2a93;
}

/*下層 お問い合わせページ　ラベル背景 */
.smf-form--business .smf-item__col--label {
	background:#EAF3FF;
}
/* 下層 お問い合わせページ SWELLのデフォルトのプログレスバーについた余白をリセット */
.smf-progress-tracker {
	padding-left:0!important;	
}

/* 下層 お問い合わせページ プログレスバーの数字の背景 */
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__number {
	background:#2c2a93;
}

/* 下層 お問い合わせページ ボタン */
.smf-action .smf-button-control__control {
	background:#2c2a93;
	color:#fff;
}

/* フッターカスタム*/
.l-footer {
  background: -webkit-gradient(linear, left top, left bottom, from(#2c2a93), to(#0d69dc));
  background: linear-gradient(180deg, #2c2a93 0%, #0d69dc 100%);
}

.w-footer {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.w-footer__box {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

@media (max-width: 959px) {
	.w-footer__box .widget_media_image {
		text-align:center;
	}
}

.footerNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 959px) {
  .footerNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}