@charset "UTF-8";
/* CSS Document */

@import url("focus_sp.css") only screen and (max-width:767px);
@import url("focus_pc.css") print, screen and (min-width:768px);


main .col2{
	display: flex;
}

.mv::before,
.mv::after{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	z-index: -1;
}

.mv::before{
	right: calc(100% - 1px);
}

.mv::after{
	left: calc(100% - 1px);
}

.cost::after{
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	background-color: #f8f8f8;
}

.cost .section-inner{
	position: relative;
	z-index: 1;
}

.solactive::after{
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	background-color: #e6f5f9;
	pointer-events: none;
}

.solactive .section-inner{
	position: relative;
	z-index: 1;
}

.solactive-info{
	color: white;
}

.solactive-info-detail.achievement{
	background-color: #056fb5;
}

.solactive-info-detail.award{
	background-color: #0a9ad8;
	font-family: 'Inter', sans-serif;
}

.solactive-info-detail li{
	display: flex;
}

.solactive-info-detail.achievement li::before{
	content: "";
	position: relative;
	display: block;
  background-color: #81cbe2;
	flex-shrink: 0;
}

.theme-item-detail a{
	position: relative;
	display: flex;
	background-color: #041969;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: white;
}

.theme-item-detail a::before{
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #ffd900;
}

.theme-item-detail a::after{
  content: "";
  border-top: solid 2px white;
  border-right: solid 2px white;
  position: absolute;
	transform: rotate(45deg);
}

aside.focusSales{
	background-color: #ffd900;
}

aside.cv{
	background-color: #f5f5f5;
}