@charset "utf-8";
/* CSS Document */

.img_pc{
	display: block;
}
.img_sp{
	display: none;
}

@media screen and (max-width:970px){
	.img_sp{
		display: block;
	}
	.img_pc{
		display: none;
	}
	/*#ac_top {
		margin-bottom: 160% !important;
	}*/
}

#ac_top{
	    /*height: 20vh;
    margin-bottom: 40%;*/
}
#ac_address{
	width: 100%;
	background-color: #fff;
	margin-top: 10%;
}

#ac_map{
	display: block;
	margin: 5% auto;
    aspect-ratio: 16 / 9;
}

.ac_root_txt{
	color: rgba(0,0,0);
	text-align: center;
	width: 100%;
}

h3{
	color: rgb(56, 76, 82);
    font-family: "Zen Old Mincho","Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: relative;
    height: max-content;
    line-height: 1.2;
    font-size: 25px;
    font-size: 1.5625rem;

}


@media (min-width:971px) {
    h3 {
        font-size: 32px;
        font-size: 1.3rem;
		margin-top: 6%;
    }
}

#ac_root_txt_space2{
	margin-bottom: 3%;
}

#ac_img_rt{
	display: block;
	width: 60%;
	height: auto;
	margin: 0 auto 4% auto;
	
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_ac { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width:970px) {
    .pc_ac { display: none !important; }
    .sp { display: block !important; }
}


.txtcenter{
	text-align: center;
	margin: 8% auto 4% auto;
	
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 6em;
	width: 50%;
    margin: auto auto 5% auto;
}


.grid-item img {
    max-width: 100%;
    height: auto;
}

.grid-item p {
    margin: 5% 0 0 5%;
	max-width: 100%;
}

.rtc{
	color: #000000;
	display: block;
}
.rtc2{
	color: #000000;
	display: inline-block;
	text-indent: 1em;
}


.ac_space{
	margin-top: -3%;
    font-size: 1.6rem;
}

.rootsite{
	background-color:rgb(40,53,44);
	padding: 1%;
    width: 31%;
    margin: auto;
	text-align: center;
	margin-bottom: 6%;
}

.rootsite a{
	color: #fff;
	width: 100%;
}

.grid-container2 {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr;
	width:60%;
	gap:10%;
	margin:auto auto 10% auto;
}

.grid-item2 img {
    max-width: 100%;
    height: auto;
}

.grid-item2 p {
    margin-top: 10px;
    font-size: 16px;
}


/*スマホサイズ調整*/


@media screen and (max-width:970px) {
	h3{
		margin-top: 3%!important;
	}
	#ac_map {
		
        width: 90%;
		height: auto;
		margin: auto;
	}
	
	/*#ac_address{
		margin-top: -11% !important;
	}*/
	
	.telspace{
		margin-top: 5%;
	}
	.grid-container{
		display: block;
   		width: 90% !important;
    	height: auto !important;
	}
	
	.rtc{
		display:inline-block;
	}
	
	.rtc2{
		display: inline;
		text-indent: 0 ;
	}
	
	.grid-item p{
		margin: 3% auto;
	}
	
	.txtend{
		display: inline;
	}
	
	.spbtn{
/*		font-size: 0.8em !important;*/
	}
	.fs20{font-size:4vw!important;}
	
	.grid-container2{
		display: block;
   		width: 90% !important;
    	height: auto !important;
	}
	
	.fs18{
		font-size: 3vw !important;
	}
	
	.spblock{
		display: block;
	}
	
	#ac_img_rt {
		    width: 100%;
	}
		.rootsite{
		width: 90%;
	}
}

.txtend{
	text-indent: 1em;
}


@media screen and (max-width:500px){
	h3{
		font-size: 20px;
	}
	#ac_address {
        margin-top: 10% !important;
    }
	.fs20{
		/*font-size: 11px !important;*/
	}
	
	.txtcenter{
		    font-size: 18px;
	}
	
	.spbtn{
		/*font-size: 1em !important;*/
		
	}
	.rootsite {
		width: 90% !important;
	}
	
}