@charset "utf-8";
:root{
	--c01: #000;
	--c02: #e83b18;
	--c03: #ddd;
	--c04: rgba(73,57,48,1.00);
}
.yusei-magic-regular {
  font-family: "Yusei Magic", serif;
  font-weight: 400;
  font-style: normal;
}
.noto-serif-jp-u800 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.noto-serif-jp-u600 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.zen-old-mincho-600 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

html{
	font-size: 6.25%;
	scroll-behavior: smooth;
}
body{
	margin: 0;
}
img{
	max-width: 100vw;
}
.headerarea{
	color: var(--c02);
	text-align: center;
	margin-top:10px;
}
.headerarea img {
    max-width: 380px;
	width: 50%;
	padding-top: 10px;
}
.headname1{
	margin: 0;
}

.h3{
	font-size: 22rem;
}
.h4{
	font-size: 20rem;
}
.h5{
	font-size: 16rem
}
.h6{
	font-size: 10rem;
}
.h7{
	font-size: 20rem;
}
.magpad0{
	margin: 0;
	padding: 0;
}
.magpad1{
	margin: 0;
	padding: 5px 20px;
}
.color-black{
	color: var(--c01);
}
.spacer{
	margin-top: 16px;
	height: 1px;
}
.spacer::after{
	content: " ";
}

.sect3{
	background: linear-gradient(to bottom, #fff, #ccc, #ddd, #fff);
	border-top: 1px solid;
}
.bgkiso{
	height: auto;
	background-image: url("/i/23554542_m.jpg");
	background-size: cover;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	.con1{
		padding-left: 5px;;
	}
}
.bgyane{
	background-image: url("/i/24096670_m.jpg");
	background-size: cover;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	.con1{
		padding-left: 5px;;
	}
}
.bgdenki{
	background-image: url("/i/24599272_m.jpg");
	background-size: cover;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	.con1{
		padding-left: 5px;;
	}
}
.bgnaiso{
	background-image: url("/i/28516022_m.jpg");
	background-size: cover;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	.con1{
		padding-left: 5px;;
	}
}
.bggaiso{
	background-image: url("/i/23598122_m.jpg");
	background-size: cover;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	.con1{
		padding-left: 5px;;
	}
}
.bgzoen{
	background-image: url("/i/27955574_m.jpg");
	background-size: cover;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	.con1{
		padding-left: 5px;;
	}
}
.sect4{
	background-image: url(/i/S_00.png);
	background-size: cover;
	background-color: rgba(73,57,48,1.00);
	background-blend-mode:lighten;
	color: var(--c03);	
	text-shadow: 1px 2px 3px #000;
	background-position: top left 70px;
	background-repeat: no-repeat;
}
.sect4 .con0{
	text-align: center;
	margin: 0;
	padding: 0;

}
.sect4 .con0 .con1{
	display: inline-block
}
.aboutus .con1-1{
	margin: 0;
	padding: 0;
	
}
.aboutus .con1-1::before{
	content: '\00a0';
	
}
.aboutus .con1-1::after{
	content: '\00a0';
	
}
.aboutus .con1-2{
	border-top: 1px solid var(--c03);
	margin: 0;
	padding: 0;
	font-size: 12rem;
}
.aboutus-inner{
	margin-left: 16px;	
	font-size: 14rem;
}
.aboutus-inner div p{
	padding:0;
	margin:0;
}
.aboutus-inner div p.con1-2{
	padding-bottom: 18px;
}

footer{
	background-color: black;
	color: var(--c03);
	padding: 20px 0;
	margin-top:20px;
}
.con-grid-A{
	display: grid;
	padding: 0 16px;
	grid-auto-rows: minmax(40px, auto);
	grid-template-columns: repeat(7, 1fr);
	column-gap: 2px;
}

.box1{
	grid-row: 1;
	grid-column: 4;
	text-align: center;
	padding: 0 4px;
}
.box2{
	grid-row: 2;
	grid-column: 3/6;
	text-align: center;
	font-size: 14rem;
	padding: 0;
	height: 14rem;
}

.height_change{
	height: 173px;
	transition: height 500ms ease;
	background-blend-mode:normal;
	text-shadow: 1px 2px 3px #000;
	color:#fff;
}
.hidden{
	display: none;
}
@media (min-width: 430px){
	body{
		margin: 0 auto ;
		max-width: 1200px;
	}

	.headerarea{
		display: grid;
		align-content:center; 
		grid-template-columns:100px 400px;
		grid-template-rows: auto;
		column-gap: 2px;
	}
	.headimg{
		grid-column: 1/2;
		grid-row: 2/4;
	}
	.headname1{
		grid-column: 2;
		grid-row:2/3;
		text-align: left;
		vertical-align: bottom;
		position: relative;
		top:5px;
	}
	.headname2{
		grid-column: 2;
		grid-row:3/4;
		text-align: left;
	}
	.headerarea img {
		max-width: 100px;
		width: 50%;
		padding-top: 10px;
	}
	
	.h4{
		font-size: 25rem;
		text-align: center;
	}
	.h5{
		font-size: 22rem;
		text-align: center;
	}
	
	.sect4{
		background-size: contain;
		background-position:top right 20px;
	}
	.aboutus-inner{
		margin-left: 76px;	
		font-size: 18rem;
	}
	.aboutus-inner div p.con1-2{
		padding-bottom: 22px;
	}
	.height_change{
		height: 482px;
	}
	
	.box1 img{
		width: 60px;
	}
	
}