@charset "utf-8";
/* CSS Document */
/* ----- ページごとメニュースタイル ----- */
.header .head_nav > .ul > .li:nth-of-type(2) .en{
	background-color: #EF8200;
	color: #fff;
}
.header .head_nav > .ul > .li:nth-of-type(2) > a:hover > .jp{
	opacity: 0;
	top: 50%;
}

.threebox_wrap{
	gap: 80px;
}
.threebox_wrap .box-item{
	gap: 80px;
	width: 100%;
}
.threebox_wrap .box-item .iconbox{
	width: 300px;
}
.threebox_wrap .box-item .txtbox{
	flex: 1;
}
.threebox_wrap .box-item:nth-child(even){
    flex-direction: row-reverse;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.threebox_wrap .box-item .iconbox {
		width: 260px;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.threebox_wrap .box-item .iconbox {
		width: 220px;
	}
	.threebox_wrap {
		gap: 50px;
	}
	.threebox_wrap .box-item {
		gap: 50px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
    .threebox_wrap .box-item {
        flex-direction: column;
    }
	.threebox_wrap .box-item:nth-child(even) {
		flex-direction: column;
	}
    .threebox_wrap .box-item .iconbox {
        width: 180px;
    }
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
    .threebox_wrap .box-item .iconbox {
        width: 130px;
    }
    .threebox_wrap .box-item {
        gap: 20px;
    }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}