@charset "utf-8";
@media (min-width: 768px) {
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ヘッダー
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	/*ロゴ*/
	.main-navigation:not(.slideout-navigation) .site-logo{
		padding-left: 30px;
	}
	
	/*メインナビ*/
	.main-navigation:not(.slideout-navigation) .menu-item-home {
		display: none;
	}
	
	.menu-item-has-children .dropdown-menu-toggle {
		padding-right: 0;
	}
	
	.menu-item-has-children .dropdown-menu-toggle  .gp-icon svg {
		transition: .3s;
		color: var(--main);
	}
	
	.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children:hover .dropdown-menu-toggle .gp-icon svg {
		transform: rotate(180deg);
	}
	
	.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children>a {
		padding-right: 20px;
	}
	
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
		background: var(--main);
		color: #fff;
		transition: .3s;
	}
	/*お問い合わせボタン*/
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a:hover {
		opacity: .8;
	}

	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
		content: '\e913';
		color: currentColor;
		font-family: "icomoon";
		font-size: 20px;
		line-height: 1;
		margin-right: 10px;
		font-weight: bold;
	}
	
	/*hover時の下線*/
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact)::before{
		content: '';
		width: calc(100% - 40px);
		height: 3px;
		background: var(--main);
		position: absolute;
		left: 20px;
		bottom: 0;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform 0.3s;
	}

	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) >li[class*='current-menu']::before,
	body:is(.single-post, .category) .inside-navigation ul:not(.sub-menu) li.news::before,
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:hover::before{
		transform: scale(1,1);
	}
	
	/*子ナビ*/
	.main-navigation:not(.slideout-navigation) .main-nav ul ul {
		background-color: #ffffff;
		border-radius: 4px;
		filter: drop-shadow(0 0 5px  rgba(0,0,0,.1));
	}

	.main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
		font-size: 15px;
		padding: 13px;
		color: #000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: color .3s;
	}
	
	.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a,
	.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a{
		color: var(--main);
	}
	
	.main-navigation:not(.slideout-navigation) .main-nav ul ul li:not(:last-child) a {
		border-bottom: 1px solid #dddddd;
	}
	
	.main-navigation:not(.slideout-navigation) .main-nav ul ul::before {
		border-bottom-color: #ffffff;
	}

	.main-navigation:not(.slideout-navigation) .main-nav ul ul li a::after {
		content: '\ea3c';
		font-family: 'icomoon';
		font-weight: normal;
		font-size: 13px;
		color: var(--main);
	}
	
	/* ドロップダウンする子ナビを母体から離した際の架け橋 */
	.main-navigation:not(.slideout-navigation) li.menu-item-has-children:hover::after {
		z-index: 1;
	}
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	top > スライダー
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*	#slider .slick-slide {
		margin: 0 10px!important;
	}*/
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	テスト用固定ページ（特殊なレイアウト）疑似要素
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#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;
		width:300px;
		height:100px;
		top:-120px;
		left:-100px;
	}
	
	#fullimage_plus_accessory .ttl::after{
		content:"";
		position:absolute;
		height:2px;
		width:40px;
		background-color:#275594;
		top:60px;
		left:0;
	}
	
	#fullimage_plus_accessory2 .ttl::before{
		content:"Reason.01";
		position:absolute;
		color:#FF591F;
		width:300px;
		height:100px;
		top:-90px;
		left:0;
		font-size:40px;
	}
	
	#overlap .lap_image::after{
		content:"";
		position:absolute;
		top:50px;
		left:450px;
		height:140px;
		width:950px;
		background-image:url(https://vinika.co.jp/wordpress/wp-content/uploads/2022/06/mission_txt.png);
		background-repeat: no-repeat;
		background-size:contain;
		
	}
	
	#sp_span::before{
		content:"CONSULTATION";
		position:absolute;
		color:#F2F2F2;
		top:-40px;
		left:0;
		font-size:150px;
		font-weight:bold;
		
	}
	
	#promo_offerbtn .top_btn{
		position:absolute;
		bottom:30px;
		right:30px;
	}
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	テスト用固定ページ（特殊なレイアウト）グリッド
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	.box_grid{
	display: grid;
    grid-template-areas:
		"ttl img"
		"txt img";/*ここでpcとの並び順を変更します。*/
    grid-template-columns: 650px auto;/*横軸の幅を決める*/
    gap: 20px 30px;/*コンテンツ要素同士の間を調整*/
	}
	.box_grid .ttl {
    grid-area: ttl;/*display:grid;で制御するための名前をつける*/
		width:100%;
}

	.box_grid .img {
    grid-area: img;/*display:grid;で制御するための名前をつける*/
}

	.box_grid .text {
    grid-area: txt;/*display:grid;で制御するための名前をつける*/
}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	テスト用固定ページ（ファーストビュー）
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#nagai_home .banner{
		position:absolute;
		bottom:25px;
		left:25px;
	}
	
	
	#vinika .copy::before{
		content:"FILM\A WELDING \A DEVICE";
		position:absolute;
		white-space:pre;
		top:-115px;
		left:-50px;
		font-weight:400;
		font-size:135px;
		line-height:170px;
		color:white;
		z-index:-1;
	}
	
	#unionlunch .slide img{
		border-radius: 30px 0 0 30px;
	}
	
	
	
	#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:2.9vw;
		left:0;
}
	
	#unionlunch .loop-text p{
		white-space:nowrap;
}

	@keyframes flowing {
		  0% { transform:translateX(0); }
		  100% { transform:translateX(-100%); }
}
	
	#h-promo .reforme::before{
		content:"";
		position:absolute;
		left:-15px;
		width:3px;
		height:30px;
		background-color:#00c5b0;
		transform:rotate(-45deg);
	}
	
		#h-promo .reforme::after{
		content:"";
		position:absolute;
		right:-10px;
		width:3px;
		height:30px;
		background-color:#00c5b0;
		transform:rotate(45deg);
	}
	
	#h-promo .window::before{
		position:absolute;
		content:"";
		width:100px;
		height:100px;
		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:12.5vw;
		height:12.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:-13vw;
		z-index:2;
		
	}
	
	#h-promo .slide img{
		border-radius:50px 0 0 50px;
	}
	
	#h-promo .area-back::after{
		position:absolute;
		content:"";
		border: transparent 18px solid;
		border-left-color:#ff9900;
		right:-36px;
		
	}
	
	#h-promo .news{
		position:absolute;
		bottom:1.5vw;
		right:2vw;
		z-index:2;
	}
	
	#h-promo .marker{
		background: linear-gradient(rgba(255,221,0,0) 50%, rgba(255,221,0,1) 50%);
	}
	
	#h-promo .dot{
		background-image: radial-gradient(circle at center, #FF4C4C 25%, transparent 30%); /* 点の色とサイズ調整 */
		background-position: top right; /* 点の位置 */
		background-repeat: repeat-x; /* 横方向に繰り返し */
		background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
		padding-top: .4em; /* 縦方向の位置調整 */
	}
	
	#h-promo .pop::before{
	  content:'';
	  position:absolute;
	  border:12px solid transparent;
	  border-top:12px solid white;
	  bottom:-24px;
	  left:50%;
	  margin-left:-15px;
	  z-index:2;
	}
	
	#h-promo .pop::after{
	  content:'';
	  position:absolute;
	  border: 14px solid transparent;
	  border-top: 14px solid #2b3e53;
	  z-index:1;
	  bottom:-30px;
	  margin-left:-17px;
	  left:50%;
	}
	
	#sekicci .main-copy{
		writing-mode: vertical-rl;
	}
	
	#sekicci .movie{
		border-radius:45px;
		position:relative;;
	}
	
	#sekicci .movie::after{
		content:"";
		position:absolute;
		top:-20px;
		right:-60px;
		width:25vw;
		height:25vw;
		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:15vw;
		right:33px;
	}
	
	#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:30vw;
		height:35vw;
		z-index:1;
		bottom:-8vw;
		right:0;
	}
	
	#sekicci .logo{
		position:absolute;
		top:40px;
		left:50px;
	}
	
	#highest .pop{
		position:absolute;
		bottom:0;
		left:-10vw;
	}
	
	#highest .mini_copy::before{
		content:"";
		position:absolute;
		left:-40px;
		width:3px;
		height:30px;
		background-color:#D70000;
		transform:rotate(-35deg);
	}
	
		#highest .mini_copy::after{
		content:"";
		position:absolute;
		right:-40px;
		width:3px;
		height:30px;
		background-color:#D70000;
		transform:rotate(35deg);
	}
	
	#social .accessory::before{
		content:"";
		position:absolute;
		left:10px;
		width:2px;
		height:30px;
		background-color:#000;
		transform:rotate(-35deg);
	}
	
	#social .accessory::after{
		content:"";
		position:absolute;
		right:-20px;
		width:2px;
		height:30px;
		background-color:#000;
		transform:rotate(35deg);
	}
	
	#matsunogumi_01 .sub_ttl::first-letter{
		font-size:45px;
	}
	
	#matsunogumi_01 .number{
		position:absolute;
		top:-1vw;
		left:2vw;
	}
	
	#matsunogumi_02 .sub_ttl::first-letter{
		font-size:45px;
	}
	
	#matsunogumi_02 .number{
		position:absolute;
		top:-1vw;
		right:2vw;
	}
	
	#matsunogumi_03 .sub_ttl::first-letter{
		font-size:45px;
	}
	
	#matsunogumi_03 .number{
		position:absolute;
		top:-1vw;
		left:2vw;
	}
	
	#sub_page .sub_copy::before{
		content:"";
		position:absolute;
		width:5vw;
		height:5vw;
		min-height:100px;
		min-width:100px;
		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:-20px;
		left:-55px;
	}
	
	#sub_page .sub_copy::after{
		content:"";
		position:absolute;
		width:5vw;
		height:5vw;
		min-width:100px;
		min-height:100px;
		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:-45px;
	}
	
	#sub_page .h2::after{
		content:"";
		position:absolute;
		height:12px;
		width:100px;
		background-color:#f9923f;
		bottom:-35px;
		left:50%;
		transform:translateX(-50%);
	}
	
	#sub_page .h2_02::after{
		content:"";
		position:absolute;
		height:12px;
		width:100px;
		background-color:#f9923f;
		bottom:40px;
		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;
		
	}
	
	#sub_page .orange_copy span{
		font-size:clamp(30px, 0.6vw + 21.6px, 35px);
	}
	
	#sub_page .copy_h3 .bigger{
		font-size:clamp(45px, 0.6vw + 36.6px, 50px);
		line-height:4.5rem;
		
	}
	
	#sub_page .copy_h3::before{
		content:"";
		position:absolute;
		width:120px;
		height:120px;
		background-image:url(https://onda.cyber318.xyz/wordpress/wp-content/uploads/2024/07/215673.png);
		background-position:center center;
		background-size:contain;
		background-repeat: no-repeat;
		left:50px;
		top:-30px;
	}
	
	#sub_page .copy_h3::after{
		content:"";
		position:absolute;
		width:100px;
		height:100px;
		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:70px;
		top:-20px;
		background-color:unset;
	}
	
	#sub_page .sub_copy_in span{
		font-size:30px;
		vertical-align: bottom;
	}
	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ構築（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#home_promo .news{
		transition:0.5s;
	}
	
	#home_promo .news:hover{
		color:#D70000;
	}

	#home_top_contact .line,#home_top_contact .mail{
		transition:0.5s;
	}
	
	#home_top_contact .line:hover,#home_top_contact .mail:hover{
		transform:scale(1.05,1.05);
	}

	#home_map .botton{
		transition:0.5s;
	}
	
	#home_map .botton:hover{
		transform:scale(1.05);
	}
	
	#home_contact .line{
		transition:0.5s;
	}
	
	#home_contact .line:hover{
		transform:scale(1.05);
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿（ハイエスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

	.post-type-archive-case #content{
		min-width:1100px;
		width:78.125%;
	}
	
	.single-case #content{
		max-width:980px;
	}
	
}/*メディアクエリ終了*/