@charset "utf-8";

/******************* 統一設定 *******************/
main div.contents{
	width:87.5%;
	max-width:900px;
	margin:50px auto;
}

img{
	margin:10px auto 0;
	border:solid 1px #3a3a3a;
	display:block;
}

section[id^=sec]{
	margin-bottom:70px;
}

section[id^=sec] h2:not(.accordion-header){
	color:#3a3a3a;
	margin-bottom:20px;
	font-size:1.75em;
}

section[id^=sec] p,div.accordion-body{
	line-height:1.75em;
}

section[id^=sec] h2.accordion-header button{
	font-weight:bold;
}

.accordion-button:not(.collapsed){
	color:#000;
	background:#fffee7;
}

.accordion-button:focus{
	box-shadow:none;
}

.accordion-button:not(.collapsed)::after{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e4e10c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

a.langChange::before{
	margin-right:5px;
	font-weight:bold;
	content:"\f35d";
}


/******************* sec00 *******************/
section#sec00 p.center{
	text-align:center;
}


section#sec00 div.button{
	width:185px;
	height:50px;
	margin:10px auto 20px;
}

section#sec00 div.button a.download{
	height:50px;
	background:#ffce00;
	border-radius:50px;
}

section#sec00 div.button a.download:hover{
	color:#000;
	opacity:.7;
}


/******************* sec01 *******************/
section#sec01 a[target="_blank"]{
	width:100%;
}


/******************* sec02 *******************/
a.langChange{
	text-align:center;
	font-size:1.325em;
	display:block;
}

a.langChange div.ja{
	width:150px;
	height:100px;
	margin:10px auto 0;
	background:url("./../img/installation/ja.svg") no-repeat center/contain;
	border:solid 1px #3a3a3a;
}


@media (max-width:767px){
	/******************* 統一設定 *******************/
	section[id^=sec] h2{
		font-size:clamp(18px,5.25vw,1.75em);
	}

	.sm_100{
		width:100%;
		height:auto;
		object-fit:contain;
		object-position:center;
	}


	/******************* sec01 *******************/
	section#sec01 h1{
		font-size:clamp(22px,8.25vw,2.75em);
	}

	section#sec01 h3{
		font-size:clamp(16px,4.75vw,1.5em);
	}

	/******************* sec02 *******************/
	a.langChange div.ja{
		width:clamp(90px,32.5vw,150px);
		height:clamp(45px,22.5vw,100px);
	}
}