@charset "utf-8";
/* CSS Document */
.header .head_nav > .ul > .li:nth-of-type(4) > .en{
	background-color: #EF8200;
	color: #fff;
}
.header .head_nav > .ul > .li:nth-of-type(4) > a:hover > .jp{
	opacity: 0;
	top: 50%;
}
.header .head_nav > .ul > .li:nth-of-type(4) > .ul > .li:nth-of-type(2) .en{
	background-color: #EF8200;
	color: #fff;
}
.header .head_nav > .ul > .li:nth-of-type(4) > .ul > .li:nth-of-type(2) .jp{
	transform: translateY(-50%) translateX(15px);
	opacity: 1;
}
/* ---------- style ---------- */
.br-sp br{
	display: none;
}

/* ---------- idea ---------- */
.cate .topbox{
	gap: 80px;
}
.cate .topbox > p{
	width: 100%;
}

.cate2 .box_wrap{
	gap: 100px;
}
.cate2 .box_wrap .txtbox,
.cate2 .box_wrap .imgbox{
	width: calc(50% - 50px);
}
.cate2 .box_wrap .imgbox img{
	border-radius: 30px;
}
/* ---------- cate4 ---------- */
.cate4 .box_wrap{
	column-gap: 80px;   
    row-gap: 0px; 
}
.cate4 .box_wrap .box-item{
	width: calc((100% - 80px)/2);
}
.cate4 .box_wrap .box-item img{
	border-radius: 30px;
}
.cate4 .box_wrap .box-item:nth-child(even){
    padding-top: 90px;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate .topbox{
		gap: 50px;
	}
	.cate4 .box_wrap {
		gap: 50px;
	}
	.cate4 .box_wrap .box-item{
		width: calc((100% - 50px)/2);
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
/* ---------- style ---------- */
  
/* -------------------- */
	.cate4 .box_wrap .box-item{
		width: 80%;
	}
	.cate4 .box_wrap .box-item:nth-child(even) {
		padding-top: 0px;
	}
	.cate2 .box_wrap{
		flex-direction: column;
		gap: 50px;
	}
	.cate2 .box_wrap .txtbox{
		width: 100%;
	}
	.cate2 .box_wrap .imgbox{
		width: 70%;
		margin: 0 auto;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate4 .box_wrap .box-item{
		width: 100%;
	}
	.cate4 .box_wrap .box-item .imgbox{ 
		width: 70%;
		margin: 0 auto;
	}
	.cate4 .box_wrap .box-item img {
		border-radius: 10px;
	}
	.cate2 .box_wrap .imgbox img {
		border-radius: 10px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate .topbox{
		gap: 30px;
	}
	.cate4 .box_wrap .box-item .imgbox{ 
		width: 90%;
	}
	.cate2 .box_wrap .imgbox {
		width: 90%;
	}
/* ---------- style ---------- */
	.br-sp br{
	display: inline-block;
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}