@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: 13px;
		line-height: 1;
		margin-right: 10px;
		font-weight: normal;
	}
	
	/*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: '\e913';
		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;
	}*/
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > sevice  > display:gled レイアウト調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.service_box {
    display: grid;
    grid-template-areas:
		"ttl img"
		"txt img";/*ここでpcとの並び順を変更します。*/
    grid-template-columns: auto 650px;/*横軸の幅を決める*/
    gap: 10px 30px;/*コンテンツ要素同士の間を調整*/
}

.service_box.ttl {
    grid-area: ttl;/*display:grid;で制御するための名前をつける*/
		width:100%;
}

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

.service_box .txt {
    grid-area: txt;/*display:grid;で制御するための名前をつける*/
}
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > sevice  > display:gled レイアウト調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	/*display:gled レイアウト調整*/
	.top_firstview_wrapper {
		display: grid;
		grid-template-areas:
			"ttl img"
			"news img";
		grid-template-columns: 50% 50%;
/*		gap: 0 7.5vw;*/
	}

	.top_firstview_wrapper .ttl{
		grid-area: ttl;/*display:grid;で制御するための名前をつける*/
		align-self: end;
	}

	.top_firstview_wrapper .news {
		grid-area: news;/*display:grid;で制御するための名前をつける*/
		align-self: start;
	}

	.top_firstview_wrapper .img {
		grid-area: img;/*display:grid;で制御するための名前をつける*/
	}
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
reason背景
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#home_reason .ttl::after {
	content: "";
	position: absolute;
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/01.png);
	background-size: contain;
	width: 100px;
	height: 105px;
	top: 0px;
	left: 80%;
	background-repeat: no-repeat;
	z-index: -1;
}

#home_reason .ttl.ttl02::after {
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/02.png);
		width: 110px;
	background-repeat: no-repeat;
}

#home_reason .ttl.ttl03::after {
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/03.png);
		width: 115px;
	background-repeat: no-repeat;
}

#home_reason .ttl.ttl04::after {
	background: url(https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/07/04.png);
	width: 115px;
	background-repeat: no-repeat;
}

}/*メディアクエリ終了*/