@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: road.css
Css info: 家庭医療インタビュースタイル
------------------------------------------------------------------------------*/
/*//////////////////////////////////////////////////////// */
/* 家庭医療インタビュー：road -------------*/
/*//////////////////////////////////////////////////////// */

/*--- road-box01 ------------------------------*/

#road-box01 {
    background: #eaeded;
	background: linear-gradient(0deg, rgba(234,237,197,1) 0%, rgba(234,237,237,1) 100%);
	}
	#road-box01 .content-inner {
		max-width: 1140px;/*1040+50*/
		box-sizing: border-box;
		padding:1px 50px;
		margin: 0 auto;
		}
@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .content-inner {
		padding:1px 20px;
		}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .txt-s1 {
		font-weight: 700;
        font-size: clamp(24px, 3.7vw, 37px);
		line-height:1.75;
		text-align: center;
        margin: 0 0 20px 0;
    	}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .txt-s1 {
		font-weight: 700;
        font-size: clamp(37px, 3.7vw, 37px);
		line-height:1.75;
		text-align: center;
        margin: 0 0 20px 0;
    	}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .txt-s2 { 
		font-weight: 700;
		font-size: clamp(19px, 2.5vw, 25px);
		line-height:1.73;
		text-align: center;
		margin: 0 0 clamp(50px, 6.5vw, 65px) 0;
		} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .txt-s2 { 
		font-weight: 700;
		font-size: clamp(25px, 2.5vw, 25px);
		line-height:1.76;
		text-align: center;
		margin: 0 0 65px 0;
		} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .box-s1 {  
        margin: 0 0 clamp(50px, 8.0vw, 80px) 0;
    	}  
		#road-box01 .box-s1 > div:nth-child(1) {  
			position: relative;
			z-index: 1;
			margin: 0;
			} 
		#road-box01 .box-s1 > div:nth-child(2) {  
			margin: clamp(-50px, -10.0vw, -100px) 0 0 0;
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .box-s1 {   
		display:flex;
		flex-flow:row nowrap;
		align-items:stretch;
		justify-content:space-between;
        margin: 0 0 80px 0;
    	}  
		#road-box01 .box-s1 > div:nth-child(1) {   
			flex-basis: 51.53%;/*536/1040*/
			margin: 0;
			} 
		#road-box01 .box-s1 > div:nth-child(2) {   
			flex-basis: calc(100% - 51.53% - 20px);
			margin: 0 0 0 20px;
			} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .road-box01_tit-01,	
	#road-box01 .road-box01_tit-02,	
	#road-box01 .road-box01_tit-03 {
		text-align: center;
        margin: 0;
    	}   
		#road-box01 .road-box01_tit-01 img,	
		#road-box01 .road-box01_tit-02 img,	
		#road-box01 .road-box01_tit-03 img  {
			max-width:536px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .road-box01_tit-01,	
	#road-box01 .road-box01_tit-02,	
	#road-box01 .road-box01_tit-03 {
		text-align: center;
        margin: 0;
    	}   
		#road-box01 .road-box01_tit-01 img,	
		#road-box01 .road-box01_tit-02 img,	
		#road-box01 .road-box01_tit-03 img  {
			max-width:536px;
			width:100%;
			height:auto;
			}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .road-box01_txt-01,
	#road-box01 .road-box01_txt-02,
	#road-box01 .road-box01_txt-03{
		text-align: center;
        margin: 0 24px;
    	}   
		#road-box01 .road-box01_txt-01 img,
		#road-box01 .road-box01_txt-02 img {
			max-width:378px;
			width:100%;
			height:auto;
			}
		#road-box01 .road-box01_txt-03 img,
		#road-box01 .road-box01_txt-04 img {
			max-width:377px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .road-box01_txt-01,
	#road-box01 .road-box01_txt-02,
	#road-box01 .road-box01_txt-03{
		text-align: center;
        margin: 0;
    	}   
		#road-box01 .road-box01_txt-01 img,
		#road-box01 .road-box01_txt-02 img {
			max-width:378px;
			width:100%;
			height:auto;
			}
		#road-box01 .road-box01_txt-03 img,
		#road-box01 .road-box01_txt-04 img {
			max-width:377px;
			width:100%;
			height:auto;
			}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .txt-s3 {
		font-weight: 700;
        font-size: clamp(17px, 2.0vw, 20px);
		line-height:1.70;
		text-align: center;
        margin: -75px 0 0 0;
    	}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .txt-s3 {
		font-weight: 700;
        font-size: clamp(20px, 2.0vw, 20px);
		line-height:1.65;
		text-align: center;
        margin: -75px 0 0 0;
    	}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .box-s2 {
        background: #ffffff;
		box-sizing: border-box;
		border-radius: 10px;
		padding:30px 24px;
        margin: 0 0 clamp(50px, 10.0vw, 100px) 0;
    	}   
	#road-box01 .box-s2:has( > .box-s3) {
		padding:30px 24px;
    	} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .box-s2 {
        background: #ffffff;
		box-sizing: border-box;
		border-radius: 10px;
		padding:35px 30px;
        margin: 0 0 100px 0;
    	}   
	#road-box01 .box-s2:has( > .box-s3) {
		padding:30px;
    	} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .lis-s1 {
		width:fit-content;
        margin: 0 auto 30px auto;
    	} 
	#road-box01 .box-s3 > div .lis-s1 {
        margin: 0;
    	} 
		#road-box01 .lis-s1 li {
			font-weight: 500;
			font-size: clamp(18px, 2.0vw, 20px);
			text-align: left;
			padding:0 0 0 35px;
			margin: 0 0 10px 0;
			position: relative;
			}  
		#road-box01 .lis-s1 li:last-child {
			margin: 0;
			}     
		#road-box01 .lis-s1 li::after {
			content:"";
			position: absolute;
			top:5px;
			left:0;
			display: block;
			width:24px;
			height:24px;
			background:url("../images/ico_03.png") 0 0 no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
			}   
			#road-box01 .lis-s1 li span {
				font-weight: 900;
				} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .lis-s1 {
		width:fit-content;
        margin: 0 auto 30px auto;
    	} 
	#road-box01 .box-s3 > div .lis-s1 {
        margin: 0;
    	} 
		#road-box01 .lis-s1 li {
			font-weight: 500;
			font-size: clamp(20px, 2.0vw, 20px);
			text-align: left;
			padding:0 0 0 35px;
			margin: 0 0 10px 0;
			position: relative;
			}  
		#road-box01 .lis-s1 li:last-child {
			margin: 0;
			}     
		#road-box01 .lis-s1 li::after {
			content:"";
			position: absolute;
			top:5px;
			left:0;
			display: block;
			width:24px;
			height:24px;
			background:url("../images/ico_03.png") 0 0 no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
			}   
			#road-box01 .lis-s1 li span {
				font-weight: 900;
				}  
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .btn-s1 {
		max-width:300px;
        margin: 0 auto;
    	}    
		#road-box01 .btn-s1 a {
			max-width:300px;
			min-height:70px;
			background: linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%);
			box-sizing: border-box;
			padding:5px 45px;
			font-weight: 700;
			font-size: clamp(17px, 1.7vw, 17px);
			text-align: center;
			color:#333333;  
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			position: relative;
			}  
		#road-box01 .btn-s1 a::after {
			content:"";
			position: absolute;
			top:calc(50% - 8px);
			right:10px;
			display: block;
			width:21px;
			height:16px;
			background:url("../images/ico_01.png") center center no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .btn-s1 {
		max-width:300px;
        margin: 0 auto;
    	}    
		#road-box01 .btn-s1 a {
			max-width:300px;
			min-height:70px;
			background: linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%);
			box-sizing: border-box;
			padding:5px 45px;
			font-weight: 700;
			font-size: clamp(17px, 1.7vw, 17px);
			text-align: center;
			color:#333333;  
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			position: relative;
			}  
		#road-box01 .btn-s1 a::after {
			content:"";
			position: absolute;
			top:calc(50% - 8px);
			right:10px;
			display: block;
			width:21px;
			height:16px;
			background:url("../images/ico_01.png") center center no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
			} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .box-s3 { 
        margin: 0;
    	}  
		#road-box01 .box-s3 > div:nth-child(1) {   
			margin: 0 0 30px 0;
			} 
		#road-box01 .box-s3 > div:nth-child(2) { 
			margin: 0;
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .box-s3 {   
		display:flex;
		flex-flow:row nowrap;
		align-items:stretch;
		justify-content:space-between;
        margin: 0;
    	}  
		#road-box01 .box-s3 > div:nth-child(1) { 
			flex-basis: calc(100% - 42.07% - 20px);
			margin: 5px 20px 0 0;
			} 
		#road-box01 .box-s3 > div:nth-child(2) { 
			flex-basis: 42.07%;/*406/965*/
			margin: 0;
			} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box01 .txt-s4 {
		border: 3px solid rgba(185,205,77,1);
		border-image:linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%) 1;
		padding:15px;
		font-weight: 700;
        font-size: clamp(17px, 2.0vw, 20px);
		line-height:1.58;
		text-align: center;
        margin: 0;
    	} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box01 .txt-s4 {
		border: 3px solid rgba(185,205,77,1);
		border-image:linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%) 1;
		padding:30px;
		font-weight: 700;
        font-size: clamp(20px, 2.0vw, 20px);
		line-height:1.65;
		text-align: center;
        margin: 0;
    	}  
}




/*--- road-box02 ------------------------------*/

#road-box02 {
    background: #eaeded;
	background: linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%) ;
	}
	#road-box02 .content-inner {
		max-width: 1140px;/*1040+50*/
		box-sizing: border-box;
		padding:45px 50px 60px 50px;
		margin: 0 auto;
		}
@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .content-inner {
		padding:30px 20px 20px 20px;
		}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .txt-s1 {
		font-weight: 900;
        font-size: clamp(18px, 2.5vw, 25px);
		line-height:1.72;
		text-align: center;
        margin: 0 -1em clamp(20px, 3.0vw, 30px) -1em;
    	}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box02 .txt-s1 {
		font-weight: 900;
        font-size: clamp(25px, 2.5vw, 25px);
		line-height:1.56;
		text-align: center;
        margin: 0 0 30px 0;
    	}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .lis-s1 {
        margin:0 0 40px 0;
    	}  
		#road-box02 .lis-s1 li { 
			background: #ffffff;
			box-sizing: border-box;
			border-radius:10px;
			padding:30px 24px;
			flex-basis: calc(100% / 3 - 15px);
			margin:0 0 20px 0;
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box02 .lis-s1 {   
		display:flex;
		flex-flow:row nowrap;
		align-items:stretch;
		justify-content:space-between;
        margin:0 0 40px -15px;
    	}  
		#road-box02 .lis-s1 li { 
			background: #ffffff;
			box-sizing: border-box;
			border-radius:10px;
			padding:30px;
			flex-basis: calc(100% / 3 - 15px);
			margin:0 0 0 15px;
			} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .road-box02_img-01 {   
		text-align: center;
        margin:0 0 25px 0;
    	}    
		#road-box02 .road-box02_img-01 img {   
			max-width:129px;
			width:100%;
			height:auto;
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box02 .road-box02_img-01 {   
		text-align: center;
        margin:0 0 25px 0;
    	}    
		#road-box02 .road-box02_img-01 img {   
			max-width:129px;
			width:100%;
			height:auto;
			}  
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .road-box02_img-02 {   
		text-align: center;
        margin:0 0 10px 0;
    	}    
		#road-box02 .road-box02_img-02 img {   
			max-width:172px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box02 .road-box02_img-02 {   
		text-align: center;
        margin:0 0 10px 0;
    	}    
		#road-box02 .road-box02_img-02 img {   
			max-width:172px;
			width:100%;
			height:auto;
			}  
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .road-box02_img-03 {   
		text-align: center;
        margin:0 0 20px 0;
    	}    
		#road-box02 .road-box02_img-03 img {   
			max-width:218px;
			width:100%;
			height:auto;
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box02 .road-box02_img-03 {   
		text-align: center;
        margin:0 0 20px 0;
    	}    
		#road-box02 .road-box02_img-03 img {   
			max-width:218px;
			width:100%;
			height:auto;
			}  
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .txt-s2 {
		font-weight: 500;
        font-size: clamp(20px, 2.0vw, 20px);
		line-height:1.8;
		text-align: center;
        margin: 0;
    	}
		#road-box02 .txt-s2 span {
			font-weight: 900;
			font-size: clamp(24px, 2.4vw, 24px);
			}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box02 .txt-s2 {
		font-weight: 500;
        font-size: clamp(20px, 2.0vw, 20px);
		line-height:1.8;
		text-align: center;
        margin: 0;
    	}
		#road-box02 .txt-s2 span {
			font-weight: 900;
			font-size: clamp(24px, 2.4vw, 24px);
			}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#road-box02 .btn-s1 {
		max-width:300px;
        margin: 0 auto;
    	}    
		#road-box02 .btn-s1 a {
			max-width:300px;
			min-height:70px;
			background: #008a3c;
			box-sizing: border-box;
			padding:5px 45px;
			font-weight: 700;
			font-size: clamp(17px, 1.7vw, 17px);
			text-align: center;
			color:#ffffff;  
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			position: relative;
			}  
		#road-box02 .btn-s1 a::after {
			content:"";
			position: absolute;
			top:calc(50% - 8px);
			right:20px;
			display: block;
			width:21px;
			height:16px;
			background:url("../images/ico_01.png") center center no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#road-box02 .btn-s1 {
		max-width:300px;
        margin: 0 auto;
    	}    
		#road-box02 .btn-s1 a {
			max-width:300px;
			min-height:70px;
			background: #008a3c;
			box-sizing: border-box;
			padding:5px 45px;
			font-weight: 700;
			font-size: clamp(17px, 1.7vw, 17px);
			text-align: center;
			color:#ffffff;  
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			position: relative;
			}  
		#road-box02 .btn-s1 a::after {
			content:"";
			position: absolute;
			top:calc(50% - 8px);
			right:20px;
			display: block;
			width:21px;
			height:16px;
			background:url("../images/ico_01.png") center center no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
			}  
}