@charset "utf-8";

/******************* 統一設定 *******************/
section[id^=sec] h1{
	margin-bottom:15px;
	padding-left:10px;
	font-size:2.25em;
	border-left:solid 10px #f8d6d6;
	border-bottom:solid 1px #f8d6d6;
}


/******************* slider *******************/
section#slide div.slider img{
	height:100%;
	max-height:calc(100vh - 70px);
	object-fit:contain;
	object-position:center;
	user-select:none;
	pointer-events:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-webkit-touch-callout:none;
	position:relative;
	z-index:5;
}

section#slide div.slider img[src$="1.png"]{
	background:url("./../img/top/slide/1-1.png") no-repeat center/cover;
}

section#slide div.slider img[src$="2.png"]{
	background:url("./../img/top/slide/2-1.png") no-repeat center/cover;
}

section#slide div.slider img[src$="3.png"]{
	background:url("./../img/top/slide/3-1.png") no-repeat center/cover;
}

section#slide div.slider img[src$="4.png"]{
	background:url("./../img/top/slide/4-1.png") no-repeat center/cover;
}

section#slide div.slider img[src$="5.png"]{
	background:url("./../img/top/slide/5-1.png") no-repeat center/cover;
}


/******************* sec01 *******************/
section#sec01 div.flexbox{
	flex-direction:row;
}

section#sec01 div.flexbox div.img{
	width:32.5%;
	height:29vw;
	max-height:450px;
	background:url("./../img/top/sec01.png") no-repeat left/contain;
}

section#sec01 div.flexbox div.text{
	width:67.5%;
	line-height:1.65em;
	margin-left:auto;
}


/******************* sec02 *******************/
section#sec02 div.flexbox{
	flex-direction:row;
}

section#sec02 table{
	width:67.5%;
	max-width:950px;
	margin:20px auto;
}

section#sec02 table tr th{
	height:70px;
}

section#sec02 table tr th:nth-child(1){
	width:150px;
}

section#sec02 table tr:nth-child(even) th,section#sec02 table tr:nth-child(even) td{
	background:#f8d6d6;
}

section#sec02 div.flexbox div.img{
	width:32.5%;
	height:29vw;
	max-height:450px;
	margin-top:20px;
	background:url("./../img/top/sec02.png") no-repeat right/contain;
}


@media (max-width:767px){
	section[id^=sec]{
		width:87.5%;
	}

	section[id^=sec] h1{
		font-size:1.75em;
	}

	section#sec01{
		flex-direction:column-reverse;
	}

	section#sec01 div.flexbox{
		flex-direction:column-reverse;
	}

	section#sec01 div.flexbox div.img{
		width:100%;
		height:100vw;
		background-position:center;
	}

	section#sec01 div.flexbox div.text{
		width:100%;
		margin-bottom:20px;
	}


	section#sec02 div.flexbox{
		flex-direction:column;
	}

	section#sec02 table{
		width:100%;
		margin-top:10px;
	}

	section#sec02 div.flexbox div.img{
		width:100%;
		height:100vw;
		max-height:unset;
		margin-bottom:50px;
		background-position:center;
	}

	section#sec02 table tr th:nth-child(1){
		width:115px;
	}
}