@charset "UTF-8";
@media screen and (min-width: 768px),print {
.aaa{position: relative;}
	
	#con01{background-image: url("../images/form/con01-bg01.png");background-repeat: no-repeat;background-position: top 100px center;padding-bottom: 110px;position: relative;margin-top: 30px;}
	#con01 .frame{width: 1190px;margin: 0 auto;}
	#con01 .frame .pic{}
	#con01 .frame .text-box{width: 1010px;height: 441px; margin: 0 auto;background-color: #fff;border-radius: 94px;box-shadow: 20px 30px 40px 0px rgba(0, 0, 0, 0.15);padding: 40px 0 0;position: absolute;left: 0;right: 0;bottom: -180px;z-index: 1;}
	#con01 .frame .text-box h2{font-size: 69px;font-weight: 900;letter-spacing: 5px; text-align: center;color: #FE7500;}
	#con01 .frame .text-box .text{font-size: 24px;line-height: 37px;text-align: center;margin-bottom: 30px;}
	#con01 .frame .text-box .btn a {margin: 0 auto;width: 525px;height: 100px;border-radius: 50px;overflow: hidden;display: block;transition: 0.25s ease-in-out;}
	#con01 .frame .text-box .btn a:hover {height: 95px;transform: translate(0px, 5px);transition: 0.25s ease-in-out;}
	#con01 .frame .text-box .chara{position: absolute;bottom: 0;right: 80px;}
	
	#con02{background-color: #F2F0EB;padding: 140px 0 60px 0;}
	#con02 .frame{width: 1100px;height: 480px; margin: 0 auto;background-color: #fff;border-radius: 10px;padding: 110px 60px 70px;position: relative;}
	#con02 .frame .pic{position: absolute;top: 110px;right: 60px;}
	#con02 .frame .area{font-size: 26px;font-weight: 900;color: #fff;background-color: #0249AD;display: inline-block;padding: 0 10px 0;margin-bottom: 15px;}
	#con02 .frame h2{font-size: 32px;font-weight: 900;line-height: 44px;margin-bottom: 20px;}
	#con02 .frame .text{width: 420px;}
}
@media screen and (max-width: 767px) {
.aaa{position: relative;}
	
	#con01{background-image: url("../images/form/sp-con01-bg01.png");background-repeat: no-repeat;background-position: top 24vw center;background-size: 100%; padding-bottom: 10vw;position: relative;margin-top: 8vw;}
	#con01 .frame{width: 90%;height: 132vw; margin: 0 auto;}
	#con01 .frame .pic{}
	
	#con01 .frame .text-box{width: 85%;margin: 0 auto;background-color: #fff;border-radius: 8vw;box-shadow: 20px 30px 40px 0px rgba(0, 0, 0, 0.15);padding: 10vw 0 34vw;position: absolute;left: 0;right: 0;bottom: -12vw;z-index: 1;border: 1px solid #0249AD;}
	#con01 .frame .text-box h2{font-size: 7.8vw;font-weight: 900;letter-spacing: 1vw; text-align: center;color: #FE7500;margin-bottom: 4vw;}
	#con01 .frame .text-box .text{font-size: 4.8vw;font-weight: 700; line-height: 7.0vw;text-align: center;margin-bottom: 8vw;}
	#con01 .frame .text-box .btn {margin: 0 auto;width: 90%;}
	#con01 .frame .text-box .chara{position: absolute;bottom: 0;left: 0;right: 0;width: 28%;margin: 0 auto;}
	
	#con02{background-color: #F2F0EB;padding: 5vw 0 10vw 0;}
	#con02 .frame{width: 90%; margin: 0 auto;background-color: #fff;border-radius: 3vw;padding: 20vw 5% 15vw;}
	#con02 .frame .pic{}
	#con02 .frame .area{font-size: 5.2vw;font-weight: 900;color: #fff;background-color: #0249AD;display: table;padding: 1vw 10px 1vw;margin: 0 auto 3vw;}
	#con02 .frame h2{font-size: 7.2vw;font-weight: 900;line-height: 10.2vw;letter-spacing: 0.5vw; text-align: center; margin-bottom: 8vw;}
	#con02 .frame .pic{margin-bottom: 3vw;}
	#con02 .frame .text{width: 90%;margin: 0 auto;}
}
