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

/* 運営会社 (company)
=====================================================*/
.company-outline table{
	width: 100%;
	border-top: 1px solid #d5d5d5;
	margin: 0 0 70px;
}
.company-outline table tr th{
	background: #ededed;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	text-align: left;
	vertical-align: top;
	padding: 15px 20px;
}
.company-outline table tr td{
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	text-align: left;
	vertical-align: top;
	padding: 15px 20px;
	font-size: 16px;
}
.company-outline table tr td p:first-of-type{
	margin: 0 0 1em;
}
.company-outline table tr td p a{
	color: #f68a5f;
}
.company-outline table tr td p a:hover{
	text-decoration: underline;
}
.company-outline table tr td p a svg{
	margin: 0 5px 0 0;
}
.company-outline table tr .td01 ul{
	width: 250px;
	float: left;
}
.company-outline table tr .td02 ul{
	width: 400px;
	float: left;
}
.company-outline table tr .td03 dl{
	width: 400px;
	float: left;
	display: flex;
	flex-wrap: wrap;
}
.company-outline table tr .td03 dl dt{
	width: 100px;
}
.company-outline table tr .td03 dl dd{
	width: 300px;
}


.company-service{
	background: #ededed;
	padding: 110px 0;
}
.company-service .list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.company-service .list .list-item{
	width: 310px;
	border-top: 1px solid #f68a5f;
	border-right: 1px solid #f68a5f;
	border-bottom: 7px solid #f68a5f;
	border-left: 1px solid #f68a5f;
	text-align: center;
	margin: 0 35px 24px 0;
	background: url("../img/company/icon-tab.png") no-repeat right 5px top 5px #fff;
	background-size: 20px auto;
	-moz-box-shadow: 2px 3px 20px -8px rgba(0, 0, 0, 0.67);
	-webkit-box-shadow: 2px 3px 20px -8px rgba(0, 0, 0, 0.67);
	-ms-box-shadow: 2px 3px 20px -8px rgba(0, 0, 0, 0.67);
	box-shadow: 2px 3px 20px -8px rgba(0, 0, 0, 0.67);
}
.company-service .list .list-item:nth-child(3n){
	margin: 0 0 24px 0;
}
.company-service .list .list-item a{
	height: 98px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	transition: 0.3s;
}
.company-service .list .list-item:nth-child(1) a{
	background: url("../img/company/icon-service01.png") no-repeat left 48px center;
	padding: 37px 0 0 96px;
}
.company-service .list .list-item:nth-child(2) a{
	background: url("../img/company/icon-service02.png") no-repeat left 23px center;
	padding: 37px 0 0 122px;
}
.company-service .list .list-item:nth-child(3) a{
	background: url("../img/company/icon-service03.png") no-repeat left 23px center;
	padding: 37px 0 0 96px;
}
.company-service .list .list-item:nth-child(4) a{
	background: url("../img/company/icon-service04.png") no-repeat left 24px center;
	padding: 25px 0 0 124px;
}
.company-service .list .list-item:nth-child(5) a{
	background: url("../img/company/icon-service05.png") no-repeat left 41px center;
	padding: 37px 0 0 108px;
}
.company-service .list .list-item:nth-child(6) a{
	background: url("../img/company/icon-service06.png") no-repeat left 28px center;
	padding: 37px 0 0 102px;
}
.company-service .list .list-item:nth-child(7) a{
	background: url("../img/company/icon-service07.png") no-repeat left 35px center;
	padding: 37px 0 0 106px;
}
.company-service .list .list-item:nth-child(8) a{
	background: url("../img/company/icon-service08.png") no-repeat left 38px center;
	padding: 25px 0 0 110px;
}
.company-service .list .list-item:nth-child(9) a{
	background: url("../img/company/icon-service09.png") no-repeat left 46px center;
	padding: 37px 0 0 86px;
}
.company-service .list .list-item a:hover{
	opacity: 0.6;
}
.company-service .attention{
	text-align: right;
	margin: 10px 0 0 0;
}

.company-advantage {
	padding: 110px 0;
}
.company-advantage .list{
	display: flex;
	flex-wrap: wrap;
}
.company-advantage .list .list-item{
	width: 485px;
	position: relative;
	margin: 0 30px 80px 0;
}
.company-advantage .list .list-item:nth-of-type(2n){
	margin: 0 0 80px;
}
.company-advantage .list .list-item .text-box{
	width: 430px;
	position: relative;
	z-index: 10;
	background: #fff;
	margin: -60px 0 0 55px;
	padding: 25px;
	-moz-box-shadow: 2px 3px 20px -3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 2px 3px 20px -3px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 2px 3px 20px -3px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 3px 20px -3px rgba(0, 0, 0, 0.6);
}
.company-advantage .list .list-item .text-box .tit{
	margin: 0 0 10px;
}
.company-advantage .list .list-item:nth-of-type(1) .text-box{
	height: 341px;
}
.company-advantage .list .list-item .text-box .tit + p{
	font-size: 16px;
	line-height: 2.0;
	font-style: italic;
}

@media (max-width:768px){
	.company-outline table{
		margin: 0;
	}
	.company-outline table tr th{
		float: left;
		width: 100%;
	}
	.company-outline table tr td{
		float: left;
		width: 100%;
		font-size: 14px;
		border-left: 1px solid #d5d5d5;
	}
	.company-outline table tr .td01 ul{
		width: 100%;
		float: none;
	}
	.company-outline table tr .td02 ul{
		width: 100%;
		float: none;
	}
	.company-outline table tr .td03 dl{
		width: 100%;
		float: none;
	}
	.company-outline table tr .td03 dl dt{
		width: 100%;
	}
	.company-outline table tr .td03 dl dd{
		width: 100%;
		margin: 0 0 5px;
		padding: 0 0 5px;
		border-bottom: 1px dotted #d5d5d5;
	}
	.company-service{
		padding: 60px 0;
	}
	.company-service .list .list-item{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.company-service .list .list-item:nth-child(3n){
		margin: 0;
	}
	.company-service .list .list-item:nth-child(2n){
		margin: 0 0 2%;
	}
	.company-service .list .list-item:nth-child(odd){
		margin: 0 2% 2% 0;
	}
	.company-service .list .list-item a{
		height: auto;
		font-size: 15px;
	}
	.company-service .list .list-item a:hover{
		opacity: 1;
	}
	.company-service .list .list-item:nth-child(1) a{
		background: url(../img/company/icon-service01sp.png) no-repeat center top 30px;
		background-size: 45px auto;
		padding: 120px 0 25px 0;
	}
	.company-service .list .list-item:nth-child(2) a {
		background: url(../img/company/icon-service02sp.png) no-repeat center top 40px;
		background-size: 99px auto;
		padding: 120px 0 25px 0;
	}
	.company-service .list .list-item:nth-child(3) a {
		background: url(../img/company/icon-service03sp.png) no-repeat center top 40px;
		background-size: 83px auto;
		padding: 120px 0 25px 0;
	}
	.company-service .list .list-item:nth-child(4) a {
		background: url(../img/company/icon-service04sp.png) no-repeat center top 30px;
		background-size: 93px auto;
		padding: 106px 0 15px 0;
	}
	.company-service .list .list-item:nth-child(5) a {
		background: url(../img/company/icon-service05sp.png) no-repeat center top 40px;
		background-size: 66px auto;
		padding: 120px 0 25px 0;
	}
	.company-service .list .list-item:nth-child(6) a {
		background: url(../img/company/icon-service06sp.png) no-repeat center top 40px;
		background-size: 75px auto;
		padding: 120px 0 25px 0;
	}
	.company-service .list .list-item:nth-child(7) a {
		background: url(../img/company/icon-service07sp.png) no-repeat center top 40px;
		background-size: 71px auto;
		padding: 120px 0 25px 0;
	}
	.company-service .list .list-item:nth-child(8) a {
		background: url(../img/company/icon-service08sp.png) no-repeat center top 40px;
		background-size: 72px auto;
		padding: 106px 0 15px 0;
	}
	.company-service .list .list-item:nth-child(9) a {
		background: url(../img/company/icon-service09sp.png) no-repeat center top 40px;
		background-size: 37px auto;
		padding: 120px 0 25px 0;
	}
	.company-service .attention{
		text-align: left;
	}
	.company-advantage{
		padding: 60px 0;
	}
	.company-advantage .list .list-item{
		width: 100%;
		margin: 0 0 30px;
		-moz-box-shadow: 2px 3px 18px -3px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 2px 3px 18px -3px rgba(0, 0, 0, 0.6);
		-ms-box-shadow: 2px 3px 18px -3px rgba(0, 0, 0, 0.6);
		box-shadow: 2px 3px 18px -3px rgba(0, 0, 0, 0.6);
	}
	.company-advantage .list .list-item:nth-of-type(2n){
		margin: 0 0 30px;
	}
	.company-advantage .list .list-item img{
		max-width: 100%;
	}
	.company-advantage .list .list-item .text-box{
		width: 100%;
		position: static;
		margin: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
	.company-advantage .list .list-item:nth-of-type(1) .text-box{
		height: auto;
	}
	.company-advantage .list .list-item .text-box .tit + p{
		font-size: 14px;
	}
}