@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: footer-box03.css
Css info: footer-box03スタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
 footer-box03
--------------------------------------------------------------------------*/

@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	footer #footer-box03 {
		background: #6e982d;
		padding: clamp(40px, 7.5vw, 75px) 24px  clamp(40px, 9.5vw, 95px) 24px;
		}
}
@media print, screen and (min-width:1200px){/*PC用指定*/
	footer #footer-box03 {
		background: #6e982d;
		padding: 75px 0 95px 0;	
		}
}


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


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	footer #footer-box03 .txt-s1 {
		font-weight: 700;
        font-size: clamp(17px, 2.4vw, 24px);
		line-height:1.83;
		text-align: center;
		color:#ffffff;
        margin: 0 -1em clamp(15px, 3.0vw, 30px) -1em;
    	}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	footer #footer-box03 .txt-s1 {
		font-weight: 700;
        font-size: clamp(24px, 2.4vw, 24px);
		line-height:1.83;
		text-align: center;
		color:#ffffff;
        margin: 0 0 30px 0;
    	}
}


@media screen and (max-width:1199px){/*スマホ・タブレット用指定*/
	footer #footer-box03 .btn-s1 {
		max-width:720px;
		background:linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%);
		box-sizing: border-box;
		border-radius: 30px;
		padding:1px;
		margin:0 auto;
		position: relative;
    	} 
	footer #footer-box03 .btn-s1::after {
		content:"";
		position: absolute;
		top:calc(50% - 12px);
		right:30px;
		display: block;
		width:30px;
		height:24px;
		background:url("../images/ico_02.png") center center no-repeat;
		background-size:contain;
		image-rendering: -webkit-optimize-contrast;/*Chrome*/
		image-rendering: auto;
    	}    
		footer #footer-box03 .btn-s1 span a {
			min-height: clamp(140px, 16.0vw, 160px);
			background:#516530;
			box-sizing: border-box;
			border-radius: 30px;
			padding:30px clamp(60px, 9.0vw, 90px) ;
			font-weight: 900;
			font-size: clamp(25px, 2.7vw, 27px);
			line-height:1.6;
			text-align: center;
			color:#ffffff;
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			}
}
@media print, screen and (min-width:1200px){/*PC用指定*/   
	footer #footer-box03 .btn-s1 {
		background:linear-gradient(90deg, rgba(185,205,77,1) 0%, rgba(168,218,77,1) 100%);
		box-sizing: border-box;
		border-radius: 30px;
		padding:1px;
		margin:0;
		position: relative;
    	} 
	footer #footer-box03 .btn-s1::after {
		content:"";
		position: absolute;
		top:calc(50% - 12px);
		right:30px;
		display: block;
		width:30px;
		height:24px;
		background:url("../images/ico_02.png") center center no-repeat;
		background-size:contain;
		image-rendering: -webkit-optimize-contrast;/*Chrome*/
		image-rendering: auto;
    	}    
		footer #footer-box03 .btn-s1 span a {
			min-height: 160px;
			background:#516530;
			box-sizing: border-box;
			border-radius: 30px;
			padding:30px 90px;
			font-weight: 900;
			font-size: clamp(27px, 2.7vw, 27px);
			line-height:1.74;
			text-align: center;
			color:#ffffff;
			display:flex;
			flex-flow:row nowrap;
			align-items:center;
			justify-content:center;
			} 
}