@charset "UTF-8";

body	{margin: 0;}

.page * {margin:0;font-family:'Noto Sans Japanese',sans-serif;}

ul {margin: 0;padding: 0;list-style: none;}

.page-nav{grid-column:1;grid-row:1/-1;z-index:100;background-color:rgba(0,0,0,0.8);display:none;}
.open .page-nav{display:block;}
.page-nav ul{margin:0;padding:0;list-style:none;}
ul.sns-right li{display:inline-block;padding:10px;font-size:34px;}

.page-nav a{display:block;margin:30px;color:#fff;font-size:14px;text-decoration:none;}
.page-nav p{padding:30px;color:#fff;line-height:2em;}
.page-btn,.page-btn-close{grid-column:1;grid-row:1;justify-self:end;align-self:start;padding:20px;border:none;background-color:transparent;color:#ccc;font-size:28px;cursor:pointer;z-index:101;}
.page-btn-close{display:none;}
.open .page-btn{display:none;}
.open .page-btn-close{display:block;}

/* トップページ */
.c-area {display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto auto auto auto;min-height:100vh;padding: 0;background: #fff;margin:0;font-family:'Noto Sans Japanese',sans-serif;font-size:18px;}
.c-area p{font-size:0.75em;font-weight:200;line-height:2;text-align:justify;text-justify:inter-ideograph;}
.top-navi{grid-column:1;grid-row:1;padding:14px 0;text-align:center;background-color:#fff;width:100%;z-index:20;margin:0;box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.top-navi img{width:75px;height:25px;vertical-align:bottom;}
.top-navi ul{display:grid;grid-auto-flow:column;margin:0;padding:0;list-style:none;color:#000;font-size:0.75em;font-family:serif;}
.top-navi ul a{color:#000;text-decoration:none;font-family:serif;}

.header-top{grid-column:1;grid-row:2;--side:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;margin:0 var(--side);max-height:600px;}
.header-top img{width:100%;height:auto;vertical-align:bottom;}

.top-photo{grid-column:1/-1;grid-row:1;margin:0 calc(var(--side)*-1);}
.top-photo img{height:100%;object-fit:cover;max-height:600px;}

.top-logo{grid-column:1/-1;grid-row:1;justify-self:start;align-self:end;padding:20px;opacity:0.35;}

.yamato-denki{grid-column:1/-1;grid-row:1;margin:0 calc(var(--side)*-1);z-index:10;justify-self:center;align-self:center;}
.yamato-denki p{color:#fff;font-size:2em;font-weight:400;font-family:'Noto Serif JP',serif;text-shadow:0px 0px 20px #000;}

.main{grid-column:1;grid-row:5;display:grid;padding:20px;}
.main h2{font-family:'Noto Serif JP',serif;}
.main h3{font-family:'Noto Serif JP',serif;}
.main img{max-width:100%;height:auto;vertical-align:bottom;}
.text01{margin:30px 0 30px 0;}
.top-about{display:grid;}
.top-figure01{grid-column:1;grid-row:1;justify-self:center;align-self:center;}
.about-link{grid-column:1;grid-row:1;justify-self:center;align-self:center;z-index:2;margin-top:120px;}
.about-link a{display:inline-block;border:1px solid #fff;background-color:rgba(255,255,255,0.7);text-decoration:none;letter-spacing:.6em;text-indent:9px;line-height:1;padding:10px;	color:#0e214d;font-size:14px;line-height:26px;text-shadow:0px 0px 20px #000;}

.tate-sns{justify-self:center;align-self:center;}
.tate-sns ul{margin:0;padding:0;list-style:none;display:grid;grid-auto-flow:column;grid-column-gap:20px;}
.tate-sns a {font-size:1.5em;color:#aaa;text-decoration:none;text-align:center;border:solid 1px #aaa;border-radius:50%;display:block;width:2em;height:2em;line-height:2em;}

.annai01{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;}
.jigyouannai01{grid-column:1;grid-row:1;width:50%;margin:20px auto 20px;text-align:center;background-color:#474688;border-radius:10px;color:#fff;padding:30px;}
.jigyouannai02{grid-column:2;grid-row:1;width:50%;margin:20px auto 20px;text-align:center;background-color:#474688;border-radius:10px;color:#fff;padding:30px;}

a.annai-text{
	display:inline-block;
	text-decoration:none;color:#fff;
}

/* 今は使わない～ここから～ */
.service * {margin-top:20px;}

.service img{width:100%;height:auto;vertical-align:bottom;}
.service{--sideLR:20px;--sideTB:40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:170px auto 100px;margin:var(--sideTB) var(--sideLR);font-family:'Noto Sans Japanese',sans-serif;color:#fff;text-shadow:0px 0px 20px #000;}

.service-photo{grid-column:1/-1;grid-row:2;justify-self:center;align-self:center;width:60%;z-index:2;}
.service-01{grid-column:2;grid-row:1/3;justify-self:start;align-self:start;writing-mode:horizontal-tb;display:grid;grid-row-gap:15px;padding:30px;z-index:2;}
.service-01 h2{font-size:28px;font-weight:900;line-height:1.2;justify-self:end;}
.service-01 p:nth-of-type(1){font-size:16px;font-weight:700;justify-self:end;}
.service-01 p:nth-of-type(2){font-size:14px;font-weight:300;line-height:1.8;height:12em;width:50%;justify-self:end;}
.service-01-memo{grid-column:2;grid-row:3;justify-self:end;align-self:end;width:200px;padding:10px;box-sizing:border-box;border:solid 1px #e1e1e1;font-size:12px;font-weight:200;line-height:2;z-index:2;text-align:center;background-color:rgba(255,255,255,0.9);text-shadow:none;}
.service-02{grid-column:1;grid-row:1/3;justify-self:start;align-self:start;writing-mode:horizontal-tb;display:grid;grid-row-gap:15px;padding:30px;z-index:2;}
.service-02 h2{font-size:28px;font-weight:900;line-height:1.2;}
.service-02 p:nth-of-type(1){font-size:16px;font-weight:700;}
.service-02 p:nth-of-type(2){font-size:14px;font-weight:300;line-height:1.8;height:12em;width:50%;}
.service-02-memo{grid-column:1;grid-row:3;justify-self:start;align-self:end;width:200px;padding:10px;box-sizing:border-box;border:solid 1px #e1e1e1;font-size:12px;font-weight:200;line-height:2;z-index:2;text-align:center;background-color:rgba(255,255,255,0.9);text-shadow:none;}

.service-01-memo a{color:#444;text-decoration:none;text-align:center;}
.service-02-memo a{color:#444;text-decoration:none;text-align:center;}

.service::before{grid-column:2;grid-row:1/-1;z-index:0;content:'';background-image: url("../images/dl-img-2.jpg");margin-right:calc( var(--sideLR)*-1);margin-top:calc(var(--sideTB)*-1);margin-bottom:calc(var(--sideTB)*-1);opacity:0.9;}
.service::after{grid-column:1;grid-row:1/-1;z-index:0;content:'';background-image: url("../images/el-img-2.jpg");margin-left:calc( var(--sideLR)*-1);margin-top:calc(var(--sideTB)*-1);margin-bottom:calc(var(--sideTB)*-1);opacity:0.9;}

/* 今は使わない～ここまで～ */

.staff{margin:30px 0 30px 0;}
.staff h3{margin:30px 0 30px 0;}
.staff p{margin:30px 0 30px 0;}
.staff h3::after{content:'';display:block;border:solid 0.5px #43342c;}

.top-contents{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;}
.top-contents-left{grid-column:1;grid-row:1;}
.top-contents-right{grid-column:2;grid-row:1;}

/* クリーニング */
.cleaning {display:grid;grid-template-columns:1fr 300px;grid-template-rows:1fr;grid-column-gap:40px;}
.cleaning-l{grid-column:1;grid-row:1;}
.cleaning-r{grid-column:2;grid-row:1;background-color:#f2f2f2;padding:16px;border-radius:8px;}
.cleaning-r figure{text-align:center;}
.cleaning-r img{border-radius:10px;}
.cleaning-r p{padding:8px;line-height:1.5;font-size:0.6em;margin-bottom:10px;color:#666;}

.page-title{margin:20px 0 40px 0;justify-self:center;text-align:center;}
.page-title h1{font-family:'Noto Serif JP',serif;font-weight:900;line-height: 1.2;font-size: 45px;margin-bottom:20px;}
.page-title p{margin:30px 0 30px 0;padding:20px;}
.cleaning-subtitle{font-family: 'Mplus 1p', sans-serif;font-weight:900;line-height: 1.2;font-size: 35px;color:#999;}
/* クリーニング スタッフ紹介 */

.staff-profile{display:grid;grid-template-columns:180px 1fr;grid-template-rows:1fr;grid-column-gap:30px;grid-row-gap:5px;vertical-align:}
.staff-profile img{grid-column:1;grid-row:1;padding:10px;border-radius:50%;}
.profile-text{grid-column:2;grid-row:1;padding:10px;margin-top:0;}

/* お問合せボタン */
.sns-otoiawase{grid-column:1;grid-row:6;display:grid;padding:20px;}

/* フッター */
.footer{grid-column:1;grid-row:7;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;padding:15px 0;background-color:#22214f;color:#fff;text-align:center;font-size:14px;}

.footer-navi1{grid-column:1;grid-row:1;text-align:left;justify-self:center;}
.footer-navi2{grid-column:2;grid-row:1;text-align:left;justify-self:center;}
.footer-navi3{grid-column:3;grid-row:1;text-align:left;justify-self:center;}
.footer-navi4{grid-column:1/-1;grid-row:2;justify-self:center;align-self:center;padding:10px;}
.footer-navi4 img{width:25px;height:15px;vertical-align:middle;}

.justify{display:flex;justify-content:space-between;}
.wf-sawarabimincho { font-family: 'Sawarabi Mincho'; }


.line-blue{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}
.link01 a{display:inline-block;border:1px solid #43342c;background-color:#43342c;text-decoration:none;letter-spacing:.6em;text-indent:9px;line-height:1;padding:10px;	color:#fff;font-size:14px;line-height:26px;justify-self:center;align-self:center;margin:24px;text-align:center;}
.link02 a{display:inline-block;border:1px solid #ccc;background-color:#ff9900;text-decoration:none;letter-spacing:.6em;text-indent:9px;line-height:1;padding:10px;	color:#fff;font-size:14px;line-height:26px;justify-self:center;align-self:center;margin:24px;text-align:center;}


/* 会社概要 */
.profile {
	grid-column:1;grid-row:4;
}
.profile table {margin: 40px auto;font-size:14px;font-weight:100;width:100%;border-collapse:collapse;}
.profile-table th {border: solid 0.5px #000;background:#e2e2e3; padding: 10px;font-weight:200;font-size:14px;}
.profile-table td {border: solid 0.5px #000;  padding: 10px;font-size:14px;}

.profile h2{font-family:'Noto Serif JP',serif;}
.profile h3{font-family:'Noto Serif JP',serif;}
/* 会社概要 */


/* about */
.about-yamato {font-size:18px;}
.about-yamato img{max-width:100%;}
.about-yamato h2{font-family:'Noto Serif JP',serif;margin:30px 0 30px 0;}
.about-yamato h3{font-family:'Noto Serif JP',serif;margin:30px 0 30px 0;}

.about-yamato h2:nth-of-type(3){border-bottom: solid 2px #ccc;padding-bottom:20px;}

.dotto-line{border-bottom: dotted 2px #ccc;border-top: dotted 2px #ccc;padding:20px 0 20px 0;}

.onepoint p{padding:10px 20px 10px 20px;}


.otoiawase {
	grid-column:1;grid-row:4;
}
.houjin h2{font-size:24px;text-align:center;margin-top:60px;border-bottom: solid 2px #ccc;padding-bottom:20px}

.swiper-container{width:100%;margin:auto;}
.swiper-slide p{text-align:center;}

.about-midasi1{font-size:1.1em;font-weight:600;}

	/* top-contents */
.midasi{grid-column:1;grid-row:3;text-align:center;display:grid;}
	
.top-title{color:#303030;justify-self:center;align-self:center;margin:40px 0 40px 0;padding:20px;}

.top-title h1{font-size:38px;line-height:2;font-family:'Noto Serif JP',serif;}

.top-title p{margin:10px 0 10px 0;}
	
.top-jigyou * {
	margin: 0;
}

.top-jigyou img	{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}


/* グリッド */
.top-jigyou {
	--sideLR: 20px;
	--sideTB: 40px;
	grid-column:1;grid-row:4;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 170px auto 100px;
	margin: var(--sideTB) var(--sideLR);
	font-family: 'Noto Sans Japanese', sans-serif;
}
.top-jigyou-haikei{grid-column:2;grid-row:1/-1 ;margin-right: calc( var(--sideLR) * -1 );
	margin-top: calc( var(--sideTB) * -1 );
	margin-bottom: calc( var(--sideTB) * -1 );}
.top-jigyou-haikei img{height:100%;object-fit:cover;}

.top-jigyou-haikei2 {
	grid-column: 1;
	grid-row: 1 / -1;
	margin-left: calc( var(--sideLR) * -1 );
	margin-top: calc( var(--sideTB) * -1 );
	margin-bottom: calc( var(--sideTB) * -1 );
}
.top-jigyou-haikei2 img{height:100%;object-fit:cover;}

/* 画像 */
.top-jigyou-photo {
	grid-column: 1 / -1;
	grid-row: 2;
	justify-self: center;
	align-self: center;
	width: 60%;
	z-index:0;
	opacity:0.9;
}

/* 配送事業テキスト */
.top-jigyou-tr {
	grid-column: 2;
	grid-row: 1 / 3;
	justify-self: end;
	align-self: start;
	color: #fff;
	text-shadow:0px 0px 20px #000;

	/* テキストのグリッド */
	display: grid;
	grid-row-gap: 15px;
}

.top-jigyou-tr h2 {
	font-size: 40px;
	font-weight: 700;
}

.top-jigyou-tr p:nth-of-type(1) {
	font-size: 16px;
	font-weight: 700;
}

.top-jigyou-tr p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 300;
}


/* 配送事業テキスト */
.top-jigyou-tr-memo {
	grid-column: 2;
	grid-row: 3;
	justify-self: end;
	align-self: end;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	border: solid 0px #aaa;
	font-size: 12px;
	font-weight: 200;
	line-height: 1.5;
	background-color:rgba(255,255,255,0.9);text-shadow:none;
}
.top-jigyou-tr-memo a{color:#333;text-decoration:none;}

/* 電気事業テキスト */
.top-jigyou-el {
	grid-column: 1;
	grid-row: 1 / 3;
	justify-self: start;
	align-self: start;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
		text-shadow:0px 0px 20px #000;

	/* テキストのグリッド */
	display: grid;
	grid-row-gap: 15px;
}

.top-jigyou-el h2 {
	font-size: 40px;
	font-weight: 700;
}

.top-jigyou-el p:nth-of-type(1) {
	font-size: 16px;
	font-weight: 500;
}

.top-jigyou-el p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 300;
	width: 50%;
}


/* 電気事業テキスト */
.top-jigyou-el-memo {
	grid-column: 1;
	grid-row: 3;
	justify-self: start;
	align-self: end;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	border: solid 0px #aaa;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5;
	background-color:rgba(255,255,255,0.9);text-shadow:none;
}
.top-jigyou-el-memo a{color:#333;text-decoration:none;}


.pc-none{display:none;}
.pc-none img{width:100%;height:auto;}


/* ##### 画面の横幅1000ピクセル以上 ##### */
@media (min-width: 1000px) {
	.top-jigyou {
		--sideLR: calc( (100vw - 960px) / 2 );
	}
}

/* ##### 画面の横幅767ピクセル以下 ##### */
@media (max-width: 767px) {
	.top-jigyou {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, auto);
	}
	
.top-jigyou-haikei{grid-column:1;grid-row:1/4 ;margin-top: 0;
		margin-left: calc( var(--sideLR) * -1 );}
		

.top-jigyou-haikei2 {
		grid-column: 1;
		grid-row: 4 / -1;
		margin-top: 0;
		margin-right: calc( var(--sideLR) * -1 );
	}
	
	/* 配送事業テキスト */
	.top-jigyou-tr {
		grid-column: 1;
		grid-row: 1;
		writing-mode: horizontal-tb;
			justify-self: start;
	align-self: start;
	}

	.top-jigyou-tr p:nth-of-type(2) {
		height: auto;
	}

	/* 配送事業テキスト */
	.top-jigyou-tr-memo {
		grid-column: 1;
		grid-row: 2;
		justify-self: stretch;
		width: auto;
		margin-top: 15px;
		text-align:center;
	}

	/* 画像 */
	.top-jigyou-photo {
		grid-column: 1;
		grid-row: 3 / 5;
		width: 80%;
		margin: 30px 0;
	}

	/* 電気事業テキスト */
	.top-jigyou-el {
		grid-column: 1;
		grid-row: 5;
	}

	.top-jigyou-en p:nth-of-type(2) {
		width: auto;
	}

	/* 電気事業テキスト */
	.top-jigyou-el-memo {
		grid-column: 1;
		grid-row: 6;
		justify-self: stretch;
		width: auto;
		margin-top: 15px;
		text-align:center;
	}

/* クリーニング スタッフ紹介 */

.staff-profile{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;}
.staff-profile img{grid-column:1;grid-row:1;padding:10px;border-radius:50%;text-align:center;justify-align:center;margin:auto;}
.profile-text{grid-column:1;grid-row:2;padding:10px;margin-top:0;}


}
	/* top-contents */

@media(min-width:1260px){
	.midasi{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}
	.profile{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}
	.otoiawase{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}
	.sns-otoiawase{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}
	.main{width:1000px;box-sizing:border-box;margin:auto;font-size:20px;}

	
}


@media(max-width:767px){
	.page-btn,.page-btn-close{grid-column:1;grid-row:2;position: fixed; top: 0;right: 0;}
	.page-nav{grid-column:1/-1;grid-row:1/-1;position: fixed; top: 0;right: 0;width: 300px;height: 100%;}
	.top-navi{display:none;}
	.top-title{margin:0;padding:20px;}
	.top-title h1{font-size:24px;}
	
	.service{grid-template-columns:1fr;grid-template-rows:repeat(6,auto);}
	.service-01{grid-column:1;grid-row:1;writing-mode:horizontal-tb;padding:0;}
	.service-01 h2{justify-self:start;}
	.service-01 p:nth-of-type(1){justify-self:start;}
	.service-01 p:nth-of-type(2){width:auto;height:auto;justify-self:start;}
	.service-01-memo{grid-column:1;grid-row:2;justify-self:stretch;width:auto;margin-top:15px;}
	.service-photo{grid-column:1;grid-row:3/5;;width:80%;margin:30px 0;}
	.service-02{grid-column:1;grid-row:5;writing-mode:horizontal-tb;padding:0;}
	.service-02 p:nth-of-type(2){width:auto;height:auto;}
	.service-02-memo{grid-column:1;grid-row:6;justify-self:stretch;width:auto;margin-top:15px;}
	.service::after{grid-column:1;grid-row:4/-1;margin-top:0;margin-right:calc(var(--sideLR)*-1);}
	.service::before{grid-column:1;grid-row:1/4;margin-top:0;margin-left:calc(var(--sideLR)*-1);}
	
	.top-contents{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;}
.top-contents-left{grid-column:1;grid-row:1;}
.top-contents-right{grid-column:1;grid-row:2;}
	
	/* クリーニング */
	.cleaning {display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;}
.cleaning-l{grid-column:1;grid-row:1;}
.cleaning-r{grid-column:1;grid-row:2;background-color:#f2f2f2;padding:16px;border-radius:8px;}


.footer{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-column-gap:30px;padding:15px 20px;background-color:#22214f;color:#fff;text-align:center;font-size:14px;}

.footer-navi1{grid-column:1;grid-row:1;text-align:left;justify-self:center;}
.footer-navi2{grid-column:2;grid-row:1;text-align:left;justify-self:center;}
.footer-navi3{grid-column:1/-1;grid-row:2;text-align:left;justify-self:center;}
.footer-navi4{grid-column:1/-1;grid-row:3;justify-self:center;align-self:center;padding:10px;}
.footer-navi4 img{width:25px;height:15px;vertical-align:middle;}
	

	
	/* 会社概要 */
	.profile{width:94%;margin:auto;}
	/* お問合せ */
	.otoiawase{width:94%;margin:auto;}
	
	/* about */
	.pc-none{display:block;}
	.about-yamato h2{font-size:24px;}
	.about-yamato h3{font-size:18px;}
	
	/* top */
	.top-line{width:100%;margin:auto;text-align:center;justify-self:center;align-self:center;}

}

@media(min-width:768px){
	.menu-area{display:none;}
	.page-btn{display:none;}
}

@media(min-width:769px)and(max-width:1259px){
	
}