@charset 'utf-8';

body{background: #E83C28;}
*{color: #fff !important;font-feature-settings: inherit !important;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}

/*=================================
　PC
===================================*/
@media screen and (min-width: 941px) {
	.w800,footer{width: 800px;margin: auto;}
	.pc-none{display: none;}

	footer{text-align: center;padding: 75px 0 90px;}
	footer p{font-size: 11px;font-weight: 700;}

	header{max-width: 1180px;width: 100%;margin: 52px auto 0;position: relative;}
	header h1{position: absolute;top: 0;left: 0;}
	header h2{position: absolute;top: 0;right: 0;}
	header a img{transition: 0.25s;}
	header a:hover img{opacity: 0.8;}

	#main{text-align: center;margin-bottom: 104px;}
	#main h3{margin-bottom: 87px;padding-top: 8px;}

	.box{margin-bottom: 58px;}
	.box:last-of-type{margin-bottom: 0;}
	.box .title{text-align: center;position: relative;margin-bottom: 45px;}
	.box .title:before{content: "";width: 100%;height: 4px;position: absolute;top: 50%;left: 0;margin-top: -2px;background: #fff;z-index: -1;}
	.box .title h5{font-size: 24px;line-height: 24px;font-weight: 700;display: inline-block;padding: 0 32px;background: #E83C28;}

	.table dl{table-layout: fixed;width: 100%;display: table;}
	.table dt{display: table-cell;vertical-align: top;font-size: 18px;width: 113px;}
	.table dd{display: table-cell;vertical-align: top;font-size: 14px;width: 687px;line-height: 31px;padding-left: 1em;text-indent: -1em;}
	.table dd span{font-size: 14px;}
	.table dd a{font-size: inherit;text-decoration: underline;font-weight: 700;transition: 0.25s;}
	.table dd a:hover{opacity: 0.5;}

	.faq dl{margin-bottom: 1px;}
	.faq dt{padding: 15px 54px 15px 26px;background: #F79C92;color: #B71400 !important;font-size: 16px;line-height: 27px;position: relative;transition: 0.25s;}
	.faq dt:hover{color: #b55245 !important;cursor: pointer;}
	.faq dt:before{content: "";width: 0;height: 0;border-style: solid;border-width: 12px 7px 0 7px;position: absolute;top: 50%;right: 20px;margin-top: -6px;
		border-color: #e83b28 transparent transparent transparent;transition: 0.25s;}
	.faq dt:hover:before{border-color: #b55245 transparent transparent transparent;}
	.faq dt.active:before{transform: rotate(180deg);}
	.faq dd{padding: 27px 20px 30px 26px;background: #F8B1A9;color: #772117 !important;font-size: 16px;line-height: 27px;display: none;}

	#contact th{width: 220px;font-size: 16px;font-weight: 700;line-height: 1em;text-align: left;padding-top: 14px;border-bottom: 1px dashed #fff;vertical-align: middle;}
	#contact td{padding-left: 29px;padding-top: 14px;}
	#contact td input[type="text"]{width: 100%;height: 40px;font-size: 14px;padding: 0 18px;box-sizing: border-box;color: #333 !important;}
	#contact td textarea{width: 100%;height: 260px;max-width: 100%;font-size: 14px;padding: 18px;box-sizing: border-box;color: #333 !important;vertical-align: bottom;}
	#contact td ::placeholder{color: #E83C28;}
	#contact td *:focus{outline: none;}
	#contact tr:last-of-type th,
	#contact tr:last-of-type td{padding-bottom: 11px;}
	#contact #pp{text-align: center;margin-top: 51px;}
	#contact #pp a{font-size: 16px;padding: 10px 44px 10px 20px;position: relative;border-bottom: 2px solid #fff;text-decoration: none;transition: 0.25s;
		display: inline-block;line-height: 1em;}
	#contact #pp a:hover{opacity: 0.5;}
	#contact #pp a:before{content: "";width: 28px;height: 34px;background: url(../img/firstpitch2021/pdf@2x.png)no-repeat center;background-size: contain;
		position: absolute;bottom: -2px;right: -2px;z-index: 1;}
	#contact #fbtn input[type="submit"]{width: 100%;height: 70px;background: #3B3938;text-align: center;font-size: 24px;font-weight: 700;
		outline: none;border-radius: 9px;border: none;box-sizing: border-box;cursor: pointer;
		-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;}
	#contact #fbtn1 > .g-recaptcha{margin: 31px 0;}
	/*#contact #fbtn1 > .g-recaptcha > div{margin: 0 0 0 240px;}*/

	#contact.confirm th,
	#contact.confirm td{padding-bottom: 11px;}
	#contact.confirm #pp{display: none;}
	#contact.confirm #fbtn{font-size: 0;margin-top: 51px;}
	#contact.confirm #fbtn1,
	#contact.confirm #fbtn2{width: 48%;}
	#contact.confirm #fbtn1{float: right;}
	#contact.confirm #fbtn2{float: left;}
	#contact.confirm #fbtn2 input[type="submit"]{background: #9e3c3c;color: #772117 !important;}
	#contact.confirm #finish{text-align: center;font-size: 18px;}

	#side{position: fixed;right: 0;top: 50%;margin-top: -192px;text-align: center;z-index: 999;font-size: 0;}
	#side .btn1{margin-bottom: 2px;}
	#side a img{transition: 0.25s;}
	#side a:hover img{opacity: 0.8;}
}


/*=================================
　スマホ
===================================*/
@media screen and (max-width: 940px) {
	.sp-none{display: none !important;}
	body{padding: 24px 8% 54px;}
	img{max-width: 100%;height: auto;}


	footer{text-align: center;padding: 75px 0 24px;}
	footer p{font-size: 11px;font-weight: 700;}

	header{position: relative;margin-bottom: 36px;}
	header h1{margin-left: -4px;}
	header h1 img{height: 45px;width: auto;}
	header h2{position: absolute;top: 0;right: 0;}
	header h2 img{height: 45px;width: auto;}

	#main{text-align: center;margin-bottom: 64px;}
	#main h3{margin-bottom: 48px;}
	#main h4{width: 60%;margin: auto;}

	.box{margin-bottom: 58px;}
	.box:last-of-type{margin-bottom: 0;}
	.box .title{text-align: center;position: relative;margin-bottom: 24px;}
	.box .title:before{content: "";width: 100%;height: 4px;position: absolute;top: 50%;left: 0;margin-top: -2px;background: #fff;z-index: -1;}
	.box .title h5{font-size: 20px;line-height: 20px;font-weight: 700;display: inline-block;padding: 0 20px;background: #E83C28;}

	.table dl{margin-bottom: 16px;}
	.table dl:last-of-type{margin-bottom: 0;}
	.table dt{font-size: 16px;font-weight: 600;}
	.table dd{font-size: 13px;line-height: 27px;}
	.table dd span{display: none;}
	.table dd a{font-size: inherit;text-decoration: underline;font-weight: 700;}

	.faq dl{margin-bottom: 1px;}
	.faq dt{padding: 5% 42px 5% 8%;background: #F79C92;color: #B71400 !important;font-size: 14px;line-height: 20px;position: relative;transition: 0.25s;}
	.faq dt:before{content: "";width: 0;height: 0;border-style: solid;border-width: 10px 6px 0 6px;position: absolute;top: 50%;right: 16px;margin-top: -5px;
		border-color: #e83b28 transparent transparent transparent;transition: 0.25s;}
	.faq dt.active:before{transform: rotate(180deg);}
	.faq dd{padding: 5% 8%;background: #F8B1A9;color: #772117 !important;font-size: 14px;line-height: 24px;display: none;}

	#contact th{font-size: 16px;font-weight: 700;text-align: left;display: block;padding-bottom: 8px;}
	#contact td{display: block;padding-bottom: 16px;position: relative;}
	#contact td input[type="text"]{width: 100%;height: 40px;font-size: 14px;padding: 0 18px;box-sizing: border-box;color: #333 !important;border-radius: 0;}
	#contact td input[type="file"]{width: 100%;padding-right: 20px;box-sizing: border-box;border-radius: 0;}
	#contact td textarea{width: 100%;height: 260px;max-width: 100%;font-size: 14px;padding: 18px;box-sizing: border-box;color: #333 !important;vertical-align: bottom;border-radius: 0;}
	#contact td ::placeholder{color: #E83C28;}
	#contact td *:focus{outline: none;}
	#contact tr:last-of-type td{padding-bottom: 0;}
	#contact #pp{text-align: center;margin-top: 48px;}
	#contact #pp a{font-size: 16px;padding: 10px 44px 10px 20px;position: relative;border-bottom: 2px solid #fff;text-decoration: none;
		display: inline-block;line-height: 1em;}
	#contact #pp a:before{content: "";width: 28px;height: 34px;background: url(../img/firstpitch2021/pdf@2x.png)no-repeat center;background-size: contain;
		position: absolute;bottom: -2px;right: -2px;z-index: 1;}
	#contact #fbtn input[type="submit"]{width: 100%;height: 64px;background: #3B3938;text-align: center;font-size: 20px;font-weight: 700;
		outline: none;border-radius: 9px;border: none;box-sizing: border-box;cursor: pointer;
		-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;}
	#contact #fbtn1 > .g-recaptcha{margin: 31px 0;}
	#contact .mwform-file-delete{position: absolute;top: 0;right: 0;line-height: 27px;text-align: right;background: #E83C28;width: 20px;}

	#contact.confirm #pp{display: none;}
	#contact.confirm #fbtn{margin-top: 48px;}
	#contact.confirm #fbtn1{margin-bottom: 12px;}
	#contact.confirm #fbtn2 input[type="submit"]{background: #9e3c3c;color: #772117 !important;}
	#contact.confirm #finish{font-size: 16px;}

	#side{position: fixed;left: 0;bottom: 0;text-align: center;font-size: 0;width: 100%;z-index: 999;}
	#side a{display: block;font-size: 16px;font-weight: 700;text-decoration: none;line-height: 54px;}
	#side p{display: inline-block;}
	#side .btn1{width: 55%;}
	#side .btn2{width: 45%;border-left: 2px solid #E83C28;box-sizing: border-box;}
	#side .btn1 a{letter-spacing: 0.05em;padding-left: 30px;
		background: url(../img/firstpitch2021/ico@2x.png)no-repeat center left 20px #3B3938;background-size: 20px auto;}
	#side .btn2 a{background: #F79C92;color: #E83C28 !important;letter-spacing: 0.3em;}
}

@media screen and (max-width: 362px) {
	#contact #fbtn1 > .g-recaptcha{transform-origin: 0% 0%;transform: scale(0.9);}
	#contact #pp a{font-size: 15px;padding: 10px 34px 10px 10px;}

	#side .btn1{width: 65%;}
	#side .btn2{width: 35%;}
}

footer .g-sitemap,
#spmenubtn,
#spnavi {
	display: none;
}