@charset "UTF-8";

/* ++++++++++++++++++++++++++++++
company page
++++++++++++++++++++++++++++++ */

#mainHeader #pageInfo dd .copy {
	border-top: 1px solid #ebbefa;
	border-bottom: 1px solid #ebbefa;
}
#mainHeader #pageInfo dl + dl,
#mainHeader #pageInfo dl + dl > * { position: relative; }
#mainHeader #pageInfo dl + dl::before {
	content: "";
	display: block;
	position: absolute;
	background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%) no-repeat center center;
	background-size: 100% 100%;
	border-radius: 50%;
	pointer-events: none;
}
@media screen and (min-width:769px), print{
	#mainHeader { padding-bottom: 235px; }
	#mainHeader #pageInfo .wrap {
		display: flex;
		padding-right: 190px;
		justify-content: space-between;
	}
	#mainHeader #pageInfo dl { width: calc(50% - 50px); }
	#mainHeader #pageInfo dd {
		padding-right: 0;
	}
	#mainHeader #pageInfo dd .copy {
		color: #bd27ee;
		font-size: 24px;
	}
	#mainHeader #pageInfo dl + dl::before {
		top: -50px;
		width: 300px;
		height: 300px;
	}
	#lowerBox { padding-bottom: 530px; }
}
@media screen and (max-width:768px){
	#mainHeader { padding-bottom: 20px; }
	#mainTitle { height: auto; }
	#mainHeader #pageInfo dd .copy {
		color: #bd27ee;
		font-size: 18px;
		margin-bottom: 10px;
		padding-bottom: 5px 0 6px;
	}
	#mainHeader #pageInfo dl + dl::before {
		left: 0;
		bottom: 0;
		width: 262px;
		height: 262px;
	}
	#lowerBox .title { font-size: 18px; }
}

#example { background: #fff; }
#example dt { color: #6633cc; }
#example ul::after {
	content: "";
	display: block;
	background: url(../images/company/img_example.jpg) no-repeat center center;
	background-size: 100% 100%;
}
@media screen and (min-width:769px), print{
	#lowerBox .title { font-size: 24px; }
	#example {
		margin-top: -140px;
		padding: 85px 100px 0;
		border-top-right-radius: 20px;
	}
	#example ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#example ul::after {
		width: calc(50% - 25px);
		height: 218px;
		margin-top: 35px;
	}
	#example ul li {
		width: calc(50% - 25px);
	}
	#example dt {
		font-size: 18px;
		margin-top: 35px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width:768px){
	#lowerBox { padding-bottom: calc(((100% - 50px) * 0.37) + 200px); }
	#example {
		padding-top: 40px;
		ul::after {
			width: 84.6%;
			padding-top: 49.23%;
			margin: 45px auto 0;
		}
		li { margin-top: 37px; }
		dt { font-size: 15px; }
		dd {
			font-size: 12px;
			margin-top: 10px;
		}
	}
}

#forte ul {
	color: #6633cc;
	text-align: center;
}
@media screen and (min-width:769px), print{
	#forte {
		padding-top: 90px;
		padding-bottom: 100px;
	}
	#forte ul {
		display: flex;
		margin-top: 35px;
		border-left: 1px solid #6633cc;
	}
	#forte ul li {
		width: 25%;
		padding: 20px 0;
		border-right: 1px solid #6633cc;
	}
}
@media screen and (max-width:768px){
	#forte {
		margin-top: 32px;
		padding-bottom: 50px;
		ul {
			margin-top: 41px;
			border-bottom: 1px solid #6633cc;
			li {
				font-size: 12px;
				text-align: left;
				padding: 17px 0 18px;
				border-top: 1px solid #6633cc;
				br { display: none; }
			}
		}
	}
}

#lowerBox > .bg {
	color: #6633cc;
	background: #f5f5f5;
}
#information .table tr > * { vertical-align: top; }
@media screen and (min-width:769px), print{
	#lowerBox > .bg { padding-block: 90px; }
	#lowerBox > .bg .inner {
		display: flex;
		justify-content: space-between;
	}
	#lowerBox > .bg .inner > section { width: calc(50% - 50px); }
	#lowerBox > .bg .title { margin-bottom: 30px; }
	#information .title ~ * { margin-top: 2em; }
	#information .table th { padding-right: 22px; }
	#message { margin-bottom: -130px; }
	#message figure { margin-top: 40px; }
	#message figcaption { margin-top: 12px; }
}
@media screen and (max-width:768px){
	#lowerBox > .bg {
		font-size: 12px;
		margin-inline: -25px;
		.inner { padding: 40px 25px 1px; }
		.title { margin-bottom: 40px; }
		#information > * + * { margin-top: 2em; }
		.table th {padding-right: 1em; }
		#message {
			margin-top: 35px;
			figure {
				margin-top: 44px;
				margin-bottom: calc((100% - 50px) * -0.37);
			}
			figcaption {
				font-size: 10.5px;
				margin-top: 10px;
			}
		}
	}
}