/* ===================================================================================
safe-usage
====================================================================================== */
.s_greenBox ._turn45{
	font-size: 2em;
	font-weight: 600;
	line-height: 1;
}

.s_gridBox12 > ul{
	align-content: flex-start;
}

.s_photoBox.-grid32 .bt_st1 figure{	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.trouble_icon {
	width: 70%;
	height: 70%;
	max-width: 100px;
	max-height: 100px;
}

.co-box{
	border: solid 4px var(--c-green);
	border-radius: var(--s2);
}

.co-box > p{
	background: var(--c-green);
	padding: var(--s3);
	color: var(--c-menu);
}

.co-grid {
	display: grid;
	grid-template-columns: repeat(var(--2-1), 1fr);
	gap: var(--s3);
	text-align: center;
	padding: var(--s3);
}

.co-grid div{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	padding: var(--s3);
	background: var(--c-menu);
	border-radius: var(--s3);
}

.co-grid div p{
	text-align: left;
}

.area2{
	grid-area: span 2;
	align-self: center;
}

.honoo{
	width: 100%;
	max-width: 400px;
	text-align: left;
	display: block;
}

/* ===================================================================================
index
====================================================================================== */
.hd2Green._contact{
text-align: center;	
}

.contact_grid3{
	display: grid;
	grid-template-columns: repeat(var(--3-1), 1fr);
	align-items: center;
	gap: var(--s3);
}

.contact_grid3 ._grid2{
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	gap: var(--s3);
	align-items: center;
}

.contact_grid3 ._grid2._left{
	margin-left: -3em;
}

@media screen and (max-width:1000px) {		
	.contact_grid3 ._grid2._left{
		margin-left: 0;
	}
}

.contact_grid3 ._grid2 .circle{
	padding: var(--s3);
	border-radius: 100%;
	color: var(--c-menu);
	text-align: center;
	aspect-ratio: 1/1;
	max-width: 100px;
	width: 100%;
	font-size: 1.5em;
	white-space: nowrap;
	display: grid;
	place-items: center;
	margin: auto;
}

.contact_grid3 ._grid2 .circle._fire{
	background: var(--c-red);
}

.contact_grid3 ._grid2 .circle._operate{
	background: #018CD7;
}

.contact_grid3 ._grid2 .circle._tool{
	background: #009A44;
}

.contact_grid3 ._grid2 li{
	font-weight: bold;
}

/* ===================================================================================
recovery
====================================================================================== */
.youtube-frame{
	width: 80%;
	height: auto;
	aspect-ratio: 16/9;
	max-width: 1000px;
	margin: auto;
	display: block;
}

/* ===================================================================================
freeze
====================================================================================== */
.youtube-area{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--s2);
		@media (max-width: 767px) {
			grid-template-columns: 1fr;
			gap: var(--s3);
		}
}