@charset "utf-8";
@media (max-width: 768px) {
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	css変数
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	:root {
		--slick_side_margin: 7.5px;/*slik内の要素の左右の余白。*/
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ローカルナビ
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	/*プロモ画像下のチャイルドナビ*/
	.h_child_navi ul.child_navi a {
		color: var(--main);
	}

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

	.h_child_navi ul.child_navi {
		background-color: var(--h-child-navi-bg);
	}
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	top > カルーセル（全画面）
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#carousel_full :is(.slick-prev, .slick-next)::before {
		font-size: 15px;
		width: 35px;
		height: 35px;
	}

	#carousel_full :is(.slick-prev, .slick-next) {
		top: -50px;
	}
	
	#carousel_full .slick-next {
		right: 0;
	}

	#carousel_full .slick-prev {
		right: 45px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	top > カルーセル（2カラム）
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#carousel_2col .txt_wrap {
		display: contents;
	}
	
	/*矢印*/
	#carousel_2col :is(.slick-prev,.slick-next) {
		top: calc(100% + 30px);
	}
	
	#carousel_2col .slick-prev {
		left: 10px;
	}
	
	#carousel_2col .slick-next {
		right: 10px;
	}

	#carousel_2col :is(.slick-prev,.slick-next):before {
		font-size: 35px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	テスト用固定ページ（特殊なレイアウト）疑似要素
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#sp_span::before{
		content:"CONSULTATION";
		position:absolute;
		color:#F2F2F2;
		top:-20px;
		left:0;
		font-size:45px;
		font-weight:bold;
	}
	
	#fullimage_plus_accessory .ttl::before{
		content:"";
		position:absolute;
		background-image:url(https://infinity-wall.jp/wordpress/wp-content/themes/cyber-child/images/feature_ttl01.png);
		background-repeat:no-repeat;
		background-size:contain;
		width:200px;
		height:100px;
		top:-65px;
		left:0;
	}
	
	#fullimage_plus_accessory .ttl::after{
		content:"";
		position:absolute;
		height:2px;
		width:40px;
		background-color:#275594;
		top:95px;
		left:0;
	}
	
		#fullimage_plus_accessory2 .ttl::before{
		content:"Reason.01";
		position:absolute;
		color:#FF591F;
		width:300px;
		height:100px;
		top:-75px;
		left:0;
		font-size:40px;
	}
	
		
	#unionlunch .slide img{
		border-radius:0;
	}
	
	
	
	#unionlunch .loop{
		overflow:hidden;
		width:100%;
		white-space:nowrap;
		z-index:1;
}

	#unionlunch .loop-in{
		transform:translateX(100%);
		animation:flowing 60s linear infinite;
		position:absolute;
		bottom:0;
		left:0;
}
	
	#unionlunch .loop-text p{
		white-space:nowrap;
}

	@keyframes flowing {
		  0% { transform:translateX(0); }
		  100% { transform:translateX(-100%); }
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン 2024-08-07
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#booking-package .dateField {
    font-size: 14px;
    padding-bottom: 0!important;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ファーストビュー高さ調整2024-07-01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
		#home_promo .eedee-swiper-outer img,
		#home_promo .eedee-swiper-outer > *:not(.wp-block-eedee-gutenslider__content){
		max-height: none;
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ファーストビューあしらい2024-07-01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
		#h-promo .reforme::before{
		content:"";
		position:absolute;
		left:-15px;
		top:5px;
		width:2px;
		height:20px;
		background-color:#00c5b0;
		transform:rotate(-45deg);
	}
	
		#h-promo .reforme::after{
		content:"";
		position:absolute;
		right:-10px;
		top:5px;
		width:2px;
		height:20px;
		background-color:#00c5b0;
		transform:rotate(45deg);
	}

		#h-promo .window::before{
		position:absolute;
		content:"";
		width:50px;
		height:50px;
		background-image:url(https://h-promo.jp/wordpress/wp-content/themes/generatepress_child/images/promo_window.png);
		background-size:contain;
		background-repeat: no-repeat;
		background-position:center center;
		z-index:-1;
		top:-1vw;
		left:-2vw;
	}
	
	#h-promo .area::after{
		content:"";
		position:absolute;
		width:23.5vw;
		height:23.5vw;
		background-image:url(https://h-promo.jp/wordpress/wp-content/themes/generatepress_child/images/promo_exterior_img.png);
		background-size:contain;
		background-position:center center;
		background-repeat: no-repeat;
		right:0;
		top:16vw;
		z-index:2;
		
	}
	

	#sekicci .main-copy{
		writing-mode: vertical-rl;
	}
	
	#sekicci .movie{
		border-radius:0px;
		position:relative;;
	}
	
	#sekicci .movie::after{
		content:"";
		position:absolute;
		top:-20px;
		right:-20px;
		width:50vw;
		height:50vw;
		background-image:url(https://sekicci.or.jp/wordpress/wp-content/themes/generatepress_child/images/promo_img01.png);
		background-repeat: no-repeat;
		background-size:contain;
		
	}
	
	
	/* スクロールダウンの位置 */
	#sekicci .scroll {
	  right:5px;
	  top:0;
	  writing-mode: vertical-rl;
	}
	/* 線のアニメーション部分 */
	#sekicci .scroll::before {
	  animation: scroll 2s infinite;
	  background-color:#8fa60c;
	  bottom: -165px;
	  content: "";
	  height: 150px;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: -12px;
	  width: 1px;
	}
	/* 線のアニメーション */
	@keyframes scroll {
	  0% {
		transform: scale(1, 0);
		transform-origin: 0 0;
	  }
	  50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	  }
	  51% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	  }
	  100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	  }
	}
	
	#sekicci .sns{
		position:absolute;
		top:80vw;
		right:10px;
	}
	
	#sekicci .cover::before{
		content:"";
		position:absolute;
		background-image:url(https://sekicci.or.jp/wordpress/wp-content/themes/generatepress_child/images/promo_img_a.png);
		background-repeat: no-repeat;
		background-size:contain;
		background-position:left top;
		width:50vw;
		height:80vh;
		z-index:1;
		top:0;
		left:0;
	}
	
	#sekicci .cover::after{
		content:"";
		position:absolute;
		background-image:url(https://sekicci.or.jp/wordpress/wp-content/themes/generatepress_child/images/promo_img_b.png);
		background-repeat: no-repeat;
		background-size:contain;
		background-position:right bottom;
		width:50vw;
		height:50vw;
		z-index:1;
		bottom:5vw;
		right:0;
	}
	
	#sekicci .logo{
		position:absolute;
		top:15px;
		left:15px;
	}
	
		#highest .pop{
		position:absolute;
		bottom:0;
		left:-20vw;
		top:-10px;
	}
	
	#highest .mini_copy::before{
		content:"";
		position:absolute;
		left:-20px;
		width:2px;
		height:30px;
		background-color:#D70000;
		transform:rotate(-35deg);
	}
	
		#highest .mini_copy::after{
		content:"";
		position:absolute;
		right:-20px;
		width:2px;
		height:30px;
		background-color:#D70000;
		transform:rotate(35deg);
	}
	
		#highest .eedee-swiper-outer img,
		#highest .eedee-swiper-outer > *:not(.wp-block-eedee-gutenslider__content){
			max-height: none;
			height:auto;
	}
	
	#sub_page .sub_copy::before{
		content:"";
		position:absolute;
		width:23vw;
		height:23vw;
		background-image:url(https://onda.cyber318.xyz/wordpress/wp-content/uploads/2024/07/copy_01.png);
		background-repeat: no-repeat;
		background-position:center center;
		background-size:contain;
		top:-1vw;
		left:-7.5vw;
	}
	
	#sub_page .sub_copy::after{
		content:"";
		position:absolute;
		width:20vw;
		height:20vw;
		background-image:url(https://onda.cyber318.xyz/wordpress/wp-content/uploads/2024/07/copy_02.png);
		background-repeat: no-repeat;
		background-position:center center;
		background-size:contain;
		bottom:0;
		right:-6vw;
	}

	#sub_page .h2::after{
		content:"";
		position:absolute;
		height:10px;
		width:80px;
		background-color:#f9923f;
		bottom:-3.5vw;
		left:50%;
		transform:translateX(-50%);
	}
	
	#sub_page .h2_02::after{
		content:"";
		position:absolute;
		height:10px;
		width:80px;
		background-color:#f9923f;
		bottom:2vw;
		left:50%;
		transform:translateX(-50%);
	}
	
	#sub_page .sub_copy_in::after{
		content:"";
		position:absolute;
		border:20px solid transparent;
		top:100%;
		left:50%;
		border-top:15px solid #f9923f;
		transform:translateX(-50%);
		
	}
	
	#sub_page .copy_h3::after{
		content:"";
		position:absolute;
		width:80px;
		height:80px;
		background-image:url(https://onda.cyber318.xyz/wordpress/wp-content/uploads/2024/07/087159.png);
		background-position:center center;
		background-size:contain;
		background-repeat: no-repeat;
		right:50%;
		top:-80px;
		background-color:unset;
		transform:translateX(50%);
	}
	
	#sub_page .copy_h3 .bigger{
		font-size:30px;
		line-height:20px;
		
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ構築（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#home_promo .sub_copy::before{
		left:-25px;
	}
	
	#home_promo .sub_copy::after{
		right:-15px;
	}
	
	#home_promo .txt_span{
		letter-spacing:-8px;
	}
	
	#home_promo .area_a_inner::before{
		width:22vw;
		height:22vw;
		top:-20px;
		left:0;
	}
	
	#home_promo .hero img{
		height:40vh;
	}
	
	#home_promo .news{
		position:absolute;
		top:-30px;
		left:0;
	}
	
	#home_intro .copy span{
		font-size:22px;
	}
	
	#home_intro .images::before{
		font-size:56px;
		top:-4%;
	}
	
	#home_intro .grid img{
		object-position:center top;
	}
	
	#home_intro .strong_txt{
		bottom:20px;
	}
	
	#home_intro .strong_txt span{
		font-size:17px;
	}
	
	#home_best_cars .box::before{
		font-size:25px;
		left:15px;
	}
	
	#home_reason .inner::before{
		height:680px;
		width:100vw;
		right:0;
		top:200px;
	}

	#home_reason .inner::after{
		height:650px;
		width:100vw;
		left:0;
		bottom:110px;
	}
	
	#home_reason .copy span{
		font-size:30px;
	}
	
	#home_reason .area_b::after{
		font-size:55px;
		right:0;
		top:25px;
	}
	
	#home_flow .step{
		top:-10px;
	}
	
	#home_flow .image::after{
		width:1px;
		height:100px;
		left:50%;
		transform:translateX(50%);
	}
	
	#home_map .logo::after{
		font-size:95px;
		top:40%;
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層構築-選ばれる理由（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#reason .bigger{
		font-size:30px;
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層構築-会社案内（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#company .basic_table02 tr{
		display:flex;
		flex-direction:column;
	}
	
	#company .basic_table02 td:first-child{
		width:100%;
		padding:10px 0 15px 0;
	}
	
	#company .basic_table02 td:nth-child(2){
		border-bottom:none;
		padding:10px 0 10px 0;
		font-size:15px;
	}
	
	#company .map{
		width:calc(100% - 30px);
		height:300px;
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層構築-お問い合わせ：メールで査定（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

	#contact_mail .space{
		margin-bottom:0;
	}
	
	#contact_mail .sp_space{
		margin-bottom:50px;
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層構築-お問い合わせ：LINE査定の流れ（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

	#contact_line .flow {
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-right: 18px solid transparent;
	  border-left: 18px solid transparent;
	  border-top: 14px solid #d70000;
	  border-bottom: 0;
	  border-radius:5px;
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層構築-個人情報保護方針（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#privacy .list{
		text-indent:0;
	}

	#privacy .list::before{
		left: 0;
	}
	
/*メディアクエリ終了*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
辰己製作所　トップページ構築
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#tatsumi_home_promo .title_01{
	font-size:20px;
	line-height:40px;
}

#tatsumi_home_promo .number{
	font-size:50px;
}

#tatsumi_home_promo .title_box{
	font-size:39px;
	padding:5px;
	border:solid #fff 1px;
}
	
#tatsumi_home_short_contact .pop::after{
	margin-left:-8px;
	border:8px solid transparent;
	border-top:8px solid #ffffff;
}

#tatsumi_home_short_contact .bigger{
	font-size:45px;
    text-underline-offset: 12px;
}
	
#tatsumi_home_short_contact .pop::before{
	width:80px;
}
	
#tatsumi_home_short_contact .bigger::after{
	top:-20px;
}

#tatsumi_home_short_contact .tel{
	font-size:36px;
}
	
#tatsumi_home_intro .bigger{
	font-size:19px;
}

#tatsumi_home_intro .content::after{
	width:80px;
	height:130px;
	top:55px;
}

#tatsumi_home_works::before{
	top:-55px;
	left:-20px;
	width:200px;
	height:150px;
}

#tatsumi_home_works .label{
	top:-210px;
	right:15px;
}

#tatsumi_home_works .ttl_left{
	top:-25px;
	right:15px;
}

#tatsumi_home_works .ttl_right{
	top:-25px;
	right:15px;
}
	
#tatsumi_home_works .long::before{
	height:25px;
}

#tatsumi_home_works .short::before{
	height:30px;
}
	
#tatsumi_home_works .long::after{
	height:25px;
}

#tatsumi_home_works .short::after{
	height:33px;
}
	
#tatsumi_home_works .special::before{
	height:50px;
}
	
#tatsumi_home_works .special::after{
	height:50px;
}
	
.cmn_contents{
	display:contents;
}
	
#tatsumi_home_case::before{
	width:120px;
	height:150px;
	top:0;
}
	
/* 親コンテナ */
.oya {
	scroll-snap-type: x mandatory;
}

/* 子どもコンテナ */
.oya > div {
	scroll-snap-align: start;
}
	
#tatsumi_home_parallax .content::before{
	display:none;
}
	
#tatsumi_home_number .number_ttl{
	writing-mode:horizontal-tb;
	letter-spacing:0.1em;
	line-height:84px;
	text-indent:0;
}
	
#tatsumi_home_number .number_ttl .yellow{
	font-size:39px;
	color:#fae900;
	letter-spacing:0.1em;
}
	
#tatsumi_home_number .number span{
	font-size:50px;
}
	
#tatsumi_home_number .number_box::after{
	left:calc(50% - 25px);
	width:75px;
	height:55px;
}
	
#tatsumi_home_number .number04::before{
	left:-5px;
	top:-5px;
}
	
#tatsumi_home_company .img::before{
	width:calc(100% - 30px);
	height:105px;
	top:-145px;
	left:50%;
	transform:translateX(-50%);
}
	
#tatsumi_home_company .img::after{
	width:185px;
	height:80px;
	bottom:-20px;
	left:-40px;
}

#tatsumi_home_company .ttl span{
	font-size:28px;
	letter-spacing:-2px;
}
	
#tatsumi_home_map .access{
	position:static;
	transform:translateY(0);
}
	
	#tatsumi_home_map iframe{
		height:260px;
	}
	
#tatsumi_home_contact::before{
	width:135px;
	height:110px;
	top:50px;
}
	
#tatsumi_home_contact .content::before{
	top:50%;
	width:315px;
	height:65px;
}
	
#tatsumi_home_contact .ttl .side_border{
	font-size:17px;
}
	
#tatsumi_home_contact .ttl .side_border::before{
	height:30px;
}

#tatsumi_home_contact .ttl .side_border::after{
	height:30px;
}

	#tatsumi_home_contact .grid{
		width:100%;
	}