@charset "utf-8";

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

/*--- interview-box01 ------------------------------*/

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


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .txt-s1 {
        font-size: clamp(16px, 1.7vw, 17px);
		line-height:1.94;
		text-align: left;
        margin: 0 0 clamp(40px, 8.5vw, 85px) 0;
    	}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .txt-s1 {
        font-size: clamp(17px, 1.7vw, 17px);
		line-height:1.94;
		text-align: center;
        margin: 0 0 85px 0;
    	}
}


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


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .img-s1 {
		text-align: center;
        margin: 0;
    	} 
	#interview-box01 .img-s1:has( + .img-s1) {
        margin: 0 0 30px 0;
    	}     
		#interview-box01 .img-s1 img {
			max-width:400px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .img-s1 {
		text-align: center;
        margin: 0;
    	} 
	#interview-box01 .img-s1:has( + .img-s1) {
        margin: 0 0 30px 0;
    	}     
		#interview-box01 .img-s1 img {
			max-width:400px;
			width:100%;
			height:auto;
			}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .txt-s2 {  
		background: #333333;
		min-height: 60px;
        margin: 0 0 clamp(40px, 2.5vw, 25px) 0;
    	}   
		#interview-box01 .txt-s2 > span:nth-child(1) {
			background: #1b98b6;
			padding:10px 20px;
			font-weight: bold;
			font-size: clamp(22px, 2.2vw, 22px);
			text-align: center;
			color:#ffffff;
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			}    
		#interview-box01 .txt-s2.s1 > span:nth-child(1) {
			background: #6e9a2e;
			} 
		#interview-box01 .txt-s2 > span:nth-child(2) {
			background: #333333;
			padding:10px 20px;
			font-size: clamp(19px, 1.9vw, 19px);
			text-align: center;
			color:#ffffff;
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			} 
			#interview-box01 .txt-s2 > span:nth-child(2) > span {
				font-weight: bold;
				font-size: clamp(28px, 2.8vw, 28px);
				}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .txt-s2 {  
		background: #333333;
		min-height: 60px;
		display:flex;
		flex-flow:row nowrap;
		align-items:stretch;
		justify-content:space-between;
        margin: 0 0 25px 0;
    	}   
		#interview-box01 .txt-s2 > span:nth-child(1) {
			flex-basis: 58.33%;/*350/600*/
			background: #1b98b6;
			font-weight: bold;
			font-size: clamp(22px, 2.2vw, 22px);
			text-align: center;
			color:#ffffff;
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			}   
		#interview-box01 .txt-s2.s1 > span:nth-child(1) {
			background: #6e9a2e;
			}
		#interview-box01 .txt-s2 > span:nth-child(2) {
			flex-basis: 41.66%;/*250/600*/
			background: #333333;
			font-size: clamp(19px, 1.9vw, 19px);
			text-align: center;
			color:#ffffff;
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			margin: 0;
			} 
			#interview-box01 .txt-s2 > span:nth-child(2) > span {
				font-weight: bold;
				font-size: clamp(28px, 2.8vw, 28px);
				}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .tit-s1 {
        font-size: clamp(20px, 2.2vw, 22px);
		line-height:1.7;
		text-align: left;
		padding:0 0 5px 0;
		border-bottom: 4px solid rgba(110,154,46) ;
		border-image: linear-gradient(90deg, rgba(110,154,46,1) 10%, rgba(70,132,0,1) 100%) 1;
        margin: 0 0 clamp(15px, 2.5vw, 25px) 0;
    	}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .tit-s1 {
        font-size: clamp(22px, 2.2vw, 22px);
		line-height:1.6;
		text-align: left;
		padding:0 0 5px 0;
		border-bottom: 4px solid rgba(110,154,46) ;
		border-image: linear-gradient(90deg, rgba(110,154,46,1) 10%, rgba(70,132,0,1) 100%) 1;
        margin: 0 0 25px 0;
    	}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .txt-s3 {
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:2.12;
		text-align: left;
        margin: 0;
    	}  
	#interview-box01 .txt-s3:has( + .tit-s1) {
        margin: 0 0 clamp(40px, 6.5vw, 65px) 0;
    	}
	#interview-box01 .txt-s3:has( + .box-s1) {
        margin: 0 0 clamp(30px, 4.5vw, 45px) 0;
    	}
	#interview-box01 .txt-s3:has( + .box-s2) {
        margin: 0 0 clamp(30px, 5.0vw, 50px) 0;
    	}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .txt-s3 {
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:2.12;
		text-align: left;
        margin: 0;
    	}  
	#interview-box01 .txt-s3:has( + .tit-s1) {
        margin: 0 0 65px 0;
    	} 
	#interview-box01 .txt-s3:has( + .box-s1) {
        margin: 0 0 45px 0;
    	}
	#interview-box01 .txt-s3:has( + .box-s2) {
        margin: 0 0 50px 0;
    	}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .box-s2 {
        background: #ffffff;
		box-sizing: border-box;
		padding:clamp(10px, 4.0vw, 4.0px) clamp(20px, 5.0vw, 5.0px) clamp(20px, 4.0vw, 4.0px) clamp(20px, 5.0vw, 5.0px);
        margin: 0 0 clamp(50px, 13.5vw, 135px) 0;
    	} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .box-s2 {
        background: #ffffff;
		box-sizing: border-box;
		padding:40px 50px;
        margin: 0 0 135px 0;
    	} 
}


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


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .txt-s4 {
		font-weight: 500;
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:1.81;
		text-align: left;
        margin: 0;
    	} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .txt-s4 {
		font-weight: 500;
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:1.81;
		text-align: left;
        margin: 0;
    	}  
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .txt-s5 {
		font-weight: 700;
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:1.81;
		text-align: left;
        margin: 0 0 15px 0;
    	}    
		#interview-box01 .txt-s5 span {
			font-size: clamp(26px, 2.6vw, 26px);
			} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .txt-s5 {
		font-weight: 700;
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:1.81;
		text-align: left;
        margin: 0 0 15px 0;
    	}    
		#interview-box01 .txt-s5 span {
			font-size: clamp(26px, 2.6vw, 26px);
			}  
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .txt-s6 {
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:1.81;
		text-align: left;
        margin: 0;
    	} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .txt-s6 {
        font-size: clamp(16px, 1.6vw, 16px);
		line-height:1.81;
		text-align: left;
        margin: 0;
    	} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .img-s2 {
		max-width:350px;
        margin: 0 auto;
    	}    
	#interview-box01 .img-s2.pc {
        display: none;
    	}    
		#interview-box01 .img-s2 img {
			max-width:350px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .img-s2 {
        margin: 0;
    	}   
	#interview-box01 .img-s2.sp {
        display: none;
    	}     
		#interview-box01 .img-s2 img {
			max-width:350px;
			width:100%;
			height:auto;
			}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .btn-s1 {
		max-width:350px;
        margin: 0 auto;
    	}   
	#interview-box01 .btn-s1.pc {
        display: none;
    	}  
		#interview-box01 .btn-s1 a {
			display: block;
			background: linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%);
			box-sizing: border-box;
			padding:5px 30px 5px 10px;
			font-size: clamp(14px, 1.4vw, 14px);
			line-height:1.42;
			text-align: left;
			color:#333333;
			margin: 0;
			position: relative;
			}     
		#interview-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用指定*/   
	#interview-box01 .btn-s1 {
        margin: 0;
    	}   
	#interview-box01 .btn-s1.sp {
        display: none;
    	}  
		#interview-box01 .btn-s1 a {
			display: block;
			background: linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%);
			box-sizing: border-box;
			padding:5px 30px 5px 10px;
			font-size: clamp(14px, 1.4vw, 14px);
			line-height:1.42;
			text-align: left;
			color:#333333;
			margin: 0;
			position: relative;
			}     
		#interview-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){/*スマホ・タブレット用指定*/
	#interview-box01 .box-s4 {
        background: #eaeef6;
		box-sizing: border-box;
		border-radius: 10px;
		padding:clamp(10px, 3.0vw, 30px) clamp(20px, 4.0vw, 40px);
        margin: 0 0 15px 0;
    	} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .box-s4 {
        background: #eaeef6;
		box-sizing: border-box;
		border-radius: 10px;
		padding:30px 40px;
        margin: 0;
    	} 
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	#interview-box01 .txt-s7 {
        font-size: clamp(15px, 1.5vw, 15px);
		line-height:1.8;
		text-align: left;
        margin: 0;
    	} 
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	#interview-box01 .txt-s7 {
        font-size: clamp(15px, 1.5vw, 15px);
		line-height:1.8;
		text-align: left;
        margin: 0;
    	} 
}