@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: 15px;
		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: '\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;
	}*/
	
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	training3 > 重なり合った表現 > display:gled レイアウト調整
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	.mission_box {
    display: grid;
    grid-template-areas:
       "img ttl"
       "img txt";/*ここでpcとの並び順を変更します。*/
    /* grid-column: auto; */
    grid-template-columns: 510px auto;/*横軸の幅を決める*/
    gap: 0 60px;/*コンテンツ要素同士の間を調整*/
	}
	
	.mission_box .ttl {
    grid-area: ttl;/*display:grid;で制御するための名前をつける*/
	width:100%;
	}

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

	.mission_box .txt {
    grid-area: txt;/*display:grid;で制御するための名前をつける*/
	}
	
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	training3 > スマホ表示のときに間にいれる > display:gled レイアウト調整
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	.service_box {
    display: grid;
    grid-template-areas:
        "ttl img"
        "txt img";/*ここでpcとの並び順を変更します。*/
    /* grid-column: auto; */
    grid-template-columns: 650px auto;/*横軸の幅を決める*/
    gap: 0 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;で制御するための名前をつける*/
	}
	
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	training4 > ハイエスト様 > display:gled レイアウト調整
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	.highest_box {
    display: grid;
    grid-template-areas:
        "ttl img"
        "txt img";/*ここでpcとの並び順を変更します。*/
    /* grid-column: auto; */
    grid-template-columns: auto;/*横軸の幅を決める*/
	}

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

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

	.highest_box .txt {
    grid-area: txt;/*display:grid;で制御するための名前をつける*/
	width: 75%;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	辰己製作所様＞ボタン
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#home_works_t .works_btn:hover::after {
    right: -8%;
}

	#home_works_t .works_wrap .bl:hover .works_btn::after {
    right: -25%;
	}

	#home_works_t .works_box .bl:hover .works_btn::after {
    right: 5px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	辰己製作所様＞画像ホバー
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#home_works_t .works_box .thumb::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
}

	#home_works_t .works_box .bl:hover .thumb::before {
    background-color: rgb(0,33,152,0.3);
    transform: scale(1);
}
	
	#home_num_t .num_area::before {
    position: absolute;
    content: "";
    width: 460px;
    height: 130px;
    background-color: #001c80;
    top: -129px;
    right: -210px;
}
	
}/*メディアクエリ終了*/