@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
css変数
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
	--slick_side_margin:15px;/*slik内の要素の左右の余白。*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用css
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*文章を1行に制限*/
.limit_txt01{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*文章を複数行に制限*/
.limit_txt02{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*2行*/

}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　ベーシックテーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*線の重複があったため修正(2023-05-17og)*/
.basic_table01 table tr > td:first-child {
	background-color:  var(--base-2);
}

/*Gutenbergのテーブルでは一列目をthにできないため見出しは下記で装飾*/
.basic_table01 tr > td:first-child {
	background-color:  var(--base-2);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > タイムライン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sgb-tl-item__marker {
    border: 3px solid var(--main);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*プロモ画像下のチャイルドナビ*/
.h_child_navi ul.child_navi a {
	background-color: var(--h-child-navi-bg);
	color: var(--main);
}

.h_child_navi ul.child_navi a:hover,
.h_child_navi ul.child_navi li[class*='current'] a {
	background: var(--main);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > カルーセル（共通）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id*="carousel"] .slick-slider .slick-list {
    overflow: visible;
}

[id*="carousel"] .slick-slider .slick-slide {
    margin:0 var(--slick_side_margin)!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > カルーセル（全画面）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#carousel_full .slick-slider .slick-list {
	margin-left: calc(var(--slick_side_margin) * -1);
}

/*矢印*/
#carousel_full .slick-next {
    right: var(--slick_side_margin);
}

#carousel_full .slick-prev {
    left: auto;
    right: 70px;
}

#carousel_full :is(.slick-prev, .slick-next) {
    top: -70px;
    width: auto;
    height: auto;
}

#carousel_full :is(.slick-prev, .slick-next)::before {
    content: '\ea3c'!important;
    font-family: "icomoon";
    font-size: 17px;
    font-weight: normal;
    color: var(--main)!important;
	width: 45px;
    height: 45px;
    border: 2px solid var(--main);
    border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
}

#carousel_full .slick-prev::before{
	transform: scale(-1, 1);
}

#carousel_full :is(.slick-prev,.slick-next):not(.slick-disabled):before {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > カルーセル（2カラム）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#carousel_2col .area_b {
    overflow-x: clip;
}

/*矢印*/
#carousel_2col :is(.slick-prev,.slick-next) {
    width: auto;
    height: auto;
    top: calc(100% + 40px);
    z-index: 1;
}

#carousel_2col .slick-prev{
	left: 0;
}

#carousel_2col .slick-next {
	right: 0;
}

#carousel_2col :is(.slick-prev,.slick-next):before {
    content: '\e917'!important;
    font-size: 45px;
    font-family: 'icomoon';
    display: block;
	color: var(--main)!important;
}
#carousel_2col :is(.slick-prev,.slick-next):not(.slick-disabled):before{
    opacity: 1;
	
}

#carousel_2col .slick-prev:before {
    transform: scale(-1, 1);
}

/*インジケーター*/
#carousel_2col ul.slick-dots {
	bottom: -40px;
}

#carousel_2col .slick-dots li button:before {
    color: #a0a0a0;
    opacity: 1;
    font-size: 10px;
}


#carousel_2col .slick-dots li.slick-active button:before {
    color: var(--main);
    opacity: 1;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*==================================================
　5-2-6 3本線が回転して×に
===================================*/

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  background:#ffffff;
  cursor: pointer;
    width: 50px;
    height:50px;
  border-radius: 5px;
}

/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background: #F26F6F;
  }


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

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

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

/*activeクラスが付与されると線が回転して×になる*/

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-135deg);
    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(135deg);
    width: 30%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
疑似要素　2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gijiyouso .ttl::before {
	content: url(https://infinity-wall.jp/wordpress/wp-content/themes/cyber-child/images/feature_ttl01.png);
	position: absolute;
	top: -105px; left: -95px;
	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーリーハウス　2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#horyhouse .ttl::before {
	content: "Reason01";
	position: absolute;
	top: -105px;
	color: #FF591E;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 50px;
	z-index: 3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビニカ　2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#binika .ttl::before {
	content: url(https://vinika.co.jp/wordpress/wp-content/uploads/2022/06/mission_txt.png);
	position: absolute;
	top: -300px; left: -350px;
}

#binika .ttl{
	font-size: clamp(1.5vw,1.7vw,1.9vw)
}

.line_reserve {
	position: absolute;	
	top: -105px; left: -95px;
}

.reserve {
	position: absolute;	
	bottom: 20px; right: 10px;
	z-index: 3;
}

#binika_copy .ttl::before {
	content: url(https://vinika.co.jp/wordpress/wp-content/uploads/2022/06/mission_txt.png);
	position: absolute;
	top: -170px; left: -320px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ファシア　2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#fascia_copy .img {
	width: clamp(30vw,50vw,50vw)
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グーテンスライダー　2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Gutensliderの不要なボタン非表示 */
button.eedee-gutenslider-nav {
	display: none;
}

/* Gutensliderに入る周りの余白削除 */
.wp-block-eedee-gutenslider__content {
	padding: 0!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ナガイホーム　2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#nagai .banar {
	position: absolute;	
	bottom: 50px;
	left: 50px;
	z-index : 3;
		
}

#nagai .eedee-swiper-outer img,
#nagai .eedee-swiper-outer > *:not(.wp-block-eedee-gutenslider__content){
	max-height: 56.25vw;
}

#nagai .container {
	height: 90vw;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビニカ(ファーストビュー)2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
#binika .back_txt {
	position: absolute;	
	left: 20px;
	top :170px;
	z-index: 3;
}
*/

#binika .binika_ttl::after {
	content: "FILM\AWELDING\A DEVICE";
	white-space: pre;
	position: absolute;
	top: -120px;
	left: -20px;
	color: #ffffff;
	font-size: 120px;
	z-index: -1;
	line-height: 130px;
	
}

/*@media screen and (max-width: 1400px) {
 1400pxまでの幅の場合に適応される 
     #binika {
        min-height: 1vh;
    }
}*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ユニオンランチ　2024-07-02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
@keyframes flowing {
  0% { transform: translateX(0); }
  100% { transform: translateX(-1380px); }
}
*/

@keyframes flowing {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1380px 0;
  }
}

.union_container::before {
	content :"";
	background: url(https://unionlunch.co.jp/wordpress/wp-content/themes/generatepress_child/images/unionlunch.png) repeat-x 50%;
	position: absolute;
	width: 1380px;
	height: 133px;
	bottom: 19%;
	animation: flowing 20s linear infinite;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
h-promo　2024-07-04
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.area::before {
	content:"";
	position: absolute;
	width: 11px;
	height: 100%;
	background: #ff9900;
	clip-path: polygon(10% 0, 100% 50%, 10% 100%, 0 100%, 0 0);
	top: 0;
	right: -10px;
}

.window::before {
	content:"";
	position: absolute;
	background: url(https://h-promo.jp/wordpress/wp-content/themes/generatepress_child/images/promo_window.png);
	background-size: contain;
	width: 4.9vw;
	height: 5vw;
	top: -1vw;
	left: -3vw;
	z-index: -2;
	background-repeat: no-repeat
}

.area_wrap::after {
	content:"";
	position: absolute;
	background: url(https://h-promo.jp/wordpress/wp-content/themes/generatepress_child/images/promo_exterior_img.png);
	background-size: contain;
	width: clamp(210px, 3.75vw + 162px, 234px);
	height: clamp(214px, 3.75vw + 166px, 238px);;
	top: -100px;
	left: clamp(300px, 34.7vw + 33.3px, 470px);
	z-index: 2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　日給研　2024-07-04
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-block-table td{
	border: none;
}

.wp-block-table {
	overflow-x: hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ 2024-07-04
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_txt::before {
	content:"";
	position: absolute;
	background: url(https://rifure-food.com/wordpress/wp-content/themes/generatepress_child/images/shisyoku.png);
	width: 118px;
	height: 118px;
	background-size: contain;
	left:-110px;
	
}

.fukidashi::after {
  content: "";
  position: absolute;
  bottom: -16px; /* 吹き出しの下に配置 */
  left: 50%; /* 中央に配置 */
  transform: translateX(-50%);
  border-width: 20px 20px 0; /* 上向きの三角形 */
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト 2024-07-12
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*#kaitori_pic::before {
	content:"";
	position: absolute;
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/CAR-PURCHASE.jpg);
	background-size: contain;
	width: 946px;
	height: 139px;
	top: -95px;
	margin: auto;
	z-index: 0;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
買い取り背景英文字
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#kaitori_pic::before {
	content:"";
	position: absolute;
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/CAR-PURCHASE.jpg);
	background-size: contain;
	width: 946px;
	height: 139px;
	top: -95px;
	left: 50%;
    transform: translateX(-50%);
	margin: auto;
	z-index: 0;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
車種英文字
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.txt_model::before {
	content:"";
	position: absolute;
	top: -55px;
	left: 0px;
	color: #d70000;
	font-weight: normal;
	font-family: Oswald, sans-serif;
	font-size: 40px;
}
.txt_model.suv::before {
	content:"SUV/CROSS COUNTRY";
}
.txt_model.minivan::before {
	content:"MINIVAN/ONE BOX";
}
.txt_model.sport::before {
	content:"SPORT/DRIFT";
}
.txt_model.foreign::before {
	content:"FOREIGN/OLD";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
QA
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_QA .txt::before{
	content:"";
	position: absolute;
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/QA_COMPANY.png);
	background-size: contain;
	width: 605px;
	height: 140px;
	top: -49px;
	left: 50%;
    transform: translateX(-50%);
	margin: auto;
	z-index: -1;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .sub_ttl::before{
	content:"";
	position: absolute;
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/top_kaitori-1.svg);
	background-size: contain;
	width: 145px;
	height: 145px;
	top: -75px;
	left: -190px;
	margin: auto;
	background-repeat: no-repeat;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
flow背景白線
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_flow .img_wrapper::before{
	content:"";
	position: absolute;
	height: 1px;
	background-color: #878787;
	width: 900px;
	top: 125px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　アコーディオン QA色変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gb-container-accordion.faq .gb-button-accordion_ttl:before {
	color: #D70000;
	font-family: Oswald, sans-serif;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　ボックスシャドウ調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_boxshadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hiragino {
	font-family: 'hiragino';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
reason > 画像ポジション変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reason .img {
	object-position: left;
	height: 465px;
	object-fit: cover;
	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞ 見出し色調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.h_middle_a{
	border-left: 8px solid #D70000;
}

.small_text {
	font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞ クエリーループ　タイトル色変更　2024-07-22kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a {
    color: #000000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　ベーシックテーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 tr > td:first-child {
	border-bottom: 2px solid #d5d5d5;
	font-family : 游ゴシック;
}

.basic_table02 tr td {
	font-family : 游ゴシック;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ　見た目変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.h_child_navi ul.child_navi a:hover,
.h_child_navi ul.child_navi li[class*='current'] a {
	/*変数名を変更*/
	/*
    background-color: var(--h-child-navi-02);
	*/
	background-color: #d70000;
    color: #fff;
}
.h_child_navi ul.child_navi a {
	background-color: #F8F8F6;	
	color: #979797;
}

.h_child_navi {
	font-family: 游ゴシック;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPForms　見た目変更　2024-07-23kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gb-headline.gb-headline-c4af3224.gb-headline-text {
    line-height: 1em;
    padding-bottom: 20px;
	padding-top: 5px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
	border-bottom-color: #000000; 
    color: #525252;
	font-family: 游ゴシック;
	font-size: 24px;
}

.wpforms-form .wpforms-field-label{
	font-family: 游ゴシック;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPForm
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*　確認ボタン　*/
.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-next,
.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-next:hover{
	background: #000000!important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
reCAPTCHA　テキスト色修正
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gb-button-basic_btn02 {
	color: #d70000;
}
p.gb-headline-1fd202bd a  {
	color: #d70000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿詳細ページ　画像高さ調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#case img{
	max-height: 550px;
	object-fit: cover;
	border-radius: 20px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿詳細ページ　archive width調節
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

body[class*='archive-case'] .grid-container {
    width: 90%;
/*    min-width: 1200px;*/
    max-width: 1500px;
}

body[class*='archive-case'] p {
	font-family: 游ゴシック
}
.point_txt {
	margin-bottom: 0px;
}
body[class*='single-case'] p {
	font-family: 游ゴシック
}
/* スクロール前（opacityを0にして要素を隠しておく） */
.animate::before {
	content: '';
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/tiikawa1.png") no-repeat 50% / contain;
	width: 136px;
	height: 150px;
	position: absolute;
	bottom: -270px;
	right: 0px;
	opacity: 0;
	transition: all 1s 1s;
}

/* スクロール後（is-inviewというクラスが付与された後、opacityを1にして表示させる） */
.animate.is-inview::before {
	opacity: 1;
	right: clamp(100px, 25vw + 20px, 700px);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
平成明朝　Heisei Mincho Std W7
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.Heisei_Mincho{
	font-family: "heisei-mincho-std", serif;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
辰己製作所　promoタイトルにborderをつける
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.border_txt{
	border: 1px solid;
	width: 80px;
	padding:4px 15px 3px 15px;
	font-weight: 300px;
	font-size: 78px;
}

#home-sokunou .sobig{
	border-bottom: 1px solid;
	font-family: "heisei-mincho-std", serif;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
辰己製作所　プロモ下吹き出しと天気マーク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.fukidashi.Heisei_Mincho::after {
	bottom: -9px;
	border-width: 10px 10px 0; /* 上向きの三角形 */
}
#home-sokunou .fukidashi::before {
	content: "";
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/08/top_weather-e1722578470974.png") ;
	width: 91px;
	height: 51px;
	position: absolute;
	object-fit: contain;
	top: -26px;
	left: -10px;
}

.DINAlternate {
    font-family: "DINAlternate-Bold";
}

.gb-button-text{
	position: relative;
	z-index: 1;
}
#home-sokunou .gb-button-text::before{
	content: "";
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/08/mail.png") ;
	width: 27px;
	height: 21px;
	object-fit: contain;
	position: absolute;
	top: 4px;
	left: -45px;
	z-index: 2;
	background-repeat: no-repeat
}

#home-sokunou .txt::before{
	content: "";
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/08/flash.png") no-repeat;
	width: 99px;
	height: 98px;
	position: absolute;
	top: -36px;
	left: 108px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 上の日付 */
#booking-package .calendarData {
	font-weight: bold;
}

/* カレンダー　日付選択　曜日 */
#booking-package .calendar .week_slot {
    font-weight: bold;
}
#booking-package .calendar .week_slot.sun {
    color: #ff3f3f;
}
#booking-package .calendar .week_slot.sat {
    color: #2b71fd;
}

/* カレンダー　＞　「休日」の色変更 */
#booking-package_calendarPage div.holidayPanel {
    background-color: #eeeeee!important;
}

/* ボタン（全フェーズ共通） */
#booking-package .bottomBarPanel {
    text-align: center;
}
#booking-package button {
    font-weight: bold!important;
    min-width: 150px;
    border-radius: 4px;
    transition: .3s;
}
#booking-package button:hover {
    opacity: .8;
}
/* 予約するボタン */
#booking-package button.book_now_button {
    background: var(--company-color,#222);
    padding: 15px 20px;
    color: #fff;
}
/* 戻るボタン */
#booking-package button[class*="return"] {
    background: #f1f1f1;
    width: 140px!important;
    color: #717171;
    border: 1px solid #d0d0d0;
    font-size: 15px;
}

/* 個人情報入力画面にてタイトルの文字を太くする */
#booking-package .row div:first-of-type {
    font-weight: bold!important;
}

/* ◯の位置が下に来るための修正 */
#booking-package_calendarPage{
    line-height:1.5;
}

/* ------------ デザイン追加修正 ------------ */

/* 「次の週」「前の週」ボタン */
:is(#previous_available_day_button,#next_available_day_button){
	display: none!important;
}

/* 日付選択（カレンダーで選択後） */
#booking-package_schedulePage .selectable_day_slot {
    flex-direction: row-reverse;
}
#booking-package_schedulePage .selectable_day_slot>*:first-child::before {
    content:'(';
}
#booking-package_schedulePage .selectable_day_slot>*:first-child::after {
    content:')';
}
#booking-package_schedulePage .selectable_day_slot>*:last-child::after {
    content:'日';
}

/* サービス・時間選択 */
#booking-package .service_details > span::after,
#booking-package .selectable_time_slot:not(.closed) span.timeSlot::after{
    font-family: 'icomoon';
    content: '\e917';
    font-size:1.3em;
    font-weight:bold;
    margin-left: 2px;
    vertical-align: -3px;
}
#booking-package .selectable_time_slot.closed span.timeSlot::after{
    content: '予約不可';
    margin-left: 5px;
}

/* 個人情報入力画面（「個人情報」という表現が相応しくないと先方から指摘があり変更・翻訳プラグインは上手く動作しなかったためCSSで変更）2024-04-25mk */
/* →その後、カレンダーアカウント＞カレンダー選択＞カスタマイズ＞機能の有効化「ON」＞フォームにて設定可能だと気づく2024-06-12mk */
#booking-package_inputFormPanel:not(.booking_completed_panel) #reservationHeader {
	font-weight: bold;
}
.symbolPanel.material-icons{
	color: #FB8C00;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.gb-headline-acb2a910 {
	margin-bottom: 38px;
}

/* ラベル部分 左上に表示 */

#home-onestop .pic {
	position: relative;
	z-index: 1;
}
#home-onestop .pic::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 100px solid transparent;
    border-left: 100px solid #002198; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 2;
}
#home-onestop .pic::after {
    content: "01";
    display: block;
    top: 14px;
    /*transform: rotate(-45deg);*/
    color: #fff; /* 文字色はここで変更 */
    left: 14px;
    position: absolute;
	font-family: "DINAlternate-Bold";
	font-size: 28px;
    z-index: 3;
}

.tategaki{
	writing-mode: vertical-rl;/* 文章を縦書きにする */
}

#home-works .tategaki{
	position: absolute;
	top : -20px;
	z-index: 2;
}
.btn {
	position: absolute;
}
/*#home-count .count_container{
	background-color: ;
}*/
#home-count .count_container1::after{
	content: '';
    position: absolute;
    top: 100%; /* 垂直方向の中央に配置 */
    left: 100%; /* 水平方向の中央に配置 */
    transform: translate(-50%, -50%); /* 中央に配置するための変形 */
    width: 10px; /* ドットの幅 */
    height: 10px; /* ドットの高さ */
    background-color: #475a9c; /* ドットの色 */
    border-radius: 50%; /* ドットを円形に */
	z-index: 1;
}
#home-count .count_container2::after{
	content: '';
    position: absolute;
    top: 100%; /* 垂直方向の中央に配置 */
    left: 100%; /* 水平方向の中央に配置 */
    transform: translate(-50%, -50%); /* 中央に配置するための変形 */
    width: 10px; /* ドットの幅 */
    height: 10px; /* ドットの高さ */
    background-color: #475a9c; /* ドットの色 */
    border-radius: 50%; /* ドットを円形に */
	z-index: 1;
/*	top: 50%; 
    left: 66.6%;*/
}
/*#home-count .tategaki{
	position: absolute;
}*/
#home-count .big{
	font-size :84px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会社案内　2024-08-23
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.company_img{
	position: relative;
}
.company_img::before{
	content: '';
    position: absolute;
    top: 82%; /* 垂直方向の中央に配置 */
    left: -13%; /* 水平方向の中央に配置 */
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/08/company_img02.png") no-repeat;
	width: 346px;
	height: 144px; 
	z-index: 2;
}

/*company背景の文字*/
.home_company_container::before{
	content: '';
    position: absolute;
    top: 10%; 
  	left: 50%;
  	transform: translateX(-50%);
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/08/Company.png") no-repeat;
	width: 956px;
	height: 142px;
	z-index: 2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アクセス　2024-08-23
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*アイコンの色を変える*/
#home_access .gb-icon {
	color: #FFD705;
}

/*吹き出しの色を変える*/
#home_contact .fukidashi::after {
    border-color: #03038e transparent transparent transparent;
    border-width: 15px 40px 0;
	bottom: -15px;
}

/*左の装飾写真*/
#home_contact::after {
	content: '';
    position: absolute;
    top: 0%; 
  	left: 0%;
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/09/contact_img02.png") no-repeat;
	background-size: contain;
	width: clamp(405px, 19.8vw + 166.6px, 548px);
	height: clamp(312px, 15.2vw + 128.6px, 422px);
	z-index: 2;
}

/*#home_footer .gb-icon{
	color: #FFD705;
}*/

.gb-button-f1178891 .gb-icon svg {
	color: #FFD705;
}

.DINAlternate-Bold {
	font-family: "DINAlternate-Bold";
}
/*疑似要素でワンストップのトラックを入れる*/
#home-onestop .ttl_container::after{
	content: '';
    position: absolute;
    top: -70%; 
  	right: 0%;
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/09/onestop_truck.png") no-repeat;
	background-size: contain;
	width: clamp(300px, 19.5vw + 65px, 441px);
	height: clamp(303px, 19.7vw + 66.3px, 445px);
	z-index: 1;
}
/*疑似要素でworksの工具*/
#home-works .ttl_container::after{
	content: '';
    position: absolute;
    top: -210%; 
  	left: 0%;
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/09/works_hibana.png") no-repeat;
	background-size: contain;
	width: clamp(650px, 21.3vw + 393.3px, 804px);
	height: clamp(436px, 14.3vw + 264.3px, 539px);
/*	height: 804px;
	height: 539px;*/
	z-index: -1;
}

#home-count .ttl {
	text-indent: -30%;
}

/*#home-count .big{
	text-indent: -1.7em;
}*/