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

main{
	margin-top: 45px;
}

/*スライダー*/
slider li {
	position: relative;
}

.slider-catcharea {
	position: absolute;	
	width: 1200px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.slider-catchcopy {
	background: #ffffff;
	margin-bottom: 30px;
	display:inline-block;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 2rem;
	opacity: 0.8;
	line-height: 1.2em;
}


.slider-read {
	background: #000000;
	display:inline-block;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 1.2rem;
	color: #ffffff;
	opacity: 0.8;
}

@media screen and (max-width:1200px){
	.slider-catcharea{
		width: 90%;
	}
	
	.slider-catchcopy{
		font-size: 1.5rem;
	}
	
	.slider-read{
		font-size: 1rem;
	}
}


/*大和アスコンの特長*/
.top-h2 {
	text-align: center;
}

.top-point {
	margin:  10px auto 50px;
	display: flex;
	justify-content: space-between;
}

.top-point-read {
	font-size: 1.2rem;
	padding: 30px 0px 80px;
	line-height: 180%;
}

.top-3point-icon {
	font-family: Font Awesome\ 5 Free;
	font-size: 3rem;
	color: #395ca3;
}	

@media screen and (max-width:768px){
	.top-point{
		display: block;
	}
}

/*お気軽にお問い合わせください*/

.top-info {
	background-image: url('../images/top/top-plant.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
    opacity: 0.9;
	height: 300px;
}

.top-info-title {
	font-size: 200%;
	font-weight: 500;
	padding: 70px 0px 25px;
	color: #ffffff;
	text-align: center;
}

.top-h2-white {
	color: #ffffff;
	text-align: center;
}

.top-adress {
	color: #ffffff;
	text-align: center;
}

.top-info-link {
	text-align: center;
	padding: 1px 50px ;
}

.top-info-link>.rink-box {
	padding: 10px 50px;
	font-size: 1.3rem;
}

@media screen and (max-width:768px){
	.top-info{
		height: fit-content;
	}
	
	.top-info-link>.rink-box{
		padding: 0;
		font-size: 1em;
	}
	
	.top-info-link>.rink-box p{
		padding: 20px 0;
	}
	
	.top-info-link>.rink-box p a{
		padding: 20px 30px;
	}
}


/* TOPICS */
.topics-area {
	margin:  10px auto 50px;
	display: flex;
	justify-content: space-between;
}

.topics-title {
	font-size: 150%;
	font-weight: 700;
	padding: 20px 0px;
	border-left: none;
	margin: -0.5rem 0;
}

@media screen and (max-width:768px){
	.topics-area{
		display: block;
	}
}