@charset "UTF-8";

/*基準を1rem=10pxに設定*/
html {
    font-size: 62.5%;
}


@media ( max-width : 768px ){
	/* 基本フォントサイズ */
	:root {
		/*font-size: 12px;		
		font-size: clamp(12px, 4vw, 48px);*/
		
		/*最小値:1.1rem → 可変（0.9rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.6rem*/
	    /*font-size: clamp(1.1rem, calc(0.9rem + 0.625vw), 1.6rem);*/
		font-size: calc(0.8rem + 0.625vw);
	}
	
/**************************/
/***  小　画面用の設定   ***/
/**************************/	
	.wrap-hd {
		max-width: 400px;

	}
	
	.wrap-nav {
        display: flex;
        flex-direction: column;
    }
	
	.navmn-wp {
        display: flex;
		flex-direction: column;
		max-width: 768px;
        margin-left: auto;
        margin-right: auto;
	
        
    }
    
	.nav-menu {
		max-width: 350px;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		
	}
	
    .nav-img{
   
    }
	
	.pl-con1 .cont-box {
		/*width: calc(1.1rem * 15);
		height: calc(1.1rem * 5);
		line-height: calc(1.1rem * 1);*/
	}
	
	
	
	.pl-con3 .map-com-wp {
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 10px;
		width: 100%-10px;
    	margin: 0 auto;
		padding: 10px;
	
	}

	.pl-con3 .map-com {
		width: 90%;
		
	}
	
	.ft-wp nav{
		display: flex;
    	min-width: 50%;
		flex-direction: column;
    	justify-content: center;
	}

	.ft-a-wp {
		flex-direction: column;
	}
	
	/*.ft-a h1 {
		text-align: center;
	}

	.ft-a h2 {
		text-align: center;
	}*/
	
	.ft-a-r {
		margin-top: 50px;
	}
	
	.service .pl-con1 .link-img1 {
		min-height: 75px;
		min-width: 300px;
	}
	
	.service .pl-con1 .link-img2 {
		min-height: 100px;
		min-width: 300px;
	}
	
	.service .pl-con1 .link-img3 {
		min-height: 75px;
		min-width: 300px;
	}
	
	.guide .pl-con2 .pl-con2-wp{
		flex-direction: column;
		
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* 基本フォントサイズ */
	:root {
		/*font-size: 14px;*/
		
		/*最小値:1.2rem → 可変（1rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.7rem*/
		/*font-size: clamp(1.2rem, calc(1rem + 0.625vw), 1.7rem);*/
		font-size: calc(0.8rem + 0.625vw);
	}

/**************************/
/***  小中　画面用の設定   ***/
/**************************/
	.wrap-hd {
		
		
	}
	
	.pl-con3 .map-com-wp {
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 10px;
		width: 100%-10px;
    	margin: 0 auto;
		padding: 10px;
	
	}

	.pl-con3 .map-com {
		width: 90%;
		
	}
	
	.ft-wp nav{
		flex-wrap: wrap;
	}
	
	.ft-a-wp {
		flex-direction: column;
	}
	
	.ft-a-r {
		margin-top: 50px;
	}
	
	
}

@media (min-width: 1024px) and (max-width: 1440px) {
	/* 基本フォントサイズ */
	:root {
		/*font-size: 16px;*/
		
		/*最小値:1.6rem → 可変（2.2rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:2.9rem*/
	    /*font-size: clamp(1.3rem, calc(1.1rem + 0.625vw), 1.8rem);*/
		font-size: calc(0.9rem + 0.625vw);
	}
	
/**************************/
/***  中　画面用の設定   ***/
/**************************/
	.wrap-hd {
			
	}
	
	.service .pl-con1 .link-img1 {
		min-height: 150px;
		min-width: 600px;
	}
	
	.service .pl-con1 .link-img2 {
		min-height: 200px;
		min-width: 600px;
	}
	
	.service .pl-con1 .link-img3 {
		min-height: 150px;
		min-width: 600px;
	}
	
}

@media (min-width: 1440px) {
	/* 基本フォントサイズ */
	:root {
		/*font-size: 20px;*/
		
		/*最小値:1.6rem → 可変（2.2rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:2.9rem*/
	    /*font-size: clamp(1.3rem, calc(1.1rem + 0.625vw), 1.8rem);*/
		font-size: 28px;
	}
	
/***************************/
/*** 大　画面用の設定　***/
/***************************/
	.wrap-hd {
		
	}
	
	.service .pl-con1 .link-img1 {
		min-height: 150px;
		min-width: 650px;
	}
	
	.service .pl-con1 .link-img2 {
		min-height: 200px;
		min-width: 650px;
	}
	
	.service .pl-con1 .link-img3 {
		min-height: 150px;
		min-width: 650px;
	}
	
}