@charset 'utf-8';

body {
  background: #48BCC8;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, button {
  font-size: 18px;
}
*{
  color: #fff !important;font-feature-settings: inherit !important;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
/*=================================
　PC
===================================*/
@media screen and (min-width: 941px) {
	.w800,footer{max-width: 1024px;margin: auto;padding: 60px 80px 80px;}
	.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: 58px;}
	#main h3{margin-bottom: 87px;padding-top: 8px;}

	.box{margin-bottom: 58px;}
	/* .box.ado .mb2em{margin-bottom: 2em;} */
	.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: 1.25em;font-weight: 700;display: inline-block;padding: 0 32px;background: #48BCC8;}

	.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: 18px;max-width: 687px;line-height: 31px;padding-left: 1em;text-indent: -1em;}
	.table dd span{font-size: 18px;}
	.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: #ccfaff;color: #00b3c7 !important;font-size: 18px;line-height: 27px;position: relative;transition: 0.25s;font-weight: bold;}
	.faq dt:hover{color: #007380 !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: #00b3c7 transparent transparent transparent;transition: 0.25s;}
	.faq dt:hover:before{border-color: #007380 transparent transparent transparent;}
	.faq dt.active:before{transform: rotate(180deg);}
	.faq dd{padding: 27px 20px 30px 26px;background: #e6fcff;color: #007380 !important;font-size: 18px;line-height: 27px;display: none;}
	.faq dd a {
		color: #007380 !important;
    font-weight: 700;
    font-size: 1em;
	}

	#contact th{width: 220px;font-size: 18px;font-weight: 700;line-height: 1.5em;text-align: left;padding-top: 14px;padding-bottom: 14px;border-bottom: 1px dashed #fff;vertical-align: middle;}
	#contact td{padding-left: 29px;padding-top: 14px;padding-bottom: 14px;vertical-align: middle;}
	#contact td input[type="text"]{width: 100%;height: 40px;font-size: 18px;padding: 0 18px;box-sizing: border-box;color: #333 !important;}
	#contact td textarea{width: 100%;height: 260px;max-width: 100%;font-size: 18px;padding: 18px;box-sizing: border-box;color: #333 !important;vertical-align: bottom;}
	#contact td ::placeholder{color: #48BCC8;}
	#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: 50px;}
	#contact #pp a{font-size: 18px;padding: 10px 50px 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: 10px;right: 10px;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: #ccfaff;color: #48bcc8 !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: 15px;}
	#side a {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
	}
	#side .btn1 a{
		letter-spacing: 0.1em;
    padding-top: 50px;
    background: url(../img/firstpitch2021/ico@2x.png)no-repeat center 25px #3B3938;
    background-size: 37px auto;
    writing-mode: vertical-rl;
    padding: 25px;
    padding-top: 100px;
	}
	#side .btn2 a{
    padding: 23.5px;
    background-color: #ccfaff;
    color: #48bcc8 !important;
	}
	#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: 58px;}
	#main h3{margin-bottom: 48px;}
	#main h4{width: 60%;margin: auto;}

	.box{margin-bottom: 58px;}
	/* .box.ado .mb2em{margin-bottom: 2em;} */
	.box.ado .mb2em dl{margin-bottom: .5em;}
	.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;font-weight: 700;display: inline-block;padding: 0 20px;background: #48BCC8;max-width: 240px;}

	.table dl{margin-bottom: 2em;}
	.table dl:last-of-type{margin-bottom: 0;}
	.table dt{font-size: 18px;font-weight: 600;}
	.table dd{font-size: 18px;line-height: 27px;}
	.table dd span{display: none;}
  .table dd span.new-line {display: inline-block;}
	.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: #ccfaff;color: #00b3c7 !important;font-size: 18px;position: relative;transition: 0.25s;font-weight: bold;}
	.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: #00b3c7 transparent transparent transparent;transition: 0.25s;}
	.faq dt.active:before{transform: rotate(180deg);}
	.faq dd{padding: 5% 8%;background: #e6fcff;color: #007380 !important;font-size: 18px;display: none;}
	.faq dd a {
		color: #007380 !important;
    font-weight: 700;
    font-size: 1em;
	}

	#contact th{font-size: 18px;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: #48BCC8;}
	#contact td *:focus{outline: none;}
	#contact tr:last-of-type td{padding-bottom: 0;}
	#contact #pp{text-align: center;margin: 48px;}
	#contact #pp a{font-size: 18px;padding: 10px 55px 10px 20px;position: relative;border-bottom: 2px solid #fff;text-decoration: none;display: inline-block;}
	#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: 25px;right: 10px;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: #48BCC8;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: #ccfaff;color: #48bcc8 !important;}
	#contact.confirm #finish{font-size: 18px;}

	#side{position: fixed;left: 0;bottom: 0;text-align: center;font-size: 0;width: 100%;z-index: 999;}
	#side a{display: block;font-size: 18px;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 #48BCC8;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-color: #ccfaff;
    color: #48bcc8 !important;
		letter-spacing: 0.3em;
	}

	.grecaptcha-badge {
		bottom: 60px !important;
	}
}

@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;
}

/* add 2023 */
.mb1em {
  margin-bottom: 1em;
}
.mb2em {
  margin-bottom: 2em;
}
.new-line {
  display: inline-block;
  text-indent: 0;
}
.txt-right {
  text-align: right;
}

.box.poster {
  text-align: center;
}
@media screen and (min-width: 941px) {
  .box.poster {
    text-align: right;
  }
}
.box.poster a {
  display: inline-block;
  padding: 10px 40px;
  text-decoration: none;
  border-radius: 5vh;
  font-weight: bold;
  background: #fff;
  color: #333 !important;
}

/* URL コピー ボタン */
.box-copy-link {
  margin-top: 16px;
}
.box-copy-link input {
  position: absolute;
  opacity: 0;
}
.box-copy-link button {
  letter-spacing: 0.25em;
  width: 100%;
  padding: 5px 20px 3px;
  background: #fff;
  border: 1px solid #333;
  color: #333 !important;
  border-radius: 5vh;
  font-weight: normal;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}