#page-index .about-section {
	margin-top : 150px;
}#page-index .about-section-image {
	position : absolute;
	bottom : 0;
	max-width : 494px;
}#page-index .about-section-link {
	display : block;
	position : relative;
	font-size : 1.8rem;
	font-weight : 700;
	max-width : 565px;
	margin-top : 3em;
	text-align : right;;
	color : #410e6a;
}#page-index .about-section-link:before {
	position : absolute;
	top : calc(50% - 0.5px);
	left : 0;
	width : 100%;
	height : 1px;
	content : "";;
	border-top : 2px solid #410e6a;
}#page-index .about-section-link span {
	position : relative;
	padding-left : 2em;
	background-color : #ffffff;
}#page-index .about-section p {
	line-height : 2;;
	max-width : 565px;
	margin-top : 2em;
	letter-spacing : 0.05em;
}#page-index .service-point {
	margin-top : 200px;
}#page-index .service-point .service-point-bg-wrap {
	position : relative;
	max-width : 1920px;
	margin : 0 auto;
}#page-index .service-point .service-point-in-wrap {
	z-index : 2;
	position : relative;
	margin-top : 50px;
}#page-index .service-point .service-point-bg {
	z-index : 0;
	position : absolute;
	top : 0;
	right : 0;
	        transform : translateY(-10%);;

	-webkit-transform : translateY(-10%);
}#page-index .service-point .service-point-bg img {
	max-width : 1070px;
}#page-index .service-point .point-list-wrap {
	border-bottom : 5px solid #410e6a;
	background-color : #ffffff;
}#page-index .service-point .point-list {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}#page-index .service-point .point-list .point-list-bg {
	padding : 45px 25px 25px;
}#page-index .service-point .point-list h3 {
	font-size : 2rem;
	font-weight : 700;
	line-height : 1.6;;
	min-height : 6em;
}#page-index .service-point .point-list p {
	font-size : 1.4rem;
	letter-spacing : 0.15em;
}#page-index .service-point .point-list .image {
	position : relative;
}#page-index .service-point .point-list .image:after {
	z-index : 2;
	position : absolute;
	right : 10%;
	bottom : 0;
	width : 30%;
	        transform : translateY(50%);;

	-webkit-transform : translateY(50%);
}#page-index .service-point .point-list:first-of-type .image:after {
	content : url(../../images/index/icon-01.svg);
}#page-index .service-point .point-list:nth-of-type(2) .image:after {
	content : url(../../images/index/icon-02.svg);
}#page-index .service-point .point-list:nth-of-type(3) .image:after {
	content : url(../../images/index/icon-03.svg);
}#page-index .service-point .point-list:nth-of-type(4) .image:after {
	content : url(../../images/index/icon-04.svg);
}#index-service {
	margin-top : 150px;
}#index-service .service-content-wrap {
	margin-top : 50px;
}#index-service .service-content {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	position : relative;
	width : 100%;
	border : 1px solid #000000;
}#index-service .service-content:after,
#index-service .service-content:before {
	z-index : 2;
	position : absolute;
	content : "";
}#index-service .service-content:before {
	top : -1px;
	left : 10px;
	width : calc(100% - 20px);
	height : calc(100% + 2px);
	background-color : #ffffff;
}#index-service .service-content:after {
	top : 10px;
	left : -1px;
	width : calc(100% + 2px);
	height : calc(100% - 20px);
	background-color : #ffffff;
}#index-service .service-content a {
	overflow : hidden;
}#index-service .service-content a:hover img {
	        transform : scale(1.2);;

	-webkit-transform : scale(1.2);
}#index-service .service-content span {
	display : block;
	z-index : 4;
	position : absolute;
	top : 50%;
	font-size : 2.1rem;
	font-weight : 700;
	width : 100%;
	        transform : translateY(-50%);
	text-align : center;;
	color : #000000;

	-webkit-transform : translateY(-50%);
}#index-service .service-content img {
	z-index : 3;
	position : relative;
	        transition : 0.25s;;
	        transform : scale(1);

	-webkit-transform : scale(1);
	-webkit-transition : 0.25s;
}#index-voice {
	margin-top : 100px;
}#index-voice .voice-wrap {
	margin-top : 50px;
}#index-voice article p {
	margin-top : 3em;
	letter-spacing : 0.2em;
}#index-voice article span {
	position : absolute;
	right : 7.5px;
	bottom : 0;
}#page-index .info-section {
	margin-top : 60px;
}#page-index .info-section .header-table {
	display : table;
	margin-right : auto;
	margin-left : auto;
}#page-index .info-section .sb-header {
	display : block;
}#page-index .info-section ol {
	display : table;
	margin : 15px auto 0;
	padding : 0;
	list-style : none;
}#page-index .info-section li:not(:first-child) {
	margin-top : 10px;
}#page-index .info-section article a {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	    flex-direction : column;
	color : #000000;;

	-webkit-box-direction : normal;
	-webkit-box-orient : vertical;
	-ms-flex-direction : column;
}#page-index .info-section article a h2 {
	order : 2;;

	-webkit-box-ordinal-group : 3;
	-ms-flex-order : 2;
}#page-index .info-section article a span {
	font-size : 1.2rem;;
	order : 1;
	margin-right : 20px;

	-webkit-box-ordinal-group : 2;
	-ms-flex-order : 1;
}@media screen and (max-width:1050px) {
	#page-index .about-section-image {
		position : relative;
		max-width : 100%;
		height : auto;
	}
}@media screen and (max-width:575px) {
	#page-index .about-section-image {
		display : table;
		max-width : 70%!important;
		margin-top : 50px;
		margin-right : auto;
		margin-left : auto;
	}#page-index .service-point .point-list h3 {
		font-size : 1.6rem;
	}#page-index .service-point .point-list .image:after {
		        transform : translateY(50%) scale(1) translateX(50%);;

		-webkit-transform : translateY(50%) scale(1) translateX(50%);
	}
}@media screen and (max-width:1000px) {
	#page-index .service-point .service-point-bg {
		display : none;
	}
}@media screen and (max-width:1230px) {
	#page-index .service-point .point-list .image:after {
		        transform : translateY(50%) scale(0.5);;

		-webkit-transform : translateY(50%) scale(0.5);
	}
}@media screen and (max-width:769px) {
	#page-index .service-point .point-list .image:after {
		        transform : translateY(50%) scale(0.85);;

		-webkit-transform : translateY(50%) scale(0.85);
	}
}@media screen and (max-width:1185px) {
	#index-service .service-content span {
		font-size : 1.5rem;
	}
}
/*# sourceMappingURL=index.css.map */


#serviceList {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr;
	grid-gap : 15px;
	padding : 0 7.5px;
	list-style : none;
}
#serviceList > li {
	width : 100%;
	height : 100%;
}
#serviceList > li .content {
	position : relative;
	width : 100%;
	height : 200px;
	border : 1px solid #000000;
}
#serviceList > li .content::before {
	display : block;
	z-index : 0;
	position : absolute;
	top : 10px;
	left : -1px;
	width : calc(100% + 2px);
	height : calc(100% - 20px);
	content : "";
	background-color : #ffffff;
}
#serviceList > li .content::after {
	display : block;
	z-index : 0;
	position : absolute;
	top : -1px;
	left : 10px;
	width : calc(100% - 20px);
	height : calc(100% + 2px);
	content : "";
	background-color : #ffffff;
}
#serviceList .text {
	display : flex;
	z-index : 2;
	position : absolute;
	top : 0;
	left : 0;
	font-size : 2rem;
	font-weight : 700;
	line-height : 1.6;
	justify-content : center;
	align-items : center;
	width : 100%;
	height : 100%;
	text-decoration : none;
	color : #000000;
}
#serviceList .img {
	display : block;
	z-index : 1;
	position : absolute;
	top : 0;
	left : 0;
	overflow : hidden;
	width : 100%;
	height : 100%;
}
#serviceList .img img {
	width : 100%;
	height : 100%;
	transition : transform 0.25s;
	object-fit : cover;
}
#serviceList > li:hover .img img {
	transform : scale(1.2);
}

@media screen and (max-width: 575px) {
	#serviceList {
		grid-template-columns : 1fr 1fr;
	}
	#serviceList > li .content {
		height : 160px;
	}
	#serviceList .text {
		font-size : 1.6rem;
	}
}